Using JavaScript for Mobile Development

Using JavaScript for Mobile AppDevelopment

No Objective C or Java required!

July 5th, 2011

Who Am I ?

• AuctionAnything.com• ASP.NET/MS SQL• jQuery/JavaScript• Appcelerator Titan

• Stephen@MorningZmorningz@morningz.com

(sort of an ‘evangelist’ for Appcelerator)

Mobile Market

Market Share April 2011

Data from Nielson Wire on May 31st, 2011

Using HTML5/CSS3/Js for Mobile Development

IDE

IDE

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

IDE

Library

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

IDE

Library

Host

Web Server

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Mobile Browser

IDE

Library

Host

Browse

Web Server

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

IDE

Library

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

IDE

Library

Package

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

AppleApp Store

AndroidMarketplace

IDE

Library

Package

Submit

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

• Code in JavaScript

• Translates to “Native” code

• Apple iOS

• Android

• Blackberry (beta)

• Titanium Studio IDE(formally Aptana Studio)

(Windows only)

(Mac OSX only)

(Mac/Windows/Linux)

Native Apps using Appcelerator Titanium

How Titanium Works

How Titanium Works

Code your pages

How Titanium Works

Code your pages

“Run”

TitaniumSDK

How Titanium Works

Code your pages

“Run”

TitaniumSDK

Project in XCode/ObjC

How Titanium Works

Code your pages

“Run”

TitaniumSDK

Running!

Project in XCode/ObjC

(in simulator)

A look at the “Kitchen Sink”

- Tons of example code showing:ViewsControlsAnimationsPhone APIs (Contacts, Calendar)Network Calls (JSON, XML)Using Remote APIs (FB, Twitter, etc)Hardware (Camera, GPS, etc)Local Storage (Resource folder, SQL Lite Db)

MUCH more!

Some general notes about Appcelerator Titanium

• Cross platform is like 80/20 (but there are good workarounds!)

• Titanium SDK evolves quickly! (nightly builds)

• Public/Free Q&A forum is a work in progress

• Paid support only during business days

• FastDev is an Android developer’s best friend

• Blackberry is still Beta!

• They are not committed to Windows Phone 7 (at this time)

• Following #appcelerator & #titanium hashes on Twitter useful

• 10 third party modules available! (PayPal, “Bump”, more!)

• Titanium API is proprietary, but open source!

• There is also a Desktop version for creating Mac Store apps

Beta testing your app

• Provide your app to testers *before* going through the App Store process

• TestFlight for iOS

• Email Android package

Costs

Apple Developer Program:- Free to download iOS SDK and develop- $99/yr to be able to submit to AppStore

Android Developer Program- Also free to get SDK and develop- $49/yr to submit to marketplace

Appcelerator Titanium- Community (free)- Indie ($49/month)- Professional ($199/month)

Contact

• Email:morningz@morningz.com

• LinkedIn:morningz@morningz.com

• Twitter: @MorningZ#appcelerator

• Link to this content:http://bit.ly/deerfield_mz

Helpful Links• http://developer.appcelerator.com

• http://developer.apple.com

• http://developer.android.com

• http://developer.appcelerator.com/blog

• http://www.appcelerator.com/products/plans-pricing/

• https://testflightapp.com

• http://wiki.appcelerator.org/display/guides/Home

• http://bit.ly/appcelerator-vs-phonegap-vs-adobe-air

• http://jquerymobile.com

• http://www.sencha.com/products/touch