Deep dive into HANA Cloud Portal: high-level architecture, open-social widget development, implementations and roadmap.

1. SAP HANA Cloud Portal – Deep Dive
November 2013

2. Disclaimer
This presentation outlines our general product direction and should not be relied on in making a
purchase decision. This presentation is not subject to your license agreement or any other agreement
with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to
develop or release any functionality mentioned in this presentation. 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. SAP assumes no responsibility for errors or omissions in this
document, except if such damages were caused by SAP intentionally or grossly negligent.
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
2

3. AGENDA
Introduction
High Level Architecture
Product Building Blocks
Available Implementations
Roadmap
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
3

4. SAP HANA Cloud Portal
Enable lines of business to quickly and easily
create attractive business-driven sites
Arm IT departments and business owners with an
easy-to-administer, lean portal platform to efficiently
extend on-premises and cloud scenarios with
minimal investments
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
4

5. Value Proposition
Accelerate time-to-value and increase business agility
Fast
Build scalable
and attractive
cloud-based
sites – quickly
and easily
Open
Integrate
existing content
with custom
widgets on an
open platform
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Connected
Powerful
Securely
integrate varied
content
retrieved from
SAP and nonSAP sources
Consume a
range of portal
PaaS services
to create and
configure your
sites
Rich
Design branded
sites, supporting
out-of-the-box
mobile
consumption and
social
experience
5

6. SAP HANA Cloud Portal
Easily build secure, scalable and attractive cloud-based business-oriented sites
 Cloud-based solution for easy site creation and consumption create a business website in minutes (B2C, B2B and B2E
scenarios)
 Designed for mobile consumption out of the box
 Based on SAP HANA Cloud (platform-as-a-service)
hosted by SAP public cloud
 Superior user experience, pixel perfect flexible layout design
 Re-use of existing assets via seamless integration with your onpremise landscape
 Leveraging SAP HANA in-memory computing
 Fast branding and customization
 Supports modern standards such as HTML5
(SAP UI5), OpenSocial, SAML2 and CMIS
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
6

7. AGENDA
Introduction
High Level Architecture
Product Building Blocks
Available Implementations
Roadmap
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
7

8. SAP HANA Cloud Portal
High level architecture
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
8

9. Key Features
1. Authoring Environment (WYSIWYG) – Design webpages / sites with zero coding
2. Navigation – Easily and efficiently navigate between web pages and content using intuitive navigation bar or
from within applications
3. Branding and Theming – Achieve pixel perfect design with rich theming APIs, reflecting your branding, colors
and symbols
4. Personalization – Users can adjust and fit site to their needs and preferences
5. Mobile consumption – Run on all devices (with no extra effort), with responsive design
6. Role Based Authorizations - Manage accessibility to sites and content based on users role in the
organization
7. Connectivity - Connect to different systems in a secure manner comprising new offers, opportunities and
solutions
8. Globalization – Support for locale characteristics and multi-language
9. Site lifecycle - Framework support for staged site development (Create, test, publish and maintain)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
9

10. AGENDA
Introduction
High Level Architecture
Product Building Blocks
Available Implementations
Roadmap
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
10

11. Open Social – Cloud Portal’s Component Model
Open Social is a set of APIs for building rich, open and interoperable web applications based
on HTML, CSS, and JavaScript




Open standard component model for cross platform execution
Backend connectivity and secured features
Enable personalization via widget properties and user preferences
Extendable, develop your own widgets
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
11

12. Open Social – Developing widgets
Step-by-step walk through
1
4
3
Drag to canvas
End user
2
IDE
Consume
Add to Content Catalog
(Auto discovery)
Develop widget/app
Developer
5
Deploy
OpenSocial
container
(Shindig)
Site Site
Site
HANA
Cloud Portal
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
12

13. Open Social – Widget Rendering
Flow Chart
Repository
CP Site
1. Request
Page / widgets
End user
(Hana Cloud Platform / Other)
[For each widget:]
Properties
4. get full markup
Pages
Widgets
OpenSocial
container
(Shindig)
2. Fetch widget spec
and markup
Widget
Specification
Markup
(HTML, js, CSS)
3. Execute Widgets
Widget
(HTML, CSS, JS)
Inspect
Inject
Specification features
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Execute
Provide
Services
HTML
Markup
13

14. SAPUI5 (HTML5) - Overview
SAP’s HTML5 Toolkit for building lightweight business UIs on multiple platforms, optimized for
consumption of SAP backend system data




Business agility through responsive design – run on any screen
Use powerful controls and templates to optimize development productivity
Enable smooth access through ODATA integration
Modern theming and branding concepts – enablement of pixel perfect design
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
14

15. Cloud Portal as the UI Framework
Central UI framework – Configure once, deploy automatic theming everywhere, any device, any
browser
Key Feature –
 APIs available for rich, up-to-date, pixel perfect theming capabilities of sites, applications
 Automated and simplified process for applying Cloud Portal theme on SAPUI5 applications
1. Automated “widgetizing”– Easily “Convert” any UI5 App to a widget
2. Apply site theme – Widgets (+UI5 controls) automatically inherit site theme
3. Site theme updates, immediately reflect by application
 Apply theme on applications extensions e.g. Success Factor extensions
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
15

16. IdP Federation (SAML2)
Delegate authentication and identity management to an existing corporate IdP or use SAP ID
(OOTB default IdP)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Corporate
IdP
SAP HANA
Cloud Portal
Trust + SSO
SAP HANA
Cloud
Trust
+ SSO
Employees
Corporate Network
 Using mature and proven security standards –
SAML2 complaint
 Enable corporate users to login to Cloud Portal
via their organizational credentials
 Use roles and grouping to manage authorization
 Benefit from SSO to multiple applications
16

17. Backend Connectivity
FM
Four step integration –
1. Create Gateway service – Expose OData API via GW to communicate with SAP BE system. Use GW Service
Builder to easily build the required service
2. Configure SAP cloud connector – Installed on an intranet local server. Used to expose BE server to the
internet
3. Deploy cloud destination – Configure cloud destinations to specify backend systems / APIs Portal
4. Send requests – Consume oData APIs from the backend systems
Supported Business Scenarios




Web-to-lead (a.k.a. lead generation)
Web-to-order
Web-to- case
Etc.
Internet (HANA Cloud Platform)
Internat (OnPermise)
HTTP
Destination
REST/ODATA
Cloud Portal
SAP Cloud
Connector
HTTP
Gateway
RFC
CRM / ERP
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
17

18. Mobile Support
Build once – consume with any device: desktop, tablet, smartphone





Site layout is rendered for the consuming device offering an optimal user experience for site consumers
Performance optimizations are included to further enhance the experience
Site theme alignment across all devices
Responsive OOTB content
Dedicated mobile sites
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
18

19. Mobile Support
Authoring Environment
Build once – consume on any device: desktop, tablet, smartphone
1
Single
authoring
environment
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
19

20. Mobile Support
Any Device
Build once – consume with any device: desktop, tablet, smartphone
2
Optimal consumption experience for any device
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
20

21. Market Place - Sharing solutions, sites, apps
Step-by-step process
 HANA Cloud Portal enables running the Cloud Market Place ecosystem in a seamless and integrated manner
 Cloud Portal as the platform hosting the solutions / apps and the runtime environment
 In app contribution, discovery and fulfillment
Certify
Catalog
1
1
2
3
4
5
6
Share
apps/sites
Certify
Distribute
Procurement
Fulfillment
Consumption
Discovery
Upload
1
1
CPSelling Point
StoreFront
Customers
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
2
3
distribute
4
Procurement
6
Partners
Sap
store
5
Consume
Selling Point
Provisioning
Runtime
container
O2C
21

22. AGENDA
Introduction
High Level Architecture
Product Building Blocks
Available Implementations
Roadmap
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
22

23. Cloud for Customer: Support Site
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
23

24. Support Solution – Key Features
SAP Cloud for Customers Support Site –
Offer customers self-service while reducing
service costs
Customers can take control by –
 Creating new tickets
 Tracking support requests with latest
status at their fingertips
 Accessing knowledge base to find answers
themselves reducing service costs
 Collaborating with Service Agents to
resolve issues quickly
all from a branded website that’s easy to
administer, design and enhance
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Example / lab preview
24

25. How it works…
1
Your Service Agents
Your Customer
3
Uses the site for self-service: to create and
manage tickets, access the knowledge base,
and communicate with your service agents
SAP Cloud Support Site
SAP Customer OnDemand
Widgets
Mobility
Ticket
List
SAP Sales OnDemand
Ticket
Details
Create
Ticket
Ticket
Tiles
SAP Service OnDemand
SAP HANA Cloud Portal
SAP Social OnDemand
Widgets
Open Platform
SAP Customer OnDemand
Cloud Integration option
SAP Business Suite
BI
ERP
CRM
2
Responsible for authoring and administering the
SAP Cloud Support Site
Site Administrator
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
25

26. SAP HANA Cloud Platform
for SuccessFactors Extensions
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
26

27. SAP HANA Cloud Platform for SuccessFactors Extensions
Executive Summary
This solution enables you to extend your SuccessFactors implementation with Extension Apps
running on SAP’s Platform as a Service (PaaS) in order to meet today’s and future growing
business needs.
Key Components of the Platform Extensions:
 User Experience for the Next Generation
– Intuitive and harmonized end-user experience across the standard
SuccessFactors modules and Platform Extensions
– Admin and end-user ability to discover, trial, and author new Extensions
to solve new personal and departmental needs
 App Development for a Future-proof Investment
– Out-of-the-box services for building and deploying Extensions that reduce the time-to-develop apps
– Connectivity to SuccessFactors and On-premise to reduce integration efforts & costs
 Partners & SAP Store for Rich Content & Relevant Apps
– Growing number of Partners and Extension Apps, marketed through the SAP Store
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
27

28. Platform Extensions at a Glance
Feature Highlights
Cool, intuitive
experience of E-Learning
and Extension Apps
Extensions Apps
easily created by
Partners based on
SAP’s out-of-thebox development
services
Discover, trial, and tweak
Extension Apps from
Partners and SAP available
from the SAP Store
lab preview
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
28

29. SAP HANA Cloud Platform for SuccessFactors
High Level Architecture
Home
Web Page
Theming API
SF
Application
BizX
Software
as a Service
BizX
Entities
Extension
Entities (MDF)
SSO
Lifecycle mgmt’
Integration
UI Theming
& Navigation
Extension
Application
SAP and 3rd
Party apps
Integration API
UI Theming
& Navigation
OData API
Shared
Services
OAuth
HANA Cloud
Platform
as a Service
Extension Application
Web Pages
Portal Services
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Extension Entities
and Files
Etc.
Platform Services
29

30. Perks & Leisure
(SAPlus, SAP runs SAP)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
30

31. HR Solution Overview
SAPlus – Leisure and Benefits site for SAP Israel HR





Benefit and perks published by SAP HR to employees and their families
Targeting ~800 SAP IL employees and their families
Initiated as an alternative to an SAP IL Employees Facebook page
Light Content Management capabilities
External users are invited to the site
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
31

32. How it works…
HR Content Admin edits benefits
in a dedicated Cloud Portal site
1
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Content persisted in Cloud Portal
generic authorized list service
2
Content is updated automatically
in SAPlus site
3
32

33. Cloud Portal Experience Site
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
33

34. Marketing and Campaigns




External facing sites to attract many users
Video streaming and photo gallery
Useful links for additional material
Interactive ‘Contact Us’ form connected to a backend
system
 RSS feed for news or messages
 Social links embedded in all pages
 Consume on a desktop and mobile
Cloud Portal Official Website:
http://tiny.cc/CloudPortal
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
34

35. Lumira Analytics Site Builder
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
35

36. Lumira Cloud Customization – Value Proposition




Enable analytics site builder
Sites could be customized and branded
Aggregate Lumira content and external content (Jam, custom apps, static content etc.)
Lumira Cloud Dashboard with the ability for the end user to maintain mass number of Lumira reports
efficiently (e.g. using categories)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
36

37. Regular Lumira Cloud
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
37

38. HANA Cloud portal home page with Lumira Cloud content
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
38

39. Adding an new category (1/2)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
39

40. Adding an new category (2/2)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
40

41. Adding a visualization to a category
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
41

42. Lumira Cloud Customization – Customer Feedback
1
What extension functionality is most valuable for
you?
2
What additional capabilities would you like to
have?
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
42

43. AGENDA
Introduction
High Level Architecture
Product Building Blocks
Business Scenarios
Roadmap
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
43

44. SAP HANA Cloud portal
Product road map overview – key themes and capabilities
Cloud-based portal for easy
site creation & consumption
●
●
●
●
●
●
●
●
Success Factors extensions UI
framework
Cloud for Service support site
Integrated with Jam
Superior user experience designed for mobile
consumption
Secure, standards-based
integration capabilities
Customization and branding
Leveraging SAP HANA DB
Monthly release cycle
Extending SAP solutions
with cloud-based portal
●
●
●
●
●
●
●
Integration with Fiori and
Lumira
Extensions store front
HANA UI services adoption
HANA XS applications support
Web Content Management
integration
Forms with pre-defined back
end integration to ERP, HCM,
CRM
Advanced usage analytics
TODAY
Planned Innovations
October 2013
H1 2014
Superior user experience
●
●
●
●
●
Advanced personalization and
content discovery
Widgets store front
Enriched development tools
Additional content integrations
with SAP and non SAP
content
Enrich platform with out of the
box content
Future Direction
H2 2014
* This is the current state of planning and may be changed by SAP at any time.
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
44

45. SAP HANA Cloud Portal Resources
Cloud Portal on SAP.com:
http://sap.com/cloudportal
Cloud Portal Experience Site:
http://tiny.cc/CloudPortal
Cloud Portal Community:
http://scn.sap.com/community/hana-cloud-portal
Cloud Portal YouTube Playlist:
http://tiny.cc/cp-youtube
Cloud Portal on SAP Store:
http://tiny.cc/cp-store
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
45

46. Thank you
For more details, visit our website at:
http://tiny.cc/CloudPortal
© 2013 SAP AG or an SAP affiliate company. All rights reserved.