This post is about Alta Mobile UI and MAF 2.1. I was using Oracle Work Better mobile application as a reference, along with Alta Mobile UI Design Guidelines. This is based on my previous posts about Oracle Mobile Suite and MAF 2.1 integration, read more here - Oracle Mobile Suite - Web Service Performance Optimisation with Result Caching. You could also use Alta UI 12c with regular ADF Web applications, check more here - Custom ADF Application with New ADF 12c Alta UI.
Sample application - MobileServiceBusApp_v5.zip (contains ADF BC SOAP Web Service, Oracle Mobile Suite SOAP to REST transformation and MAF 2.1 application with Alta Mobile UI) implements a dashboard. Component to visualise amounts and values comes out of the box with MAF (iPad view):
User could open a springboard and select Employees option in the sample application:
Here we can search for employees by first name/last name and bring results as a list:
Optionally user could switch to cards view, to display the same results in different way:
You could click on employee icon - this will load details screen and bring additional info:
Steven King is a manager, he manages Executive department and there are two team members reporting to him. Compensation graph can be displayed for team members:
A list of team members is displayed in the third tab:
There is MAF 2.1 Deck component in Employees search page, it allows to switch between a list and cards view:
Employee details page is rendered with a help of MAF 2.1 Deck component as well, along with Select Button component to display tab UI and navigate between Detail, Compensation and Team sections:
You could check how these pages are implemented in the sample app provided above.
Sample application - MobileServiceBusApp_v5.zip (contains ADF BC SOAP Web Service, Oracle Mobile Suite SOAP to REST transformation and MAF 2.1 application with Alta Mobile UI) implements a dashboard. Component to visualise amounts and values comes out of the box with MAF (iPad view):
User could open a springboard and select Employees option in the sample application:
Here we can search for employees by first name/last name and bring results as a list:
Optionally user could switch to cards view, to display the same results in different way:
You could click on employee icon - this will load details screen and bring additional info:
Steven King is a manager, he manages Executive department and there are two team members reporting to him. Compensation graph can be displayed for team members:
A list of team members is displayed in the third tab:
There is MAF 2.1 Deck component in Employees search page, it allows to switch between a list and cards view:
Employee details page is rendered with a help of MAF 2.1 Deck component as well, along with Select Button component to display tab UI and navigate between Detail, Compensation and Team sections:
You could check how these pages are implemented in the sample app provided above.
No comments:
Post a Comment