Adf mobile overview

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.1


ADF Mobile OverviewInsert Picture Here

Oracle Asia Research and Development CenterAlice Liu2013/06/18


Agenda

Mobile Enterprise ChallengesOracle ADF Mobile StrategyOracle ADF Mobile OverviewADF Mobile Development

Mobile Enterprise Challenges


Mobile OS Market Share

2013 Q1 Sales by OS (ABI Research / CNN)

5


3 Types of Mobile Application


Mobile Enterprise Challenges


Oracle ADF Mobile Background

Licensed as part of Oracle ADF Enables development of on-device mobile applications Runs on iOS and Android from a single source code Development done in Oracle JDeveloper Uses Java, HTML5, CSS and ADF technologies

Oracle ADF Mobile Strategy



Oracle Fusion Middleware stack –Platform for business innovation


The Mobile vision of Oracle Provide extensions to Enterprise Applications on Mobile devices – to

support work anytime & anywhere– For ISVs and Customers

– And first for Oracle Applications

Primary use cases:– Dashboard & monitoring

– Documents and Collaboration & BYO Device

– Act – perform tasks in business process (especially: decide!)

– Gather input ‘on site’

Also: provide ‘mobile consoles’ to perform cloud administration tasks


Task for (Fusion) Middleware: enable mobile

Security– Support for Mobile Developers &

Applications in IDM 11gR2

Data– Support for REST-ful data services

in APEX (4.2), ADF (12c), Java/JEE,SOA Suite and Oracle Service Bus

User Interface– Facilities to develop user interfaces that are accessible on mobile devices

– leveraging middleware services

– Mobile apps for WebCenter Spaces, OBI EE, WebCenter Content


1.Beyond HTML5

2.Native Containers

3.Cross-platform

4.No Native Development


Hybrid Mobile Application Platform

• Thin Native Framework on each platform• Allows for native application install• Allows for device interaction through Cordova Integration

• HTML5/JavaScript frontend• Java technology• SQLite integration

• Encryption Extension• Access Control and Security


Tips for Hybrid Apps Apple store is based 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

ADF Mobile works better with ResT/XML– No native support for ResT/JSON in current release

Migrating an existing ADF application?– Do not call existing Model objects directly from ADF Mobile!

– Turn your ADF Model layer into a web service layer

16


Three track approach

MobileBrowser• small screen• low resolution• simple JSF components• low(er) band-width• plain HTML & CSS

Rich MobileBrowser

• targeted at Tablets• no Flash• Adaptive Layout• (multi-touch) gestures• mobile aware component rendering• HTML 5

• deployment/access through browser• on line (connection required)

• Access to device features (camera, email, contacts, GPS)• Local storage• Off-line/disconnected (& synchronization)• AppStore deployment

Native AppsMobile Browser


ADF Mobile Application SolutionsADF Faces (PC and Tablet)• Contains optimizations for iOS Safari and Android Chrome

browsers

ADF Mobile Browser (Phones)• Run in a browser on any mobile operating system • Built using Trinidad components containing special render kits for

mobile browsers

ADF Mobile (Both Tablet and Phones)• Installed on device as a hybrid application (native app container &

HTML5 UI)• New set of components designed specifically for mobile (AMX)


Deciding What MethodMethod Description Benefits Scenario

ADF Faces Rich Client Components

For desktop browser apps that are fully functional in iPad and Android tablet browsers

• Single codebase

• Simplest rollout, maintenance, portability

Laptop or Desktop Replacement

ADF Mobile Browser

For web pages that adapt to the mobile browser where they are viewed

Supports broad range of mobile browsers (smartphones and feature phones)

Mobile Device Specific Tasks

ADF Mobile For mobile apps that install and run on iOS and Android devices

• Access to local storage and device services (camera, bar scanner, etc.)

• Reuse existing ADF development skills

• Minimizes development cycle for supporting new mobile platforms

Advanced Mobile Requirements


ADF Mobile vs. Web based ADFMVC ADF Mobile Web based ADF

View Layer • Locally rendered AMX or custom HTML5 pages• Server support for HTML pages

• Server-rendered only• Primarily support ADF Faces RC/Trinidad JSF components

Controller For AMX:• Subset of ADF Task Flow• Logic resides on mobile device

• Full ADF Task Flow support

Model Layer • Supports SOAP, REST-XML, and REST-JSON• Subset of model-layer Java support• JDBC Support

• Supports full complement of data sources and data controls

Java Support JavaME CDC and Java 1.4 JavaEE with latest Java support


ADF Architecture

Business Services

Data Services

Model

Controller

JSF View

Desktop

Browser-Based

Struts

OfficeADF

Swing JSP

EJB BAM ADFbcPortletsBIBPELWeb ServicesJava

ADF Faces

Met

adat

a S

ervi

ces

(MD

S) Mobile

Native Browser

DatabaseWeb Services Legacy Systems Apps Unlimited

JSF ADF Controller

ADF Binding

Web Service

WS*Mobile

ADF Mobile Overview



Oracle’s Mobile Approach

ORACLE MOBILE APPS

ORACLE APPLICATION DEVELOPMENT FRAMEWORK

ISV / CUSTOM APPS

• One common platform for both desktop-based and mobile enterprise applications

• Extend enterprise applications and data to mobile clients

• Support multiple channels and platforms


Oracle ADF Mobile• One framework, two delivery channel:

• Mobile browser

• On-device rich mobile application

• Build once, and deploy to many mobile platforms

• Deliver mobile-optimized user experience

• Mobile-enable enterprise middleware and apps

• Enhance developer productivity

• Support remote and on-device content and interactions


ADF Mobile Architecture


ADF Mobile Framework

Re-usable self contained module of an application

Each has its own WebView Accessed from Springboard or

Navigation Bar Modularization – Packaged together

into archives for re-use Flexible UI content types Each independently secured via IDM

authorization

Mobile “feature”

Features on Nav-bar

Features on Springboard


UI Content optionsADF Mobile Declarative (AMX)

XML format built visually in JDeveloper

50+ Components Declarative data binding Rendered into HTML5

on-device at runtime Supports custom-built components Full customization framework Upgrade-safe

UI Rendered Using AMX


AMX Component Set

Oracle proprietary and confidential

• Carousel• T-Maps

• ListView

• Gauge

• Charts

• GeoMap

• Basic Components • Forms


Java VM

ADF Model

Web View

AMX Architecture

Service Object

Page Definition

Data Object

Managed Beans

Backing Beans

AMX Page

Data

Bindings

Web Services

Device Features EL

Dat

a C

ontr

olD

ata

Con

trol

Bindings

EL

Device and Application ServicesD

ata

Con

trol

Bindings

Data

Event

EL

ELEL


Supported Platforms

• ADF Mobile runs on mobile devices powered by iOS and Android platforms

• iOS • Develop and Deploy on a Mac• Requires XCode and iOS SDK

• Android • Development and Deployment are supported in

either a Mac, Windows PC, or Linux• Requires Android SDK

ADF Mobile Development


1.Installing ADF Mobile development environment

・ JDeveloper (Studio Edition) 11.1.2.3 or above

・ ADF Mobile v1.0

http://bit.ly/adfmobile

http://bit.ly/adfmobile


1.Installing ADF Mobile development environment

Step by Step

http://lzhairs.blogspot.jp/2013/06/how-to-set-up-your-adf-mobile.html?spref=fb




2. Develop Mobile UI

AMX Local HTML RemoteURL

• Should be considered as default content type when developing new apps• Offline Support• Integration with device services like camera• Data Visualization requirements – charts, graphs, thematic maps...• Declarative – future proof for extensibility support

• Incorporate pages developed using third party HTML5 controls such as JQueryMobile• Implement moving/dropping Google Map markers• Use webview browser to display file content such as PDF

• Incorporate mobile-friendly Remote Web Content into the ADF Mobile App• Extend existing web application to leverage device services• Complements AMX/Local HTML features with local data cache with full set of server-side data and functionality

Common Use Cases for Different Content Types


Design Patterns• Navigation　・ Navigation Bar

• Springboard• Other

• Data Layout　・ Lists• Forms• Other

• Actions ・ Create Object

• Manage Object• Contextual

• Search ・ Simple

• Scoped



10 Mobile Design PrinciplesFocus on Mobile:

1. Know your end user

2. Define the essential mobile tasks

3. Design contextually

4. Create a flattened navigation model

5. Design to get the mobile work done in two minutes for less

6. Integrate analytics and business intelligence

7. Simplify search requirements

8. Integrate collaboration

9. Progressively disclose information

10. Leverage the mobile platform



Integrating the device services


ADF Mobile exposes device-specific features using Device Data Controls found in the Data Control palette. These services allow you to access software and properties on a device.

• Address book• Camera• Email and SMS• Geo-location• Device properties

Device Data Controls

ADF Mobile:3.Using the Local Database


Using the Local Database


Using the Local Database

Why SQLite?

Database initialization

Establish the connection(standard JDBC)

Encrypt and decryptStore password as a user profile

ADF Mobile:4.Develop Mobile UI

ADF Mobile:5.Data Services


ADF Mobile Data Services Overview

Device Native Container

Web ViewADF Mobile AMX View

Java VMJava Beans

Data Controls

Mobile Device

REST (JSON) Services

HTML5 & JavaScript

ADF Controller

Local Data Server

REST (XML w/ XSD) Services

SOAP Web ServicesLocal HTML


AMX Service Object ArchitectureJava VM

ADF Model

ServiceObject

Dat

a C

ontr

ol

Data Object

SOAP/REST-XML Web Services

Dat

a C

ontr

ol

JDBC

AdfmfJavaUtilitiesinvokeDataControlMethod

restServiceAdapter

EncryptedSQLite DB

REST-JSON

SOAP/REST-XML

ADF Mobile:6.Security


Overview・ SecuritySupport for Mobile Developers &Applications in IDM 11gR2

• Security for ADF Mobile Applications• Authentication• Whitelisting• Access Control• Encryption and Certificate Management

• Working with Configuration Services

ADF Mobile Security is not directly related to ADF Security


ADF Mobile Security

ADFBasicAuthApp - typical ADF application with basic ADF security authentication enabled

ADFMobileSecuredApp – ADF Mobile application,with deployment profile for iOS/Android simulator.

ADF Mobile:Roadmap for Mobile Development


1. Identify Application Requirements based on Use Cases

2. Design Application: Client & Server sides

3. Define Mobile Application and Features

4. Create Client-side Data Access Layers

5. Develop Task Flow and UI Backed with test data

6. Deploy, Test, & Refine to Ensure Optimal User Experiences

7. Develop Server-side Data Services in Parallel

8. Configure and Enable Security

9. Connect to Server-side Data Services

10. Retest in Simulators and Devices, and Optimize for Overall Application Performance

11. Deploy to Production Environment

Tip1:Roadmap for Mobile Development

ADF Mobile:ADF Mobile Sample Applications


Tip2: ADF Mobile Sample Applications

jdev_install/jdeveloper/jdev/extensions/oracle.adf.mobile/Samples


Summary

・ Oracle ADF Mobile - On-Device iOS and Android Applications・ Abstract Complexity and Simplify Development・ Reuse your Java and ADF skills


Thank you very much…

My blog:http://lzhairs.blogspot.jp

My mail:[email protected]

http://lzhairs.blogspot.jp/





Q&A


Learn Morehttp://www.oracle.com/technetwork/developer-tools/adf-mobile/overview/index.html

For iOS:

http://docs.oracle.com/cd/E18941_01/tutorials/MobileTutorial/jdtut_11r2_54_1.htmlFor Android: http://docs.oracle.com/cd/E18941_01/tutorials/MobileTutorial/jdtut_11r2_54_2.html

Oracle.com/technology/jdev

http://oraclefusionhub.com/page/2/

http://oracle.com/ADF

http://www.oracle.com/technetwork/developer-tools/adf-mobile/overview/index.html

http://docs.oracle.com/cd/E18941_01/tutorials/MobileTutorial/jdtut_11r2_54_1.html

http://docs.oracle.com/cd/E18941_01/tutorials/MobileTutorial/jdtut_11r2_54_2.html

http://oraclefusionhub.com/page/2/

http://oracle.com/ADF


Technology

Adf mobile overview