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