Using JavaScript for Mobile App Development
description
Transcript of Using JavaScript for Mobile App 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 Gilboy@[email protected]
(sort of an ‘evangelist’ for Appcelerator)
Mobile Market
Market Share April 2011
Data from Nielson Wire on May 31st, 2011
IDE
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
IDE
Library
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
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:[email protected]
• LinkedIn:[email protected]
• 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