1. Getting up and running with Titanium Appcelerator 1

2. 2 Today’s Agenda Titanium Mobile Overview Hello World and Project Walkthrough.

3. 3 Amazing Mobile Platforms

4. 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. 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. 6 Ideally, we build cross-platform native apps...

7. 7 ...but we don’t want to “write once, run everywhere”

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

9. 9 Titanium Key Facts Open Source (Apache 2.0) Titanium Platforms Desktop: Win32, OS X, Linux Mobile: iOS, Android, BlackBerry, Nook Color.

10. 10 Titanium Features Native UI Rich Media APIs Local and streaming audio and video, media recording Real native tables, tabs, sliders, and views Location APIs Open Source and Extensible Native Maps, Compass, and Geolocation Extend Titanium with custom modules in native code Local and Remote Data Integrated Analytics Local SQL Database, Lightweight Key/Value Store, XHR Baked-in analytics APIs to measure results and behavior Social APIs Development Tools Integrated Facebook Connect and YQL Develop and distribute your app for multiple platforms from a single tool

11. 11 Who Uses Titanium? NBC Universal PayPal MTV ebay Intridea (Oil Reporter) 1.5 M Developers GetGlue WunderList(>1 M downloads)

12. 12 Titanium Architecture

13. 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. 14 Example

15. 15 Example

16. 16 Example

17. 17 Demo: Hello World! Creating a mobile project Mobile project structure Editing code, adding UI widgets to the app Deploy to simulator

18. 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