Using Titanium Mobile

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

What is Titanium Mobile • Build native, cross-platform mobile apps • for iPhone, iPad, and Android • using only JavaScript, HTML, and CSS • Open Source FTW

Why Use Titanium • Simpler than iPhone SDK • Builds on pre-existing web skills • Cross Platform • Analytics • You can build an app TODAY.

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)

Creating an App

App Structure Entry Point

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

Scope: Titanium.UI • Window • TableViewSection • Tab • TableViewRow • TabGroup • WebView • TableView • ImageView

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

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

Specifying a TableViewRow

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

Specifying a TableViewSection

Book Resources ./Resources/main_windows/chapter_menu.js

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

Quiz •Label •TableView •ButtonBar •ProgressBar

Quiz Feedback •View •ImageView •Switch

Building an App 1. 2.

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

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

http://www.slideshare.net	24
http://nofoon.com	12

Using Titanium Mobile

by johndbritton

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 36

Statistics

Using Titanium Mobile Presentation Transcript