Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Creating Next-Generation ADF Mobile Applications

29,933 views

Published on

  • Be the first to comment

Creating Next-Generation ADF Mobile Applications

  1. 1. Making Next-Generation MobileApps with the Latest ADF ToolsBrian “Bex” HuffChief Software ArchitectOracle ACE Director
  2. 2. Agenda  History of the mobile web  What’s your Mobile Strategy?  Native, ADF, and HTML5  Examples  Recommendations  Tips and Traps 2
  3. 3. History of Mobile Apps  Native • All mobile devices have an API for native programming • Used mainly for developers working on one specific platform  Wireless Application Protocol (1997) • Slimmed-down version of HTML for tiny mobile screens • Relatively unused  BlackBerry • Email on my mobile phone! Yay!!! I mean... Boooooo!  iPhone • The first true “smartphone” • Native language: Objective-C  HTML5 • Supported on all mobile smartphones • Supported on some desktops 3
  4. 4. Mobile Challenges  Richer context • Location, acceleration, camera, video • Offline database storage, messages and notifications  Design techniques • Objective-C, Java, C#, Native libraries • Web services, JSON, HTML5, JavaScript  New devices and operating systems every month! • iPhone, iPod Touch, iPad, Kindle, Nook • iOS, Blackberry, WebOS, Windows Mobile • Android has already “forked” three times! 4
  5. 5. World Smartphone Share  2011 Q3 Smartphone Sales by OS (Gartner) Other 5% RIM 11% iOS 15% Android 53% Symbian 17% 5
  6. 6. Technology Adoption Rates 6
  7. 7. Words of Warning!  Heed the lessons from the dot com bust • Don’t rush to mobile like people rushed to the web • You’ll spend too much and get too little  Your web site should be a natural extension of your business  Your mobile app should be a natural extension of your business 7
  8. 8. Words of Wisdom... "Ten mobile apps is all I need" -- David Heinemeier Hansson, creator of Ruby on Rails "If we only bought what we needed, the economy would collapse" -- Paco Underhill 8
  9. 9. Three Main Mobile Strategies  Mobile application • Written in native code  Mobile website • Your normal website, optimized for a mobile browser  Hybrid applications • Use HTML5 and JavaScript for user interaction • Load native libraries as needed 9
  10. 10. Mobile Application  “Native Application” strategy • Initially the only way to make mobile apps  Are smart phone app sales your main moneymaker? • $15 billion market in 2013  Probably not what you need! 10
  11. 11. Mobile Web  The HTML5 Strategy • Use the power of HTML5 • Animation, offline storage, location services, etc.  Supported on most mobile browsers  Incredibly powerful  Preferred by most users, according to Adobe • Exceptions: music and games 11
  12. 12. Users Prefer Mobile Web To Mobile Apps 12
  13. 13. Hybrid: When Mobile Web Isn’t Enough  Use a mobile toolkit that give you native AND HTML5 • PhoneGap • Apache Cordova: based on PhoneGap • coming soon... • ADF Mobile: includes PhoneGap • coming soon... • First release supports iOS (soon) • Second release supports Android (later this year) 13
  14. 14. “Coming Soon” a popular theme... 14
  15. 15. Recommendation  Think strategically, act tactically!  HTML5 is the future of the web • Your team MUST learn it anyway  HTML5 does 90% of what you want on mobile  Use mobile as a reason to begin HTML5 adoption  Take existing ADF components, easily bring to mobile  Use PhoneGap to fill the gap!  Mobile web or mobile app? • Your users really don’t care! 15
  16. 16. Mobile Design Patterns  From the Oracle Fusion UX Mobile Team  ADF Mobile Expenses • http://youtu.be/fqzMoiiwA1U  Mobile Design Pattern Tool • http://db.tt/KNPHlLZm 16
  17. 17. Example Hybrid App  Demo... 17
  18. 18. Tips for Hybrid Apps  Apple store is biased towards native apps • It seems like a good idea to load all of your images/assets from a server • Apple considers that an attempt to get an “evil” app certified • Bundle most of the UI with the app 18
  19. 19. Tips for Mobile Web  Mobile web toolkits • jQuery Mobile, jqTouch, Sencha Touch • Sencha Touch, EXTJS  Minimalist framework: Zepto • jQuery support in an 8k download!  weinre (WEb INspector REmote) • UNBELIEVABLY cool remote HTML5 debugger  modernizr • Feature detection library for HTML5 and CSS  html5shiv • add some HTML5 support to older browsers 19
  20. 20. Questions?  My Company: http://bezzotech.com  My Blog: http://bexhuff.com  My Self: bex@bezzotech.com  For the latest version of this presentation, go to SlideShare: http://slideshare.com/bexmex 20

×