Cross-platform appdevelopment with   HTML5 and  Sencha Touch        Conny Svensson Architect and Strategist Mobility     c...
Why?
Why?60%50%40%30%20%10%0%  10Q1      10Q2     10Q3   10Q4   11Q1   11Q2    11Q3   11Q4    12Q1  Android      iOS      Symbi...
Why?This is not the old desktop business!BYODConsumerization of IT
How?Write separate native appsWrite using custom cross-platform runtimesolutionWrite a web app or mobile siteWrite a hybri...
How?Resources                                                                 Native                                      ...
HTML5?               The good partsAn open standard, no vendor lock-inEasy to start with for web developersUse existing in...
HTML5?             The bad partsOnly a draft, not a final standardHTML was designed for content, not appsVarying platform &...
What?jQuery MobileSencha TouchDojo ToolkitTwitter BootstrapPhoneGap (Cordova)Many many more...
What?Sencha Touch 2.0MVC model, based on Ext JS 4Sencha ArchitectVisual IDE for Sencha Touch and Ext JSSass with CompassSe...
DEMO
Any questions?    Conny Svensson    blog.logicalabs.se c.svensson@logica.com    @connysvensson
Upcoming SlideShare
Loading in …5
×

Cross-platform development with HTML5 and Sencha Touch

2,142 views

Published on

This presentation was followed by a live coding session of an RSS Reader app packaged natively for iPhone and Android.

Abstract:
HTML5 is getting better an better with each release of the mobile operatingsystems and browsers. More features of the standards are supported and the rendering engines gets faster. This opens up for possibilities to construct attractive and engaging apps. There are many HTML5 framework on the market that focuses on mobile app development. One of the frameworks that just got a major update is Sencha Touch 2. This is one of the most mature mobile frameworks in the market and inherits many years of work in the ExtJS framework used for building advanced web apps for the desktop. It has a well thought out MVC model and produces a very nice looking user interface.
Sencha Architect is as tool to visually build Sencha Touch and ExtJS apps. But it’s not just an interface builder, you also define your models, stores as well as the controller logic. You can build complete production ready apps from this application, or maybe we should call it an IDE.
In the latest release of Sencha Touch you can choose to wrap you web app in a native container provided by Sencha, or you can choose to use the most common solution in the market today for hybrid apps which is PhoneGap (Cordova).
This presentation will show how the combination of these frameworks and tools can be a powerful ally for any app developer looking into building the next HTML5 driven cross-platform app.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,142
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
29
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Cross-platform development with HTML5 and Sencha Touch

    1. 1. Cross-platform appdevelopment with HTML5 and Sencha Touch Conny Svensson Architect and Strategist Mobility c.svensson@logica.com @connysvensson
    2. 2. Why?
    3. 3. Why?60%50%40%30%20%10%0% 10Q1 10Q2 10Q3 10Q4 11Q1 11Q2 11Q3 11Q4 12Q1 Android iOS Symbian RIM Bada Windows Others
    4. 4. Why?This is not the old desktop business!BYODConsumerization of IT
    5. 5. How?Write separate native appsWrite using custom cross-platform runtimesolutionWrite a web app or mobile siteWrite a hybrid app
    6. 6. How?Resources Native Custom runtime Hybrid Web app Mobile website User Experience & Features
    7. 7. HTML5? The good partsAn open standard, no vendor lock-inEasy to start with for web developersUse existing infrastructures and toolsNo approval process for releasing appsOnly “true” cross-platform technologyThe future!?
    8. 8. HTML5? The bad partsOnly a draft, not a final standardHTML was designed for content, not appsVarying platform & browser supportNo good “app” ecosystemLimited access to device hardwareUncanny valley
    9. 9. What?jQuery MobileSencha TouchDojo ToolkitTwitter BootstrapPhoneGap (Cordova)Many many more...
    10. 10. What?Sencha Touch 2.0MVC model, based on Ext JS 4Sencha ArchitectVisual IDE for Sencha Touch and Ext JSSass with CompassSencha SDK Tools (native packaging)Free commercial license!
    11. 11. DEMO
    12. 12. Any questions? Conny Svensson blog.logicalabs.se c.svensson@logica.com @connysvensson

    ×