Idea to Appstore with Titanium Mobile

1,035 views

Published on

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

No Downloads
Views
Total views
1,035
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Idea to Appstore with Titanium Mobile

    1. 1. IDEA TO APPSTORE WITH TITANIUM js.la - June 28, 2012
    2. 2. console.log(ME);Christian SullivanSoftware Engineer at Xogixweb : http://RogueSynaptics.comemail : cs@euforic.cotwitter : @euforicGithub : http://github.com/euforic
    3. 3. THE BOSS
    4. 4. The Family
    5. 5. TITANIUM MOBILE• Rapid development & prototyping tool• Single high level language: JS• Multiple deployment platform• Use many JS libraries work out of the box• Extendable with native modules
    6. 6. TITANIUM APPS ARE NATIVE • Is Titanium the same thing as PhoneGap? • Does titanium compile to objective-c? • Can we also expect a native user experience?
    7. 7. TITANIUM RUNTIMEMobile:• JavaScript APIs for UI (Native)• JavaScript for scripting• WebView available, but not required
    8. 8. PLATFORM FEATURES Native User Experience Multimedia Native performance + Native UI Camera, video camera, (tables, animations, gestures…etc.) streaming/device audio/video Location-based services Analytics Custom analytics baked into every Augmented reality, geo-location, application, track usage patterns compass, native maps and adoption Social sharing Titanium+Plus Authenticated access to Facebook, Encrypted database, ecommerce, Twitter, Yahoo YQL. ads, barcode scanners, custom Native email/address book analytics, in-app purchase Data Development tools Local SQLite data store, web Create, test, and publish your app services, lightweight key/value using the same tools across store platforms
    9. 9. WHO USES TITANIUM?Latest Applications:•Late Night with Jimmy Fallon•Sugar Mobile•GetGlue (Android)Companies:•NBC/Universal•eBay and PayPal•Anheuser Busch•Jaguar•MTV•Many more
    10. 10. FOR YOU WEB DEVELOPERS…A “window” is analogousto a “page”A “view” is analogous toa “div”Ti.UI namespace providesmany specialized controls(buttons, text fields,pickers, maps, scrollviews)UI objects are composedin JavaScript similarly toDOM fragments
    11. 11. VIEW HIERARCHY AND POSITIONING Modeled after iOS View Hierarchy Views positioned relative to parent Layout options: • Absolute • Vertical • Horizontal
    12. 12. EVENT HANDLINGSimilar To JavaScript in the browserCan use addEventListener on nearly any JS objectCan programmatically fire events on objects as well
    13. 13. TITANIUM WORKFLOWTarget both platforms early (though not necessarily today)iOS Emulator is fast for devDeploying to iOS device is slowAndroid Emulator is S-L-O-W – keep it running!Android devices are faster (better for dev)
    14. 14. PSD2TI• Parse Photoshop files and generate Titanium UI• Layers are given # to denote element (ex. somelayer#button)• Exports layers to individual files (retina/non-retina)
    15. 15. EXAMPLE PSD
    16. 16. Output
    17. 17. TITANIUM : SHIMMY.JS• Shortened syntax• Extendable Objects• Better EventEmitters w/ EventEmitter2• Property Mapping• Easier Custom Object Creation• Chainable
    18. 18. SYNTAXTitanium SyntaxShimmy Syntax
    19. 19. MAPPINGWorks great for grabbing values from complex forms.
    20. 20. EXTENDABLE
    21. 21. MONGLODB• In memory db• Evented Collections• MongoDB query syntax• Locally stored for offline persistence• Available offline
    22. 22. USAGE EXAMPLE
    23. 23. WHY?
    24. 24. So we can avoid these :-)Simple apps don’t require server backend.
    25. 25. DISTRIBUTING BETAS http://testflightapp.comhttps://github.com/DamageStudios/testflight-module
    26. 26. ANALYTICS http://count.lyhttps://github.com/euforic/Titanium-Count.ly
    27. 27. QUESTIONS?
    28. 28. Christian SullivanSoftware Engineer at Xogixweb : http://RogueSynaptics.comemail : cs@euforic.cotwitter : @euforicGithub : http://github.com/euforic

    ×