Real Life MAF (2.2) Oracle Open World 2015

Copyright © 2014, eProseed and/or its affiliates. All rights reserved. |
REAL-LIFE ORACLE MAF
Luc Bors eProseed NL
Oracle Open World 2015
San Francisco
October 26th 2015
Things You Don’t Learn from Oracle’s
Developers Guide

Copyright © 2014, eProseed and/or its affiliates. All rights reserved. |2
WHO AM I ?
•  Luc Bors
•  Managing Partner
•  eProseed
•  Oracle Platinum Partner

PROGRAM AGENDA
Introducing Oracle MAF
UI Development
Device Properties
Device Interaction
REST JSON : A Sample
1
2
3
4
5
3

INTRODUCING MAF
•  MAF is a hybrid-mobile framework
– Cross Platform Mobile Development
– Visual and Declarative Development
– Leverage Java Skills
– Simplified Device Feature and
Services Access

MAF RUNTIME ARCHITECTURE
•  Mobile Device
– HTML
– CSS
– Java Script
– Java
– Cordova
– SQLite
– Push Handler
– Access Control
•  Server Side

PROGRAM AGENDA
UI Development
Device Properties
Device Interaction
1
2
3
4
5
6

TIP TIME

DON’T MESS UP !!
•  Read the installation
guidelines carefully
•  Install JDeveloper with jdk1.7
8
Cable Mess Frustration - photo by: Jonathan Arehart

NO LONGER IN THIS PRESENTATION
•  Gestures; Pull to Refresh
•  Gestures; Swipe to Reveal
•  In MAF 2.2 this is standard!

NO LONGER IN THIS PRESENTATION
•  Toggle Springboard
•  In MAF 2.2 this is (almost)
standard!

TOGGLE SPRINGBOARD
•  What is the Default
toggle behavior ?

TOGGLE SPRINGBOARD
•  What is the Desired
toggle behavior ?
<amx:commandLink id="cl1" actionListener="#{bindings.toggleSpringboard.execute}” 
styleClass="springboard-icon" shortDesc="Springboard Link”> 
<amx:image id="i1" source="/images/springboard.svg"  
shortDesc="Springboard Image"/> 
</amx:commandLink>

DRAG AND DROP DEVELOPMENT

CREATE FRAGMENTS
•  Create Fragments that
can be re-used
•  Fragments can have
styling
•  Assign Attribute values
when Fragment is used

USE FRAGMENTS
•  Drop fragment on
page
•  Assign Attribute
values

TO DND OR NOT TO DND ?
•  The hard work
– Create page fragments first
– Create bindings manually
– Assign attribute Values
•  VS

MAKE IT EVEN MORE BEAUTIFUL
•  Use the tools !
•  Chrome Developer tools
•  Safari Developer tools

SKINNING IOS APPS
•  Safari

SKINNING IOS APPS

SKINNING ANDROID APPS
•  Chrome

SKINNING ANDROID APPS

TIP TIME

THE MASONRY LAYOUT
•  Works with mobileAlta-v1.4
•  You can disable the drag and drop behavior on the
masonry layout items.
•  Use the undocumented style class in MAF 2.2 for
this is amx-masonryLayout-noDrag

PROGRAM AGENDA
UI Development
Device Properties
Device Interaction
1
2
3
4
5
26

DEVICE PROPERTIES
•  Many Device properties
are available
•  Do what is possible, avoid
what cannot be done

LOADING IN THE BACKGROUND

HOW IT WORKS
•  Check network connectivity
– #{deviceScope.hardware.networkStatus}
– "wifi", "2g", "unknown", "none”, etc etc
•  Start background thread
– Load Images in background
29

LOADING IN THE BACKGROUND

MULTIPLE BACKGROUND THREADS
•  You can actually use multiple background
threads
•  Can be refreshed individually
•  AdfmfJavaUtilities.flushDataChangeEvent()

HOW TO START IOS SIMULATOR ?
•  Deploy app from within JDeveloper
•  Start from within Xcode
•  Start from Commandline

PROGRAM AGENDA
UI Development
Device Properties
Device Interaction
1
2
3
4
5
33

DEVICE INTERACTION
•  The Device
Datacontrol
•  Drag n Drop support
•  Attributes as fields
•  Operations as buttons
•  Or as a link

BEHIND THE SCENES

CAMERA INTERACTION
•  Take a picture ……………
•  …… or get one from the Library
DeviceManager.CAMERA_SOURCETYPE_PHOTOLIBRARY
import oracle.adf.model.datacontrols.device;
DeviceManager dm = DeviceManagerFactory.getDeviceManager();
if (dm.hasCamera){
dm.getPicture(
100,
DeviceManager.CAMERA_DESTINATIONTYPE_FILE_URI,
DeviceManager.CAMERA_SOURCETYPE_CAMERA,
false,
DeviceManager.CAMERA_ENCODINGTYPE_PNG,
200,
200);
}

UPLOADING YOUR PICTURE
•  REST/JSON à Needs a String, not an image
37
DeviceManager dm = DeviceManagerFactory.getDeviceManager();
String myImageDataBase64 = dm.getPicture(50,
DeviceManager.CAMERA_DESTINATIONTYPE_DATA_URL,
DeviceManager.CAMERA_SOURCETYPE_CAMERA,
false,
DeviceManager.CAMERA_ENCODINGTYPE_JPEG, 200, 200);
}
myImageDataBase64 = URLEncoder.encode(myImageDataBase64,
java.nio.charset.StandardCharsets.UTF_8.toString());

LOCAL NOTIFICATIONS
•  Declarative
– DeviceFeatures DC
•  JavaScript API
– adf.mf.api.localnotification
•  Java API
– adfmfContainerUtilities
38

CREATING A LOCAL NOTIFICATION
•  AdfmfContainerUtilities.addLocalNotification(options)
•  AdfmfContainerUtilities.cancelLocalNotification(notificationId);
39

REPEATING LOCAL NOTIFICATIONS
40

TIP TIME

CANCELING REPEATING NOTIFICATIONS
•  Cancelling a notification means that the notification is
COMPLETELY cancelled even if it was scheduled to
fire every DAY
•  Create a new one after cancelling

PROGRAM AGENDA
UI Development
Device Properties
Device Interaction
Some More Tips
1
2
3
4
5
43
6

OVERVIEW OF A MAF SOLUTION
JSONBeanSerializationHelper
POJO Datacontrol Data Objects
Data Objects
Data ObjectsDataArray
REST Adapter
MAFBindingLayer
RemoteRESTJSON
R
E
S
T
C
o
n
n
e
c
t
i
o
n
MAF App

CLASS HIERARCHY
RestCallerUtil
FlightCustURIs
JsonArrayToFlightPassengerListArray JsonArrayToFlightDetailsArray
FlightPassengerListArray FlightDetailsArray
FlightPassengerListEntity FlightDetailsEntity
FlightPassengersDC
CustomerComplaintEntity
FlightsRestService
CustomerComplaintObject
CustomerComplaintObjectToJsonObject
CustomerRestService

RESTSERVICE ADAPTER DOES THE CALL
•  setRequestType
– REQUEST_TYPE_GET à to GET flights and Passengers
– REQUEST_TYPE_POST à to POST a complaint
•  setConnectionName: To use the correct REST-connection
•  setRequestURI à What is it that we want to do
–  /flights/KL34
–  /flights/KL34/passengerlist
–  /complaints
•  NOTE: Request URI are bundled in a Custom Class (FlightCustURIs)

REST JSON FROM SOA SUITE, OSB OR MCS

USE SOAP UI “CLOUD SERVICE”
{ "FlightCode": {
"CarrierCode": "KL",
"FlightNumber": "34"
},
"FlightDate": "2015-03-07T09:50:00.000+01:00",
"TotalNumberOfPassengers": "22",
"Passengers": [
{
"FirstName": "Diana",
"LastName": "Woodstock",
"Country": "UK",
"FrequentFlyerNumber": "BB123332",
"Seat": "2B"
},
{
"FirstName": "William",
"LastName": "Simon",
"Country": "US",
"FrequentFlyerNumber": "KK9182673",
"Seat": "4C"
},

TIP TIME

WHERE ARE MY FIFILES ?
•  Finding the actual log file for an app, particularly since
iOS 8 and Xcode 6, is a somewhat tricky
•  Logfile
– application.log
50

THERE ARE MY LOGFILES !
•  iOS simulator content
– /Users/lucbors/Library/Developer/CoreSimulator
51

THERE ARE MY DEVICES !
– /Users/lucbors/Library/Developer/CoreSimulator/Devices
52

THERE IS MY DEVICE !
– /Users/lucbors/Library/Developer/CoreSimulator/Devices
– Use ls -lt
53

THERE IS MY APPLICATION !
– /Users/lucbors/Library/Developer/CoreSimulator/Devices/
<device>/data/Containers/Data/Application
54

THERE IS MY LOGFILE !
– /Users/lucbors/Library/Developer/CoreSimulator/Devices/
<device>/data/Containers/Data/Application/<app>/Documents/
logs
55

WHERE ARE MY LOGFILES ?
•  Change Location
56

IN MAF 2.2 THINGS CHANGED
•  Logfile is automatically redirected to the JDeveloper Console
57

SUMMARY
•  Many Options to Develop
•  Many Features to Use
•  Highly Configurable
•  Use Common Patterns
•  Think Outside of the Box
•  Use other Tools to Help you

Real Life MAF (2.2) Oracle Open World 2015

Real Life MAF (2.2) Oracle Open World 2015

More Related Content

What's hot (20)

Viewers also liked (8)

Similar to Real Life MAF (2.2) Oracle Open World 2015 (20)

More from Luc Bors (14)

Recently uploaded (20)

Real Life MAF (2.2) Oracle Open World 2015