Real life-maf-2015

Copyright © 2014, eProseed and/or its affiliates. All rights reserved. |
REAL-LIFE ORACLE MAF
Luc Bors eProseed NL
ODTUG Mobile Day, Utrecht
April 21st 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 : why wait 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 : why wait ?
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 ADF Mobile 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 ?

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
27
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

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
35
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
36

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

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

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

THERE IS MY APPLICATION !
– /Users/lucbors/Library/Developer/CoreSimulator/Devices/<devic
e>/data/Containers/Data/Application
40

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

WHERE ARE MY LOGFILES ?
• Change Location
42

PROGRAM AGENDA
Some Annoyances
Device Interaction
1
2
3
4
5
43
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
52
both

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

REPEATING LOCAL NOTIFICATIONS
54

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
Some Annoyances
Device Interaction
REST JSON : why wait
1
2
3
4
5
56
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

More Related Content

What's hot

Viewers also liked

Similar to Real life-maf-2015

More from Luc Bors

Recently uploaded

Real life-maf-2015

Editor's Notes