1. Cross Platform Native Development
with Appcelerator Titanium
STEPHEN
FEATHER

2. Stephen Feather
•
Author, Technical Editor
•
Appcelerator Titan, Expert
•
OS Contributor
•
@stephenfeather
STEPHEN
FEATHER

3. Mobile Languages
•
iOS - Objective C
•
Android - Java
•
Mobile web - HTML5
•
Blackberry - Java
•
Windows 8 Mobile - .NET (C#)
STEPHEN
FEATHER

4. Abstraction Layers
STEPHEN
FEATHER

5. Why use an abstraction
layer?
•
Simpler maintenance
•
Quicker Development
•
Re-use existing knowledge/libraries
•
Less training/re-training
STEPHEN
FEATHER

6. “…the process of formulating generalized ideas
or concepts by extracting common qualities
from specific examples…”
STEPHEN
FEATHER

7. Enter Titanium
STEPHEN
FEATHER

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. 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. Advantages
•
Write Once
•
Deploy all over
•
Native Interface Controls
•
Reduce Maintenance
•
Simplify deployment to new
platforms
•
Utilize existing JavaScript skills
STEPHEN
FEATHER

11. Disadvantages
•
Modify often
•
New feature delays
•
Bugs fix delays
STEPHEN
FEATHER

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. Appcelerator
Platform
•
•
•
•
•
•
•
•
•
•
Titanium SDK
Appcelerator Studio
Enterprise Connectors
Code Analysis
Liveview
Analytics
Testing/SOASTA
Personalized Support
Titanium SDK
Call Sales
STEPHEN
FEATHER

14. Titanium
•
•
•
•
•
Titanium SDK
Titanium Studio
Alloy
Cloud Services
Community Support
STEPHEN
FEATHER

15. Let’s Build an App!
(No, we need to do some installing first)
15
STEPHEN
FEATHER

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. 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. OK, NOW
Let’s Build an App
STEPHEN
FEATHER

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