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 MDS AOL

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
