Titanium Mobile Intro

Transcript

1. Developing  with  Titanium  Mobile   Marcus  Ross   Trainer  /  Freelancer   @zahlenhelfer  
2. The game is over
3. The  problem   •  Boss:  „We  need  an  App“   •  IT:  „Wow,  sure  for  which  plaForm?“   •  Boss:  „PlaIorm?  An  App!  “   •  IT:  „Yepp,  but  iOS,  android,  BB,  WP7?“   •  Boss:  „All,  or  not?  “   •  IT:  „OK  –  we  have  a  problem!“  
4. NATIVE  –  go  and  learn!   •  Learn  a  language  for  every  device/system   – ObjecWve-­‐C     – Java   – C++   – C#   •  ...and  be  a  ninja  on  each  device!     ...  maybe  5  yrs.  l8tr  
5. wait,  WebApps  are  great!   •  use  HTML5  with  CSS3  and  JS   •  free  to  develop  (no  dev.  program  needed)   •  free  as  free  beer   •  you  don´t  need  an  appstore   •  but,  you  can´t  moneWze.  Ask  your  boss!  
6. What is Titanium Mobile •  Mobile SDK (OpenSource) (GitHub:/appcelerator/titanium_mobile) •  No UI-Mimikry (i.e.: jQTouch) •  No WebView-Packager (PhoneGap) •  No DOM Stuff •  X-Plattform (iOS, Android, HTML5)
7. Titanium from 10.000 feet
8. Showcase • NBC/Universal • eBay • Kellogs • Jaguar
9. STOP we are developers
10. X-platform the other way •  JavaScript •  Mapping against native stubs (example.: TableView, sqlite) •  Cross-Plattform (write once, adapt anywhere...)
11. 101 – How to •  iOS SDK & Android SDK •  free reg. at Appcelerator •  download & installation of Titanium Studio •  The first Projekt
12. Hello World+ •  UI-Elements – Window – Label – TextFields – Button •  Events
13. Structure of an app •  Ressources-Folder – iPhone-Folder – Android-Folder •  app.js -> like main •  i18n
14. JavaScript, do it right app.js Ti.include(„ui.js“); ui.js (function(){ Ti.API.info(„Test“); })();
15. i18n 1/2 /ui.js var label = Titanium.UI.createLabel({ text:L(‘lblHelloWorld'), ....
16. i18n 2/2 i18n/de-de/strings.xml <?xml version="1.0" encoding="UTF-8"?> <resources> <string name="lblHelloWorld"> Hallo JavaScript Conf </string> </resources>
17. More? •  Follow: @zahlenhelfer •  developer.appcelerator.com •  Titanium devBook (german) •  Usergroup -> meetup.com/Titanium-Hamburg •  Slides on www.speakerdeck.com/u/zahlenhelfer
18. FAQ - Thank you! CODESTRONG!