Caph 2.1 Framework Overview

This document explains overview about Caph. Caph is framework for web application. Caph is implemented using JavaScript. You can improve your current application using Caph-Base or you can make a new application using Caph UI Components.

Overview

Caph Framework consist of 3 packages : Base, UI and Theme. Now, Base package is released. UI and Theme package will be released in next Jan.

The following is architecture of Caph.

 

caph.base

Caph Base provides high performance API to access and animate DOM. You can improve the performance of your existed application using this package.

  • OOP : Caph provides a mechanism to define your class to support OOP. You can define your class or inherit other class and expand its function. Caph also provides super call.
  • DOM Selector & Manipulation : jquery-style API set. But its performance is higher than jQuery.
  • Animation : Caph provides 2 animation API set. The first is transform APIs. Using Transform APIs, you can animate DOM directly using CSS3 transform easily. The second is timeline animation. You can animation DOM compositing animations using timeline. Cah provides many pre-defined timing functions and animations. All animations are accelerated by GPU.
  • Event Processor : You can define your own message and it will be processed like other native events. Event Processor provides messaging system for Caph. Your module can communicate with others via message.

caph.ui

This package provide accelerated UI component and customizable APIs. You can define view and layout for your application easily. You can define your components and it will be suitable for Tizen TV.

  • View : All UI components are based on View. View is abstraction for UI modules.
  • Layout : Caph supports various layout such as Absolute, Relative, Table, Linear, Fluid and Floating. You can compose your screen using layout easily. You don’t need to use absolute pixel.
  • Focus Manager : Focus management is important on especially TV system. Almost user operate a TV using remote controller. It means user moves focus using remote controller. Focus manager helps to control focus. You don’t need to care about focus management. 
  • Accessibility : Caph UI Components supports WAI-ARIA properties. If you develop using Caph UI Components, your application will support accessibility without any additional libraries.

caph.theme

Caph provides various pre-defined UI components. Your application will look like a part of Tizen TV. You can change its look at once easily. You can define your own theme easily.

Now, new Stripe theme is released. You can design and develop your application with Tizen TV style.