Post on 10-May-2015
Android Development Made Easy With Appcelerator
Titanium
Gaurav Kheterpal
gaurav.kheterpal@metacube.com
Agenda (Stay Awake, Stay Healthy )
2
• 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
Quick Intro
3
• Engineering Post Graduate from BITS, Pilani (Education
spoiled me)
• Mobile + Web Developer With 12 Years of Industry
Experience (I’m getting old )
• 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 (That’s the
only way to get free entry to events such as DroidCon )
Overview
4
• Founded in 2007
• Relocated from Atlanta 2008 (Believe
me - there are startups in Atlanta)
• 18 employees a year ago (Startup
Blues)
• 100+ 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 $$$)
Web vs. Native
5
• 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
Web vs. Native
6
Cross Platform
Development
7
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”
What is Titanium?
8
Website: http://appcelerator.com
Twitter: http://twitter.com/appcelerator
Source: 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)
What is Titanium?
9
Integrated Mobile
Platform
for Enterprise and
Consumer
Applications
What is Titanium?
10
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.
Titanium Mobile
Architecture
11
Android Development
With Titanium
12
Android Development
With Titanium
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
What is Titanium
Studio?
19
Setting Up Titanium
Studio
20
Using Titanium Studio
21
Why Titanium?
22
• Core SDK is Free as in really FREE
• Open Source under Apache 2.0
• Thriving Developer Community
• Commercial training and support services available
Why Titanium?
23
• Data-driven web service clients (Enterprise applications)
• Web service mash-ups
• Social utilities
• Brand affinity
• Casual games
• Anything requiring cross-platform support
Why Titanium?
24
Why Titanium?
25
Why Titanium?
26
• Maintain Platform Identity (Back Button for Android?)
Case Study
27
Case Study
28
Case Study
29
30