Rich Web Experience 2010Android Development...Using Web Technologies                
Setting the Stage    ●   Traditional Android Development        –   Source = XML and Java        –   Executables = APK fil...
Setting the Stage    ●   Web-tastic Alternatives!        –   HTML5        –   Web App Containers             ●   PhoneGap ...
HTML5    ●   The Good News: Built-In Browser Support        –   Local Storage        –   Offline Caching        –   <video...
HTML5    ●   The Bad News        –   No distribution support        –   No launcher support        –   HTML5/related specs...
HTML5    ●   Alternative Browser Support        –   Firefox Mobile (beta)        –   Opera Mobile (beta)        –   Dolphi...
Web App Containers    ●   Concept: Augmented HTML        –   Native APIs        –   Native APKs        –   Other benefits ...
PhoneGap    ●   What You Get        –   Javascript bridge to native APIs        –   Packaging as an APK for distribution  ...
PhoneGap    ●   How You Get There: Local Development        –   Requires Android SDK and dependencies        –   droidgap ...
PhoneGap    ●   How You Get There: Cloud Development        –   build.phonegap.com (in private beta)        –   Upload HTM...
PhoneGap    ●   Extending the Framework        –   Plugins        –   Replacement wrappers        –   Code generators     ...
PhoneGap    ●   Issues and Limitations        –   Permissions        –   Look and feel                                
Rh0des    ●   What You Get        –   Ruby interpreter        –   Rails-esque Web app framework        –   Ruby bridge to ...
Rhodes    ●   How You Get There: Local Development        –   Requires Android SDK and NDK, plus            dependencies  ...
Rhodes    ●   How You Get There: Cloud Development        –   RhoHub TaaS (Tools as a Service)        –   Generates Git re...
Rhodes    ●   Issues and Limitations        –   Application size        –   Permissions        –   Look and feel        – ...
Titanium Mobile    ●   What You Get        –   Javascript bridge to native APIs             ●   Focus on native GUI widget...
Titanium Mobile    ●   How You Get There        –   Download Titanium development tool        –   Create project template ...
Titanium Mobile    ●   Issues and Limitations        –   Permissions        –   Hybrid look and feel        –   Increased ...
Adobe AIR    ●   What You Get        –   Ability to take AIR desktop applications and            convert to Android APKs  ...
Adobe AIR    ●   How You Get There: Standard Choices        –   Creative Suite        –   Flash Builder        –   FlashDe...
Adobe AIR    ●   Issues and Limitations        –   Requires runtime engine as separate APK        –   Requires Android 2.2...
Whats Still Needed?    ●   More HTML5 Discoverability    ●   More Seasoning and Experience    ●   More Mobile-Friendly Fra...
Where Do We Go From Here?    ●   Web App Containers        –   PhoneGap: phonegap.com        –   Rhodes: rhomobile.com    ...
Where Do We Go From Here?    ●   Rich Web Experience 2010        –   Today             ●   The Future of Mobile: Learn to ...
Where Do We Go From Here?    ●   Rich Web Experience 2010        –   Friday             ●   Ted Newards all-day Android-a-...
Q & A       
Upcoming SlideShare
Loading in …5
×

Android Development...Using Web Technologies

3,002 views

Published on

from the Rich Web Experience 2010 conference, an overview of options for building Android applications using Web technologies

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,002
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
56
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Android Development...Using Web Technologies

  1. 1. Rich Web Experience 2010Android Development...Using Web Technologies   
  2. 2. Setting the Stage ● Traditional Android Development – Source = XML and Java – Executables = APK files ● Distribute on the Android Market ● Distribute by other means as desired – Fun! Exciting!! No Resemblance to the Web!!!   
  3. 3. Setting the Stage ● Web-tastic Alternatives! – HTML5 – Web App Containers ● PhoneGap ● Rhodes ● Titanium Mobile – Adobe AIR   
  4. 4. HTML5 ● The Good News: Built-In Browser Support – Local Storage – Offline Caching – <video> Element   
  5. 5. HTML5 ● The Bad News – No distribution support – No launcher support – HTML5/related specs still a work in progress – Limited device integration   
  6. 6. HTML5 ● Alternative Browser Support – Firefox Mobile (beta) – Opera Mobile (beta) – Dolphin HD 4.0   
  7. 7. Web App Containers ● Concept: Augmented HTML – Native APIs – Native APKs – Other benefits ● Language ● Widgets   
  8. 8. PhoneGap ● What You Get – Javascript bridge to native APIs – Packaging as an APK for distribution – Cross-platform portability   
  9. 9. PhoneGap ● How You Get There: Local Development – Requires Android SDK and dependencies – droidgap script to generate application stub – You create HTML, CSS, Javascript – Use Apache Ant build system to create APK – Test on emulator, device   
  10. 10. PhoneGap ● How You Get There: Cloud Development – build.phonegap.com (in private beta) – Upload HTML, CSS, JS assets ● ZIP, Git, SVN – Download APK and binaries for other devices – Free for open source, non-free for commercial   
  11. 11. PhoneGap ● Extending the Framework – Plugins – Replacement wrappers – Code generators ● OpenLaszlo – Open source   
  12. 12. PhoneGap ● Issues and Limitations – Permissions – Look and feel   
  13. 13. Rh0des ● What You Get – Ruby interpreter – Rails-esque Web app framework – Ruby bridge to native APIs – Packaging as an APK for distribution – Cross-platform portability   
  14. 14. Rhodes ● How You Get There: Local Development – Requires Android SDK and NDK, plus dependencies – Ruby gem supplies command to create project ● Also other generators, etc. – Rake script to build application, install to emulator, etc.   
  15. 15. Rhodes ● How You Get There: Cloud Development – RhoHub TaaS (Tools as a Service) – Generates Git repo for your app – Request builds as needed ● Specify platform and version   
  16. 16. Rhodes ● Issues and Limitations – Application size – Permissions – Look and feel – Programming paradigm (classic vs. JS-centric)   
  17. 17. Titanium Mobile ● What You Get – Javascript bridge to native APIs ● Focus on native GUI widgets, laid out using HTML/CSS – Packaging as an APK for distribution – Cross-platform portability   
  18. 18. Titanium Mobile ● How You Get There – Download Titanium development tool – Create project template – Fill in project using own tools – Package and test using Titanium   
  19. 19. Titanium Mobile ● Issues and Limitations – Permissions – Hybrid look and feel – Increased dependency on proprietary API   
  20. 20. Adobe AIR ● What You Get – Ability to take AIR desktop applications and convert to Android APKs ● What You Dont Get – Flex – Deep device integration   
  21. 21. Adobe AIR ● How You Get There: Standard Choices – Creative Suite – Flash Builder – FlashDevelop – AIR development tools and your own environment   
  22. 22. Adobe AIR ● Issues and Limitations – Requires runtime engine as separate APK – Requires Android 2.2+   
  23. 23. Whats Still Needed? ● More HTML5 Discoverability ● More Seasoning and Experience ● More Mobile-Friendly Frameworks – Examples: Sencha Touch, Jo   
  24. 24. Where Do We Go From Here? ● Web App Containers – PhoneGap: phonegap.com – Rhodes: rhomobile.com – Titanium Mobile: appcelerator.com ● Adobe AIR: www.adobe.com/products/air/   
  25. 25. Where Do We Go From Here? ● Rich Web Experience 2010 – Today ● The Future of Mobile: Learn to Build W3C Widgets and Device APIs with PhoneGap ● Choices in Mobile Application Development   
  26. 26. Where Do We Go From Here? ● Rich Web Experience 2010 – Friday ● Ted Newards all-day Android-a-palooza (a.k.a., workshop) ● Easy Mobile Development Workshop: Mobile GUI Frameworks ● Easy Mobile Development Workshop: Appcelerator Titanium   
  27. 27. Q & A   

×