View
1.392
Download
2
Category
Preview:
Citation preview
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Alta UI Simplified and Touch-friendly
5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Alta UI
8
Desktop View
Compact Layout for desktop
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 9
Oracle Alta UI
• Improved heights for all components improve touch sensitivity and ease of access
Tablet View
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 10
Simplified Login Page
• Tablet optimized layout
• Prominent and central display of login prompts
EBS Login Page
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 11
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 12
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 13
Simplified Global Header
• Favorites menu for quick inter-application navigation
• Add to Favorite icon available on bookmarkable pages
Favorites
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 14
Simplified Global Header
• Notifications available via the global header
• Notification count shows all open notifications
• Allows quick navigation to full worklist
Notifications
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 15
Simplified Global Header
• Settings icon consolidates links that were separately displayed:
– Personalize Page
– Preferences
– Diagnostics
– Manage Proxies
– Access Requests
Settings
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 16
Simplified Global Header
• Preferences page allows end users to configure the type of global links
Preferences
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 17
Simplified Global Header
• Global header display with Preferences page -> Page Header Display Style set to ‘Both Links and Icons’
Icons and Links
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Rich Component Interactions
18
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Menu Display
21
First-level menu as
springboard
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Menu Display
22
Preferences
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Menu Display
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
• Detach
• Horizontal scroll and vertical scroll
• Refresh
• User Personalizations
– Column reorder
– Column resize
– Column freeze
– Column hide/show
24
New Features
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
25
Detach
Detach icon
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
26
Horizontal scroll and vertical scroll
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
• New icon to re-execute the table query and fetch any new rows in this table
28
Refresh
Table Refresh Icon
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
29
User Personalization - Column Reorder
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
30
User Personalization - Column Hide
Column Hide indicator
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
31
User Personalization - Column Show
Settings menu to show hidden
columns
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Tables
32
User Personalization - Column Freeze
Column Freeze indicator
Column Freeze menu
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced HGrid
• Horizontal scrolling
• User personalizations
– Column reorder
– Column resize
– Column hide/show
34
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced HGrid
35
Settings menu to show / hide
columns
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Flexfields
37
DFF in a popup
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Add Attachment Page Inline Add Attachment UI
Attachment Popup
40
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Edit Attachment Page Inline Edit Attachment UI
Attachment Popup
41
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Popups
44
Modal Popup and Move
Move Popup
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Popups
45
Confirmation Dialog
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Popups
46
With Notch
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 47
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Touch Gestures on Tablets
50
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 51
Touch Gestures on Tablets
• 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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 52
Touch Gestures on Tablets
• 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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 53
Touch Gestures on Tablets
• Pull-to-refresh to re-execute query and fetch any new rows
Tables
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 54
Touch Gestures on Tablets
• Tap-and-hold column header to hide column
Tables Column Hide
indicator
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
New Components
55
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 56
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 57
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Accessibility Guidelines 2.0
58
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Accessibility Guidelines 2.0 Standards Uptake
60
Choosing Accessibility Mode in Login page
12.2.5
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Accessibility Guidelines 2.0 Standards Uptake
61
Choosing Accessibility Mode in User Preferences page
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle Accessibility Guidelines 2.0 Standards Uptake
• 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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
What’s Next
63
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enhanced Component Interactions
• Home Page – pagination
• Global Header – Navigator
• Add page as Favorite
• Tables – Query-By-Example
• Admin Personalization Workbench
65
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Home Page
66
Pagination
Pagination indicator
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Global Header
67
Navigator
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Favorites
68
Add Page as Favorite indicator adjacent to
page title
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 69
Tables
• Search fields rendered for each table column
• Allows quick table filtering based on criteria
Query-By-Example
Search fields
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Admin Personalization Workbench
71
WYSIWYG Page with
personalizations
3D, Layered View for Personalization
Layers
Roadmap
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Admin Personalization Workbench
• 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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Admin Personalization Workbench
• 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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Related Sessions
Oracle Confidential – Internal/Restricted/Highly Restricted 75
Thursday, October 29, 2015
CON8144 Personalize and Extend Oracle E-Business Suite for Desktops and Tablets
Moscone West—3022 2:30 - 3:15
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Oracle Confidential – Internal/Restricted/Highly Restricted 76
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 77
Classroom Training
Learning Subscription
Live Virtual Class
Training On Demand
Keep Learning with Oracle University
education.oracle.com
Cloud
Technology
Applications
Industries
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 79
Recommended