OOW16 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite [CON6719]

Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Simplified and Touch-Friendly
User Interface in Oracle E-
Business Suite
Oracle Applica+on Framework
Senthilkumar Ramalingam
Group Manager
ATG Development
Oracle E-Business Suite
September 19, 2016
ConfidenRal – Oracle Internal/Restricted/Highly Restricted

Safe Harbor Statement
The following is intended to outline our general product direcRon. It is intended for
informaRon purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or funcRonality, and should not be relied upon
in making purchasing decisions. The development, release, and Rming of any features or
funcRonality described for Oracle’s products remains at the sole discreRon of Oracle.
ConﬁdenRal – Oracle Internal/Restricted/Highly Restricted 3

Agenda
Overview
New features
Roadmap

1
2
3
4

Oracle ApplicaRon Framework
•  OA Framework is the primary technology stack for Oracle E-Business Suite
applicaRons
Architecture Overview
OA Framework
UIX BC4J MDS AOL
JDeveloper OA Extension E-Business Suite Data
MDS Repository
E-Business Suite ApplicaRons
Client Tier Middle Tier Database Tier

OA Framework New Features in 12.2
•  Oracle Alta UI
•  Touch friendly layouts
•  Simplified login and home page
•  Simplified global headers
•  Rich Component InteracRons
– Menu, Table, HGrid, Flex Fields,
Aâchments, Popup, Sub Tab Layout
•  Touch Gestures
•  New Components
– InfoRle
– Hide/Show Sub Tab Layout
•  Accessibility – OAG 2.0

Oracle Alta UI
Simpliﬁed and Touch-friendly
7

Oracle Alta UI
•  New user interface design for modern, visually pleasing, consistent and
engaging user interfaces
•  Based on four key design principles:
– Design for mobile ﬁrst
– Keep layouts simple and unclu^ered
– Provide a clear informaRon hierarchy
– Engage users with more visual content
8
Overview

Oracle Alta UI
•  Alta skin for EBS is responsively opRmized for tablets and desktops
•  Tablet opRmizaRons
– Increased height for table tool bar and rows
– Increased height for buôns and form input fields like text input fields and list of
values (LOV) fields
– Enhanced touch sensiRvity for components
•  Desktop opRmizaRons
– Retains a more compact UI on desktops similar to the earlier skins

9
For E-Business Suite

Oracle Alta UI
10
Desktop View
Compact
Layout for
desktop

Copyright © 2016, Oracle and/or its aﬃliates. All rights reserved. | 11
Oracle Alta UI
•  Improved heights for all
components improve touch
sensiRvity and ease of access
Tablet View

Simpliﬁed Login Page
•  Tablet opRmized layout
•  Prominent and central display of
login prompts
EBS Login Page

Simpliﬁed Home Page
•  Responsive tablet-opRmized
page design
•  Touch friendly icons for
launching applicaRon pages
•  Customizable Announcement
region
•  Add to Favorites icon to add
commonly accessed applicaRon
pages to the Home page
New Home Page

Simpliﬁed Global Header
•  Touch friendly and concise
global header that can show
–  Icons only
–  Icons and links
–  Links only
•  Tablet opRmized Navigator
menu for responsibiliRes and
page access
Navigator

•  Favorites menu for quick inter-
applicaRon navigaRon
•  Add to Favorite icon available
on bookmarkable pages
Favorites

•  NoRficaRons available via the
global header
•  NoRficaRon count shows all
open noRficaRons
•  Allows quick navigaRon to full
worklist
No+fica+ons

•  Sejngs icon consolidates links
that were separately displayed:
–  Personalize Page
–  Preferences
–  DiagnosRcs
–  Manage Proxies
–  Access Requests
SeKngs

•  Preferences page allows end
users to conﬁgure the type of
global links
Preferences

•  Global header display with
Preferences page -> Page
Header Display Style set to ‘Both
Links and Icons’
Icons and Links

Rich Component InteracRons
20

Rich Component InteracRons
•  Menus – springboard view
•  Tables – detach, column reorder, column resize, column freeze, column
hide/show, horizontal scroll and verRcal scroll
•  HGrid – column reorder and column resize
•  Flexfields – descripRve flexfield as a popup
•  Popup – modal support, auto-resize, move
•  Sub tab layout – verRcal orientaRon
21

Enhanced Menu Display
•  Modernized tab and navigaRon menu display
– Use Springboard in ﬁlm strip mode to render ﬁrst level menus
•  Improves clarity of informaRon hierarchy
•  Alters the overall look of the page by changing the display of menu
hierarchy and arranging the page contents
•  User personalizable through Preferences page
22

23
First-level
menu as
springboard

24
Preferences

Value of FND:Top
Menu Display Type
proﬁle

I Level Menu II Level Menu III Level Menu IV Level Menu
Icons and Links
Large icons in both
desktop and tablet
Horizontal tabs with
border and highlight
Side NavigaRon Bar Side NavigaRon Bar
Links Only - default
Links only for
backward
compaRbility
Horizontal tabs Side NavigaRon Bar Side NavigaRon Bar
Icons and Links
(Tablet Only)
Large icons in tablet
and links in desktop
Horizontal tabs Side NavigaRon Bar Side NavigaRon Bar

Enhanced Tables
•  Detach
•  Horizontal scroll and verRcal scroll
•  Refresh
•  User PersonalizaRons
– Column reorder
– Column resize
– Column freeze
– Column hide/show
26
New Features

Enhanced Tables
27
Detach
Detach icon

Enhanced Tables
28
Horizontal scroll and ver+cal scroll

Enhanced Tables
•  Horizontal scroll allows table columns to be scrolled without having the
enRre page scroll
•  VerRcal scrolling allows smooth scroll experience for back and forward
navigaRons
– Table property “Row NavigaRon Policy” controls this feature; sejng it to ‘page’
reverts to the pre-12.2.5 default behavior of showing Next/Previous links
29
Horizontal scroll and ver+cal scroll

Enhanced Tables
•  New icon to re-execute the table query and fetch any new rows in this
table
30
Refresh
Table Refresh
Icon

Enhanced Tables
31
User Personaliza+on - Column Reorder

Enhanced Tables
32
User Personaliza+on - Column Hide
Column Hide
indicator

Enhanced Tables
33
User Personaliza+on - Column Show

Sejngs menu to
show hidden
columns

Enhanced Tables
34
User Personaliza+on - Column Freeze

Column Freeze
indicator
Column Freeze
menu

Enhanced Tables
•  AutomaRcally saved as they are performed on a table
•  Persist across logins for the same user; gives the ability to the user to
personalize once and reuse forever
•  Reset to Default allows the end user to remove all user personalizaRons
and reset the table back to its original state
35
User Personaliza+ons
Reset to
Default icon

Enhanced HGrid
•  Horizontal scrolling
•  User personalizaRons
– Column reorder
– Column resize
– Column hide/show
36

Enhanced HGrid
37
Sejngs menu
to show / hide
columns

Flexfields
•  DescripRve flexfields can be opRonally displayed within a popup
•  DescripRve flexfields in table can support context-sensiRve segments at
row level
– Prior to 12.2.5, context segment was displayed outside the table and the same
context was applicable to all rows
– DFF will be rendered as a single icon column in the table; selecRng the icon displays
all the DFF segments in the popup
38

Flexﬁelds
39
DFF in a popup

Aâchment Popup
•  Obsolescence of aâchment pages (for add, edit, delete and view) in favor
of aâchment popup
•  Support for content catalog in aâchment popup
•  Full accessibility support
40

Aâchment Popup
•  Enhanced to have all features of Aâchment pages
– "DescripRon" field is added to Add, Edit, and View Inline Aâchment Popups
– Add aâchment from document catalog
– “Publish to Catalog" feature
41

Add ASachment Page Inline Add ASachment UI
A^achment Popup
42

Edit ASachment Page Inline Edit ASachment UI
A^achment Popup
43

Aâchment Popup
Value of Inline ASachment
Enabled property
Value of ‘FND:Disable
Inline ASachments’ profile
Behavior prior to Release
12.2.5
Behavior in Release 12.2.5
Default False Aâchment Page appears
Inline Aâchment pop-up
appears
Default True Aâchment Page appears Aâchment Page appears
True True / False Aâchment Page appears
Inline Aâchment pop-up
appears
False True / False Aâchment Page appears Aâchment Page appears
When Inline Aâchment Enabled property is set to Default, ‘FND:Disable Inline Aâchments’ profile value will be used

Popups
•  Support for modal popups
•  Popups for errors, warnings and informaRonal dialogs
•  Auto resize of popup based on contents
•  Ability to move a popup
•  Popups with notch
45
New Features

Popups
46
Modal Popup and Move
Move Popup

Popups
47
Conﬁrma+on Dialog

Popups
48
With Notch

Sub Tab Layout
•  New ‘verRcal’ orientaRon mode
•  Touch friendly icons for
navigaRng across tabs
•  Tabs show both icons and links
Ver+cal View
VerRcal Tabs
with Icon and
Text

Copyright © 2016, Oracle and/or its aﬃliates. All rights reserved. | Oracle ConﬁdenRal – Internal/Restricted/Highly Restricted 50
Sub Tab Layout
•  Sub tab layout with only icons
for individual tabs
Ver+cal View
VerRcal Tabs
with only Icons

Sub Tab Layout
•  Support for sub tabs to display
– iconOnly - each sub tab only displays an icon. This style enhances usability for mobile
touch device users
– textOnly - each sub tab displays text only (default behavior prior to Release 12.2.5)
– iconAndTextBelow - each sub tab displays an icon with text below it
– iconAndTextAdjacent - each sub tab displays an icon with adjacent text
51

Touch Gestures on Tablets
52

•  User friendly and well-known
mobile gestures and
interacRons extended to EBS
web applicaRons
•  Pages with Train navigaRon
–  Swipe let for next page
–  Swipe right for previous page
Page Flows
Swipe let for
next step
Swipe right for
previous step

•  Drag-and-drop column headers
to reorder columns
•  Swipe up-down for verRcal
scrolling across rows
•  Swipe let-right for horizontal
scrolling across columns
Tables

•  Pull-to-refresh to re-execute
query and fetch any new rows
Tables

•  Tap-and-hold column header to
hide column
Tables
Column Hide
indicator

New Components
57

InfoRle
•  Supports a Rle and detail display
•  Tiles contain read only content
•  SelecRng a Rle displays details
relevant to selected Rle
Overview

Hide/Show Sub Tab Layout
•  A hide/show region for showing
addiRonal informaRon, links
•  Only one Hide/Show Sub Tab
Layout per page is possible
•  Allows users to pull out
addiRonal informaRon only
when needed
Overview

Oracle Accessibility Guidelines 2.0
60

Oracle Accessibility Guidelines 2.0 Standards Uptake
•  Uptake of Oracle Accessibility Guidelines 2.0 standards
•  Standards based on WCAG 2.0 (Web Content Accessibility Guidelines) and
WAI-ARIA (Web Accessibility IniRaRve – Accessible Rich Internet
ApplicaRons) standards
•  Enhanced HTML 5 markup for be^er screen reader support; Ex: addiRon of
role a^ributes for HTML elements
•  Improved accessibility compliance for several component interacRons (like
inline a^achments)
Descrip+on

62
Choosing Accessibility Mode in Login page

63
Choosing Accessibility Mode in User Preferences page

•  Screen Reader OpRmized – HTML generated has addiRonal content
required for screen readers as well as keyboard users
•  Standard Accessibility – HTML generated is opRmized for keyboard users,
but not necessarily for screen readers
•  None – HTML generated is not necessarily accessible
•  Recommended sejng for visually impaired users - Screen Reader
OpRmized
64
Modes

New Features in 12.2.6
65

OA Framework New Features in 12.2.6
•  Home page and Global Headers
– PaginaRon support
– Instance Name
•  Rich Component InteracRons
– A^achments, Table
•  Flex Fields
– Special value set support
•  OA Framework Table IntegraRon
– Download
•  New Components
– Spli^er
– Layered Layout

Home Page
67
Pagina+on

PaginaRon
indicator
12.2.6

Home Page
68
Instance name

12.2.6
Instance
name

Home Page
69
Instance name

12.2.6

Home Page
70
Preferences

12.2.6

Home Page
71
Preferences

12.2.6

Aâchments
•  Set default type of aâchment
•  Control the type of aâchments
using properRes
•  Also available via
personalizaRon
Developer Control
12.2.6

A^achments
73

12.2.6
•  Compliant with Autovue 20.2.3
•  Autovue Document Print Service now available
•  ValidaRon support for URL type a^achments

Tables
•  Tristate checkbox replaces
Select column
•  Select All/Select None is more
WYSIWYG
•  States supported
–  Selected
–  Un-Selected
–  ParRally-Selected
Tristate checkbox
12.2.6

OA Framework IntegraRon
•  Allow OA Framework page table data to be downloaded as a Web ADI
spreadsheet
•  May eliminate the need to deﬁne custom desktop integrators wherever
the product has a page with a table deﬁned with the requisite number of
columns
75
Tables
12.2.6

OA Framework IntegraRon
76
Tables
Excel icon on an
OA Framework
Table
12.2.6

What’s Next
77

Safe Harbor Statement
The following is intended to outline our general product direcRon. It is intended for
informaRon purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or funcRonality, and should not be relied upon
in making purchasing decisions. The development, release, and Rming of any features or
funcRonality described for Oracle’s products remains at the sole discreRon of Oracle.
78

Oracle ApplicaRon Framework
•  New Component
•  ModernizaRon of component user experience
•  ConRnuous component interacRon improvements
•  Enhanced personalizaRon experience

79
What’s Next

Enhanced Component InteracRons
•  Global Header
– Navigator
– Add to favorite at page level
•  A^achment popup
– SimpliﬁcaRon & Record history
•  HGrid
– Column freeze
•  Admin PersonalizaRon Workbench
80
Roadmap

Global Header
81
Navigator
Roadmap

Favorites
82
Add Page as Favorite
indicator adjacent to
page Rtle
Roadmap

A^achment Popup
Roadmap

Enhanced HGrid
User Personaliza+on - Column Freeze

Column Freeze
menu
Column Freeze
indicator
86
Roadmap

Admin PersonalizaRon Workbench
•  Redesigned, WYSIWYG administrator personalizaRon user interface
•  In-place personalizaRons on the page without losing the page’s display
context
•  Signiﬁcantly reduces navigaRon across mulRple pages to do common
personalizaRons
87
Overview
Roadmap

88
WYSIWYG Page
with
personalizaRons
3D, Layered View
for PersonalizaRon
Layers
Roadmap

•  Easy and intuiRve personalizaRons
– Select component to edit properRes in Property Pale^e
– Double-tap to edit component prompts
– Drag and drop to reorder components
– Drag and drop to add new components
89
Roadmap

•  For more details, a^end the following session:
Session ID: CON6716
Session Title: Personalizing Oracle E-Business Suite: The Next GeneraRon
Venue / Room: Moscone West—2002
Date and Time: Wednesday, 9/21/16, 11:00 AM – 11:45 AM
90

Related Sessions
Usability and Mobility Sessions
WED
Sep 21
11:00 AM
CON6716 - Personalizing Oracle E-Business Suite: The Next Genera+on
Senthilkumar Ramalingam, Group Manager, ApplicaRons Technology, Oracle E-Business Suite
Moscone West
2002
WED
Sep 21
12:15 PM
CON1421 - Oracle E-Business Suite User Experience and Mobile: Update, Strategy,
and Roadmap
Jeanne Lowell, Vice President, Product Strategy, Oracle E-Business Suite
Moscone West
3024
THU
Sep 22
12:00 PM
CON6721 - Faster and BeSer: Oracle E-Business Suite Desktop Integra+on
Enhancements
Senthilkumar Ramalingam, Group Manager, ApplicaRons Technology, Oracle E-Business Suite
Moscone West
2006
THU
Sep 22
2:30 PM
CON6718 - Build, Deploy and Manage Smartphone Applica+ons for Oracle E-
Business Suite
Vijay Shanmugam, Director, ApplicaRons Technology, Oracle E-Business Suite
Moscone West
2006


Classroom Training
Learning SubscripRon
Live Virtual Class
Training On Demand
Keep Learning with Oracle University
educa+on.oracle.com
Cloud
Technology
ApplicaRons
Industries

OOW16 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite [CON6719]

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to OOW16 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite [CON6719] (20)

More from vasuballa (11)

Recently uploaded (20)

OOW16 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite [CON6719]