Titanium Mobile
 Build iPhone apps w/ Javascript
Who am I?
• Scott Motte / 25 / Perris, CA
• mid-level rubyist that prefers Merb
• spitfiresky.com
• twitter.com/spitfiresky
...
Install

•   Download iPhone SDK

•   Download Titanium Developer

•   Request Mobile access

•   send a nice email (frien...
Setup

•   Create new app

•   configure tiapp.xml

•   create html/js/css

•   launch emulator to
    check your work
tiapp.xml
tiapp.xml

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

•   If only one <window> tag is ...
Layout
 •   Organize your files any way
     you’d like under Resources

 •   /android and /iphone are for
     code you wr...
flights/index.html
javascripts/flights/index.js
javascripts/master.js
exceptions/unauthenticated.html
javascripts/exceptions/
   unauthenticated.js
flights/new.html
javascripts/flights/new.js
Launch Emulator
Available to you

Accelerometer       Gestures
  Database      Embed sounds/video
  Filesystem    Network & Platform
 GeoL...
Where to go next
• Visual API - http://github.com/
  kwhinnery/KitchenSink

• Written API - http://
  www.codestrong.com/t...
Titanium Mobile
Titanium Mobile
Titanium Mobile
Upcoming SlideShare
Loading in …5
×

Titanium Mobile

7,063
-1

Published on

Presentation to sdruby on building iPhone applications with Titanium Mobile.

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,063
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
122
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Titanium Mobile

  1. 1. Titanium Mobile Build iPhone apps w/ Javascript
  2. 2. Who am I? • Scott Motte / 25 / Perris, CA • mid-level rubyist that prefers Merb • spitfiresky.com • twitter.com/spitfiresky • github.com/scottmotte • scott@spitfiresky.com
  3. 3. 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/
  4. 4. Setup • Create new app • configure tiapp.xml • create html/js/css • launch emulator to check your work
  5. 5. tiapp.xml
  6. 6. 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).
  7. 7. 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
  8. 8. flights/index.html
  9. 9. javascripts/flights/index.js
  10. 10. javascripts/master.js
  11. 11. exceptions/unauthenticated.html
  12. 12. javascripts/exceptions/ unauthenticated.js
  13. 13. flights/new.html
  14. 14. javascripts/flights/new.js
  15. 15. Launch Emulator
  16. 16. Available to you Accelerometer Gestures Database Embed sounds/video Filesystem Network & Platform GeoLocation UI
  17. 17. Where to go next • Visual API - http://github.com/ kwhinnery/KitchenSink • Written API - http:// www.codestrong.com/timobile/ api/ • Inspiration - http:// www.appcelerator.com/ appcelerator-platform/ applications-showcase/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×