OOW15 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite

Simplified and Touch-friendly User
Interface in Oracle E-Business Suite
Padmaprabodh Ambale
Director
ATG Development, Oracle E-Business Suite
October 26, 2015
Copyright © 2015, Oracle and/or its affiliates. All rights reserved.

Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Application Framework
• OA Framework is the primary technology stack for Oracle E-Business Suite
applications
Architecture Overview
OA Framework
UIX BC4J MDSAOL
JDeveloper OA Extension E-Business Suite Data
MDS Repository
E-Business Suite Applications
Client Tier Middle Tier Database Tier

Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 4
OA Framework New Feature Overview
•Simplified home page and
header
•Touch-friendly layouts
•Touch Gestures
•Rich component interactions
– Table, HGrid, Popup
•New Components
•Oracle Alta UI
•Table – vertical scroll and
column freeze
•Rich component interactions
- Flexfields, Popup,
Attachments and Sub tab
layout
•New components
•Accessibility – OAG 2.0
•Continuous component
interaction improvements
•Enhanced personalization
experience
Up to Release 12.2.4
August 2014
Release 12.2.5
October 2015
What’s Next
0-12 month planning cycle

Oracle Alta UI
Simplified and Touch-friendly
5

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 first
– Keep layouts simple and uncluttered
– Provide a clear information hierarchy
– Engage users with more visual content
6
Overview
12.2.5

Oracle Alta UI
• Alta skin for EBS is responsively optimized for tablets and desktops
• Tablet optimizations
– Increased height for table tool bar and rows
– Increased height for buttons and form input fields like text input fields and list of
values (LOV) fields
– Enhanced touch sensitivity for components
• Desktop optimizations
– Retains a more compact UI on desktops similar to the earlier skins
7
For E-Business Suite
12.2.5

Oracle Alta UI
8
Desktop View
Compact
Layout for
desktop
12.2.5

Oracle Alta UI
• Improved heights for all
components improve touch
sensitivity and ease of access
Tablet View
12.2.5

Simplified Login Page
• Tablet optimized layout
• Prominent and central display of
login prompts
EBS Login Page
12.2.5

Simplified Home Page
• Responsive tablet-optimized
page design
• Touch friendly icons for
launching application pages
• Customizable Announcement
region
• Add to Favorites icon to add
commonly accessed application
pages to the Home page
New Home Page

Simplified Global Header
• Touch friendly and concise
global header that can show
– Icons only
– Icons and links
– Links only
• Tablet optimized Navigator
menu for responsibilities and
page access
Navigator

• Favorites menu for quick inter-
application navigation
• Add to Favorite icon available on
bookmarkable pages
Favorites

• Notifications available via the
global header
• Notification count shows all
open notifications
• Allows quick navigation to full
worklist
Notifications

• Settings icon consolidates links
that were separately displayed:
– Personalize Page
– Preferences
– Diagnostics
– Manage Proxies
– Access Requests
Settings

• Preferences page allows end
users to configure 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 Interactions
18

Rich Component Interactions
• Menus – springboard view
• Tables – detach, column reorder, column resize, column freeze, column
hide/show, horizontal scroll and vertical scroll
• HGrid – column reorder and column resize
• Flexfields – descriptive flexfield as a popup
• Popup – modal support, auto-resize, move
• Sub tab layout – vertical orientation
19

Enhanced Menu Display
• Modernized tab and navigation menu display
– Use Springboard in film strip mode to render first level menus
• Improves clarity of information 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
20
12.2.5

21
First-level
menu as
springboard
12.2.5

22
Preferences
12.2.5

23
Options
Value of FND:Top
Menu Display
Type profile
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 Navigation Bar Side Navigation Bar
Links Only -
default
Links only for
backward
compatibility
Horizontal tabs Side Navigation Bar Side Navigation Bar
Icons and Links
(Tablet Only)
Large icons in
tablet and links in
desktop
Horizontal tabs Side Navigation Bar Side Navigation Bar
12.2.5

Enhanced Tables
• Detach
• Horizontal scroll and vertical scroll
• Refresh
• User Personalizations
– Column reorder
– Column resize
– Column freeze
– Column hide/show
24
New Features

Enhanced Tables
25
Detach
Detach icon

Enhanced Tables
26
Horizontal scroll and vertical scroll
12.2.5

Enhanced Tables
• Horizontal scroll allows table columns to be scrolled without having the
entire page scroll
• Vertical scrolling allows smooth scroll experience for back and forward
navigations
– Table property “Row Navigation Policy” controls this feature; setting it to ‘page’
reverts to the pre-12.2.5 default behavior of showing Next/Previous links
27
Horizontal scroll and vertical scroll
12.2.5

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

Enhanced Tables
29
User Personalization - Column Reorder

Enhanced Tables
30
User Personalization - Column Hide
Column Hide
indicator

Enhanced Tables
31
User Personalization - Column Show
Settings menu
to show hidden
columns

Enhanced Tables
32
User Personalization - Column Freeze
Column Freeze
indicator
Column Freeze
menu
12.2.5

Enhanced Tables
• Automatically 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 personalizations
and reset the table back to its original state
33
User Personalizations
Reset to
Default icon

Enhanced HGrid
• Horizontal scrolling
• User personalizations
– Column reorder
– Column resize
– Column hide/show
34

Enhanced HGrid
35
Settings menu
to show / hide
columns

Flexfields
• Descriptive flexfields can be optionally displayed within a popup
• Descriptive flexfields in table can support context-sensitive 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; selecting the icon displays
all the DFF segments in the popup
36
12.2.5

Flexfields
37
DFF in a popup
12.2.5

Attachment Popup
• Obsolescence of attachment pages (for add, edit, delete and view) in favor
of attachment popup
• Support for content catalog in attachment popup
• Full accessibility support
38
12.2.5

Attachment Popup
• Enhanced to have all features of Attachment pages
– "Description" field is added to Add, Edit, and View Inline Attachment Popups
– Add attachment from document catalog
– “Publish to Catalog" feature
39
12.2.5

Add Attachment Page Inline Add Attachment UI
Attachment Popup
40
12.2.5

Edit Attachment Page Inline Edit Attachment UI
Attachment Popup
41
12.2.5

Attachment Popup
42
Setup
Value of Inline
Attachment
Enabled property
Value of ‘FND:Disable
Inline Attachments’
profile
Behavior prior to Release
12.2.5
Behavior in Release 12.2.5
Default False Attachment Page appears Inline Attachment pop-up
appears
Default True Attachment Page appears Attachment Page appears
True True / False Attachment Page appears Inline Attachment pop-up
appears
False True / False Attachment Page appears Attachment Page appears
When Inline Attachment Enabled property is set to Default, ‘FND:Disable Inline Attachments’ profile value will be used
12.2.5

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

Popups
44
Modal Popup and Move
Move Popup
12.2.5

Popups
45
Confirmation Dialog

Popups
46
With Notch
12.2.5

Sub Tab Layout
• New ‘vertical’ orientation mode
• Touch friendly icons for
navigating across tabs
• Tabs show both icons and links
Vertical View
Vertical Tabs
with Icon and
Text
12.2.5

Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle Confidential – Internal/Restricted/Highly Restricted 48
Sub Tab Layout
• Sub tab layout with only icons
for individual tabs
Vertical View
Vertical Tabs
with only Icons
12.2.5

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
49
12.2.5

Touch Gestures on Tablets
50

• User friendly and well-known
mobile gestures and interactions
extended to EBS web
applications
• Pages with Train navigation
– Swipe left for next page
– Swipe right for previous page
Page Flows
Swipe left for
next step
Swipe right for
previous step

• Drag-and-drop column headers
to reorder columns
• Swipe up-down for vertical
scrolling across rows
• Swipe left-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
55

Infotile
• Supports a tile and detail display
• Tiles contain read only content
• Selecting a tile displays details
relevant to selected tile
Overview
12.2.5

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

Oracle Accessibility Guidelines 2.0
58

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 Initiative – Accessible Rich Internet
Applications) standards
• Enhanced HTML 5 markup for better screen reader support; Ex: addition of
role attributes for HTML elements
• Improved accessibility compliance for several component interactions (like
inline attachments)
Description
12.2.5

60
Choosing Accessibility Mode in Login page
12.2.5

61
Choosing Accessibility Mode in User Preferences page

• Screen Reader Optimized – HTML generated has additional content
required for screen readers as well as keyboard users
• Standard Accessibility – HTML generated is optimized for keyboard users,
but not necessarily for screen readers
• None – HTML generated is not necessarily accessible
• Recommended setting for visually impaired users - Screen Reader
Optimized
62
Modes

What’s Next
63

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

Enhanced Component Interactions
• Home Page – pagination
• Global Header – Navigator
• Add page as Favorite
• Tables – Query-By-Example
• Admin Personalization Workbench
65
Roadmap

Home Page
66
Pagination
Pagination
indicator
Roadmap

Global Header
67
Navigator
Roadmap

Favorites
68
Add Page as Favorite
indicator adjacent to
page title
Roadmap

Tables
• Search fields rendered for each
table column
• Allows quick table filtering
based on criteria
Query-By-Example
Search
fields
Roadmap

Admin Personalization Workbench
• Redesigned, WYSIWYG administrator personalization user interface
• In-place personalizations on the page without losing the page’s display
context
• Significantly reduces navigation across multiple pages to do common
personalizations
70
Overview
Roadmap

71
WYSIWYG Page
with
personalizations
3D, Layered View
for Personalization
Layers
Roadmap

• Easy and intuitive personalizations
– Select component to edit properties in Property Palette
– Double-tap to edit component prompts
– Drag and drop to reorder components
– Drag and drop to add new components
72
Roadmap

• For more details, attend the following session:
Session ID: CON8144
Session Title: Personalize and Extend Oracle E-Business Suite for Desktops
and Tablets
Venue / Room: Moscone West—3022
Date and Time: Thursday, 10/29/15, 14:30 - 15:15
73

Related Sessions
Wednesday, October 28, 2015
CON8143 Standards-Based Desktop
Integration in Oracle E-Business
Suite
Moscone West—3022 1:45 - 2:30
CON8145 Building, Deploying, and
Managing Smartphone Apps for
Oracle E-Business Suite
Moscone West – 3004 4:15 – 5:00
Oracle Confidential – Internal/Restricted/Highly Restricted 74

Related Sessions
Thursday, October 29, 2015
CON8144 Personalize and Extend Oracle E-
Business Suite for Desktops and
Tablets
Moscone West—3022 2:30 - 3:15

Demo Pod
Demo Pods
Moscone West WCL-015 End-to-End Management of Oracle E-Business Suite
Moscone West WCL-016 New User Interface Capabilities in Oracle E-Business Suite
Moscone West WCL-003 Oracle E-Business Suite: Technical Upgrade Best Practices
Moscone West WCL-014 Advanced Architecture and Technology Stack for Oracle E-
Business Suite
Moscone West WCL-002 Automated Oracle E-Business Suite Tests Using Oracle Flow
builder

Classroom Training
Learning Subscription
Live Virtual Class
Training On Demand
Keep Learning with Oracle University
education.oracle.com
Cloud
Technology
Applications
Industries

Session Surveys
Help us help you!!
• The [Program Committee J1] [organizing committee OW] would like to
invite you to take a moment to give us your session feedback. Your
feedback will help us to improve your conference.
• Please be sure to add your feedback for your attended sessions by using
the Mobile Survey or in Schedule Builder.
78

OOW15 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite

More Related Content

What's hot (20)

Viewers also liked (19)

Similar to OOW15 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite (20)

More from vasuballa (20)

Recently uploaded (20)

OOW15 - Simplified and Touch-Friendly User Interface in Oracle E-Business Suite