1 copyright © 2012, oracle and/or its affiliates. all rights reserved. · 18 copyright © 2012,...

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

Upload: others

Post on 07-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Page 2: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Getting Ready for Mobile Development

Page 3: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Agenda

Why go mobile?

Making sense of mobile requirements

Mobile applications types

Understanding Oracle’s offering

Page 4: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Page 5: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

GLOBAL MOBILE

3G SUBSCRIBERS

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

Page 6: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Mobility Is a Priority and Challenge for I.T.

Top Mobility Challenges for CIOs

Securing corporate

information

Integrating with

other systems

Supporting

multiple devices

41%

31%

28%

CIO Insight: Top Challenges of Enterprise Mobility, 2012

Bring Your Own Device (BYOD) Practices in 2011

74%

74% Allow some

sort of BYOD

usage.

Less than 10%

“FULLY AWARE”

of the devices

accessing their

network

10%

By 2015,

Mobile usage

will surpass

pc’s and

other wired

devices.

Forbes: Mobile Business Statistics For 2012

Page 7: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

What Device is Accessing Your Application?

Page 8: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Mobile Enterprise Challenges

Technology evolving at Consumer pace

– iOS, Android, …

– Different tools, languages, platforms, etc.

User expectations are high

– Biased by Consumer experiences

IT optimized for web

– Technology expertise, headcount, processes

– Now must address demand for mobile

Multiple platforms and form factors

In Pursuit of Productivity and Connectivity

Page 9: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Understanding Mobile Requirements

Tablet, Smart Phone, Feature Phone, Laptop

Screen size

Device capabilities

Web browser capabilities

Processing power

Do you have control of the devices?

Which device

Page 10: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Understanding Mobile Requirements

Wi-Fi, 4GL, 3GL, offline

Speed

Availability

Network type

Page 11: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Understanding Mobile Requirements

Browser

Camera

GPS

Contacts

Calendar

SMS

Phone

Device features integration

Page 12: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Understanding Mobile Requirements

Occasional users

– Frequency of interaction

– Length of interaction

Dedicated users

– Internal or External

– Frequency of interaction

– Length of interaction

End Users

Page 13: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Types of Mobile Applications

Page 14: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

We’ll Just Use Our Existing Web Application

Page 15: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Adjusted Web UI for Mobile

Page 16: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

It’s Not Just the Screen Size

No mouse

Touch gestures

Harder to type

Web browser limitations

Slower network

Page 17: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

You Need a Dedicated Mobile Application !

Page 18: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Mobile Web App (Viewed in Safari)

3 Mobile Application Types

Mobile Web Apps

Online application accessed through mobile device browser

Browser governs access to local storage and device services (camera, GPS, etc.)

Highly reusable code

Highly portable

Native Mobile Apps

Application installed & runs on device

Optimized for specific mobile platform and form factor

Direct access to local storage and device services

Code reuse can be complex

Portability requires work

Hybrid Mobile Apps

Application installed & runs on device with HTML5 UI

Optimized for specific mobile platform & form factor

Direct access to local storage and device services

Code reuse simplified

Portability simplified

Native App (iOS)

Page 19: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle’s Mobile Approach

Extend enterprise applications

to mobile apps through one

common platform

Handle multi-channel

development on any device

Integrate data across the

Enterprise and Mobile device

Secure enterprise data across

all layers database, business

logic and user interface

ORACLE MOBILE APPS

ORACLE ADF

ISV / CUSTOM

APPS

Page 20: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF – Oracle Application Development Framework

Page 21: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF – Multi Channel Framework

Oracle ADF

Database

Web Services

Cloud

Web

Mobile Office

Legacy Systems

Oracle

Applications

Page 22: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle Fusion Applications

Industry Applications

Oracle Fusion Middleware

Custom Applications

ADF

Oracle’s Strategic Development Framework

Oracle ADF

Page 23: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF Architecture

JSF

Desktop Browser-Based

Office ADF Swing

EJB REST ADFBC Portlets BI BPEL Web Services Java

ADF Faces Mobile

JSF ADF Controller

ADF Binding

Mobile

Business Services

Data Services

Model

Controller

View

Me

tad

ata

Se

rvic

es (

MD

S)

AD

F S

ecu

rity

BAM

Page 24: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Browser Based Mobile Applications with Oracle

Page 25: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Develop for desktop browser apps that are fully functional in iPad and other tablet browsers

Single codebase

Simple rollout, maintenance, portability

Web-Based Applications

Oracle ADF Faces

Page 26: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF Faces Features

OS Touch Gesture Support

– Drag and drop, multi-select, hover, context menu,

chart/graph interactivity, etc.

Adaptive User Interface

– Flowing layout support

– HTML5 implementation instead of Flash for

visualization components

– Simpler table component

– Touch region optimization

– CSS 3 support

Performance optimizations

For Web Apps Accessed On Both Laptops and Tablets

Page 27: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Adaptive UI with Oracle ADF Faces

Page 28: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF Mobile Browser

Used for feature-phones and slower networks

Browser accessed application networks

Using Trinidad components

Adaptive UI rendering

Optimized Skinning for mobile

Regular ADF development process

Page 29: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Trinidad JSF Components

Part of the Apache MyFaces Trinidad project

Supports over 60 mobile optimized JSF Components

Detects browser capabilities automatically

Supports AJAX functionality such as Partial Page Refresh

Downgrades gracefully to plain HTMLs for consumer phone mobile

browsers

– No special coding or handling needed from developer

Mobile Browser Support

Page 30: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Enabled/Supported Mobile Browser Features

Browser Java Script CSS PPR

Webkit Based Browsers Yes Yes Yes

BlackBerry 4.6/5.x Yes Yes Yes

BlackBerry 4.5 or below No Yes No

Windows Mobile/Phone Yes Yes Yes

Nokia S40/60 WebKit Yes Yes No

Plain HTML No Yes No

Page 31: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Mobile Web UI Optimization Through CSS

Mobile optimized user

interface through CSS

Pre-built CSS added to

project

Page 32: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle APEX

Templates for mobile UI accessed from browser

Based on JQuery Mobile components

Page 33: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

On-Device Mobile Applications – Oracle ADF Mobile

Page 34: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Java HTML5

Use Existing Skills Set

Built On Standards

Use Existing Skills Set

Built On Standards

Oracle

ADF Mobile

Oracle ADF Mobile Write Once, Deploy to Many

Page 35: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

ADF Mobile Overview

Thin Native container on each

platform

– Allows for native application install

– Allows for device interaction

HTML5/JavaScript based Frontend

Java Backend

– Embeds a light-weight, headless JVM

Content packaged as reusable

modules

– Implemented as local or remote

content

Page 36: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle ADF Mobile – UI Development

Device native user experience

Spring board and tab bar for

feature navigation

Advanced HTML5-based UI

– Full animation, gesture, and

touch interaction support

Interactive Data Visualization

Components

Device-Native User Experiences

Page 37: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

UI Content options

Local AMX File

– JSF-like file built visually in

JDeveloper

– Generated into HTML/JS

on device at RT

Remote URL

– ADF Trinidad for Smartphones

– ADF Faces on Tablets

– Any third-party site

Local HTML File

– Coded with any third-party

HTML5 frameworks

Page 38: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Device Features Interaction

Leverages PhoneGap/Cordova

Drag and drop to use

– Email

– SMS

– Contacts

– GPS

– Camera

Or access programmatically

Page 39: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Oracle JDeveloper Extension

Declarative and visual development

Integration with Apple Xcode and Android SDK

Consistent tooling

Component based UI construction

Task Flows

Data Controls

Packaging

Deployment

Debugging

Integrated Development Environment

Focused on Productivity

Page 40: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Access and Security

Authentication:

– Out of the box integration with Oracle

IDM

– Offline authentication

– Single login across Features

Access Control:

– Role based access

Encryption:

– Credential store

– Local data

– Communication channels

Page 41: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Device

Services

ADF Mobile Architecture

Cordova

Device Native Container

Web

View

Server

HTML

ADF Mobile

XML View

Java VM

ADF Model

Third Party

Web Sites

Server or Cloud

backend

Oracle IDM

Oracle IAM

Mobile

Device

SOAP & REST

Web Services

Local

HTML

HTML5 & JavaScript Presentation

Configuration

Server

ADF Controller

Encrypted

SQLite DB

Cre

de

ntia

l Ma

na

ge

me

nt,

SS

O &

Ac

ce

ss

Co

ntro

l

Ap

p

Co

nfig

Servers

Native

View

Java

Business

Logic

Page 42: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

ORACLE ADF MOBILE ORACLE ADF MOBILE APPLICATIONS DEMONSTRATION

Page 43: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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

Summary

Mobile Applications are not the same as regular applications

Consider use-case to pick the right architecture

Oracle ADF Mobile – On-Device iOS and Android Applications

Abstract Complexity and Simplify Development

Reuse your Java and ADF skills

Page 44: 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. · 18 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. Mobile Web App (Viewed in Safari)

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