SAP User Interface

SAP Product Road Map SAP User Interfaces January 2012

Template Revision 20110725 v2.2

Legal disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. This presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation and SAP's strategy and possible future developments, products and or platforms directions and functionality are all subject to change and may be changed by SAP at any time for any reason without notice. The information in this document is not a commitment, promise or legal obligation to deliver any material, code or functionality. This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement. This document is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP´s willful misconduct or gross negligence. All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place undue reliance on these forwardlooking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

© 2012 SAP AG. All rights reserved.

This presentation and SAP„s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement

3

Important Notes

 This roadmap addresses SAP‟s mainly adopted UI technologies only  The UI Strategy for SAP Business ByDesign and SAPs new On Demand Platforms are not covered yet.  A complete overview is available in the SAP UI Solution Map (available soon)



4

Table of Contents

• SAP User Interfaces Overview • Technology Overview & Roadmap • Continuous UI Evolution • Integration & Consumption • Technology Innovations

• Analytics and Social Media • Java UI • Co-Innovation

• SAP UI Summary • Appendix



5

SAP User Interfaces  Overview and Strategy

SAP User Interfaces Market & Customers Requirements Towards UI

User Interfaces



7

SAP User Interfaces Address all kind of End-User Types

Casual User

Professional User

•

Demands simple user interfaces with intuitive interaction models

•

Requires a fast and detailed user interface

•

Is very experienced and skilled

•

Will not do any training

•

Potentially uses a desktop device

•

Potentially uses multiple devices



8

SAP User Interfaces UI Strategy at SAP User-Centered Design

ONE Product Lifecycle

Consistent Strategy & Roadmap

User Interface Governance at SAP

UI Governance Board

Product Planning & Setup

Development & Execution

User Interfaces Defined as ONE Product

UI Governance Workgroups

UI Development Teams

Tracking of Standards, Guidelines & Execution


Product Standards

UI Guideline

Solution Map & Roadmap

Decision Matrix


Scenario Based Guidance

9

SAP User Interfaces User Experience (UX): A Global Topic

user researchers

interaction designers

guidelines & governance visual designers

230+ other

Lean Delivery - Complexity on Demand

Design for Variability

Coherent User Experience

Design Principles



10

SAP User Interfaces Improve the Way Users Work - The 3-steps Approach

Level of Improvement

 Perfect Customer Adaptation

 Improved Efficiency

 Improved Usability

Required Investment



11

SAP User Interfaces The UI Solution Map - All User Interface Relevant Items in one Place

Tweak

Applications & Content

UI Adaptation

Develop

Adopt

User Interface Clients

UI Technologies

UI Integration

Desktop

Mobile

Applications with Enhanced User Interfaces

Configuration

Interoperability Services

Pre-Defined UI Content

Customizing

Development

Adopt latest UI enhancements


Browser

Personalization

Composition & Orchestration

Productivity Services

Extend or tweak your user interfaces

Lifecycle Management & Extensibility

Develop your own user interfaces


12

SAP User Interfaces The UI Solution Map - 2nd Level of Detail


Desktop • SAP NetWeaver Business Client for • SAP GUI for Windows • SAP GUI for Java • SAP Business One Client

Browser • SAP NetWeaver Portal Client • SAP NetWeaver Business Client for HTML • SAP GUI for HTML • SAP Business ByDesign Client Windows • SAP Web UI Client • SAP BusinessObjects BI Launch Pad • SAP Business Explorer Web Analyzer • SAP BusinessObjects Web Intelligence • SAP BusinessObjects Explorer • SAP BusinessObjects Analysis, edition for OLAP

Mobile • iOS based (iPhone, iPad, iPod Touch) • BlackBerry based • Android based

• SAP Crystal Dashboard Design • SAP Business Explorer Analyzer

• SAP BusinessObjects Analysis*

* Microsoft Office edition © 2012 SAP AG. All rights reserved.


13

SAP User Interfaces UI Themes Across Product Portfolio User Interface Clients

Desktop




UI Technologies

Browser

Configuration

UI Technologies Technologies Established & Frameworks

Development

Interoperability Services

UI Integration

Mobile

Applications with Enhanced User Interfaces

UI Adaptation

UI Integration • Easy Adaption and

UI Adaptation

Pre-Defined UI Content

Customizing

Personalization

Composition & Orchestration

Market Trends & Innovations

Productivity Services

Configuration

• UI Harmonization

Infrastructure & UI Clients

Lifecycle Management • & Introduction Extensibilityof HTML5

• OData Implementation • Gateway

• Navigation and Interoperability between SAP Applications • Easy and fast Consumption with efficient UI Clients • Integrated repositories © 2012 SAP AG. All rights reserved.


14

SAP User Interfaces Cross Business Solutions View Mobility Platform

Native SDK HTML5

OData

On-Demand Solutions for Lines of Business

MS Silverlight

UI Integration SAP Business ByDesign

SAP Business Suite SAP CRM WebClient UIF

SAP ERP

SAP SRM

SAP SCM

SAP PLM

Web Dynpro ABAP/Floorplan Manager

SAP Business

SAP BPM

One

MS Silverlight

WPF / .NET

Web Dynpro Java

Mobility Platform

SAP Business All-in-One

SAP Business Analytics Analytic Applications

Business Intelligence

Data Warehousing

Adobe Flash , Java UI

Enterprise Information Management

Enterprise Performance Management

Sustainability

Adobe Flash, Web Dynpro ABAP

Application Foundation / Integration SAP In-Memory Appliance (SAP HANA) This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


15

Table of Contents

 SAP User Interfaces Overview  Technology Overview & Roadmap • Continuous UI Evolution • Integration & Consumption • Technology Innovations


 SAP UI Summary  Appendix



16

Continuous UI Evolution  Web Dynpro ABAP  WebClient UI Framework  Summary

Web Dynpro ABAP Technology Description Web Dynpro ABAP (WDA) provides a model based and declarative way of UI Development. Generic Framework services offer out-of-the-box configuration and product standards enablement. Besides the standard development capabilities it comes up with several powerful and convenient tools. Composition and Configuration Floorplan Manager (FPM)  Application Composition using predefined Floorplans and Building Blocks  Screen Definition  Easy adaptation of existing UIs  UI Harmonization via SAP Signature Design Page Builder & Side Panel  UI Views & Homepages composition  Large number of predefined views reusable  UI View enhancement with separate Side Panel

Charts and Interactivity RIA Islands  (Adobe) Flash and (MS) Silverlight Islands as parts of applications built with Web Dynpro  High-end graphical capabilities (business graphics etc.)



18

SAP Road Map for Floorplan Manager/Web Dynpro ABAP Key Themes, Capabilities, and Planned Innovations

 UI Guideline 2.0 enablement (OVP, Form, List, Improved Usability with new Interaction Paradigm)  BOL enablement of Floorplan Manager Framework  Flexible UI Designer (FLUID) for Developer and Admins

 Enhanced Personalization Concept  Application Extensibility Features  New and extended UI Controls (client side table, grid-based Form Layout)

Today

 Context sensitive Quick Views

 Support of Standard HTML  ARIA Standard support

 Rich UI Experience and Client Side Interactivity  Extended Theming options  HTML Islands

 New Corbu Theme

 Win 8 support

 New UIBB Form Repeater  Smooth scrolling and enhanced usability for List and Tree UIBB

 Highly flexible Planning Table  New Connectivity Options (e.g. Odata)

 Improved Supportability

Planned Innovations

Future Direction

This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


19

Web Dynpro ABAP - Planned Innovations Features & Functions Web Standards support Feature Area

Functionality

Support of Standard HTML

 Usage of standard HTML rendering

ARIA Standard support

 Accessibility Web Standard support

Enhanced UI Components Feature Area

Functionality

New UIBB Form Repeater

• Product catalog like list of information

Quick Views

• Context sensitive ad-hoc information

Enhanced List and Tree UIBB

• Smooth scrolling, aggregation feature and ease of use

Other Feature Area Improved Supportability

 Developer and administrator Tools to compare configurations and analyze runtime appearance of applications

Corbu Theme

 optional modern SAP on premise theme for design synchronization with on demand products PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time.



20

WebClient UI Framework Technology Description The WebClient UI Framework offers a modern user interface leveraging Web2.0 paradigms for SAP CRM

Intuitive and flexible UIs    

Simple information and navigation architecture Broad personalization capabilities across all areas Simple and flexible UI configuration capabilities UI Harmonization via SAP Signature Design

CRM Web client shell  L-Shape provides easy global navigation  Generic shortcuts for fast data entry and data access

UI Configuration Tool  Easier to change UI depending users tasks and business needs  Adapt and configure most user interface and link elements

Extensibility  The Application Enhancement Tool (AET) facilitates the creation of custom fields, tables and views  UI and Data Mash-up capabilities  Customers can create model applications for POC development through the Rapid Apps © 2012 SAP AG. All rights reserved.


21

SAP Road Map for WebClient UI Framework Key Themes, Capabilities and Planned Innovations

• Additional usability features (e.g. Dashboards, Tagging, Sharing, Favorites)

• AJAX-driven auto suggest searches (Google-like)

• Significant Search and table usability improvements

• Home Page Tray General Configuration and resizing

• Extended UI configuration capabilities • UI extensions via Rapid Applications, Mash-ups and AET • Usability enhancements and round offs of existing usability features • Incorporation of customer feedback

Today

• Data Browser Timeouts

 Majority of investment based on consolidated customer feedback  Improved usability around UI Configuration and pers.

• Context Menu for the Nav. L-Shape when collapsed

 Usage of HTML5 for graphical parts

• Change Business Role in the same session and Categorize Saved Searches

 Support of various browser version and (e.g. Chrome)

• Expand on Hover/Mouse Overlay, DDLB Personalization, Mass Tagging of Objects in Results List.

 Strong focus on enhancements in User Experience: Look & Feel

• Navigation: Persistent State of sorting/filtering , Next results in OVP and vertically placed fields in Advanced Search

Planned Innovations

 Innovative Interaction / Navigation pattern for generic functionality  Extended Theming support

Future Direction

(CRM 7.0 Ehp1) This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


22

WebClient UI Framework - Planned Innovations Features & Functions Usability Improvements and Round Offs Feature Area

User Productivity

Demo Application

Functionality  Various Tab Chain personalization (e.g. tables and tile layout)  Additional table personalization and usability enhancements (paging, scrolling, mass tagging)  Expand Hover/Mouse Overlay and Searching behavior  Improved tables features and handling in OVP and Search Results

 Provisioning of EPM (Enterprise Procurement Model) demo application  Exemplary guidance on how UI elements (pages, searches, etc.) are built best

Business Object Layer Feature Area

Functionality

Multi Layer BOL Extensibility

 adjust existing generic Interaction layer (genIL) components in higher software layers

Application developer/project custom development support Feature Area

Functionality

Multi Layer BOL Extensibility

 Provisioning of EPM(Enterprise Procurement Model) demo application and exemplary guidance PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time.



23

Summary Continuous UI Evolution Evolution of existing UI Frameworks for Business Suite scenarios

Web Dynpro / WebClient UIF + Model driven + Graphical UI Development + Web enabled

Dynpro

Floorplan Manager & Pagebuilder for WDA + Configuration and UI Composition + Flexibility + Reusability + Extensibility

• SAP Integration • Product Standards • Optimized for transactional UIs © 2012 SAP AG. All rights reserved.


24

Table of Contents






25

Integration & Consumption  Overview  SAP UI Client – SAP NetWeaver Business Client – SAP NetWeaver Portal

 Integration & Infrastructure Services  Summary

SAP UI Clients Different Devices with Different Possibilities

Desktop Devices

PCs based on Microsoft Windows

Mobile Devices*

Desktops with Linux

Apple Desktops with MacOS

Laptop / Netbook Devices (e.g. Windows, Mac OS)

UI Clients with native desktop support

Apple iPad

iPhone/ iPod

BlackBerry (RIM)

Google Android

UI Clients with native mobile support

UI Clients based on web browser functionality

* Just a selection of the huge offering on mobile devices © 2012 SAP AG. All rights reserved.


27

SAP UI Clients The Principle of „Shell“ and „Canvas“ Area

Shell • • • • • •

Navigation Functions (e.g. sidepanel, favorites) Integration of search engines Branding Single point of authentication Canvas handling

Canvas Area • •

Application Communication (e.g. session handling) Rendering

Not all SAP UI Clients follow this principle of Shell & Canvas Area…! © 2012 SAP AG. All rights reserved.


28

SAP NetWeaver Business Client Technology Description SAP NetWeaver Business Client offers a modern, ABAP based environment to integrate different UI technologies in one user interface with one single point of entry. Client-Side Integration  Integrated user experience through a universal UI Client that can bring various UI technologies together into one shell  Tight integration with ABAP role repository (PFCG)  Visual integration by adoption of SAP Signature design

Flexibility  Desktop installation available (Microsoft Windows based)  Zero-footprint alternative available (browser based)

SAP Business Suite content-ready  Easy consumption of pre-defined content such as new roles, new side panel applications, new Power Lists (POWL) and latest WD applications (available since SAP ERP 6.0 EhP 2)



29

SAP Road Map for NetWeaver Business Client Key Themes, Capabilities and Planned Innovations

   

 

 





Multi system support by roles Multiple application windows Multiple shell windows Quick launch capability to search and launch applications or other content Enterprise Search enabling Dedicated side panel area to render additional content such as from ABAP page builder Capability to exchange data between canvas and side panel Various option to personalize visual appearance (e.g. minimize top level navigation) SAPGUI to NWBC transition accelerator (e.g. SAP menu, SAP GUI favorites) Extended distribution option for configuration settings

Today

 Tabbed Browsing

 Multi system support by shell

 New SAP Design

 On-Demand integration

 Additional options for Theming & Branding

 Unification of SAPGUI and NWBC into one logon pad

 Open Search standard support  Integration of FPM Saved Searches into Quick Launch

Planned Innovations

Future Direction



30

SAP NetWeaver Business Client - Planned Innovations Features & Functions Client Side Integration Feature Area

Functionality  Compatible with the open “OpenSearch” standard  Enables SAP NetWeaver Business Client to integrate well known search engines via standardized API

Open Search Standard Support 

Integration of FPM Saved Searches into Quick Launch

 Enables users to directly launch saved searches from Quick Launch

Flexibility Feature Area Additional options for Theming & Branding

Functionality  SAP NetWeaver Business Client provides options for customers to apply their brand to its shell (e.g. other colors)

Other Enhancements Feature Area Tabbed Browsing

Functionality  SAP NetWeaver Business Client provides a tabbed browsing navigation capability similar to what users know from today‟s browsers such as Internet Explorer, Mozilla Firefox or Google Chrome.

PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


31

SAP NetWeaver Portal Technology Description SAP NetWeaver Portal provides easy access to business processes and information, and serves many unique user roles Unified Access  Delivers multi-system-, role-based access to business processes and information  Provides a secure and single point of access  Offers an intuitive web interface for internal and external users

Content Management  KM and Web Page Composer provide out-of-the-box services for managing documents and web pages in the portal  SAP Portal Content and Site Management by OpenText offers enhanced document and site management capabilities

Collaboration  Helps increase people productivity by built-in Wikis and discussion forums  Create and consume content in self service fashion via Enterprise Workspaces



32

SAP Road Map for SAP NetWeaver Portal Key Themes, Capabilities and Planned Innovations Proven and reliable platform for  Easy integration and administration of portal content  Central, secure access to business applications  Support for external-facing scenarios  Appealing look and feel and customization options  Flexible document management with KM or PCM (add-on)

Extend the scope and reach of your portal  On device Mobile enablement of portal / Workspaces for tablets and smartphones; oData-based portal services

 On demand Cloud-based portal site services leveraging SAP JPaaS and HANA capabilities  On premise Productivity enhancements for Enterprise Workspaces

Reach out to new horizons with innovative scenarios  On device Advanced mobile scenarios and integration with SUP/Afaria  On demand Enhanced portal services and support for open standards  On premise Improvements for running intranet as well as external-facing portals as flexible “customer of customer engagement” solution

 Web Content Management with Web Page Composer or PSM (add-on)  Smart team collaboration in Discussion Forums (add-on)  Increased user productivity using personal and shared Enterprise Workspaces (add-on)

Today

Planned Innovations

Future Direction

(NW 7.3) This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


33

SAP NetWeaver Portal - Planned Innovations Features & Functions On Device Feature Area

Functionality

Mobile Enablement

 Enabling the portal infrastructure for mobile consumption  Providing out-of-the-box framework pages for tablets and smartphones

Openness & Connectivity

 Tutorials and best practices for creating a mobile portal experience  REST-enabled interfaces and oData services for customization and extensions

On Demand Feature Area

Functionality

On Demand Portal for Sites

 Introducing easy to consume on demand portal services based on SAP‟s JPaaS solution leveraging services of the in-memory computation engine (HANA)

On Premise Feature Area

Functionality

Enterprise Workspaces

 Easy add individual content to their workspace (personal / shared)  Access to content and services via mobile devices (tablet & smartphones)

Administration Environment

 Simplified portal content creation and maintenance via intuitive wizards  Reduced costs for operations and administration (via NetWeaver Administrator)

Interoperability

• Standards, extended integration capabilities and improved content sharing PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time.



34

SAP UI Clients Summary SAP NetWeaver Business Client

SAPGUI

SAP NetWeaver Portal Client

SAPGUI embedded

Windows MacOS/Linux Browser Key Attributes

 Windows

 Browser

Key Attributes

 Classic Transaction Launcher  Desktop integration  Provides Zero-Footprint option

Windows

 Browser

Key Attributes

+Application Launcher +Browser functionality integrated +Client-side integration  Desktop integration  Zero-Footprint option

+Server-side integration +Collaboration enablement +Content management enablement  Application Launcher  Client-side integration  Zero-Footprint (Front-end)

Possible Use Cases

Possible Use Cases

Possible Use Cases

 Users in pure ABAP environment  User with a focus on a small set of Dynpro transactions

 Users in pure ABAP environment  Users with main footprint in ERP and small footprint to other systems  Users with a work item based environment

 Users in a heterogeneous backend environment  Collaboration & Content Management scenarios  Intranet / extranet portal scenarios



35



Why UI Integration and Infrastructure Services ? Context – Current and Future UI

Current SAP UI World  SAPGUI / Dynpro  Web Dynpro ABAP with FPM  Web Client UIF (for CRM)  NW Business Client  Page Builder and Side Panel  NetWeaver Portal  Adobe Interactive Forms & Flash

Future SAP UI World HTML5 and Client-side UIs  OData / Gateway  One Shell Concept and APIs  SaaS and On-Demand  Social Media and Collaboration  In-Memory and HANA  Mobile, including Tablets

UI Integration The goal of UI Integration is to allow & enable that our “pieces fit together” for end-users, customers and our stakeholders. In addition, we look into ways how to deliver now and in the future UI improvements to our customers and end-users independent of the applications lifecycle.



37

SAP UI Integration and Infrastructure Services Technology Description How to rapidly provide new user interaction without disruption of the underlying business applications? Frontend Services for Interoperability

Desktop

 Strong decoupling through front-end, JavaScript based APIs allowing remote calls to backend services based on a RESTful architecture  Supporting OpenSocial standard for HTML5 Gadgets and Mashup Pages development, Catalogue services for Content reuse  Shell services for App UIs running on Desktop, in Browser, on Device  Implementation in NetWeaver UI, Portal, StreamWork, ByDesign

| Browser

| Mobile

Shell APIs | OpenSearch

OpenSocial Gadget APIs | HTML5 Pages

Backend Services across OnPremise and OnDemand

Page Building + Catalogue APIs

 Standardized services for UI integration established as part of the NWS initiative and exposed as OData services  Navigation & Role services for PFCG, Report LaunchPad, & PCD repositories, Page Building services for Web Dynpro ABAP and Portal persistency, Data Feeds services for POWL and UWL  Provisioning in OnPremise (ABAP) as well as OnDemand (jPaaS)

Release Independent Delivery

OData

OData

Navigation | Page Building | Data Feeds

7.00

 Short delivery cycle, decoupled from the applications  UI Extensions Add-ons for HCM & SRM (on NW 7.03 / 7.02 releases) and existing customers (on NW 7.00 / 7.01 releases)  Portal OnDemand on jPaaS / NetWeaver Neo release

OData

7.01

7.02

7.03

OnPremise

Portal

|

OnDemand



38

SAP UI Integration Services Functionality and Scope Users, Roles, Work Centers, Navigation

One SAP Shell

Page Builder, Catalogue, Gadgets

Worklists, Fact Sheets, Analytics Data and Persistency from Backend Lifecycle Mgmt PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


39

SAP Road Map for UI Integration Services Key themes, Capabilities and Planned Innovations Capabilities as parts of the dedicated UI Frameworks  PFCG and PCD Role concept  Web Dynpro ABAP Pagebuilder  Side Panel  ABAP Power Worklist (POWL)  Universal Worklist (UWL)  Configuration and Personalization Frameworks  Web Dynpro Framework services  Individual releases and Lifecycle Management  NWBC, SAPGUI, EP and CRM Web Client providing Client Shells

First set of encapsulated UI Services onPremise (HCM)  Backend OData Services:

Open, flexible Productivity Services - onPremise and onDemand

– Page Builder Service

 Support for onDemand deployment and consumption

– Read PFCG Navigation Tree

 Portal and mobile integration

– Read LaunchPad Content

 More comprehensive backend services provisioned

– POWL Query Service  Frontend JavaScript Services: – Page Building JS APIs – Gadget APIs based on open Standards - OpenSocial – Basis for HCM Page Builder  Comprehensive Shell services  Release-independent „Add-Ons“ with short delivery cycles

 Additional advanced frontend JavaScript services.  Productivity services examples: – Worklists service with Clientside UIs visualizing , configuring and personalizing data from backend – Side Panel scenarios and support for document mgmt

 Integrated Lifecycle Mgmt

Today

Planned Innovations

Future Direction



40



UI Integration and Consumption Summary

UI Clients

UI Integration Services

UI-relevant Repositories

Today


Consolidated offering of UI Clients with more functionality

More UI Services for Efficiency and Interoperability

Consolidated repositories and their related artifacts

UI Clients

UI Integration Services

UI-relevant Repositories Future


42

Table of Contents






43

Technology Innovations    

UI Trends and Demands HTML5 Control Library and Framework People Centric Content Provisioning Mobile UI Strategy

Technology Innovations UI trends and requirements Existing paradigms are important & essential, but evolving trends and paradigms generate additional demand

Software as a Service (SaaS) • On Demand • Loose coupling

Casual user interfaces • • • • • •

Social media Ease of use Minimal learning curve Instant value Native and appealing look and feel Always connected

Flexibility & openness • • •

Web Standards Client side interactivity Any screen on any device



45

SAP UI Development Toolkit for HTML5 Technology description Library and framework for future proof UI rendering and highest possible flexibility Any Screen on any Device:  Native, device-specific Views and Screens  Clear separation of UI Structure and Layout

Beautiful and highly interactive UIs  Modern UI Controls (e.g. rounded Corners, transparency effects)  Interactive and integrated Business Graphics  In-place data visualization using SVG (Charts etc)  Pixel Perfect Design

Standards and Openness  Based on Open Source framework(s) (e.g. JQuery) and Web Standards  Complies to SAP Product Standards

Adaptation and Flexibility  Extensibility concept for custom controls  Theming and Branding framework



46

SAP Road Map for the HTML5 Development Toolkit Key Themes, Capabilities and Planned Innovations

 Prototyping

 Rich, state-of-the-art UI control set

 Leverage full HTML5 capabilities

 SAP Product Pilots

 Integrated HTML5 Design Time

 Customer Pilot Program

 Extensibility concept

 Extensible framework for highest flexibility

 First Showcase Scenario with EPM

 Server independent Runtime  Out of the box support on Java and ABAP Platforms  Reuse of jQuery

 Modular reusable framework components  Full fledged core services (e.g. connectivity, security, supportability  Powerful Client-side Design Time and Runtime Tools

 Convenient Data Binding

 Aligned SAP Theming Infrastructure

 Extended OData consumption

 Out of the box OData consumption

Today

Planned Innovations

Future Direction



47

HTML5 Development Toolkit - Planned Innovations Features & Functions Rich, State of the art Control Set  Client-side, rendering library based on JavaScript  SAP product standards compliance for accessibility and security  50+ important UI Controls (e.g. Date Picker, Roadmap, Dropdown, Tree, several Layout options)

HTML5 Design Time  Control development and adaptation tooling  Theming and branding capabilities  Basic Google Web Toolkit Integration

Extensibility and Flexibility  Enrichment possibilities with native HTML, JavaScript and CSS  Development options for custom UI controls and control libraries

Data Binding  Data binding for numerous controls  Support of XML and JSON models  Out-of-the-box OData support

Openness & Flexibility  Server agnostic HTML5 library  Based on jQuery library  Open AJAX compliance (-> run together with other non-SAP JavaScript libraries) PLANNED INNOVATIONS This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


48

People Centric Content Provisioning Technology Description With OData business information can be described as “People-Centric Consumption Model” (CM) People Centric Content Provisioning Concept

• Easy to consume Interfaces

• Open standards + SAP Extensions

SDK

Professional UI

SDK

Consumption

OData

Others

On Demand Application

Adapter Analytical Data

Business Suite Application

ON PREMISE

Adapter

Firewall

Gateway ON DEMAND

• “Any Client on any Device”

Desktop

Multiple Systems

• Unified Data access for heterogeneous SAP Applications

SDK

Mobile

Orchestration



49

Mobile UI Strategy SAP Mobility Platform Mobile business applications for SAP Business Suite and SAP BusinessObjects

Two Alternatives recommended Native Applications with Sybase SDKs via SUP Consumption Technologies: RFCs/BAPIs NetWeaver Mobile SAP BusinessObjects SAP NetWeaver Gateway (new)

HTML5 Container-based Applications

Sybase Unwired Platform (SUP)

Gateway

NW Mobile

Consumption Technologies: SAP Business Suite

 RFCs/BAPIs  SAP NetWeaver Gateway  SAP BusinessObjects

ON PREMISE

   

Adapter SAP Business Objects

Orchestration



50

Want to know more ...?



SAP NetWeaver Gateway road map available soon



Sybase Mobility Platform road map available soon



51

Table of Contents






52

Analytics and Social Media  SAP StreamWork  SAP Enterprise Workspaces, Wikis and Forums  SAP BusinessObjects BI solutions

SAP StreamWork Technology Description SAP StreamWork is a Software as a Service application for collaborative decision making. Activities  Bring together people, information and business tools to extend structured processes

Feeds  Follow updates on activities, people or any business objects  UI component for simple extension of business applications

People  Explore social networks for expert finding and managing relations

Custom Business Tools in SAP StreamWork  Structuring decision and alignment processes  Compliant to OpenSocial specification  Update on premise systems from within SAP StreamWork

Standards based Integration  Seamlessly integrated in SAPs business solutions through REST-based APIs and UI-Gadgets  Embed collaborative capabilities and custom business tools



54

SAP Road Map for StreamWork Key Themes, Capabilities, and Planned Innovations

 UI Components for feed aggregation  SAP StreamWork activity item view  OpenSocial Container for custom build UI components  REST-based on demand services for integration of activity and feed UIs  SAP BusinessObjects BI OnDemand integration

 Broad adoption of SAP StreamWork UI components in SAP Products  Further extension of OpenSocial UI container support  Further UI gadgets for embedding SAP StreamWork functionality in SAP business solutions

 SAP StreamWork providing UI services and components for one unified and collaborative environment  Messaging and Communication components as additional services for casual user interfaces

 Deeper integration of business analytics and collaborative decision making  Focus on HTML5 UI elements – with fallback possibilities where possible

Today

Planned Innovations

Future Direction



55

SAP NetWeaver Portal Enterprise Workspaces, Wikis and Forums - Technology Description Enterprise Workspaces is an Add-On to the SAP NetWeaver Portal enabling end-users a quick and easy recombination of existing corporate assets based on their needs. Wikis & Forums provide well integrated solution to easily share and contribute knowledge

Enterprise Workspaces • Self-managed content by end-users for personal or shared usage • Intuitive, state-of-the-art user experience • Configuration of content by end-users • Public APIs to extend framework and content base

• Enterprise ready by necessary support and governance mechanisms

Wikis and Forums • Easy and intuitive creation of wiki pages & forum discussions

• Global search and tagging • Governance by access control and permission concept • Moderation support and approval processes



56

SAP Road Map for Enterprise Workspaces, Wikis & Forums Key Themes, Capabilities, and Planned Innovations

 Easy consumption of heterogeneous content in Enterprise Workspaces   Open APIs allowing customers to extend Enterprise Workspaces  Governance and support tools  Easy creation of wiki pages and discussion forums

 Enterprise Workspaces on mobile devices

 Smart integration with cross portal scenarios

 Further integration of Enterprise Workspaces with OpenText ®

 Extension points for integration of additional services

 Additional modules for Enterprise workspaces  Smaller improvements and features planned for wikis and forum

 Integration of enterprise workspaces, wiki and forums into general search  Custom specific branding capabilities in enterprise workspaces, wiki and forum

Today

Planned Innovations

Future Direction



57

SAP BusinessObjects BI Solutions Reporting & Analytics How do I uncover trends from historical data and make possible better forecasts?

How do I visualize key performance indicators for better decision making?

Dashboards

Web Intelligence

Analysis

Crystal Reports

How do I turn data into pixel-perfect formatted reports for greater insight?


Explorer

How do I answer ad hoc questions and interact with shared information?

How do I find immediate answers to business questions?


58

Want to know more ...?



SAP StreamWork road map available



SAP Portal road map available



SAP BusinessObjects Suite road map available



59

Table of Contents






60

Java UI  Web Dynpro Java  Future Direction

Web Dynpro for Java

User Interactivity

History of Evolution

• Implicit Personalization • Suspend/Resume • Application Interoperability • Adaptive RFC Model

Foundation UI Technology for SAP applications like ESS/MSS

• CCTS Datatypes • Calendar UI elements • Context menus • Streamlined component model

2004

2006

2007

SAP NW 04

SAP NW 7.0

SAP NW CE7.1


• Web Dynpro Ajax Client • EJB 3 Model • Adaptive Web Service Model

2008 SAP NW CE 7.11

• Extended UI Openness • Asynchronous Views • Session Management • Adaptive RFC 2 Model

2009

2010

SAP NW CE 7.20

SAP NW 7.30


62

Future Direction of SAP Java UI Different Types of User Interfaces for Different Demands 

No UI expertise needed



Highly interactive



Known internet paradigms

Mobile UI

Casual UI



Easy applications



Anywhere on any device



Native Look and Feel

Consumption REST

Analytical Data

Firewall

Orchestration

Business Suite Application

EJB

On Demand Application

ON PREMISE

Others

Adapter

Professional UI

RFC

ON DEMAND

Adapter

Webservice

Adapter

Consumption

Multiple Systems

OData



Highly transactional



Heavyweight Business Scenarios



As efficient as possible



63

Future Direction of SAP Java UI Evolution of the SAP Java UI Stack

TODAY

FUTURE DIRECTION Adobe Flash

HTML*

Web Dynpro Java (WDJ) Visual Composer

Islands

Portal

Microsoft Silverlight

HTML*

Adobe Flash

Web Dynpro Java Visual Composer

Microsoft Silverlight

HTML5**

GWT, JSF, ….

Islands

Portal Tomcat / Others

SAP NW JEE

SAP NW JEE

SAP

Non-SAP

*HTML generated by SAP Unified Rendering ** SAP HTML5 Framework



64

Future Direction of SAP Java UI SAP‟s Java User Interface Strategy Moving Forward Java UI Strategy in a Nutshell

Web Dynpro Java

• Complementary Java UI offering

Visual Composer

Html5 @ SAP

Highly Transactional

• Utilize the available and emerging technologies • Technology choice based on scenario

SAP Product Standards

SAP Data Access

Openess & Standards based

Rapid Prototyping

Pixel Perfect

Casual UI Control Extensibility

FUTURE DIRECTION This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


65

Table of Contents






66

Co-Innovation  SAP Interactive Forms by Adobe (IFbA)  Duet Enterprise

SAP Interactive Forms by Adobe (IFbA) Product & Technology Description SAP IFbA is tightly integrated in SAP`s Products and major UI frameworks and is consumable with the standard Adobe Reader User Handling      

Self-explanatory (paper-like) Online and offline scenarios supported Can be distributed by email / portal Digital signatures Can be printed and saved locally Full standard Adobe Reader functionality

Background Services    

Structured data in XML Pre-filled application values, list boxes… Integration in SAP workflows Automatic data extraction and integration in applications

Lifecycle Management and Content  Fully integrated in major SAP UI design times  Increasing number of predefined forms for Business Suite and Business ByDesign (currently 2400+)  SAP product standards support (for example accessibility, globalization)

TODAY © 2012 SAP AG. All rights reserved.


68

Duet Enterprise (DE) Product & Technology Description Jointly developed, fully flexible framework from SAP and Microsoft that leverages SAP‟s Gateway and Microsoft‟s SharePoint solutions for customers and partners to easily and quickly compose solutions that consume and extend SAP in SharePoint and throughout Microsoft Office

Benefits: • Expand the value of existing investments • Drive People Productivity • Rapidly respond to business needs • Simplified and enhanced development process • Based on SAP NetWeaver Gateway technology Key Capabilities: • Packaged Interoperability - Simple Architecture approach, solves key interoperability issues

• Rapid Development - Provides building blocks and tools; empowers non SAP developers (.NET) • Instant Value - Delivers out-of-the-box ready-to-use capabilities to be used as-is or in solutions development • Minimize Disruption and Training - Builds on core platforms, leverages existing skillset, optimizes landscapes



69

Table of Contents






70

SAP User Interface  Summary

SAP User Interfaces - Summary Cross Business Solutions View Mobility Platform

Native SDK HTML5

OData

On-Demand Solutions for Lines of Business

MS Silverlight

UI Integration SAP Business Suite SAP CRM

SAP ERP

WebClient UIF

SAP SRM

SAP SCM

SAP PLM

Web Dynpro ABAP & Dynpro

SAP Business ByDesign

SAP Business

SAP BPM

One

MS Silverlight

WPF / .NET

Web Dynpro Java

Mobility Platform


SAP Business Analytics Analytic Applications

Business Intelligence

Data Warehousing

Adobe Flash , Java UI

Enterprise Information Management

Enterprise Performance Management

Sustainability

Adobe Flash, Web Dynpro ABAP

Application Foundation / Integration SAP In-Memory Appliance (SAP HANA) This is the current state of planning and may be changed by SAP at any time. © 2012 SAP AG. All rights reserved.


72

SAP User Interfaces - Summary SAP Business Suite View (Includes SAP Business All-in-One) SAP Business Suite SAP CRM

SAP ERP

SAP SRM

SAP SCM

SAP PLM


UI Clients

UI Technologies

 SAP NetWeaver Business Client  SAP NetWeaver Portal Client

 Web Dynpro ABAP with Floorplan Manager

UI Adaptation  Floorplan Manager (FPM)  Web Dynpro ABAP Page Builder

 Dynpro  CRM Web UI Framework


UI Integration

 New Web Dynpro ABAP Applications

 ABAP Role Maintenance (PFCG)

 Pre-Defined Object Based Work Lists

 Portal Content Directory (PCD)

 Pre-Defined User Roles  Embedded Analytics



73

Summary UI Component and Products Availability Business Packages for Portal 7.3 New and enhanced applications based on Web Dynpro ABAP New POWER Lists New PFCG Roles

EHP 1

EHP 2

EHP 3

EHP 4

EHP 5

ECC 6.0

ECC 6.0

ECC 6.0

ECC 6.0

ECC 6.0

ECC 6.0

NW 7.01

NW 7.02

NW 7.03

NW 7.00

SAP NetWeaver Business Client – Version 3.0

DEVEHP

6

Version 3.5

Enhanced PFCG POWER List Framework ABAP Page Builder

SAP NetWeaver Portal 7.3



74

SAP User Interfaces - Summary New Content in SAP Business Suite - Some Numbers 5000 4500 4000 3500

3000 2500 2000 1500 1000 500 0 ERP 6.0

EhP 02

Web Dynpro Applications © 2012 SAP AG. All rights reserved.

EhP 03 POWER Lists

EhP 04

EhP 05

Total

PFCG Roles

Business Packages


75

Key Links for More Information For Customers and Partners

Key Links  Road Maps on SAP Service Marketplace

https://service.sap.com/roadmap

 SAP Community Network

http://www.sdn.sap.com/

Contact: Michael Falk CPO Team - “SAP User Interfaces” , SAP AG mailto: [email protected] Twitter: http://twitter.com/#!/Michael_Falk



76

Appendix

SAP Browser Strategy  SAP Browser Strategy

SAP Road Map for Browser Support Planned Enterprise Support

Internet Explorer

Internet Explorer • IE9 standards mode • IE10 (3 months after general availability )

•

IE6 – IE9

•

Firefox

• •

3.6 (Enterprise version) Rapid Release Cycle (latest version, currently 7.0), (*)

•

Safari

•

4.0 - 5.1 (on MacOS 10.5 and 10.6)

Further details in Browser PAM

Today

Internet Explorer, Firefox, Safari, Google Chrome • Upcoming versions

Firefox • Rapid Release Cycle (*) • Enterprise Service Release • Safari • 5.1 (MacOS 10.7) • Google Chrome • SAP intends to support Google Chrome

Planned Innovations

Future Direction



79


No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, iSeries, pSeries, xSeries, zSeries, eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, PowerVM, Power Architecture, POWER6+, POWER6, POWER5+, POWER5, POWER, OpenPower, PowerPC, BatchPipes, BladeCenter, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, WebSphere, Netfinity, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.

SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP BusinessObjects Explorer, StreamWork, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd. Business Objects is an SAP company. Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase, Inc. Sybase is an SAP company. All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary. The information in this document is proprietary to SAP. No part of this document may be reproduced, copied, or transmitted in any form or for any purpose without the express prior written permission of SAP AG.

Oracle and Java are registered trademarks of Oracle and/or its affiliates. UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group. Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks of Citrix Systems, Inc. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C ®, World Wide Web Consortium, Massachusetts Institute of Technology.



80