0
Making Next-Generation MobileApps with the Latest ADF ToolsBrian “Bex” HuffChief Software ArchitectOracle ACE Director
Agenda  History of the mobile web  What’s your Mobile Strategy?  Native, ADF, and HTML5  Examples  Recommendations  ...
History of Mobile Apps  Native   • All mobile devices have an API for native programming   • Used mainly for developers w...
Mobile Challenges  Richer context   • Location, acceleration, camera, video   • Offline database storage, messages and no...
World Smartphone Share  2011 Q3 Smartphone Sales by OS (Gartner)                             Other                       ...
Technology Adoption Rates                            6
Words of Warning!  Heed the lessons from the dot com bust   • Don’t rush to mobile like people rushed to the web   • You’...
Words of Wisdom...  "Ten mobile apps is all I need"       -- David Heinemeier Hansson, creator of Ruby on Rails  "If we on...
Three Main Mobile Strategies  Mobile application   • Written in native code  Mobile website   • Your normal website, opt...
Mobile Application  “Native Application” strategy   • Initially the only way to make mobile apps  Are smart phone app sa...
Mobile Web  The HTML5 Strategy   • Use the power of HTML5   • Animation, offline storage, location services, etc.  Suppo...
Users Prefer Mobile Web To Mobile Apps                                         12
Hybrid: When Mobile Web Isn’t Enough  Use a mobile toolkit that give you native AND HTML5   • PhoneGap   • Apache Cordova...
“Coming Soon” a popular theme...                                   14
Recommendation  Think strategically, act tactically!  HTML5 is the future of the web    • Your team MUST learn it anyway...
Mobile Design Patterns  From the Oracle Fusion UX Mobile Team  ADF Mobile Expenses   • http://youtu.be/fqzMoiiwA1U  Mob...
Example Hybrid App  Demo...                     17
Tips for Hybrid Apps  Apple store is biased towards native apps   • It seems like a good idea to load all of your images/...
Tips for Mobile Web  Mobile web toolkits   • jQuery Mobile, jqTouch, Sencha Touch   • Sencha Touch, EXTJS  Minimalist fr...
Questions?  My Company: http://bezzotech.com  My Blog: http://bexhuff.com  My Self: bex@bezzotech.com  For the latest ...
Upcoming SlideShare
Loading in...5
×

Creating Next-Generation ADF Mobile Applications

21,678

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
21,678
On Slideshare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
116
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×