1. Making Next-Generation Mobile
Apps with the Latest ADF Tools
Brian “Bex” Huff
Chief Software Architect
Oracle ACE Director

2. Agenda
 History of the mobile web
 What’s your Mobile Strategy?
 Native, ADF, and HTML5
 Examples
 Recommendations
 Tips and Traps
2

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. 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. World Smartphone Share
 2011 Q3 Smartphone Sales by OS (Gartner)
Other
5%
RIM
11%
iOS
15% Android
53%
Symbian
17%
5

6. Technology Adoption Rates
6

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. 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. 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. 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. 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. Users Prefer Mobile Web To Mobile Apps
12

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. “Coming Soon” a popular theme...
14

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. 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. Example Hybrid App
 Demo...
17

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