Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Detailed View
1
UI Framework Architecture – SAP EHP1 for
SAP CRM 7.0
With SAP EHP1 for SAP CRM 7.0 continued its focus on usability and quick user adoption.
Based on clear feedback by SAP customers SAP decided to further enhance the new SAP
CRM user interface that follows the requirements of the market while unifying the user
experience across all SAP CRM users
If it comes to usability: whatever is done – one will love the other one won’t, so the key to
make our customers successful is not only to provide a complete new navigation and
interaction design, but at the same time provide all the tools required on project base to
adapt the user interface to the concrete needs of the business user
In parallel the new User Interface makes the big next step into the area of state-of-the-art
web design which is used across SAP’s CRM on-demand and on-premise solution
This big step towards joy-of-use has been achieved by changing only the user interface
oriented software layers, leaving the general architecture on the CRM server untouched.
I.e. the business process customizing stays the same as in previous releases.
2
Content
3
UI Framework Architecture – SAP EHP1 for
SAP CRM 7.0 Key Benefits
Multi-browser support
In general the new CRM UI Framework contains the BOL/Genil Layer as well as leverages
the BSP technology via a newly created tag library, supported by a new toolset for
customers, partners, consultants and application programmers.
Application Variants: Based on the one holistic Framework there exists the need to provide
the flexibility and freedom to server different navigation and interaction paradigms (e.g.
within an Interaction Centre application a minimum of scrolling is allowed, a CRM on
Demand solution has limited and easy to use customizing and configuration possibilities).
Basic HTML: A Cross browser support can be achieved as few browser specific HTML gets
rendered
Componentized application: One of the central concepts of the new CRM UI Framework is
the componentization. The different applications are logically bundled within components,
which follow the “black box” principle. Every component can run stand-alone and does not
make any assumptions about the surrounding environment.
Load on request: In contrast to the formed concept used within the Interaction Centre
WebClient, the different components get only loaded (instantiated) when they are
called/used.
4
Overview: Layers of CRM Applications
Presentation
Layer (BSP)
CRM
WebClient:
Specific
Layers – New
UI Framework Business
Layer
(BOL/GENIL)
The SAP CRM EHP1 for SAP CRM System includes on a high level 3 different layers:
The Business Application Layer: this is the CRM Server as a it existed in SAP CRM
4.0 and SAP CRM 5.0, which got enhance with additional functionality and new features
but remained technically unchanged with the new CRM 2006s UI Framework; e.g.
Customizing, Interfaces, Tables, Middleware, BAPI’s etc. are untouched by the UI
Framework.
The CRM WebClient specific Layer: On top of the Business application Layer this layer
was build containing the CRM UI Framework, which is based on the technology used in
SAP CRM 4.0 and SAP CRM 5.0 in the Interaction Center WebClient. This layer got
significantly enhanced with new concepts (e.g. Component/Window concept,
THTMLB/CHTMLB Tags, Tools)
The Web Browser: The CRM UI runs within standard Web Browsers. Currently IE 8.0
and Firefox 3.0 are the latest browsers supported with SAP CRM EHP1 for SAP CRM
7.0.
The next slide provides you a more detailed view on the content and the technology within
new CRM WebClient specific layer. As the Business application layer remains unchanged
by the new CRM UI Framework it will not be covered within this presentation in more detail.
5
Overview: Layers of CRM Applications
Presentation Controller
Layer Business Server
CRM Model
Pages (BSPs)
WebClient View
Specific
Layers – New
UI Framework Business Business Object Layer
Layer (BOL)
Generic Interaction Layer
(GenIL)
Layers of Business
Appl. Progr. Interfaces
Underlying Engine
(APIs)
Business (SAP CRM)
Application Tables
The Business Server Pages (BSPs) are the presentation layer of the CRM WebClient.
They are used to generate the HTML page of the CRM WebClient running in the user’s
browser. The business logic of CRM business objects and processes is not controlled by
the BSPs: presentations and data models are handled separately. Due to this clear
separation a great degree of flexibility in the UI Design is provided without changing the
underlying business logic and –business objects.
The Generic Interaction Layer (GENIL) handles the data transfer between CRM database
tables and the BOL. (for more details please refer to section: Business Object and Generic
Interaction Layer)
We will first focus on the CRM WebClient UI – the BSPs - and after that, we will take
a look at the data model of the business objects in the BOL.
6
New UI: Browser Only and Portal Optional
Unified Unified
CRM UI CRM UI
Portal
SOAP/XML
Internet Communication
Manager
RFC
HTTP(S)
J2EE
ABAP (Not required by
(BSP) new UI Framework) SMTP
SAP Web Application Server 6.40 (and higher) contains two runtime environments: ABAP
and J2EE (Java 2 Enterprise Edition). However the CRM WebClient is based on the ABAP
stack and not making use of Java technology. The user interface (UI) is a so called
Business Server Page (BSP). Via the Internet Communication Manager (ICM), which is
also part of the SAP Web Application Server, the BSP is transferred as a Web page to the
front end client.
In general BSPs are a combination of ABAP Classes and methods and HTML. This
technology was already used within SAP CRM 3.1, 4.0 and 5.0 whereby the underlying
usage and concepts from CRM PC-UI and CRM WebClient differ significantly.
Note: A portal can be used but is not necessary to run the CRM WebClient
7
CRM WebClient UI Integration Into
SAP Enterprise Portal
Screenshot:
Portal Integration
Half-Screen plus explaination
The CRM WebClient UI optionally runs
embedded in the SAP Enterprise Portal
environment, making use of the Portal
navigation as well as other Portal
functionality.
8
CRM WebClient Enterprise Portal Integration
Central
Search
CRM History
CRM navigation bar embedded in
transferred to Portal Portal History
navigation bars,
various options Saved
possible Search
Direct Link
Groups (e.g.
Quick Create)
in own iView
CRM work area
in place in
Portal work area
9
Content
10
Layers of CRM Applications
Presentation Controller
Layer Business Server
Model
Pages (BSPs)
CRM View
WebClient
Specific
Layers Business Business Object Layer
Layer (BOL)
Generic Interaction Layer
(GenIL)
Layers of Business
Appl. Progr. Interfaces
(APIs)
underlying Engine
Business (e.g. SAP CRM)
Application Tables
© SAP 2009 / Page 11
The Generic Interaction Layer (GENIL) handles the data transfer between CRM database
tables and the BOL.
11
CRM WebClient:
Model-View-Controller Concept
S
Elements grouping as follows
Handle Events
Views (BSP) Update application
data Defines
Views
Define control flow application
View Sets Request data
Controller Usually
connected to
set business
Controllers (BSP)
functionality
Application Controller
Model
Component Controller
Response
Window Controller View get
View Controller
Custom Controller Visualization of the
application data
Model
Contexts Data flow
Context nodes Control flow
The basic elements of the presentation layer are Views, Controllers and the Model.
In the right picture the design pattern for decoupling presentation and logic of an
application is shown.
12
Components, Windows & View(-Sets)
View Set
ViewArea with
one view
13
CRM Web Client: View Details
The CRM Web Client views can be based on a minimal amount of coding
14
Content
15
Layers of CRM Applications
Presentation Controller
Layer Business Server
Model
Pages (BSPs)
CRM View
WebClient
Specific
Layers Business Business Object Layer
Layer (BOL)
Generic Interaction Layer
(GenIL)
Layers of Business
Appl. Progr. Interfaces
(APIs)
underlying Engine
Business (e.g. SAP CRM)
Application Tables
© SAP 2009 / Page 16
The Generic Interaction Layer (GENIL) handles the data transfer between CRM database
tables and the BOL.
16
Business Object Layer Versus
Generic Interaction Layer
Business
Object Query
Entities Core Cache
Layer Services
Generic
Interaction Application Interface
Layer
R R R R
R R R R
Database(s)
The UI only deals with Business Object Layer entities and does frequent calls on a fine
granular basis.
On the level of BOL, there is a cache in memory to avoid unnecessary requests to the
lower levels
Whenever BOL cannot serve a request from the UI-Layer from its cache, it fires a request
to the Generic Interaction Layer
The Generic Interaction Layer itself just dispatches the request to the appropriate Generic
Interaction Layer Component(s) and bundles the results before it returns the request.
The Generic Interaction Layer Components are adapters that map the heterogenous APIs
to the unique component interface and are build by the application development of the
respective objects.
Remark:
The concept of the generic interaction layer components addresses a distinct area from the
concept of UI components that was discussed in the previous section.
17
Content
18
The Component Workbench as Central Modeling
Tool for the CRM UI Framework
19
Components and Component Usage
View 1 View 4
View 2 View 5
View 3
Runtime Repository
Component Usages
Component B
Window B
Based on the reuse concept generic, reusable application parts (so called embedded
components) are developed once and could be reused within different components (so
called embedding compoentes).
In the slide the embedding component (A) just has to access the public elements of the
embedded component (B) via the component usage which can be defined within the CRM
UI Workbench.
The embedding component handles the navigation into and out of the embedded
component and therefore can influce the navigation behavior directly.
20
From UI Requirement to Technology
21
BOL and GenIL: Tools
Model Browser:
Presentation Visualizing BOL Model
Layer (BSP)
Layers of Business
Underlying Engine API
Business (e.g. SAP CRM)
Application
Tables
There are some tools that help you to investigate the model of BOL and GENIL.
The Model Browser helps you to visualizing the BOL Model of the underlying business
objects
You can also see there the available attribute structure indicated the available fields
within the model itself, where the UI Configuration Tool works on
The BOL Browser gives you the ability to test the BOL-Objects and the underlying
Business Objects without UI in order to verify that the data is routed correctly though this
layer.
22
Search Page Floorplan
Reduce amount of work by the application developer for creating search pages.
→ This has led to the design and implementation of base classes encapsulating common
search page functionality.
Use a common BSP page layout for the view set, search and result views.
→ This implies that Framework changes are made centrally once, thus freeing the
application developer from having to adapt their pages.
23
Content
24
Customer Enhancements
25
View Layout Configuration
View 2
View 3
Enhance
Runtime Repository Component
Component Usages (wizard supported)
View Set Composition
Navigation
The SAP-delivered components can be adjusted by either UI Configuration Tool (e.g. for
view specific Layout changes) or by the Component Enhancement Concept for functional
enhancements (e.g. new events)
The Component Enhancement Concept is explained in more detail in the next slides
26
Component Enhancement
View 2 View 2
View 3 View 3
The Component Enhancement Concepts bases on and leverages the fully object
oriented programming model of the UI Framework
The build in Wizards work on inheritance concepts, which derive SAP Standard Classes to
Customer Namespace classes in case of redefinitions are required.
In the first step, using the Component Enhancement Concept the system automatically
creates:
a BSP application for the enhancement elements (runtime repository, derived controllers
etc.)
copies the runtime repository
stores component replacement information (which customer component replaces the
SAP Standard component at runtime).
After a customer component has been created using the Component Enhancement
Concept, all SAP Standard views and controllers are still used and remain
unchanged, as those are referenced within the new component. Therefore these are
displayed in the CRM UI Workbench within the new component in gray color. Only the
runtime repository is copied from the SAP Standard component, which should be enhanced
(see slide)
27
Component Enhancement
View 2 View 2
View 3 View 3
In a second step views and/or controllers can be enhanced/changed via the build in
Wizard in the CRM UI Workbench.
When a view and/or controller is adjusted/changed using the build in Wizards, e.g
redefining a method, this will not be overwritten with changes done by SAP for exactly
this redefined method. All other changes by SAP to exactly this view and/or controller will
automatically be inherited to the customer own view/controller.
All other changes of the referenced SAP Standard Component to existing views or
controllers, which have not been changed/enhanced will automatically be part of the
customer component.
28
Application Enhancement Tool – SAP EHP1 for
SAP CRM7.0 Custom Fields and Tables*
Supported Features
29
Rapid Applications – SAP EHP1 for SAP CRM7.0
Screenshot: Create an Application From a DB Table
Supported Features
30
Content
31
UI Framework Check Tools – SAP EHP1 for
SAP CRM7.0 Objectives of the Presentation
32
UI Framework Check Tools – SAP EHP1 for
SAP CRM7.0 Key Features
33
UI Framework Check Tools – SAP EHP1 for
SAP CRM7.0 Key Benefits
34
Check Tools – SAP EHP1 for SAP CRM7.0
Access via IMG or Component Workbench
*
*
35
Check Tools – SAP EHP1 for SAP CRM7.0
Parameters Describing What to Check
36
Check Tools – SAP EHP1 for SAP CRM7.0
Check Result Grouped by Type, Component, View
37
Check Tools – SAP EHP1 for SAP CRM7.0
Check Result List
38
Check Tools – SAP EHP1 for SAP CRM7.0
Runtime Repository Comparison
39
Further Information
40
Copyright 2009 SAP AG
All Rights Reserved
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.
Oracle is a registered trademark of Oracle Corporation.
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.
Java is a registered trademark of Sun Microsystems, Inc.
JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape.
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Business ByDesign, 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 S.A. in the United States and in other countries.
Business Objects 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.
These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only,
without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group
products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed
as constituting an additional warrant.
41
Title of the Presentation
This is the Subtitle
42
Agenda
e
p ict ur
ra e
p l e fo der slid
sam e divi
in th
1. Divider headline
1.1. Subdivider headline
1.2. Subdivider headline
2. Divider headline
2.1. Subdivider headline
2.2. Subdivider headline
3. Divider headline
3.1. Subdivider headline
3.2. Subdivider headline
4. Divider headline
4.1. Subdivider headline
4.2. Subdivider headline
43
Agenda
1. Divider headline
1.1. Subdivider headline
1.2. Subdivider headline
2. Divider headline
2.1. Subdivider headline
2.2. Subdivider headline
3. Divider headline
3.1. Subdivider headline
3.2. Subdivider headline
4. Divider headline
4.1. Subdivider headline
4.2. Subdivider headline
44
Title
First level
Second level
Third level
– Fourth level
– Fifth level
45
Thank you!
46
Grid
47
Definition and Halftone Values of Colors
SAP Blue SAP Gold SAP Light Gray SAP Gray SAP Dark Gray
Primary color palette
RGB 4/53/123 RGB 240/171/0 RGB 204/204/204 RGB 153/153/153 RGB 102/102/102
100%
RGB 96/127/143 RGB 98/146/147 RGB 110/138/79 RGB 140/101/87 RGB 123/96/114 85%
RGB 125/150/164 RGB 127/166/167 RGB 136/160/111 RGB 161/129/118 RGB 147/125/139 70%
RGB 152/173/183 RGB 154/185/185 RGB 162/180/141 RGB 181/156/147 RGB 170/152/164 55%
RGB 180/195/203 RGB 181/204/204 RGB 187/200/172 RGB 201/183/176 RGB 193/180/189 40%
48
Copyright 2009 SAP AG
All Rights Reserved
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.
Oracle is a registered trademark of Oracle Corporation.
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.
Java is a registered trademark of Sun Microsystems, Inc.
JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape.
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Business ByDesign, 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 S.A. in the United States and in other countries.
Business Objects 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.
These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only,
without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group
products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed
as constituting an additional warrant.
49