Introduction to Sencha touch - developing web applications for mobile devices


Published on

A presentation on Introduction to Sencha Touch - developing web applications for mobile devices such as iPhone, Android, Blackberry. For a detailed tutorial series visit my blog :
or search for Sencha Touch in blog. You will find a series of posts.

Published in: Technology, Design
1 Comment
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Introduction to Sencha touch - developing web applications for mobile devices

  1. 1. Sencha Touch Build Mobile Web apps for iPhone, Android and Blackberry
  2. 2. Who am I ? <ul><li>Joseph Khan </li></ul><ul><li>Senior Software Engineer. </li></ul><ul><li>Flex, HTML5, Sencha Touch, Mobile Web </li></ul><ul><li>4 yrs of experience. </li></ul>
  3. 3. <ul><li>MOTIVATION </li></ul>
  4. 4. Objectives
  5. 5. Why mobile web apps?
  6. 6. native apps v/s mobile web Mobile Web apps Native apps <ul><li>Native apps can do more, access the hardware </li></ul><ul><li>Native apps run faster </li></ul><ul><li>Native is easier to develop </li></ul><ul><li>Native fits platform look and feel </li></ul><ul><li>Native can be monetized </li></ul><ul><li>Web is catching up fast </li></ul><ul><li>Web runtimes are much faster today and most apps do not need the speed anyway </li></ul><ul><li>Web is often easier to develop when targeting multiple platforms </li></ul><ul><li>Web can also give the same platform look and feel </li></ul><ul><li>Well, even web can be monetized </li></ul>
  7. 7. What is Sencha Touch?
  8. 8. Sencha Touch
  9. 9. How it works ? A normal HTTP client – server interaction Request sent from mobile browser Response arrives – html/css/js Mobile device with webkit browser HTTP Web Server domain public-html mobile index.html
  10. 10. How it looks ?
  11. 11. Features Charts
  12. 12. User Interface – very rich
  13. 13. Animations
  14. 14. Data
  15. 15. Media
  16. 16. Events
  17. 17. 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
  18. 18. Themes – Built in Ability to create custom theme
  19. 19. How to get started ?
  20. 20. Getting started… Sencha Touch is a JavaScript library Download Sencha Touch home page SDK
  21. 21. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Javascript files CSS reference
  22. 22. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Start writing your code in a new script block
  23. 23. Getting started… kitchen sink Showcase of all the features Examples of all features Source code
  24. 24. Getting started… API docs Very good API documentation search for a class
  25. 25. Getting started… other sources Hello world example Sencha Touch forum Articles and tutorials Of course …… Google it
  26. 26. Getting started… Detailed tutorial series in my blog
  27. 27. Live demo – USAID OTI Mobile site
  28. 28. Other libraries…. jQuery Mobile jQTouch 10 best mobile web frameworks to kick start your mobile web career
  29. 29. Thank you I have shared the slides in my blog
  30. 30. Reach me at [email_address]