• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
JQuery Mobile vs Appcelerator Titanium vs Sencha Touch
 

JQuery Mobile vs Appcelerator Titanium vs Sencha Touch

on

  • 28,812 views

During this briefing for developers and I.T. managers, you'll get an in-depth review of the three most popular javascript-based mobile application development platforms - jQuery Mobile, Sencha Touch, ...

During this briefing for developers and I.T. managers, you'll get an in-depth review of the three most popular javascript-based mobile application development platforms - jQuery Mobile, Sencha Touch, and Appcelerator Titanium! You'll review the development tools, hear about the developer and debugging experience, and participate in a brief code review in order to determine which framework is the most appropriate for your next mobile project! We'll demonstrate how each framework can be used to develop the same mobile app, highlighting the strengths and weaknesses of each.

Note that the full 2.5 hour video of this presentation is available at http://bit.ly/Y04lDi

Statistics

Views

Total Views
28,812
Views on SlideShare
28,738
Embed Views
74

Actions

Likes
24
Downloads
316
Comments
2

4 Embeds 74

http://druckit.wordpress.com 47
https://twitter.com 18
http://lochsoft.wordpress.com 8
http://68.166.223.4 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

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for it.. My team has used JQuery Mobile with phonegap around 2 years back but then switched to titanium because as you mentioned it was not able to handle complex project. However, we will definitely try now sencha after going through this as more and more customers are demanding Windows 8 platform and Appcelerator doesn't have it yet
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for the briefing. It was very helpful.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    JQuery Mobile vs Appcelerator Titanium vs Sencha Touch JQuery Mobile vs Appcelerator Titanium vs Sencha Touch Presentation Transcript

    • Mobile Development Shootout withjQuery Mobile, Sencha Touch, andAppcelerator TitaniumSteve DruckerFounder / PresidentFig Leaf Software
    • About Me B.S. Computer Science, The University of Maryland College Park Certified Technical Trainer (CTT+) Certified Sencha Instructor Certified Titanium Developer Authored first book about ColdFusion Author of "Teach Yourself Sencha in a Day" Authored 20+ instructor-led training courses for Adobe, Sencha,Paperthin, JackBe, and Fig Leaf Software Singlehandedly developed generation 2 of voanews.com – 44 sitesin 44 languages with 500K content items Consulting architect for www.nps.gov Developed mobile apps for ENTNet, Archdiocese of Baltimore, andQuest Diagnostics 20+ year career in I.T.
    • About Me Current Projects "Teach Yourself Sencha Touch and Ext JS 4 in a Day"http://training.figleaf.com/tutorials/senchacomplete/ "Fast Track to Sencha Touch 2.2" iPad-based patient chart for Quest Diagnostics iPad-based crime reporting tool for D.H.S. A few published apps (also available on iTunes & Play) www.archbalt.org/mobile www.entnet.org/mobile training.figleaf.com/mobile
    • Introduce Yourselves! Why are you here? What is your technical background? What do you hope to learn? What kinds of projects are you working on?
    • Topics jQuery Mobile Sencha Touch Appcelerator Titanium
    • Evaluation Criteria Build reference app: Friends with Beer Demonstrate typical mobile functionality Layout Theming Data Interoperability Data Entry Media handling Map Support X-Device Compatibility HTML Support Performance Goal: Understand the Development Experience & TCO
    • Friends with Beer
    • jQuery Mobile Browser-based mobile application developmentframework that sits on top of jQuery DOM-based coding approach to mobile development Supported by Adobe, appendTo, jQuery Foundation Open Source Relatively good IDE support X-device compatible Compile to native app with PhoneGap / PhoneGap Build
    • jQuery Mobile Views
    • jQuery Mobile Data HandlingNote: You will likely want to use Backbone.jsto enhance native data handling
    • Dynamically Populating UI
    • Development Tools Dreamweaver CS 6 Aptana Studio Codiqa ThemeRoller
    • Dreamweaver Insert menu helps lowerlearning curve for JQMtag attributes Mobile swatches featuredeploys themerollerthemes One-click packaging withPhoneGap Buildintegration Not truly WYSIWYG
    • Codiqa Browser-basedvisual WYSIWYGdesigner Does not allowyou to define/editevent handlers
    • ThemeRoller
    • JQM Code Walkthrough Friends with Beer, JQM Edition
    • JQM Summary Strengths Easy DOM-based syntax to master X-device support Large numbers of developers already fluent in jQuery Weaknesses No built-in development framework (MVC) DOM syntax can be repetitive Performance Likely to need 3rdparty plugins http://www.tutorialfeed.org/2012/02/10-awesome-jquery-mobile-plugins-for.html http://backbonejs.org http://code.google.com/p/jquery-ui-map Our Conclusion Best suited for very small projects or "multi-page apps" where anapp server is dynamically generating the views as an alternativeto responsive web design.
    • Sencha Touch Browser-based mobile application development framework Uses similar development paradigms to Ext JS 4 JavaScript MVC class-based approach to development Open source Supported by Sencha (VC-backed) Compatible with most mobile browsers (Chrome, Safari, iOSBrowser, Android Browser, Kindle, current-gen Blackberry,Windows Mobile/Surface Excellent developer tools and resources Compile to native app with either PhoneGap or Sencha CMD Native API support for some device APIs. Several code generation tools available
    • Sencha Touch Views
    • Sencha Touch Data Handling
    • Sencha Touch DevelopmentTools Sencha Architect Sencha Eclipse Plugin Sencha Cmd 3 3rdParty Support JetBrains WebStorm / IntelliJ Sublime Text
    • Sencha Architect
    • Sencha Eclipse Plugin
    • Sencha Cmd 3 Command-line utility Code generation tools Sencha Mobile Packager Code selection tools for tuning whats included in yourapps final distro Workspace management Integration with Apache Ant
    • Sencha Touch Code Walkthrough
    • Sencha Touch Summary Strengths Only full-featured WYSIWYG IDE available Use same IDE, concepts and similar syntax for Touch & Desktopdevelopment Best performing mobile web framework MVC framework well-suited to large development projects,working in teams Documentation, Examples, Fig Leafs Getting Started Tutorials Weaknesses Syntax and MVC framework can be challenging to master fornon-professionals (somewhat mitigated by Sencha Architect) Performance not as good as native app (but improving) No visual theme builder, upgrading from older versions typicallyinvolves some level of effort. Our Conclusion Best overall framework for line-of-business and enterprise appdevelopment
    • Appcelerator Titanium Mobile App development framework compiler Compiles XML and JavaScript into a native iOS / Android /Mobile Web App using native device UI components. Supported by Appcelerator (the owners of Aptana Studio) Open source IDE (Titanium Studio) is based on Aptana Studio(no WYSIWYG) MVC development model similar to Adobe Flex & .ASPX Compiles to Android, iOS, and Web, however, your app willnot look the same on different devices (due to differencesin native UI components) Extensive support for Aptanas cloud services and nativedevice APIs
    • Titanium Views
    • Titanium Data Handling
    • Titanium Studio
    • Titanium Code Walkthrough
    • Appcelerator Titanium Summary Strengths Android and iOS apps look and function as native apps because theyare native apps Appcelerator cloud support Native API support (alternative to PhoneGap) Building "hybrid" apps (e.g. FaceBook) with WebView component Weaknesses Can be difficult to debug Web app generation is immature Compilation times can add up Missing an abstraction layer for some commonly used form GUIs(select boxes) – they advise using web forms The same app on different platforms will not look the same Must tag certain components as device-specific, leading to longerdevelopment cycles Our Conclusion Good for handling apps with lots of a/v integration or dependencieson device-specific features. Use as a native shell around a webview
    • Q & A
    • Contact Us sdrucker@figleaf.com http://www.linkedin.com/in/uberfig http://www.facebook.com/steve.drucker http://druckit.wordpress.com http://www.figleaf.com http://training.figleaf.com Free tutorials:http://training.figleaf.com/tutorials Ask me about our Consulting, Training, and SoftwareSales!
    • Watch the Video! Check out the full 2.5 hour video of this presentation atthe following url:http://bit.ly/Y04lDi(requires Adobe Flash Player)