Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using Titanium Mobile

4,240 views

Published on

Published in: Technology

Using Titanium Mobile

  1. 1. Using Titanium Mobile mobile app development using web skills, by example http://www.johndbritton.com @johndbritton
  2. 2. What is Titanium Mobile • Build native, cross-platform mobile apps • for iPhone, iPad, and Android • using only JavaScript, HTML, and CSS • Open Source FTW
  3. 3. Why Use Titanium • Simpler than iPhone SDK • Builds on pre-existing web skills • Cross Platform • Analytics • You can build an app TODAY.
  4. 4. Useful Modules • Titanium.Accelerometer • Titanium.Gesture • Titanium.Analytics • Titanium.Map • Titanium.Contacts • Titanium.Media • Titanium.Database • Titanium.UI • Titanium.Facebook • Titanium.XML • Titanium.Filesystem • Titanium.Yahoo • Titanium.Geolocation • (not a full list)
  5. 5. Creating an App
  6. 6. Creating an App
  7. 7. App Structure Entry Point
  8. 8. Demo: FWK Study • Prototype app built in less than 24 hours • No prior experience with mobile apps • Features • Browse Catalog • Read Book • Take Quizzes • Find Relevant Text
  9. 9. Scope: Titanium.UI • Window • TableViewSection • Tab • TableViewRow • TabGroup • WebView • TableView • ImageView
  10. 10. ./Resources/app.js • Entry point into Titanium App • TabGroup • Window • Tab • Animation TabGroup
  11. 11. Disciplines ./Resources/main_windows/discipline_list.js TableView, TableViewRow with Images
  12. 12. Specifying a TableViewRow
  13. 13. Books ./Resources/main_windows/book_list.js TableView, TableViewSection, TableViewRow
  14. 14. Specifying a TableViewSection
  15. 15. Book Resources ./Resources/main_windows/chapter_menu.js
  16. 16. Book Reader ./Resources/main_windows/book_reader.js WebView
  17. 17. Quiz •Label •TableView •ButtonBar •ProgressBar
  18. 18. Quiz Feedback •View •ImageView •Switch
  19. 19. Building an App 1. 2.
  20. 20. Things We Didn’t Cover • Geo, Accelerometer, Network, Gestures • Using WebViews to make HTML UI • Storing Data / State • Analytics • Tons more
  21. 21. Demo + Q&A http://developer.appcelerator.com

×