OSCON Titanium Tutorial

Before You Begin ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Native Mobile Applications USING Open Source

Want to give this talk? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://github.com/kwhinnery/MeetupPack

Today’s Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

About Me ,[object Object],[object Object],[object Object],[object Object],[object Object]

About Appcelerator ,[object Object],[object Object],[object Object],[object Object]

About You New To Mobile Development Mobile Dev Veteran

Either way, you’ve come to the right place.

...only how do we target all these cool platforms?

Well, you could build native, but... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The Web Is An Option... ,[object Object],[object Object],[object Object],[object Object],[object Object]

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

...but we don’t want to “write once, suck everywhere”* *Loren Brichter, creator “Twitter for iPhone”/Tweetie

X-Platform Requirements ,[object Object],[object Object],[object Object],[object Object],[object Object],Hmmm, I wonder if he has a specific technology in mind...

Enter Titanium Titanium is an open source framework for building native mobile (or desktop) applications using open web technologies (JavaScript - optionally HTML and CSS)

Titanium Key Facts ,[object Object],[object Object],[object Object],[object Object],[object Object]

Titanium Projects ,[object Object],[object Object],[object Object],[object Object],[object Object]

Titanium Features Native 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, Lightweight Key/Value Store, XHR Integrated Facebook Connect and YQL Local and streaming audio and video, media recording Extend Titanium with custom modules in native code Baked-in analytics APIs to measure results and behavior Develop and distribute your app for multiple platforms from a single tool

Who Uses Titanium? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Titanium Architecture ,[object Object],[object Object],[object Object],[object Object]

What Titanium Mobile is not: ,[object Object],[object Object],[object Object],[object Object]

Titanium Developer ,[object Object],[object Object],[object Object],[object Object]

Demo: Hello World! ,[object Object],[object Object],[object Object],[object Object]

Demo: Kitchen Sink ,[object Object],[object Object],[object Object]

Questions So Far? ,[object Object],[object Object],[object Object]

Titanium Fundamentals ,[object Object],[object Object],[object Object],[object Object]

Titanium JavaScript API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Typical App Composition ,[object Object],[object Object],[object Object]

Windows and Contexts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],3

Demo: Contexts ,[object Object],[object Object],[object Object]

The View Hierarchy ,[object Object],[object Object],[object Object],[object Object],[object Object]

Custom Events ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Demo: Custom Events ,[object Object],[object Object],[object Object]

Hey, what about layouts? We’ll demo that later in the tutorial...

Cross-Platform Development ,[object Object],[object Object],[object Object],[object Object],[object Object]

Cross-Platform Tips ,[object Object],[object Object],[object Object],[object Object],[object Object],10

Questions? ,[object Object],[object Object],[object Object]

“Code By Numbers” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A Nicer Version... ,[object Object],[object Object],[object Object],http://github.com/kwhinnery/Snapost

iPhone SDK Users ,[object Object],[object Object],[object Object],[object Object]

0: Create “Oh Snap!” ,[object Object],[object Object],[object Object],http://gist.github.com/481044

1: Arrange Basic UI ,[object Object],[object Object],[object Object],http://gist.github.com/481058

2: Persist Un/Pw Combo ,[object Object],[object Object],[object Object],http://gist.github.com/481078

3: Select Media ,[object Object],[object Object],[object Object],http://gist.github.com/481081

4: Upload Image ,[object Object],[object Object],[object Object],http://gist.github.com/481111

5: Deploy to a device ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recapping Oh Snap! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

But wait, there’s more! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

You Call It ,[object Object],[object Object],[object Object],[object Object],Kevin Whinnery http://kevinwhinnery.com http://twitter.com/kevinwhinnery IRC (irc.freenode.net): #titanium_app

OSCON Titanium Tutorial

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to OSCON Titanium Tutorial

Similar to OSCON Titanium Tutorial (20)

More from Kevin Whinnery

More from Kevin Whinnery (7)

Recently uploaded

Recently uploaded (20)

OSCON Titanium Tutorial