primers on mobile application development

Getting up and running with Titanium Appcelerator

1

2

Today’s Agenda

• Titanium Mobile Overview• Hello World and Project

Walkthrough.

3

Amazing Mobile Platforms

4

Well, you could build native, but...

• Which platforms do you choose?• How many codebases do you want to (or

even can you) support?• How long will it take to build native on N

platforms?• How much effort will be duplicated?

5

The Web Is An Option...• ...and should be preferred

when feasible• Mobile browsers are

progressing fast and converging around WebKit• But there are limitations• Native apps are inherently

more capable than web apps• Native apps run faster and

smoother on resource constrained devices

6

Ideally, we build cross-platform native apps...

7

...but we don’t want to “write once, run

everywhere”

8

Enter TitaniumTitanium is an open source framework for building native mobile (or desktop)

applications using open web technologies (JavaScript - optionally

HTML and CSS)

9

Titanium Key Facts• Open Source (Apache 2.0)

• Titanium Platforms• Desktop: Win32, OS X, Linux• Mobile: iOS, Android,

BlackBerry, Nook Color.

10

Titanium FeaturesNative UI

Location APIs

Local and Remote Data

Social APIs

Rich Media APIs

Open Source and Extensible

Integrated Analytics

Development Tools

Real native tables, tabs, sliders,and views

Native Maps, Compass, and Geolocation

Local SQL Database, LightweightKey/Value Store, XHR

Integrated Facebook Connectand YQL

Local and streaming audio andvideo, media recording

Extend Titanium with custommodules in native code

Baked-in analytics APIs to measureresults and behavior

Develop and distribute your app formultiple platforms from a single tool

11

Who Uses Titanium?• NBC Universal• PayPal• MTV• ebay• Intridea (Oil Reporter)• 1.5 M Developers• GetGlue• WunderList(>1 M

downloads)

12

Titanium Architecture

13

What Titanium Mobile is not:

• Not a native wrapper around a web view (PhoneGap being an example of this approach)• However, you do have a web view

component for HTML/CSS UI if that is your preference• Your JavaScript code is invoking native APIs

for UI and other native functions.

14

Example

15

Example

16

Example

17

Demo: Hello World!• Creating a mobile

project• Mobile project structure• Editing code, adding UI

widgets to the app• Deploy to simulator

18

Resources• Community Q&A• Reference Docs (new getting started guides

just finished)• Premium Support (Pro Subscribers)• Kitchen Sink and Demo Apps• Dev Blog: Tutorials, Updates from dev team,

developer-focused content• Follow @appcelerator for news and updates