primers on mobile application development
TRANSCRIPT
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