Titanium Mobile Intro
Upcoming SlideShare
Loading in...5
×
 

Titanium Mobile Intro

on

  • 11,657 views

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

Statistics

Views

Total Views
11,657
Views on SlideShare
11,569
Embed Views
88

Actions

Likes
6
Downloads
231
Comments
0

2 Embeds 88

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

Accessibility

Categories

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
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