Download - Primers on mobile application development
![Page 1: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/1.jpg)
Getting up and running with Titanium Appcelerator
1
![Page 2: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/2.jpg)
2
Today’s Agenda
• Titanium Mobile Overview• Hello World and Project
Walkthrough.
![Page 3: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/3.jpg)
3
Amazing Mobile Platforms
![Page 4: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/4.jpg)
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?
![Page 5: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/5.jpg)
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
![Page 6: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/6.jpg)
6
Ideally, we build cross-platform native apps...
![Page 7: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/7.jpg)
7
...but we don’t want to “write once, run
everywhere”
![Page 8: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/8.jpg)
8
Enter TitaniumTitanium is an open source framework for building native mobile (or desktop)
applications using open web technologies (JavaScript - optionally
HTML and CSS)
![Page 9: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/9.jpg)
9
Titanium Key Facts• Open Source (Apache 2.0)
• Titanium Platforms• Desktop: Win32, OS X, Linux• Mobile: iOS, Android,
BlackBerry, Nook Color.
![Page 10: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/10.jpg)
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
![Page 11: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/11.jpg)
11
Who Uses Titanium?• NBC Universal• PayPal• MTV• ebay• Intridea (Oil Reporter)• 1.5 M Developers• GetGlue• WunderList(>1 M
downloads)
![Page 12: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/12.jpg)
12
Titanium Architecture
![Page 13: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/13.jpg)
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.
![Page 14: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/14.jpg)
14
Example
![Page 15: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/15.jpg)
15
Example
![Page 16: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/16.jpg)
16
Example
![Page 17: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/17.jpg)
17
Demo: Hello World!• Creating a mobile
project• Mobile project structure• Editing code, adding UI
widgets to the app• Deploy to simulator
![Page 18: Primers on mobile application development](https://reader036.vdocuments.us/reader036/viewer/2022062513/556578d8d8b42a95028b4dea/html5/thumbnails/18.jpg)
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