Using JavaScript for Mobile App Development

21
Development No Objective C or Java required! July 5th, 2011

description

July 5th, 2011. Using JavaScript for Mobile App Development. No Objective C or Java required!. AuctionAnything.com ASP.NET/MS SQL jQuery/JavaScript Appcelerator Titan Stephen Gilboy @MorningZ [email protected]. (sort of an ‘evangelist’ for Appcelerator). Who Am I ?. Mobile Market. - PowerPoint PPT Presentation

Transcript of Using JavaScript for Mobile App Development

Page 1: Using JavaScript  for Mobile App Development

Using JavaScript for Mobile AppDevelopment

No Objective C or Java required!

July 5th, 2011

Page 2: Using JavaScript  for Mobile App Development

Who Am I ?

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

• Stephen Gilboy@[email protected]

(sort of an ‘evangelist’ for Appcelerator)

Page 3: Using JavaScript  for Mobile App Development

Mobile Market

Page 4: Using JavaScript  for Mobile App Development

Market Share April 2011

Data from Nielson Wire on May 31st, 2011

Page 5: Using JavaScript  for Mobile App Development

IDE

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Page 6: Using JavaScript  for Mobile App Development

IDE

Library

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Page 7: Using JavaScript  for Mobile App Development

Mobile Browser

IDE

Library

Host

Browse

Web Server

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Page 8: Using JavaScript  for Mobile App Development

IDE

Library

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Page 9: Using JavaScript  for Mobile App Development

AppleApp Store

AndroidMarketplace

IDE

Library

Package

Submit

HTML/CSS/JS

Using HTML5/CSS3/Js for Mobile Development

Page 10: Using JavaScript  for Mobile App 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

Page 11: Using JavaScript  for Mobile App Development

How Titanium Works

Page 12: Using JavaScript  for Mobile App Development

How Titanium Works

Code your pages

Page 13: Using JavaScript  for Mobile App Development

How Titanium Works

Code your pages

“Run”

TitaniumSDK

Page 14: Using JavaScript  for Mobile App Development

How Titanium Works

Code your pages

“Run”

TitaniumSDK

Project in XCode/ObjC

Page 15: Using JavaScript  for Mobile App Development

How Titanium Works

Code your pages

“Run”

TitaniumSDK

Running!

Project in XCode/ObjC

(in simulator)

Page 16: Using JavaScript  for Mobile App Development

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!

Page 17: Using JavaScript  for Mobile App Development

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

Page 18: Using JavaScript  for Mobile App Development

Beta testing your app

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

• TestFlight for iOS

• Email Android package

Page 19: Using JavaScript  for Mobile App Development

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)

Page 20: Using JavaScript  for Mobile App Development

Contact

• Email:[email protected]

• LinkedIn:[email protected]

• Twitter: @MorningZ#appcelerator

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

Page 21: Using JavaScript  for Mobile App Development

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