Titanium Mobile

20
Titanium Mobile Build iPhone apps w/ Javascript

description

Presentation to sdruby on building iPhone applications with Titanium Mobile.

Transcript of Titanium Mobile

Page 1: Titanium Mobile

Titanium MobileBuild iPhone apps w/ Javascript

Page 2: Titanium Mobile

Who am I?

• Scott Motte / 25 / Perris, CA

• mid-level rubyist that prefers Merb

• spitfiresky.com

• twitter.com/spitfiresky

• github.com/scottmotte

[email protected]

Page 3: Titanium Mobile

Install

• Download iPhone SDK

• Download Titanium Developer

• Request Mobile access

• send a nice email (friend http://Jeromegn.com received his invite within the hour)

*http://www.appcelerator.com/products/download-titanium/download/*http://www.appcelerator.com/products/request-titanium-mobile/

Page 4: Titanium Mobile

Setup

• Create new app

• configure tiapp.xml

• create html/js/css

• launch emulator to check your work

Page 5: Titanium Mobile

tiapp.xml

Page 6: Titanium Mobile

tiapp.xml

• One or more <window> elements are added to create a tab bar view.

• If only one <window> tag is a child of <windows>, then by nature the view is a single view application (no tab bar).

Page 7: Titanium Mobile

Layout• Organize your files any way

you’d like under Resources

• /android and /iphone are for code you write specific to those platforms

• When you start off you’ll mostly be writing javascript code to open up new html windows

Page 8: Titanium Mobile

flights/index.html

Page 9: Titanium Mobile

javascripts/flights/index.js

Page 10: Titanium Mobile
Page 11: Titanium Mobile

javascripts/master.js

Page 12: Titanium Mobile

exceptions/unauthenticated.html

Page 13: Titanium Mobile

javascripts/exceptions/unauthenticated.js

Page 14: Titanium Mobile
Page 15: Titanium Mobile

flights/new.html

Page 16: Titanium Mobile

javascripts/flights/new.js

Page 17: Titanium Mobile
Page 18: Titanium Mobile

Launch Emulator

Page 19: Titanium Mobile

Available to you

AccelerometerDatabaseFilesystem

GeoLocation

GesturesEmbed sounds/videoNetwork & Platform

UI