Introduction to Sencha touch - developing web applications for mobile devices
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Introduction to Sencha touch - developing web applications for mobile devices

on

  • 8,145 views

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 : ...

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 : http://jbkflex.wordpress.com/2011/07/30/writing-your-first-sencha-touch-application-part1/
or search for Sencha Touch in blog. You will find a series of posts.

Statistics

Views

Total Views
8,145
Views on SlideShare
6,701
Embed Views
1,444

Actions

Likes
5
Downloads
246
Comments
1

4 Embeds 1,444

http://jbkflex.wordpress.com 1431
https://jbkflex.wordpress.com 7
http://pompomlabs.wordpress.com 5
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Rocking Demo..!!! Keep it up :D
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. Sencha Touch Build Mobile Web apps for iPhone, Android and Blackberry
  • 2. Who am I ?
    • Joseph Khan
    • Senior Software Engineer.
    • Flex, HTML5, Sencha Touch, Mobile Web
    • 4 yrs of experience.
  • 3.
    • MOTIVATION
  • 4. Objectives
  • 5. Why mobile web apps?
  • 6. 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
  • 7. What is Sencha Touch?
  • 8. Sencha Touch
  • 9. 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
  • 10. How it looks ?
  • 11. Features Charts
  • 12. User Interface – very rich
  • 13. Animations
  • 14. Data
  • 15. Media
  • 16. Events
  • 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. Themes – Built in Ability to create custom theme
  • 19. How to get started ?
  • 20. Getting started… Sencha Touch is a JavaScript library Download Sencha Touch home page SDK www.sencha.com/products/touch
  • 21. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Javascript files CSS reference
  • 22. Getting started… Integrated Development Environment (IDE) – Visual Web Developer 2008 Start writing your code in a new script block
  • 23. Getting started… kitchen sink Showcase of all the features Examples of all features Source code dev.sencha.com/deploy/touch/examples/kitchensink/
  • 24. Getting started… API docs Very good API documentation search for a class dev.sencha.com/deploy/touch/docs
  • 25. 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/
  • 26. Getting started… http://jbkflex.wordpress.com/ Detailed tutorial series in my blog
  • 27. Live demo – USAID OTI Mobile site
  • 28. 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/
  • 29. Thank you I have shared the slides in my blog http://jbkflex.wordpress.com/
  • 30. Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/