Skip to Content

Introduction

If we go back to year 2007 the SAP UI word had simply related to SAP GUI. Since then the SAP UI has evolved into Web UI which is an essential part of their business suite products (SRM, CRM, PLM, SCM).

SAP User Experience initiative known as SAP UX also came into play while SAP revised it’s UI strategy in year 2011. This strategy addresses simplifying UI at one end while making custom UI development easier for its customers.

From the end user perspective, SRM UI that comes with SRM core release is still considered complex due to many elements or fields. SAP addressed this problem by providing SAP SRM UI 1.0, a simplified shopping UI which is best suited for casual users. This new UI is developed using ABAP add-on and HTML5 as a base technology.

For SRM 7.0 this new add-on level delivery does make sense as it provides new user interaction without disrupting the underlying business application.

SAP UI Evolution

We will have to start understanding the UI evolution to start with SAP GUI. For consultants with MM background its very easy to observe the new Enjoy UI (ME23n) that was delivered with ME23n which can be accessed in SAP R3 4.6 onwards. It was a classic example of decoupling the UI development from Business Application.

This decoupling UI trend went into the technical concept of decoupling the Dynpro business logic from the UI logic of the app using web HTML technology – so the SAP Internet Transaction Server (ITS) was developed. The main purpose of ITS was to transform the SAP GUI to Web UI.

SAP Web Dynpro as propriety framework was the next development for integrated Web UI development. SRM 7.0 (SRM core) has UI Logic developed in WebDynpro ABAP.

Today the need is more to connect devices, environment and platforms to SAP system. To Achive this SAP has delivered new technology called NetWeaver Gateway. This framework specifically targets decoupling data from SAP backend systems and enabling easier consumption based on OData.

Then comes the SAP UI Add-on built on top of the Gateway infrastructure as an SAP UI package of specific components, while being decoupled from the backend of the application.

SAP FLORI is recent development, these are ready to use application suites available from SAP. There are more than 5 SRM ready to use UI apps available in SRM EHP 3 (SRM 7.03)

SRM UI 1.0 Architecture

SRM UI 1.0 is the simplified shopping UI available through series of UI components as shown in the simple architecture diagram below:

/wp-content/uploads/2014/09/pic1_545939.png

  • SRM NXP Add-on
    • The actual ABAP Add-on containg SRM UI 1.0 skin and Busniess logic
    • Javascript libraries to build the interactive page
  • SAP UI5
    • SAPUI5 is SAP UI development toolkit for HTML5
    • Entirely based on open source frameworks and web standards
    • Application developed using UI5 runs both on desktops and mobile devices
    • Easy connectivity to SAP / Non SAP data sources made possible using SAP NW Gateway and Dataprotocol (built in library available within UI5)
    • Offers rich extensible modern UI controls and requires lightweight programming
    • Underlying technology for SAP FIORI apps, HANA cloud developments and many SAP solutions.
    • SAP is investing heavily on UI5 and collaborating with many open source frameworks to make it more feature rich and compatible

   

  • NetWeaver Gateway
    • OPEN – Any Device, Any Experience, Any Platform
    • PEOPLE – Optimized for user interaction scenarios
    • TIMELESS – Non disruptive, any SAP Business Suite version
    • DEVELOPERS – Simple APIs, no SAP knowledge, any tool
    • STANDARDS – Based on REST, ATOM/OData

SAP NetWeaver Gateway offers connectivity to SAP applications using any programming language or model without the need for SAP knowledge by leveraging REST services and OData/ATOM protocols.

SAP SRM UI 1.0 Features

The following shopping cart features are in scope for SAP SRM User Interface Add-on 1.0:

SRM UI 1.0

SRM UI 1.0 SP03 onwards

SRM UI 1.0 SP05 onwards

  •        Shopping Cart user default settings
  •        Cross Catalog Search based on indexed catalog data (prerequisite OCI 5.0)
  •        Search for products
  •        Shop on behalf
  •        Punch-out catalogs
  •        Freetext shopping carts
  •        Favorite items
  •        Shopping Cart templates
  •        Shopping Cart tracking
  •        Shopping Cart multi accounting
  •        Customer specific account assignment categories
  •        Service items
  •        Multi currency Shopping Carts
  •        Shopping Cart print preview
  •        Header / item notes
  •        Attachments
  •        Item mass change for shipping address, delivery info and accounting
  •        Approval process overview
  •        Support for Application Controlled Workflow
  •        Multi language search for indexed catalog content
  •        Source of supply determination / assignment
  •        Budget check
  •        Price validity check for catalog items
  •        Customer fields-following controls are supported –
  •        Checkbox
  •        TextView
  •        TextField
  •        Dropdown
  •        Meta data for UI elements
  •        Add items from Existing Shopping carts
  •        Express confirmation
  •        Shopping cart Recall for PC workflow
  •        Create Limit Items and Integrate Custom Forms
  •        Replace Standard Texts
  •        Display search results based on Shop on Behalf User
  •        Enable Search Help for Custom Fields
  •        Enable Help Pages
  •        Enable Workflow Features
  •        Restart Application-Controlled (AC) Workflow
  •        Accept a Rejection in Application-Controlled Workflow
  •        Enable Inquire scenario in Process-Controlled Workflow
  •        Enable Universal Worklist (UWL) for Employee role (Recall in PC workflow, and acceptance of rejection (AC and PC workflow) and Inquire scenario in PC workflow 
  •        Update Price from Catalog
  •        Edit Shipping Address and Account Assignments at Header level
  •        Save Account Assignments
  •        Display price scales
  •        Display product relationships
  •        Display product categories as hierarchies
  •        Support for catalog views
  •        Pagination in My Carts screen
  •        One client deployment supported for SP05 of SRM UI Add-On with SP04 of SRM 7.13

SRM UI 1.0: Installation, Technical Pre-requisites

/wp-content/uploads/2014/09/prereq_545925.png

SRM UI High Level Set-up

Key steps for SRM UI 1.0 set up are as follows:

1)    Install SAP NetWeaver Gateway on SRM server, Set up local connectivity, Activate the Gateway services for SRM UI Add-on,

2)    Assign SRM UI 1.0 specific role (e.g. /SRMNXP/EMPLOYEE)

3)    Business Configuratoin: Setting up of number ranges for temporary shopping carts

4)    Activate UI5 service in transaction SICF

To report this post you need to login first.

2 Comments

You must be Logged on to comment or reply to a post.

  1. Mark Hallett

    Hi Mamata

    For SRM UI 1.0 SP5 onwards you mention support for One-Client on SP4 of SRM 7.13

    Please can you clarify more about SRM 7.13 ? It’s not mentioned in the SRM Release section – only 7.0, 7.01, 7.02 and 7.03 – so what is 7.13 ?

    The reason I ask is that we are using SRM 7.02 One-Client inside ERP 6.0 EHP6 and we would like to use SRM UI Add-on

    Thanks

    Mark

    (0) 
    1. Ranjani Guruprasad

      Hello Mark,

      SRM 7.13 is the Enhancement pack 3 for SRM 7.0.  One client deployment of SRM UI Add-on is currently supported only for SRM 7.13. This is not available for SRM 7.02 yet.

      Regards,

      Ranjani

      (0) 

Leave a Reply