Using Appcelerator Titanium To Build Native Android Apps Without The Native Pain Gaurav Kheterpal [email protected]
Jan 27, 2015
Using Appcelerator Titanium To Build NativeAndroid Apps Without The
Native Pain
Gaurav [email protected]
2
Agenda (Stay Awake, Stay
Healthy )• Quick Intro• Overview• Web vs. Native• Cross Platform Development• What is Titanium?• Titanium Mobile Architecture• Android Development With
Titanium• What is Titanium Studio?• Setting Up Titanium Studio• Why Titanium?• Case Study/ Demo• Questions and Answers
3
Droidcon IndiaThe Journey from 2011 to 2012 and what to expect in 2013
?
4
Quick Intro• Currently working as ‘Head – Mobility’ at Metacube in
Jaipur• Engineering Post Graduate from BITS, Pilani (Education
spoiled me)• Mobile + Web Developer With 12 Years of Industry
Experience (I’m getting old )• Regular Attendee/ Speaker at community events and
leading technology conferences• HP webOS Green Belt & webOS Ambassador for India
(Forgotten Story)• Android, iOS Developer (That’s where the mullah is)• Appcelerator Titanium Titan (Wish they paid me too )• Keen Interest in Cross-Platform Frameworks such as
Titanium, PhoneGap, Sencha Touch and others
• Father of two kids (2nd one is just 5 days old) Father and Husband to one wife
5
Overview• Founded in 2007• Relocated from Atlanta 2008
(Believe me - there are startups in Atlanta)
• 18 employees two years back (Startup Blues)
• 200+ today, double next year (Same growth rate as India’s population?)
• Mountain View HQ• Worldwide presence• VC Funded: Storm Ventures, Sierra
Ventures, eBay (Lots of $$$)
6
Web vs. Native
• Web – An Unlikely Hero• Easy to develop, deploy• Cross Platform (Really?)• Open Standards (Flash
killed!)• Leverage Your Web
Development Skills (But Native is Cool)
• Designer vs. Developers• Performance• Offline• Hardware Interaction• Triple Play - Mobile, Social And
Cloud
7
Web vs. Native
8
Cross Platform Development
Cross-Platform !== “Write Once, Run Everywhere”
• Cross-Platform in Titanium means:• Lots of UI code reuse, depending on design• Best-in-class experience on every platform• “Write Once, Adapt Everywhere”
9
What is Titanium?
Website: http://appcelerator.comTwitter: http://twitter.com/appceleratorSource: http://github.com/appcelerator
Titanium is an open source framework for building native desktop and mobile
applications using open web technologies (HTML, CSS, and JavaScript)
10
What is Titanium?
Integrated Mobile Platform
for Enterprise and Consumer
Applications
11
What is Titanium?
Titanium applications are divided into 4 main parts:• HTML/CSS/javascript code that makes up the core application
logic and UI• APIs that access native device/desktop functionality,
analytics or other modular functionality• The language-OS bridge that compiles web code into native
application code• The run-time shell that packages the application for cross-
platform distribution.
12
Titanium Mobile Architecture
13
Android Development With
Titanium
14
Android Development With
Titanium
15
Android Development With
Titanium
16
Android Development With
Titanium
17
Android Development With
Titanium
18
Android Development With
Titanium
19
Android Development With
Titanium
20
What is Titanium Studio?
21
Setting Up Titanium Studio
22
Using Titanium Studio
23
Why Titanium?• Core SDK is Free as in really FREE
• Open Source under Apache 2.0
• Thriving Developer Community
• Commercial training and support services available
24
Why Titanium?• Data-driven web service clients (Enterprise
applications)
• Web service mash-ups
• Social utilities
• Brand affinity
• Casual games
• Anything requiring cross-platform support
25
Why Titanium?
26
Why Titanium?
27
Why Titanium?• Maintain Platform Identity (Back Button for Android?)
28
Case Study
29
Case Study
30
Case Study