Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... ·...

Mobile-First Development

David Valencia

Consultor

1

Índice

2

1. Mobile-First Development

2. Mobile Architecture

• Oracle mobile strategy

• Backend development

• Mobile application development

3. Caso de uso

4. Demo

1. Mobile-First Development

3

Mobile-First Development

Desktop VS Mobile

4

Mobile-First Development

Desktop VS Mobile

5

Mobile-First Development

What is it?

6

Oracle Mobile Strategy

2. Mobile architecture

7

Mobile architecture

Oracle Mobile Strategy

8

Backend development

2. Mobile architecture

9

Backend development

Oracle ADF BC REST services

10

• Exposes ADF BC View Objects as REST resources

View Object Instance

Departments

Application Module

View Object Instance

Employees

View Object Instance

Employees

Da

ta M

od

el

REST InterfaceREST Resource

Departments

Collection / Object

Custom Java

Row Finder / VC

REST filtering

REST URI – GET, PUT, POST, Delete, PATCH

{host:port}/{path}/rest/{version}/Departments

/{deptId}

/{deptId}/children

/{deptId}/child/Employees/{empId}

/{dept name via row finder}

/{…}? {query condition}

Backend development

Oracle ADF BC REST services

11

• Response shaping

Service Shaping

Row Attributes

1 2 3 4 5 6 7 8

JSON Response Attributes

2 5 7 8

Backend development

Oracle ADF BC REST services

12

• Query parameters and row finders

http://{…}/rest/{version}/employees?offset=3&limit=10

http://{…}/rest/{version}/employees?orderBy=EmployeeId:asc

http://{…}/rest/{version}/employees?expand

http://{…}/rest/{version}/employees?finder=EmpRF;mail=SKING

http://{…}/rest/{version}/employees?q=EmployeeId=100

Mobile application development

2. Mobile architecture

13

Mobile application development

Different choices

14

MOBILE APPLICATION

FRAMEWORK (MAF)

Others

Native

Mobile

Application

Accelerator

(MAX)

Visual Builder

Cloud Service

(VBCS)

Core Developers Citizen Developers

Oracle JavaScript

Extension Toolkit (JET)

Device Resident Apps

Web + Mobile Web

DeclarativeJava Development

Multi Channel JavaScript

Development

Mobile application development

Oracle JET

15

Mobile application development

Oracle JET

16

JET UI Components

REST WebSocket

Knockout.JS

Business Services

Data

ViewModel

View

JE

T R

ou

tin

g

Syste

m

JET Common Model Model

JQueryUI Hammer SASS

Req

uir

e.J

S

Client Browser

Server Side

Mobile application development

Oracle JET

17

Mobile application development

Oracle VBCS

18

Mobile application development

Oracle MAX

19

Mobile application development

Oracle MAX

20

Mobile application development

Oracle MAX

21

Mobile application development

Oracle MAX

22

JET & ADF BC

3. Caso de uso

23

Caso de uso

JET & ADF BC

24

4. Demo

25

David Valencia Consultor

david.valencia@avanttic.com

26