User:Sganta/Sencha Touch (mobile app framework)

From Wikipedia, the free encyclopedia
Sencha Touch
Developer(s)Sencha
Stable release
1.1.0 / March 23, 2011 (2011-03-23)
TypeJavaScript library
LicenseGPLv3 or proprietary
Websitehttp://www.sencha.com/products/touch/

Sencha Touch is a JavaScript UI Framework specifically built for Mobile Web . It can be used by Web developers to develop user interface for mobile web applications that look and feel like native applications on supported mobile devices. It is completely based on Web standards like HTML5 , CSS3 and javascript .


Version History and Support[edit]

Sencha Touch is a product of Sencha which was formed after popular javascript library projects Ext JS,jQTouch andRaphaël were combined [1].The first release of Sencha Touch was version 0.90 beta on july 17 2010 .This beta release supported iOS devices like iphone, ipod touch,ipad and Android Devices . Subsequently the first stable version 1.0 was released on November 2010. The latest stable version 1.1.0 adds support to BlackBerry devices running OS version 6. Sencha Touch is primarily based on Webkit , so it can support only webkit-based browsers like chrome and safari .[2].

Features[edit]

GUI controls[edit]

Sencha Touch includes a set of GUI-based GUI widgets or "Components" for use within mobile web applications. These components are highly optimized for touch input .List of components[3]:

  • Buttons with device specific themes and effects.
  • Form elements like text fields for email,address,etc.,sliders,selectors and comboboxes .
  • List component which has momentum scrolling along with index .
  • Minimalistic Icon set .
  • Toolbars/Menus .
  • Movable Tabs .
  • Bottom Toolbars.
  • Map component with support to multi-touch input like pinch and zoom.

All the components can be themed according to the target device .This is done using SASS ,a stylesheet language built over CSS .

CSS Transitions(Animations)[edit]

Sencha Touch has certain in-built transition effects .

  • Slide over or under current element.
  • Pop
  • Flips
  • Cube

Touch Events[edit]

It support common touch gestures basically built from Touch events which are webstandard but are supported only by iOS , Android OS and some touch enabled devices .

  • Tap
  • Double Tap
  • Swipe
  • Scroll
  • pinch

Application Data support[edit]

Sencha Touch being JavaScript Framework consists of both UI libraries and also Data libraries[4]. With the use of Data libraries the mobile web application can get data from server . Sencha Touch has a data package to support web standards for data interchange with server like AJAX and JSONP[5] . It also supports YQL[6][7] . Using these technologies , data can be bound to visual components like Lists to reflect data from server .

Offline Applications[edit]

Mobile Web Applications require connection to the network to serve data to the user . However user would like to use the application even when its not connected and synchronize with server when connected . The ability of a web application to work offline is a big feature of HTML5[8]. HTML5 uses CACHE MANIFEST to list the resources to fetch while connected to server and maintain while to be used while offline[9]. Sencha Touch leverages this feature and adds to it to make good offline apps . Using the Framework it is possible to dynamically change the list of resources like scripts ,stylesheets etc., that we want to cache based on the state of application and user demand [10]. It is possible to store data offline by binding the data to components using JSONP when its online so the data is present even when the device gets disconnected.

Comparision to Native apps[edit]

Native applications on mobile devices have access to all the device components like Camera phone,GPS navigation device,etc., .This enables them to leverage the full potential of the mobile device when compared to a web application [11]. Sencha Touch does not provide any way of accessing the device components . However it can be used along with PhoneGap to create applications native to a mobile device [12]. The capability of such applications is restricted by the capability of PhoneGap.

References[edit]

  1. ^ http://www.sencha.com/blog/2010/06/14/ext-js-jqtouch-raphael-sencha/
  2. ^ http://blog.nowvu.com/2010/08/30/a-lightweight-method-to-check-sencha-touch-browser-compatibility-in-php/
  3. ^ http://notes.sencha.com/post/709462805/intro-to-sencha-touch
  4. ^ http://badassjs.com/post/707996695/sencha-touch-a-cross-platform-html5-mobile-application
  5. ^ http://www.developria.com/2010/11/sencha-touch-javascript-mobile.html
  6. ^ http://www.technogadge.com/sencha-touch-open-source-html5-mobile-app-framework/
  7. ^ http://www.learnsomethings.com/2010/10/24/10-nights-with-sencha-touch-developing-the-mobile-portfolio-tracker/
  8. ^ http://www.w3.org/TR/offline-webapps/
  9. ^ http://diveintohtml5.org/offline.html
  10. ^ http://www.sencha.com/learn/Tutorial:Taking_Sencha_Touch_Apps_Offline
  11. ^ http://mobile.tutsplus.com/articles/news/sencha-touch-html5-mobile-framework/
  12. ^ http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap

External links[edit]

See also[edit]


Retrieved from "https://en.wikipedia.org/w/index.php?title=User:Sganta/Sencha_Touch_(mobile_app_framework)&oldid=459661405"