1. Using Titanium Mobile
mobile app development using web skills, by example
http://www.johndbritton.com
@johndbritton

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. Why Use Titanium
• Simpler than iPhone SDK
• Builds on pre-existing web skills
• Cross Platform
• Analytics
• You can build an app TODAY.

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. Creating an App

6. Creating an App

7. App Structure
Entry Point

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. Scope:
Titanium.UI
• Window • TableViewSection
• Tab • TableViewRow
• TabGroup • WebView
• TableView • ImageView

10. ./Resources/app.js
• Entry point into
Titanium App
• TabGroup
• Window
• Tab
• Animation
TabGroup

11. Disciplines
./Resources/main_windows/discipline_list.js
TableView, TableViewRow
with Images

12. Specifying a TableViewRow

13. Books
./Resources/main_windows/book_list.js
TableView, TableViewSection,
TableViewRow

14. Specifying a TableViewSection

15. Book Resources
./Resources/main_windows/chapter_menu.js

16. Book Reader
./Resources/main_windows/book_reader.js
WebView

17. Quiz
•Label
•TableView
•ButtonBar
•ProgressBar

18. Quiz Feedback
•View
•ImageView
•Switch

19. Building an App
1.
2.

20. Things We Didn’t
Cover
• Geo, Accelerometer, Network, Gestures
• Using WebViews to make HTML UI
• Storing Data / State
• Analytics
• Tons more

21. Demo + Q&A
http://developer.appcelerator.com