sap hana cloud platform portal service -...

PUBLIC

June 2018

SAP Cloud Platform Portal Overview

2PUBLIC© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission o f SAP.

Except for your obligation to protect confidential information, 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 presentation or any related

document, or to develop or release any functionality mentioned therein.

This presentation, or any related document 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

presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentat ion 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 presentation is for informational purposes and may not be incorporated into a contract. SAP

assumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP ’s intentional or gross

negligence.

All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ material ly from

expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as of their dates,

and they should not be relied upon in making purchasing decisions.

Disclaimer


Table of contents

SAP Cloud Platform Experience Maker

SAP Portal Portfolio

SAP Cloud Platform Portal

- Overview & benefits

- Key capabilities

- Architecture

Partners solutions

Summary & further information

Optimizing Digital Experiences with

SAP Cloud Platform Experience Maker


Become a Digital Company by Optimizing Digital Experiences

Key to successful

digital transformation

is to optimize the value of

Digital Experiences

which span the range of

interactions that people have

with an organization

through digital touchpoints.


SAP Cloud Platform Experience Maker services

Your Needs

Your Ideas

Your Style

Your Customers Your Channels

Your Speed

SAP provides a set of integrated services

that deliver delightful user experiences

across various digital touchpoints,

enabling innovation without

disrupting core business processes.


Digital Experience Categories

Design

Collaborate

Integrate

Engage

Develop

Provide consistent and engaging experiences via any

channel including mobile, portal, desktop, voice.

Design user interfaces that are simple, task

oriented, and adaptive.

Streamline multi-channel application development by

empowering developers with varying skill sets.

Bring people together with shared business content,

information, applications and processes.

Seamlessly and securely integrate cloud and on premise

applications into your business landscape.


Digital Experience Categories

Design

Collaborate

Integrate

Engage

Develop

▪ SAP Fiori launchpad

▪ SAP Fiori Cloud

▪ SAP CoPilot

▪ SAP Build

▪ UI Theme Designer

▪ SAP Web IDE

▪ SAP Fiori Elements

▪ SAP RAD by Mendix

▪ SAP Jam Collaboration

▪ SAP Document Center

▪ Cloud Connector

▪ OData Provisioning

▪ API Management

▪ Cloud Integration

▪ SAP Cloud Platform Portal

▪ SAP Content to Go*

▪ SAP Cloud Platform SDK for iOS*

▪ SAP Cloud Platform Mobile Services

• Mobile development kit*,

• Mobile card kit*

▪ SAPUI5

▪ SAP Jam Communities

* Included in SAP Cloud Platform Mobile Services


User experience enables business transformation

“SAP Cloud Platform is a big reason our new payroll platform is so easy to

use. Our workforce partners love it, their workers love it, and it is saving

Graham a lot of time and effort”

Matt Gramblicka., Director Enterprise Applications, Graham Group Ltd

“SAP Cloud Platform enables our huge supplier network to collaborate in real

time and helps us drive revenue. With SAP Cloud Platform Portal, and the

SAP Fiori user experience, we transformed the user experience, improved

accessibility and accelerated application development”

Zhang Yan, Deputy Director, NTUC FairPrice Co-Operative Ltd

SAP Portal Portfolio


Key demands that drive the evolution of portals

Simple, customized,

consumer-grade

user experience

Contextual support

through digital

assistants

Personalized

experience with

real-time

information

Flexibility with

cloud and hybrid

deployments

Partner solutions &

custom extensions

Increased reach to

employees, customers,

partners and suppliers


Improve user productivity through intuitive digital experiences

Empower organizations to build modern user experiences for employees, customers and partners by combining

applications and content into unified environments and consolidating information from multiple sources on

centralized sites. Users can efficiently gain access to and consume critical information that is required to fulfill

their responsibilities.

SAP Enterprise Portal

Proven on premise solution for building portals and unifying access to SAP and third party solutions based on SAP NetWeaver.


Flexible cloud solution for building attractive

business sites, extending on-premise and cloud

scenarios based on SAP Cloud Platform

SAP Cloud Platform Portal Overview


SAP Cloud Platform Portal empowers organizations to build

digital experiences and engaging business sites for

employees, customers, and partners.

Portal sites combine applications and

content across multiple sources and

provide a centralized experience.

Users can efficiently gain access to

critical information and processes to

fulfill their responsibilities.



Modern portals empower users to become more productive by providing easy and smart

access to the right content, people and processes – anywhere, anytime

Key capabilities

▪ Build branded digital experiences and SAP Fiori 2.0 launchpad sites

▪ Leverage packaged content for SAP Business Suite & SAP S/4HANA

▪ Integrate SAP Fiori, SAPUI5 and on-premise SAP applications

▪ Create and publish web content using rich set of web content widgets

▪ Develop and extend for an optimized site experience

Benefits

▪ Drive UX innovations and gain agility via cloud services

▪ Improve user satisfaction via intuitive user interface

▪ Enhance admin efficiency trough templates, business content

and open integration framework

Read more: SAP Cloud Platform Portal

https://cloudplatform.sap.com/capabilities/ux/cloud-portal.html



Benefits

Optimized user

experience

Boundless capabilities

with SAP Cloud Platform

Low TCO

Business agility

and flexibility

Align with SAP’s

directionConsumption based

pricing

Single point of

access

Accelerate with

prepackaged contentMobile access


Portal experiencesProvide the right experience for your users to get the job done efficiently

SAP Fiori experience

SAP Fiori launchpad for

easy access to self-service

apps, tasks, and reports

Freestyle user experience

Freestyle portal site for

branded experiences with

flexible layout and design

Hybrid portal sites

Freestyle plus launchpad

for mixed sites with web

content and applications


Implement portal scenarios with SAP Cloud Platform Portal

Self-services

application portal

Line of business

homepage

External-facing site Corporate Portal

Central access to self-

services, tasks and

processes from within or

outside the corporate

network

Domain-specific area

bringing together apps and

managed content:

information and news,

e.g. human resources

External website for

registered customers,

suppliers and partners,

e.g. support sites and partner

portals

Enterprise-wide, horizontal

collaborative* portal with

advanced navigation,

application integration and

content management

Applications & Processes Collaboration & Web Content

*with SAP JAM Collaboration


Self-services application portal


Line of business homepage


External-facing site


Corporate Portal


Showcases

Danone built a B2B self

service e-Commerce

attractive and highly

functional website, using a

reliable and secured

backend connectivity in a

freestyle design

Merck group enabled the IT

department to build

customized solutions to

simplify and extend existing

business processes

Genband built “portal for

everything” to further

enhance the customer

experience and internal

productivity

Apollo Tyres deployed the

dealerConnect partner

portal of Arteria

Technologies and gained

real time decision making

and automated

omnichannel processes

DanoneFood

MerckPharmaceuticals

GenbandHigh Tech

Apollo TyresAutomotive

https://cloudplatform.sap.com/success/danone.html

https://www.sap-customers.com/video/#/7362

https://cloudplatform.sap.com/success/danone.html

https://cloudplatform.sap.com/success/merck.html

https://www.sap.com/assetdetail/2017/03/025651e2-ab7c-0010-82c7-eda71af511fa.html

https://cloudplatform.sap.com/success/merck.html

https://www.youtube.com/watch?v=DaxHiZYe1fI

https://cloudplatform.sap.com/success/genband.html

https://www.youtube.com/watch?v=ShwuQzC9Dlo

https://cloudplatform.sap.com/success/apollo.html

SAP Cloud Platform Portal Key Capabilities



Deliver Great User Experience through your

Portal Sites

Provide seamless integration across

technologies

Accelerate with packaged

business content

Deliver delightful UX with SAP Fiori

launchpad and freestyle experience

Expand your portal sites with SAP Cloud

Platform services

Access sites from any device


Delightful User Experience

SAP Fiori user experience


Branding


Portal experiencesProvide the right experience for your users to get the job done efficiently

SAP Fiori experience

SAP Fiori launchpad for

easy access to self-service

apps, tasks, and reports


Freestyle portal site for

branded experiences with

flexible layout and design

Hybrid portal sites

Freestyle plus launchpad

for mixed sites with web

content and applications


Dynamic charts to provide

high level, real-time

overview

News and feeds to

enhance collaboration

Notifications alert user for

any overdue, new or

immediate actions

Secure integration with on

premise & cloud systems

SAP Fiori launchpad experience

*on selected devices

Link lists provide access

to a large number of apps

Launch SAPUI5,

Web Dynpro ABAP*,

SAP GUI for HTML*,

and arbitrary URLs

Anchor / tab navigation for

quick access to groups

Search across and within

apps to get immediate

answers

SAP delivered business

content and roles

Edit mode for instant

personalization of groups

and tiles


Branded freestyle portal site experience

Apply corporate branding

and create own theme

Add content widgets for

text, images, videos, and

collaboration

Develop custom web

content widgets and page

templates

Create individual header

and footer sections

Define flexible page

layouts and site designs

Develop custom shell

plug-ins

Assign public or role-

based access

Secure integration with on

premise & cloud systems

Create own navigation

menu


Responsive design


Use the UI Theme Designer to create your own

themes to customize the visual appearance of a

site:

▪ Graphical editor (WYSIWYG) for page, application

and control previews

▪ Basic theming as well as advanced level of

theming: quick, expert and CSS

Use the Theme Manager to apply a theme to selected

pages and apps

Theme Manager and UI Theme DesignerApply your corporate branding


▪ Define access level to the site home page

▪ Define access level for individual pages in the

page settings

▪ Define access level to individual pages and apps.

Users with no permissions, will not see them in the

menu or launchpad page

Roles and authorizations

Define role based access to pages and apps


Business processes integration

Integration with back-end systems

Packaged Fiori Cloud content

Freestyle templates and widgets

Additional sample code on GitHub


Business Content

▪ SAP Fiori cloud apps

▪ SAP Hybris Cloud for Customer solution accelerators

▪ SAP Smart Business for dynamic KPI tiles

▪ My Inbox for approval scenarios

App and Content Integration

▪ Consume SAP backend applications (classic UI) and reports

▪ Consume SAP SuccessFactors apps (via deep links)

▪ SAP Jam Collaboration


▪ SAP Cloud Platform Mobile Services

▪ Partner solutions via SAP App Center

Prepackaged business content and integration


Easy integration through dedicated templates for

common application types:

▪ SAPUI5 & SAP Fiori elements (e.g. analytical list page)

▪ SAP Business Explorer (BEx)

▪ SAP GUI for HTML

▪ SAP Screen Personas

▪ SAP Smart Business and KPI tiles

▪ Business Server Pages (BSP ABAP)

▪ Web Dynpro ABAP

▪ Dynamic URL (for web applications and reports)

Application integration


A single point of access for Fiori cloud apps and SAP SuccessFactors apps under a common user

experience on SAP Cloud Platform

▪ Launch SAP SuccessFactors apps (deep links)

from SAP Fiori launchpad or freestyle portal sites

▪ Manage launchpad content and SAP SuccessFactors

AppType via configuration cockpit

▪ Integration with SAP SuccessFactors (e.g. theme,

localization, translation and session management)

Planned: SAP SuccessFactors apps integration

* in controlled availability

*

Planned

innovations


Out of the box Web Content Widgets

Examples of content widgets

Lists Cards Carousels

Navigation Menu


Site accelerators

Sample site templates featuring major portal capabilities

▪ API developer portal

▪ SAP Hybris Cloud for Customer - support site

▪ SAP Hybris Cloud for Customer - partner portal

Widget accelerators

Sample widgets to be used in portal sites

Shell plugins accelerators

Sample plugins to enhance portal sites

Accelerators: speed up implementation for common scenarios

Learn more: Portal Implementation Accelerators | sap.github.io

http://scn.sap.com/community/hana-cloud-portal/blog/2016/06/14/accelerate-your-sap-hana-cloud-platform-portal-service-implementation


Easily create and manage

portal sites



Admin space

▪ Site Directory

▪ Theme Manager

▪ Create new site

▪ My recent sites

▪ Usage Analytics

▪ Useful Links / Tools

Configuration cockpit

for SAP Fiori launchpad

▪ Settings

▪ Content Packages

▪ Content Management

(app, catalog, group)

▪ Site Services

Site Designer

for freestyle sites

▪ Page Management

▪ Content Management

▪ Menu Editor

▪ Settings

▪ Site Services

Web Content Editor

for freestyle sites

▪ Edit content widgets

▪ Preview

▪ Publish

Key tools and services for building portal sites


Administrator Space

Central administration space to build and manage portal sites

Leverage samples and

accelerators from Github

Services and Tools

Access theme manager

Create or edit site content

for

▪ Launchpad sites with

SAP Fiori launchpad

configuration cockpit

▪ Freestyle sites with

Site Designer and

Web Content Editor

Site Directory

Create and manage sites

based on site templates

Usage Analytics

Monitor visits, visitors or

device types

Show notifications &

news for administrators


SAP Fiori configuration cockpit

Create and manage content with Fiori launchpad experience

Role-based preview

News & notifications for

administrators

Apply standard theme or

custom design

Integration of SAP Fiori and

classic SAP applications

Manage content releases

Manage themes,

translations, and

transports

Manage SAP Fiori content

and role assignments

Settings for site access,

URL, runtime, and user

services

Publish site

Consume apps from SAP

Fiori Cloud or partners


Site Designer

Create and manage pages with freestyle page and content structure

Edit page settings

Access Web Content

Editor, manage themes,

site assets & translations

Create pages and

manage templates

Define settings for site

access level, alias and

runtime services

Create own navigation

menu structure

Preview and publish site

Add content widgets to

page layout section from

a range of predefined and

custom content widgets

Manage apps and

content catalogs


Web Content Editor

Easy editing and publishing of web content

Dedicated tool for content

managers

List of content widgets in

page instances

Graphical editor

Publish changes

Modify texts, images,

links, etc…


Filter timeline and sites

Breakdown by device,

operating system and

browser

View usage on timeline

Usage Analytics

Monitor business sites usage


Expand your portal site with

SAP Cloud Platform

Rich set of services that can be used to

enhance your portal experience


▪ SAP API Management

Access APIs in a simple, scalable and secure

way from your portal apps

▪ OData Provisioning

Easily connect apps to SAP Business Suite with

▪ SAP Smart Business service

Create analytical tiles for reports in your site


Add documents libraries to your site

▪ Translation Hub

Save time on translations with automatic

translations

* optional license

▪ SAP Mobile services

Create native mobile apps from Cloud Portal

business sites. You can also add mobile cards

support to a portal site.

▪ My Inbox

Add approval scenarios by adding My Inbox app

to your site

▪ SAP Build

Prototype new sites and applications with service

▪ SAP Jam

Add JAM collaboration widgets including blogs,

knowledge base, and more, to your portal site

Expand with additional Cloud Platform services


Widgets for freestyle sites

▪ Group feed

▪ Group content & documents

▪ Search

▪ Custom widget using SAP Jam APIs

Integration in SAP Fiori launchpad sites

▪ Notifications

▪ News from groups

▪ User profile image

▪ Share and discuss

Enrich experience through integration with SAP Jam Collaboration


Framework for visualizing analytic content in the

form of charts and tiles

Key (KPI) and operational performance indicators

(OPI) can be visualized as SAP Fiori applications

without writing any code

Supports automated analysis on behalf of business

user in background jobs and alerting whenever

there is a breach of KPI thresholds

Provides advance features like embedded analytics

and predictive analysis

SAP Smart Business service: analytical content for portal users

Architecture


Typical Architecture & building blocks

Cloud connector

INTERNET

Firewall

Connectivityservice

ApplicationsSAP Fiori Cloud,

custom SAPUI5, etc.

SAP Web IDE

UI themedesigner

Your Datacenter

or SAP Business Suite

SAP Gateway*

INTRANET

SAP JamCollaboration

SAP Solutions

Corporate Identity Provider

Document Service

IdentityAuthentication

Inbox & Workflow

Partner Solutions

Accelerators

. . .

ODataprovisioning*

SAP TranslationHub

Portal / Fiori launchpad

* OData services via SAP CP OData provisioning or SAP Gateway; details about deployment options in SAP Enterprise Architecture Explorer (#11115) / SAP Note 1830712

Search

Related services

Secure tunnel

https://eaexplorer.hana.ondemand.com/_item.html?id=11115#!/overview

http://service.sap.com/sap/support/notes/1830712

Transition from on premise Portal to



Administrator

Configures connection between SAP Cloud Platform

Subaccount and SAP Enterprise Portal.

User

Navigate to App Finder (Me Area) and select User

Menu to view complete SAP Enterprise Portal

navigation hierarchy and pin apps to specific group.

Prerequisites

▪ SAP NetWeaver 7.5 SPS11 + SAP Gateway

▪ SAP Cloud Platform Subaccount with portal service

▪ SAPUI5 version 1.44 or higher

SAP Enterprise Portal as a Content Provider

SAP

NetWeaver

SAP Documentation

https://help.sap.com/viewer/3ca6847da92847d79b27753d690ac5d5/Cloud/en-US/122bf2fe86034241a41d41cbd0d96b31.html


Content Migration Tool

▪ Download and installation from SAP Software Download Center

▪ Extracts the content of a Portal folder to an .mtar file. This file

can be imported to SAP Cloud Platform Portal.

Supported portal content types

▪ iViews of type Web Dynpro ABAP, Bex, Transactions and URLs

are migrated to respective app tile types

▪ Portal system objects are migrated to SAP Cloud Platform

destinations

▪ Portal roles are migrated to SAP Fiori catalogs

Prerequisite

SAP NetWeaver 7.3 or higher releases

Portal Content Migration Tool for SAP Enterprise Portal

SAP Documentation

https://help.sap.com/viewer/20725aab9f77447989234416da825f8a/1.0/en-US/e5040980f94848cf8ab535792190c7c5.html


▪ Developed by SAP partner Egnyte

▪ Available as part of Egnyte Connect on SAP

Cloud Platform

▪ Integration of Egnyte Connect Widget into


Migration Tool

▪ Supports migration of KM content into SAP

Cloud Platform Portal and into the Egnyte

Widget

▪ Migrates KM files, folders, users, groups and

metadata

Planned: Cloud Migration Manager for Knowledge Management

Content by Egnyte

Planned

innovations

https://www.egnyte.com/partner-program/egnyte-for-sap-cloud-platform-portal.html

Partners solutions


▪ Leverage modular and open portal framework

▪ Explore public APIs via api.sap.com

▪ Easily integrate with single sign-on and widget technology

Examples

▪ built.io: headless content management services

▪ Egnyte: content management capabilities

▪ ShortPoint: codeless design extensions

▪ T.CON: launchpad for HR self-services

▪ VANTAiO: ready2run portal solutions

▪ Get industry and line-of-business specific add-ons

from solution partners

▪ Integrate innovative content tools and services

from technology partners

▪ Explore solutions at www.sapappcenter.com

Benefit from complementary partner solutions

Customer Partner

https://api.sap.com/

http://www.sapappcenter.com/


Technology partner for SAP Cloud Platform Portal

Enable omni-channel headless content management consumption

built.io

▪ Headless content management system across multiple

channels - mobile, web, portal, and IoT channels

▪ Build enterprise-grade portals, such as: public, external-

facing portal

▪ Separate data structure from presentation layer

▪ Ability to organize content logically without being

restricted by visual or device considerations

▪ Add, edit and review content by using designated

approvers workflow before publishing

▪ Push content to any channel everywhere simultaneously,

or one channel at a time, via time-based publishing tool

Manage content using built.io ContentStack

Consume content

on SAP Cloud

Platform Portal

Learn more: https://www.built.io

https://www.built.io/



Enrich content management capabilities

Egnyte

▪ Organizations transform business through smarter content

and connect, protect, and unlock value from all their content

▪ Users can use Egnyte for SAP custom widgets / embedded

UI within SAP cloud portal interface seamlessly

▪ Users can access all their content from their desktop,

mobile and SAP Cloud Platform Portal

▪ Securely edit, share and collaborate on content in the cloud

or on–premises

▪ Combine the power of Egnyte Connect App such as with

Office 365 to enhance collaboration

▪ Gain insights on usage patterns and user behavior using

system-wide analytics

Learn more: https://www.egnyte.com

https://www.egnyte.com/



Design beautiful cloud portal sites without coding

ShortPoint

▪ Design modern, responsive and beautiful SAP Cloud

Platform Portal sites in minutes and without coding

▪ Design your web pages once, and effortlessly deliver

stunning experiences on all devices

▪ Certified partner add-on for content management

scenarios

▪ ShortPoint is packed with 50+ design elements

(individual widgets)

▪ Intuitive creation of new pages within minutes

Learn more: http://www.shortpoint.com

http://www.shortpoint.com/


T.CON

▪ Single point of access to all HR related business

processes and knowledge

▪ Enable employees to easily access intuitive self-

services

▪ Become more flexible in your daily work - as the

HR portal is mobile and in responsive design - by

using from anywhere and anytime you want

▪ Key performance indicators are important for HR-

strategy KPIs are show in real-time, you can have

data within a second!

Solution partner for SAP Cloud Platform Portal

Simplify human resource processes via HR portal

Learn more: https://www.sapappcenter.com/apps/4055#!overview

https://www.sapappcenter.com/apps/4055#!overview


VANTAiO

▪ Ready to run: can be implemented in a

short time and with little project expenses

▪ Module system principle:

flexible basis for each SAP portal solution

▪ Highly customizable and pre-configured for

your individual business purpose

▪ Responsive portal framework: usable on all

devices (e.g. smartphone, tablet and pc)

▪ Variety of portal modules, e.g. news and

content, FAQ, notification center, downloads,

visual navigator, events, system alerts

Solution partner for SAP Cloud Platform Portal

Ready2run portals based on a modular principle

Learn more: https://www.vantaio.com

https://www.vantaio.com/

Summary


Operational costsUser experience

for your users

Access to apps and

processesCapabilities with

SAP Cloud Platform

SimplifiedEngaging Boundless Reducing

Summary


Additional resources

SAP Cloud platform Portal

SAP Portal page

SAP Portal community

Learning journey

openSAP course

SAP Fiori UX community

SAP Portal Deployment Options

Roadmap

SAP Cloud Platform

Cloud Platform page

Community

openSAP courses

Roadmap

Tools

Web IDE

UI theme designer

Build

SAP Fiori Cloud

Community and How-To Guides

Demo

Blueprint Architecture Overview

SAP Fiori Apps Reference Library

https://cloudplatform.sap.com/dmp/capabilities/us/product/SAP-Cloud-Platform-Portal/0c501f05-f71e-4945-827b-96f6dc60170a

https://www.sap.com/israel/community/topic/portal.html

https://help.sap.com/doc/0c3db190da2c4866a1f2906763d4f59a/Cloud/en-US/af590c83a7ae4778a6daadf09ad303f7.html

https://open.sap.com/courses/portal1

https://wiki.scn.sap.com/wiki/display/Fiori/All+Things+SAP+Fiori

https://www.sap.com/documents/2015/07/60bf3952-5a7c-0010-82c7-eda71af511fa.html

https://www.sap.com/products/roadmaps.html?sort=title_asc&search=cloud+portal#pdf-asset=5c1b1e2a-c37c-0010-82c7-eda71af511fa&page=1

https://cloudplatform.sap.com/index.html

https://www.sap.com/israel/community/topic/cloud-platform.html

https://open.sap.com/courses?topic=SAP Cloud Platform

https://www.sap.com/products/roadmaps.platform-technology.html

https://cloudplatform.sap.com/capabilities/devops/web-ide.html

https://wiki.scn.sap.com/wiki/display/UITD/UI+Theme+Designer+Home

https://cloudplatform.sap.com/capabilities/ux/build.html

https://wiki.scn.sap.com/wiki/display/Fiori/SAP+Fiori+Cloud

https://www.sapfioritrial.com/

https://www.sap.com/developer/blueprints/finder/modernizing-employee-user-experience.html

https://www.sap.com/fiori-apps-library

Contact information:

F name L name

Title

Address

Phone number

Thank you.

sap hana cloud platform portal service -...

Documents