Titanium Mobile Intro
Upcoming SlideShare
Loading in...5

Titanium Mobile Intro



A 1 hour introduction to Titanium Mobile based on Kevin Whinnery's excellent material

A 1 hour introduction to Titanium Mobile based on Kevin Whinnery's excellent material



Total Views
Views on SlideShare
Embed Views



2 Embeds 88

http://www.slideshare.net 87
http://www.health.medicbd.com 1



Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Titanium Mobile Intro Titanium Mobile Intro Presentation Transcript

  • Titanium Mobile writing native iPhone and Android apps with web technologies.
  • About Me Marshall Culpepper Titanium Project Lead / Hacker Extraordinaire @marshall_law http://www.arcaner.com mculpepper@appcelerator.com http://github.com/marshall
  • Agenda • Titanium Mobile Intro • Mobile Architecture • API Overview • Guided Lab: Snappost
  • Titanium Mobile • UI with HTML5, CSS, Canvas. The best of the open web. • iPhone 2.2.1 -> 3.x support, Android 1.5 support • Native widgets, views with Javascript APIs - fast! • No need to learn multiple languages (Objective-C, Java) to be productive • Resources get compiled into a native executable - non editable by mere mortals
  • Mobile Architecture
  • Media API
  • More Media API
  • Geolocation API
  • Accelerometer API
  • Database API Synchronous and Asynchronous (HTML5) APIs
  • Network API XHR-style object for remote data requests
  • Native UI Controls Use native controls with Javascript
  • Native iPhone UI • Tab Bar / Nav Bar • Table View / Group View • Alert / Options • Buttons / Sliders / Progress / Activity • more...
  • Native Android UI • Tab Bar • Table View • Alert / Options • Buttons / Sliders / Progress / Activity • more...
  • Common API iPhone Table View Android Table View Same code
  • Useful Resources • KitchenSink : Full API demo • Full API Reference, Platform Guides, Docs: • http://codestrong.com • #titanium_app on irc.freenode.net • Support: http://support.appcelerator.net
  • Developer+Mobile • With Mobile projects, Developer deploys code to the simulator/ emulator • Can also deploy directly to device (requires some setup)
  • Hello World app • Prerequisites • iPhone and/or Android SDK • Titanium Developer + Mobile SDK
  • Snappost: Our first app • An app that can post a photo and a message to Twitter via TwitPic • Use TwitPic REST API, Titanium, jQuery • Basic TwitPic spec: • POST to REST API @ https://twitpic.com/api/uploadAndPost • message: update message • username: twitter username • password: twitter password • media: image binary data
  • Step 1: Configuration • $ROOT/tiapp.xml • Configure tabs, and their properties
  • Step 2: HTML, CSS, JS • organize $ROOT/index.html • code up simplistic UI, use a native button
  • Step 3: Create the button • Use Titanium.UI.createButton to create a native button inside the web content
  • Step 4: Pick a photo • Use Titanium.UI.openPhotoGallery to prompt for a photo
  • Step 5: Post to TwitPic • Send image blob data directly using our Native XHR
  • Done!
  • Final Thoughts • Titanium: Native desktop and mobile apps made simple with web technologies • In the future we hope to support Blackberry, Windows Mobile, Symbian • See Roadmap for Desktop and Mobile on Codestrong
  • Q/A, Titanium hackathon