Titanium Mobile

1,051 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,051
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
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 youAccelerometer 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/

×