Cross platform native development with appcelerator titanium (2014 devnexus)

3,263 views

Published on

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

No Downloads
Views
Total views
3,263
On SlideShare
0
From Embeds
0
Number of Embeds
1,189
Actions
Shares
0
Downloads
44
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Cross platform native development with appcelerator titanium (2014 devnexus)

  1. 1. Cross Platform Native Development with Appcelerator Titanium STEPHEN FEATHER
  2. 2. Stephen Feather • Author, Technical Editor • Appcelerator Titan, Expert • OS Contributor • @stephenfeather STEPHEN FEATHER
  3. 3. Mobile Languages • iOS - Objective C • Android - Java • Mobile web - HTML5 • Blackberry - Java • Windows 8 Mobile - .NET (C#) STEPHEN FEATHER
  4. 4. Abstraction Layers STEPHEN FEATHER
  5. 5. Why use an abstraction layer? • Simpler maintenance • Quicker Development • Re-use existing knowledge/libraries • Less training/re-training STEPHEN FEATHER
  6. 6. “…the process of formulating generalized ideas or concepts by extracting common qualities from specific examples…” STEPHEN FEATHER
  7. 7. Enter Titanium STEPHEN FEATHER
  8. 8. Titanium • Open Source - Source code is available on github • Code in JavaScript • It is not a “Generator” • JavaScript to Bridge (kroll) to Native STEPHEN FEATHER
  9. 9. JAVASCRIPT TITANIUM SDK (3.2.1.GA) iOS 6.x Android 2.3.3 (API 10) BB NDK 10.0.x iOS 7.0. x Android 4.4.x (API 19) BB NDK 10.2.x Mobil e Web STEPHEN FEATHER
  10. 10. Advantages • Write Once • Deploy all over • Native Interface Controls • Reduce Maintenance • Simplify deployment to new platforms • Utilize existing JavaScript skills STEPHEN FEATHER
  11. 11. Disadvantages • Modify often • New feature delays • Bugs fix delays STEPHEN FEATHER
  12. 12. Code Reuse? • 100% of non-UI code is reusable • 50% of UI code (classic) is reusable • 80-85% of UI code (alloy) is reusable • The better the coder, the more reuse (experience and patterns) STEPHEN FEATHER
  13. 13. Appcelerator Platform • • • • • • • • • • Titanium SDK Appcelerator Studio Enterprise Connectors Code Analysis Liveview Analytics Testing/SOASTA Personalized Support Titanium SDK Call Sales STEPHEN FEATHER
  14. 14. Titanium • • • • • Titanium SDK Titanium Studio Alloy Cloud Services Community Support STEPHEN FEATHER
  15. 15. Let’s Build an App! (No, we need to do some installing first) 15 STEPHEN FEATHER
  16. 16. Installing Titanium • Visit appcelerator.com • Create an Appcelerator account • Download Titanium Studio • Open up the Docs/Guides site for reference ( http://docs.appcelerator.com/titanium/latest/#!/guide/Installation_and_Configuration ) • Studio will attempt to walk you through installing the prerequisites (node, xCode, Java, Android tooling) STEPHEN FEATHER
  17. 17. Installation for the Rebellious • Install node • Install xCode (osx only) • Install Android tooling (including 2.3.3 and latest API you wish to support) • Set path for android tooling • (be a true rebel, install Genymotion and throw Google Apps on a VM) • Ensure you have the correct jdk installed (6, 32bit on windows) • [sudo] npm -g install titanium • [sudo] npm -g install alloy • titanium setup (quick setup) • titanium sdk install latest • vi (note: duck as emac users will be throwing shoes) STEPHEN FEATHER
  18. 18. OK, NOW Let’s Build an App STEPHEN FEATHER
  19. 19. Additional Resources • https://github.com/sfeather/2014DevNexus • tiDev.io - Titanium News, Tips, Tutorials • gitt.io - Search github for Modules/Widgets • Docs - Official API Documentation, Guides (http://docs.appcelerator.com/) • Q&A - Community Forum (http://developer.appcelerator.com/questions) • Marketplace - Appcelerator’s store for free/paid addons (marketplace.appcelerator.com) STEPHEN FEATHER

×