documento de plantilla para powerpointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... ·...
TRANSCRIPT
![Page 1: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/1.jpg)
Mobile-First Development
David Valencia
Consultor
1
![Page 2: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/2.jpg)
Índice
2
1. Mobile-First Development
2. Mobile Architecture
• Oracle mobile strategy
• Backend development
• Mobile application development
3. Caso de uso
4. Demo
![Page 3: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/3.jpg)
1. Mobile-First Development
3
![Page 4: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/4.jpg)
Mobile-First Development
Desktop VS Mobile
4
![Page 5: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/5.jpg)
Mobile-First Development
Desktop VS Mobile
5
![Page 6: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/6.jpg)
Mobile-First Development
What is it?
6
![Page 7: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/7.jpg)
Oracle Mobile Strategy
2. Mobile architecture
7
![Page 8: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/8.jpg)
Mobile architecture
Oracle Mobile Strategy
8
![Page 9: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/9.jpg)
Backend development
2. Mobile architecture
9
![Page 10: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/10.jpg)
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}
![Page 11: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/11.jpg)
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
![Page 12: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/12.jpg)
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
![Page 13: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/13.jpg)
Mobile application development
2. Mobile architecture
13
![Page 14: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/14.jpg)
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
![Page 15: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/15.jpg)
Mobile application development
Oracle JET
15
![Page 16: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/16.jpg)
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
![Page 17: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/17.jpg)
Mobile application development
Oracle JET
17
![Page 18: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/18.jpg)
Mobile application development
Oracle VBCS
18
![Page 19: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/19.jpg)
Mobile application development
Oracle MAX
19
![Page 20: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/20.jpg)
Mobile application development
Oracle MAX
20
![Page 21: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/21.jpg)
Mobile application development
Oracle MAX
21
![Page 22: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/22.jpg)
Mobile application development
Oracle MAX
22
![Page 23: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/23.jpg)
JET & ADF BC
3. Caso de uso
23
![Page 24: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/24.jpg)
Caso de uso
JET & ADF BC
24
![Page 25: Documento de plantilla para PowerPointblog.uclm.es/aulasmactavanttic/files/2017/12/3-avanttic... · 2017-12-07 · Documento de plantilla para PowerPoint Author: Jordi Mencio Created](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f762ad47a8da86577250ebb/html5/thumbnails/25.jpg)
4. Demo
25