native mobile application using java script
DESCRIPTION
Develop native application on mobile using JavaScript frameworkTRANSCRIPT
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
[email protected]@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