Introduction to Sencha touch - developing web applications for mobile devices

Sencha Touch Build Mobile Web apps for iPhone, Android and Blackberry

Who am I ?
Joseph Khan
Senior Software Engineer.
Flex, HTML5, Sencha Touch, Mobile Web
4 yrs of experience.

MOTIVATION

Objectives

Why mobile web apps?

native apps v/s mobile web Mobile Web apps Native apps
Native apps can do more, access the hardware
Native apps run faster
Native is easier to develop
Native fits platform look and feel
Native can be monetized
Web is catching up fast
Web runtimes are much faster today and most apps do not need the speed anyway
Web is often easier to develop when targeting multiple platforms
Web can also give the same platform look and feel
Well, even web can be monetized

What is Sencha Touch?

Sencha Touch

How it works ? A normal HTTP client – server interaction Request sent from mobile browser Response arrives – html/css/js www.zaloni.com/mobile Mobile device with webkit browser HTTP Web Server www.zaloni.com domain public-html mobile index.html

How it looks ?

Features Charts

User Interface – very rich

Animations

Events

Touch Charts new charting library create beautiful dashboard applications rich and interactive all possible chart visualizations visualize complex data set data drill down with built in events and animations like pinch-to-zoom, swipe-to-pan, tap

Themes – Built in Ability to create custom theme

How to get started ?

Getting started… Sencha Touch is a JavaScript library Download Sencha Touch home page SDK www.sencha.com/products/touch

Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Javascript files CSS reference

Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Start writing your code in a new script block

Getting started… kitchen sink Showcase of all the features Examples of all features Source code dev.sencha.com/deploy/touch/examples/kitchensink/

Getting started… API docs Very good API documentation search for a class dev.sencha.com/deploy/touch/docs

Getting started… other sources Hello world example Sencha Touch forum Articles and tutorials Of course …… Google it http://www.sencha.com/learn/touch/ http://www.sencha.com/learn/hello-world http://www.sencha.com/forum/

Getting started… http://jbkflex.wordpress.com/ Detailed tutorial series in my blog

Live demo – USAID OTI Mobile site

Other libraries…. jQuery Mobile jQTouch WebApp.net 10 best mobile web frameworks to kick start your mobile web career http://superdit.com/2010/12/20/10-framework-to-help-build-mobile-web-application/

Thank you I have shared the slides in my blog http://jbkflex.wordpress.com/

Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/

http://jbkflex.wordpress.com	1271
http://pompomlabs.wordpress.com	4
http://translate.googleusercontent.com	1

Introduction to Sencha touch - developing web applications for mobile devices

by Joseph Khan

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 1,276

Statistics

Introduction to Sencha touch - developing web applications for mobile devices Presentation Transcript