Creating Next-Generation ADF Mobile Applications

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

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

World Smartphone Share  2011 Q3 Smartphone Sales by OS (Gartner) Other 5% RIM 11% iOS 15% Android 53% Symbian 17% 5

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’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

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

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

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: based on PhoneGap • coming soon... • ADF Mobile: includes PhoneGap • coming soon... • First release supports iOS (soon) • Second release supports Android (later this year) 13

“Coming Soon” a popular theme... 14

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

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/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: bex@bezzotech.com  For the latest version of this presentation, go to SlideShare: http://slideshare.com/bexmex 20

http://bexhuff.com	6266
http://www.bexhuff.com	526
http://community.oraclepressbooks.com	64
http://bexhuff.bezzotech.com	29
http://abtasty.com	22
http://translate.googleusercontent.com	9
http://webcache.googleusercontent.com	7
http://itnewscast.com	7
http://orana.info	6
http://hghltd.yandex.net	3
http://prlog.ru	2
http://plumasite14.katinia.com	2
http://cache.baidu.com	1
http://10.101.5.15	1
http://seoautomated.com	1
http://funpromo.ru	1

Creating Next-Generation ADF Mobile Applications

by Brian Huff on Apr 27, 2012

Accessibility

Categories

Upload Details

Usage Rights

16 Embeds 6,947

Statistics

Creating Next-Generation ADF Mobile Applications Presentation Transcript