Primers on mobile application development


Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Primers on mobile application development

  1. 1. Getting up and running with Titanium Appcelerator<br />1<br />
  2. 2. 2<br />Today’s Agenda<br />Titanium Mobile Overview<br />Hello World and Project Walkthrough.<br />
  3. 3. 3<br />Amazing Mobile Platforms<br />
  4. 4. 4<br />Well, you could build native, but...<br />Which platforms do you choose?<br />How many codebases do you want to (or even can you) support?<br />How long will it take to build native on N platforms?<br />How much effort will be duplicated?<br />
  5. 5. 5<br />The Web Is An Option...<br />...and should be preferred when feasible<br />Mobile browsers are progressing fast and converging around WebKit<br />But there are limitations<br />Native apps are inherently more capable than web apps<br />Native apps run faster and smoother on resource constrained devices<br />
  6. 6. 6<br />Ideally, we build cross-platform native apps...<br />
  7. 7. 7<br />...but we don’t want to “write once, run everywhere”<br />
  8. 8. 8<br />Enter Titanium<br />Titanium is an open source framework for building native mobile (or desktop) applications using open web technologies (JavaScript - optionally HTML and CSS)<br />
  9. 9. 9<br />Titanium Key Facts<br />Open Source (Apache 2.0)<br />Titanium Platforms<br />Desktop: Win32, OS X, Linux<br />Mobile: iOS, Android, BlackBerry, Nook Color.<br />
  10. 10. 10<br />Titanium Features<br />Native UI<br />Rich Media APIs<br />Local and streaming audio and<br />video, media recording<br />Real native tables, tabs, sliders,<br />and views<br />Location APIs<br />Open Source and Extensible<br />Native Maps, Compass, and <br />Geolocation<br />Extend Titanium with custom<br />modules in native code<br />Local and Remote Data<br />Integrated Analytics<br />Local SQL Database, Lightweight<br />Key/Value Store, XHR<br />Baked-in analytics APIs to measure<br />results and behavior<br />Social APIs<br />Development Tools<br />Integrated Facebook Connect<br />and YQL<br />Develop and distribute your app for<br />multiple platforms from a single tool<br />
  11. 11. 11<br />Who Uses Titanium?<br />NBC Universal<br />PayPal<br />MTV<br />ebay<br />Intridea (Oil Reporter)<br />1.5 M Developers<br />GetGlue<br />WunderList(>1 M downloads)<br />
  12. 12. 12<br />Titanium Architecture<br />
  13. 13. 13<br />What Titanium Mobile is not:<br />Not a native wrapper around a web view (PhoneGap being an example of this approach)<br />However, you do have a web view component for HTML/CSS UI if that is your preference<br />Your JavaScript code is invoking native APIs for UI and other native functions.<br />
  14. 14. 14<br />Example<br />
  15. 15. 15<br />Example<br />
  16. 16. 16<br />Example<br />
  17. 17. 17<br />Demo: Hello World!<br />Creating a mobile project<br />Mobile project structure<br />Editing code, adding UI widgets to the app<br />Deploy to simulator<br />
  18. 18. 18<br />Resources<br />Community Q&A<br />Reference Docs (new getting started guides just finished)<br />Premium Support (Pro Subscribers)<br />Kitchen Sink and Demo Apps<br />Dev Blog: Tutorials, Updates from dev team, developer-focused content<br />Follow @appcelerator for news and updates<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.