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 Tips and Traps 2
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
World Smartphone Share 2011 Q3 Smartphone Sales by OS (Gartner) Other 5% RIM 11% iOS 15% Android 53% Symbian 17% 5
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
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
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
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
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
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
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
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
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
Questions? My Company: http://bezzotech.com My Blog: http://bexhuff.com My Self: email@example.com For the latest version of this presentation, go to SlideShare: http://slideshare.com/bexmex 20
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.