Real life-maf-2015-k scope-final

Copyright © 2014, eProseed and/or its affiliates. All rights reserved. |
REAL-LIFE ORACLE MAF
Luc Bors eProseed NL
ODTUG KScope 2015
Hollywood Florida
June 23rd 2015
Things You Don’t Learn from Oracle’s
Developer’s Guide

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

PROGRAM AGENDA
Introducing Oracle MAF
The Basics; DnD Development
Device Properties, Springboard, Gestures (Common Patterns)
Some Annoyances
Device Interaction
REST JSON : Be Prepared for the Server Side Developer ?
1
2
3
4
5
3
6

BEFORE WE START
•  Let’s look at some basic terms related to MAF and
Mobile
– Springboard
– Gestures
– Feature
– Device Interaction
– Notifications

PROGRAM AGENDA
Some Annoyances
Device Interaction
REST JSON : Be Prepared ?
1
2
3
4
5
5
6

TO DND OR NOT TO DND ?
•  Drag and Drop Development
•  Pro’s
– Quick
•  Cons
– Dirty

•  Drag and Drop Development Demo

•  Drag and Drop Development of your app

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

•  The hard work
– Create page fragments first
– Create bindings manually
– Assign attribute Values
•  VS

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
12
6

DEVICE PROPERTIES
•  Benefit from Device properties
•  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
15

LOADING IN THE BACKGROUND

DEMO
17

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
18
6

CONTROLLING YOUR APPLICATION
•  Springboard configuration in adfmf-application.xml

THE DEFAULT SPRINGBOARD

THE CUSTOM SPRINGBOARD

CONFIGURING THE SPRINGBOARD

FEATURE ARCHIVES
•  Feature Archives can be reused
•  Deploy MAF app as FAR
•  Consume features from FAR in other apps

CUSTOM TOGGLE SPRINGBOARD
•  What is the Default ?

•  Use AdfmfSlidingWindowUtilities API.
– oracle.adfmf.framework.api.AdfmfSlidingWindowUtilities
– Note that the sliding window plugin API can only be used for
features defined within the application that do not appear in
the navigation bar and is not the springboard feature .
– So in order to make a custom springboard that nicely slides in
and out of view we need to instruct the app that it has NO
springboard, and create a custom feature that functions as a
springboard.

•  What is the Custom ?

DEMO
27

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
28
6

GESTURES ( AND UX )
•  Gestures can be
used from:
– Buttons
– Links
– List Item
<amx:showPopupBehavior popupid="pop1"
type="tapHold“ />

GESTURE ABUSE
•  .. Or how to confuse your app user…
<amx:showPopupBehavior popupid="pop1"
type=”swipeLeft“ />
<amx:actionListener binding="#{mybean.deleteRow}"
type=”swipeDown"/>

WHAT APPLE DID (IOS6 à IOS7)
•  I rest my case……
•  Make sure to be
aware of the right
standard:
– For Device
– For OS
– For version
•  They changed delete swipe from right to left…….

THIS IS HELPFULL

USE CASE EXAMPLE

INGREDIENTS
•  A (Web) service and datacontrol
•  A Page with Listview
•  An ActionListener with type
SwipeDown
•  Smart Java Code to call service
(conditionally)
<amx:listView var="row”
value="#{bindings.allLocations.collectionModel}"
fetchSize="#{bindings.allLocations.rangeSize}”
id="lv1">
<amx:listItem id="li1">
<amx:actionListener type="swipeDown”
binding="#{pageFlowScope.locationsBackingBean.checkForUpdates}”>

EXAMPLE

BONUS PATTERN (ACTION COMPLETE)
•  Description:
– User performs action
– App confirms and navigates back
•  Challenge:
– Programmatic popup from JAVA
•  Solution:
– Call Javascript from Java
– Invoke (Hidden) Buttons (with showPopupBehavior) from JavaScript
36
AdfmfContainerUtilities.invokeContainerJavaScriptFunction(
FeatureContext.getCurrentFeatureId(),
"popupUtilsShowPopup",
new Object[] {"_popShowId", text});
adf.mf.api.amx.triggerBubbleEventListener(popupOpener,"tap");

DEMO
37

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
38
6

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

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

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

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

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

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

WHERE ARE MY LOGFILES ?
•  Change Location
45

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
46
6

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 ……………
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);
}
DeviceManager.CAMERA_SOURCETYPE_PHOTOLIBRARY

MOBILE MAPS

GOOGLE PLACES

USE GPS FOR LOCATION BASED SERVICES
public Location getPosition(){
DeviceManager dm=DeviceManagerFactory.getDeviceManager();
Location currentPosition = dm.getCurrentPosition( 60000,true);
return currentPosition;
}
Location myPosition = getPosition();
String locationParameter = “location=”
+ myPosition.getLatitude();
+”,”
+ myPosition.getLongitude();
restServiceAdapter.setRequestURI(
"json?”
+locationParameter
+”&radius=1000”
+”&types=food”
+”&sensor=false&key=<yourApiKey>");

DISPLAY ON THE MAP

PUSH NOTIFICATIONS

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

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

REPEATING LOCAL NOTIFICATIONS
57

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

DEMO
59

PROGRAM AGENDA
Some Annoyances
Device Interaction
REST JSON : Be Prepared
1
2
3
4
5
60
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

MAF WITH REST JSON ON OSB

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)

DEMO WITHOUT THE OSB
{ "FlightCode": {
"CarrierCode": "KL",
"FlightNumber": "34"
},
"FlightDate": "2015-03-07T09:50:00.000+01:0
"TotalNumberOfPassengers": "22",
"Passengers": [
{
"FirstName": "Diana",
"LastName": "Woodstock",
"Country": "UK",
"FrequentFlyerNumber": "BB123332",
"Seat": "2B"
},
{
"FirstName": "William",
"LastName": "Simon",
"Country": "US",
"FrequentFlyerNumber": "KK9182673",
"Seat": "4C"
},

SUMMARY
•  Many Options to Develop
•  Many Features to Use
•  Highly Configurable
•  Use Common Patterns

Real life-maf-2015-k scope-final

More Related Content

What's hot

Similar to Real life-maf-2015-k scope-final

More from Luc Bors

Recently uploaded

Real life-maf-2015-k scope-final