Native Mobile Native Mobile Application Using Application Using

JavaScriptJavaScript

Native Mobile Native Mobile Application Using Application Using

JavaScriptJavaScript

Who am I?Who am I?

Lim BoreyLim Borey

Developer @ Yoolk Inc.Developer @ Yoolk Inc.

@limborey@limborey

lim.borey@gmail.comlim.borey@gmail.com

http://www.limborey.comhttp://www.limborey.com

TopicsTopics

Titanium OverviewTitanium Overview

Development RequirementsDevelopment Requirements

Titanium Mobile APITitanium Mobile API

Demo Demo

Get SupportGet Support

Q & A Q & A

ReferencesReferences

Amazing Mobile Amazing Mobile PlatformsPlatforms

Which is great and Which is great and exciting!exciting!

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

Well, you could build Well, you could build native, but...native, but...

Which platforms do you choose?Which platforms do you choose?

How many codebases do you want to (or How many codebases do you want to (or even can you) support?even can you) support?

How long will it take to build native on N How long will it take to build native on N platforms?platforms?

How much effort will be duplicated?How much effort will be duplicated?

What if you bet on the wrong platform?What if you bet on the wrong platform?

Who writes the code? Hire out? Who writes the code? Hire out? Retrain/retool yourself or your devs?Retrain/retool yourself or your devs?

The Web Is An Option...The Web Is An Option...

...and should be preferred ...and should be preferred when feasiblewhen feasible

Mobile browsers are Mobile browsers are progressing fast and progressing fast and converging around WebKitconverging around WebKit

ButBut there are there are limitationslimitations

Native apps are inherently Native apps are inherently more capable than web appsmore capable than web apps

Native apps run faster and Native apps run faster and smoother on resource smoother on resource constrained devicesconstrained devices

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

apps...apps...

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

everywhere”everywhere”**

**Loren Brichter, creator “Twitter for iPhone”/TweetieLoren Brichter, creator “Twitter for iPhone”/Tweetie

X-Platform RequirementsX-Platform Requirements

Target multiple platforms from a single Target multiple platforms from a single codebasecodebase

Apps must feel like they belong on the Apps must feel like they belong on the platformplatform

Apps need to perform like nativeApps need to perform like native

Bonus: Open source and extensibleBonus: Open source and extensible

Bonus: Use skills we already haveBonus: Use skills we already have

Hmmm, I wonder if he has a specific technology in mind...

Mobile App FrameworkMobile App Framework

Framework to build mobile app:Framework to build mobile app:Titanium Mobile (JavaScript, optionally HTML & Titanium Mobile (JavaScript, optionally HTML & CSS)CSS)

PhoneGap (HTML, CSS, JavaScript)PhoneGap (HTML, CSS, JavaScript)

WRT – “Web RunTime” (HTML, CSS, JavaScript)WRT – “Web RunTime” (HTML, CSS, JavaScript)

Rhodes – (Ruby)Rhodes – (Ruby)

Cacao – (Objective-C)Cacao – (Objective-C)

J2ME – (Java)J2ME – (Java)

……..

Titanium MobileTitanium Mobile

Titanium MobileTitanium Mobile

Open Source (Apache 2.0)Open Source (Apache 2.0)

A framework for building native mobile A framework for building native mobile applications applications

Using open web technologies (JavaScript - Using open web technologies (JavaScript - optionally HTML and CSS)optionally HTML and CSS)

Platform:Platform:iOSiOS

AndroidAndroid

BlackBerry (beta preview)BlackBerry (beta preview)

webOS (soon)webOS (soon)

Current version: sdk Current version: sdk 1.4.01.4.0

Titanium Mobile Titanium Mobile ArchitectureArchitecture

Development Development RequirementsRequirements

Titanium Developer Titanium Developer Linux Linux

Mac OSMac OS

WindowsWindows

Emulator & phone OS versionEmulator & phone OS versionIphone: xcode with iOS 3.2 & 4.0Iphone: xcode with iOS 3.2 & 4.0

Android: android OS API 4 (v1.6) or aboveAndroid: android OS API 4 (v1.6) or above

APIAPI

ExampleExample

ExampleExample

ExampleExample

DEMODEMO

Get SupportGet Support

Titanium Mobile APITitanium Mobile APIhttp://developer.appcelerator.com/apidoc/http://developer.appcelerator.com/apidoc/mobile/mobile/

Titanium Q&ATitanium Q&Ahttp://developer.appcelerator.com/questionshttp://developer.appcelerator.com/questions

KitchenSink - sample API appKitchenSink - sample API app

Report bugs:Report bugs:https://appcelerator.lighthouseapp.com/https://appcelerator.lighthouseapp.com/

ReferencesReferences

Native Mobile Applications USING Open Native Mobile Applications USING Open Source, Source, Kevin Whinnery, O’Reilley OSCONKevin Whinnery, O’Reilley OSCON

Appcelerator websiteAppcelerator website

Appcelerator APIAppcelerator API

Building Native Apps with Titanium Mobile, Building Native Apps with Titanium Mobile, Brendan G. LimBrendan G. Lim

Q & AQ & A

Stay Updated with Stay Updated with DevCampDevCamp

Website:Website:http://www.sharevisionteam.orghttp://www.sharevisionteam.org

Share Vision TeamGoogle groupShare Vision TeamGoogle grouphttp://groups.google.com/group/http://groups.google.com/group/sharevisionteamsharevisionteam

FacebookFacebookhttp://www.facebook.com/pages/http://www.facebook.com/pages/ShareVisionTeam/113681602015387ShareVisionTeam/113681602015387

TwitterTwitterhttp://twitter.com/sharevisionteamhttp://twitter.com/sharevisionteam