Using Titanium Mobile

4,007 views
3,917 views

Published on

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
4,007
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
79
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide





















  • 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

    ×