Using Appcelerator Titanium To Build NativeAndroid Apps Without The

Native Pain

Gaurav Kheterpalgaurav.kheterpal@metacube.com

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

31

Q&AGaurav.kheterpal@metacube.com

@gauravkheterpalhttp://developer.appcelerator.com