Implementing Engaging Portal Sites with SAP Cloud Platform Portal Customer Solution Overview March, 2017
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. 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 2
Agenda Introduction Motivation Business scenarios Solution in detail: end user, administrator, developer Integration scenarios Roadmap Getting started Further information Summary 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 3
Evolution of Portals Key trends and impacts in business and technology From static application launcher to personalized, real-time, contextual access point Simple, customized, consumer-grade user experience Increase reach: employee customer partner supplier Cross-device and responsive design Personalized application launcher with real-time information Flexibility with cloud and hybrid deployments Partner solutions & custom extensions 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 4
Motivation Every day your enterprise connects and engages with a variety of business users: employees, partners, suppliers, and customers. Employee Partner Customer These users need easy access to different types of information and services to do business with you and get the job done efficiently. How can you provide the right information to the relevant users in a convenient way? Business processes 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 5
SAP user experience in the cloud SAP UI and portal portfolio is evolving to a flexible user experience platform to empower organizations to innovate and scale for a great user experience. Flexibility with cloud Leverage cloud-based UX and portal services to create and extend business scenarios for employees, customers and partners Modernizing Portal UX Enrich and evolve the portal user experience via intuitive SAP Fiori UX design and applications This is the current state of planning and may be changed by SAP at any time. 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 6
Solution overview
SAP Cloud Platform Powerful user experience services to create a delightful portal experience Collaboration User Experience Integration Internet of Things Analytics Security Mobile Data & Storage Business Services Dev & Ops 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 8
SAP Cloud Platform Portal Introduction SAP Cloud Platform Portal provides organizations a flexible offering to build business sites and engage with employees, customers and partners. 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 9
Portals Value proposition End User Admin LoB Efficiency For your business users, a portal delivers a single point of access for all their business applications, thus reducing the need to search different applications in different places and helping you find the information you need to get the job done. Governance and Flexibility For your IT, a portal enables a single management interface to all of your business applications. It also enables you to set up access management ensuring role-based access to business applications across different departments, regions and any other criteria which is relevant for your business. Cost Leadership and Innovation For your line of business (LoB) management, a single portal platform enables reuse of investment across LoB as well as extending business processes across the value chain into external-facing scenarios. 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 10
Single point of access to applications, services and information Portal for B2E scenarios Portal for B2B / B2C scenarios Employee-facing business sites and selfservice application launchpad following the Fiori design, accessible from within and outside the corporate network External-facing, fully branded business sites for customers, partners and suppliers, securely accessing relevant information and services 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 11
SAP Cloud Platform Portal SAP Cloud Platform Portal provides an easy way for creating appealing business sites to engage with customers, partners and employees. Users benefit from central, role-based point of access to information and services. Key capabilities Easily built branded websites or SAP Fiori launchpad experiences Integrate SAP Fiori apps, custom web apps, unstructured content and third party content (cloud or on-premise) Responsive user experience - runs on any device Extend SAP solutions via predefined templates and accelerators Develop an appealing, custom site experience SAP Fiori content for SAP Business Suite & SAP S/4HANA Benefits Drive UX innovations and agility via cloud-based portal services Improve user satisfaction via intuitive user interface Enhance admin efficiency through prebuilt SAP business content (SAP Fiori apps) and open integration framework Read more: SAP HANA Cloud Platform, portal service 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 12
Showcases
Customer showcase: employee portal site SAP runs SAP: central access to self-services via SAP Cloud Platform for 74.000+ employees Single entry point for SAP IT managed corporate applications for employees and managers Mix of standard and custom SAP Fiori apps with SAP cloud solutions, SAP Jam, Document Center, etc. Enabling users to access corporate applications anywhere on any device Rapid delivery of new applications to employees Video 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 14
Customer showcase: SAP Cloud for Customer extension GENBAND self-service support portal for employees & contractors Self-service ticket support portal for Genband employees, integrated with social services (SAP JAM) and SAP Cloud for Customer (C4C) Mobile first implementation, done by Deloitte Mix of static content and JAVA resources, based on SAPUI5 controls and OData 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 15
Customer showcase: SAP Business Suite extension Danone Nutricia B2B webshop Self-service online purchasing site Integrated registration and approval process Mix of public and restricted pages Fully integrate with SAP ECC Shopping cart functionality Customized template and user interface Customer testimonial: https://www.youtube.com/watch?v=voqycoslrii 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 16
End user experience
Portal experiences Provide the best UX for your business needs SAP Fiori experience Business sites and homepages Recommended for application, process centric scenarios Example: central employee self-services launchpad Use Fiori elements (e.g. overview pages, object pages) to structure access and provide role-specific insights Recommended for customized, content-enriched experiences alongside applications Example: B2B/B2C business sites Freestyle sites can combine static information, applications and Fiori experiences 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 18
SAP Fiori experience on SAP Cloud Platform Role-based content Search across and within apps to get immediate answers Launch SAPUI5, Web Dynpro ABAP*, SAP GUI for HTML* and arbitrary URLs Color coding alerts user for any overdue, new or immediate actions News and feeds to enhance collaboration Dynamic charts and KPIs to provide high level, realtime overview Group tiles for personalized content organization Edit mode for instant personalization of groups and tiles *on selected devices 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 19
Easy access to cloud and on-premise applications from SAP Fiori launchpad
Administrator experience
SAP Cloud Platform Portal Central administration environment to build and manage portal sites Administration Space Create new site based on templates. Edit content and manage settings with: Site designer (freestyle sites) Fiori configuration cockpit (launchpad sites) Site Directory: create and manage your sites Services and Tools: access UI theme designer, theme manager and asset repository Usage Analytics: monitor dashboard for visits, visitors or device types 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 22
Managing Fiori sites with Fiori Configuration Cockpit Fiori Configuration Cockpit Home: central overview with dashboard Settings: configure launchpad properties Content Management Apps: add and configure apps and their tiles Catalogs: create and manage catalogs (assign applications and roles) Groups: manage tile groups Services and Tools: access translation service, UI theme designer and transports App Resources: directly assign existing application from HCP account Usage Analytics: monitor usage statistics 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 23
Managing freestyle sites with Site Designer Site Designer Pages & Apps: create new pages based on templates and widgets (default or custom) Page Templates: customize page templates Menu Editor: configure navigation menu Settings: define properties such as URL, publication status, alias, user settings, theme Content Management: Apps: configure properties and visualization of applications and their tiles Catalogs: create catalogs, assign apps and authorized roles Services & Tools: access translation service and manage site assets 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 24
UI theme designer Apply your corporate branding Browser-based tool to create new themes and adapt appearance of SAP applications Easily apply corporate branding to SAP Fiori launchpad and applications (SAPUI5) Graphical editor (WYSIWYG) for application and control previews Different skill levels of theming: quick, expert and CSS 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 25
Prepackaged business content SAP Cloud Platform Portal integrates with a variety of SAP and non-sap solutions. Predefined content and integration scenarios are available for: SAP Fiori cloud apps for SAP Business Suite and SAP S/4HANA* SAP Hybris Cloud for Customer solution accelerators SAP SuccessFactors extensions SAP Jam Collaboration integration SAP Document Center integration SAP Smart Business cockpits integration SAP Ariba* Partner solutions via SAP App Center * planned 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 26
Content types and integration scenarios SAP business content Partner / third party content Accelerators Custom development SAP Cloud Platform Portal Applications Workflow Web Content Collaboration SAPUI5 / HTML5 MyInbox Document Center Jam Java Smart Business Web Dynpro ABAP SAP GUI for HTML Screen Personas Workflow service* API management* Portal widgets Rich text List builder Image Video HTML URL * planned integration 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 27
Developer experience
Empowering developers to create a customized portal experience Customize out of the box content Create new site and page templates, widgets, page layout and navigation elements (header/footer) Develop new applications with SAP Web IDE (based on SAPUI5 and OData services) Convert an application to a widget Manage lifecycle and transport development artifacts between HCP accounts (e.g. dev/test/prod) 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 29
Accelerators Speed up implementation for common scenarios and extensions Site accelerators Sample site templates featuring major portal capabilities Marketing Site Cloud for Customer - Support Site Parallax Site Cloud for Customer - Partner Portal Widget accelerators Sample widgets to be used in portal sites Breadcrumbs Map SAP Jam Video Side Navigation Rich Text Editor Social Networks Shell plugins accelerators Sample plugins to enhance portal sites Side Navigation Logon screen Horizontal navigation menu Learn more: Portal Implementation Accelerators 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 30
Accelerator: Support Site for SAP Cloud for Customer (Service) Increase customer satisfaction via easy-to-use, self-service support site Customers take control Create service tickets 24x7 Track support requests and ticket status Service agents gain flexibility Collaborate with customers to quickly resolve issue Easily extend and customize support site template Accelerator Easily create customized, branded user experience Sample content for landing pages and SAPUI5-based service request application Integrates with SAP Cloud for Customer (Service) Learn more and download at https://github.com/sap/hcp-portal-service-for-support-site 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 31
Accelerator: Partner Portal for SAP Cloud for Customer (Sales) Provide your partners a central, web-based access point to intuitive self-services for jointly managing sales activities Self-register as new partner Invite new partner employees Maintain partner contact information Add and track leads and opportunities Manage tasks and appointments Register new deals Accelerator Easily create customized, branded partner portal Sample content for public registration site and SAPUI5-based selfservices launchpad Integrates with SAP Cloud for Customer (Sales) Learn more and download at https://github.com/sap/hcp-portal-service-for-pcm 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 32
Outlook
SAP Cloud Platform Portal Product road map overview - key themes and capabilities Recent innovations Q4/2016 Planned Q1/2017 Planned Q2/2017 Product Direction User Experience Support SAP Fiori 2.0 design /concepts App finder incl SAP Easy Access menu Content Management & Integration Integrate and launch on-premise apps (Web Dynpro ABAP, SAP GUI for HTML, SAP Screen Personas) Simplified Fiori content configuration PFCG role authorization integration Notifications for administrators New site templates and widgets (e.g. Jam, image carousel, tile grid) Developer Productivity Create/preview template in Web IDE Public APIs for managing translations and SAPUI5 Fiori launchpad settings Extensions & Cloud Solutions SAP Fiori content for SAP Business Suite and SAP S/4HANA Accelerators for SAP Cloud for Customer: support sites, partner portals Release Q4/2016 (release notes) User Experience Support evolving SAP Fiori design and elements (floorplans) Content Management & Integration Improve site editing capabilities (multiple widgets in section) Basic Web Content Management (WCM) service Support mass content maintenance Improved SAP Fiori editors with filter, sort by and grouping capabilities Role-based site/launchpad preview Developer Productivity Allow modifications of site templates for existing sites Extensions & Cloud Solutions Enhancements to support site scenario New accelerator for developer portal scenario (with API Management) User Experience Enhanced navigation menu Content Management & Integration Enhanced integration with cloud lifecycle management tools Enhancements to Web Content Management service Enrich content widgets gallery Support multi-version for SAP Fiori apps Role-based access level for SAP Fiori launchpad administrators Public APIs to manage content lifecycle Developer Productivity Additional samples and templates to accelerate implementation Extensions & Cloud Solutions Content for SAP S/4HANA Finance Site template for admin scenarios User Experience AppFinder enhancements Adopt evolving SAP Fiori design Content Management & Integration Delegated administration on site level Integration with SAP BI tools Integration with third party Content Management tools Advance integration with SAP Cloud Platform services Integration with Cloud Platform workflow service Advanced mobile services integration Openness for SAP Cloud LoB solutions as content providers CTS+ integration for improved cross product lifecycle management Extensions & Cloud Solutions Additional content for SAP S/4HANA Additional site templates Explore and integrate partner solutions This is the current state of planning and may be changed by SAP at any time. 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 34
Summary
SAP Cloud Platform Portal Persona End User Administrator Developer Central, role-based access to self-services and information Single sign-on Intuitive and personalized user interface Responsive user experience on desktop and mobile devices Easily create and manage business sites Leverage SAP business content (Fiori apps) Discover predefined SAP and partner out-of-the-box templates and content Easily integrate applications (SAP, custom and third party) Easily customize and brand portal sites and applications Quickly develop site templates Use templates to swiftly prototype, develop or extend new business solutions Leverage SAP Fiori technology and concepts (SAPUI5, odata etc.) 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 36
Summary SAP Cloud Platform Portal helps customers to create engaging business sites for employees, customers and partners A portal is a key ingredient for an modern user experience strategy Users gain an intuitive, role-based point of access to self-service applications, information and services Administrators benefit from enhanced capabilities for integrating and extending SAP and non-sap solutions Developers leverage templates to easily brand and customize the solution and great delightful user experiences (SAP Fiori and freestyle) 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 37
SAP Cloud Platform Portal Further information Cloud Platform website https://cloudplatform.sap.com/capabilities/ux.html Demo Kit https://demo.cloudportal.sap.com OpenSAP Courses https://open.sap.com/courses SAP Community and Blogs / How-To https://www.sap.com/community/topic/portal.html 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 38
Getting started and trial accounts Getting started with SAP Cloud Platform Solution overview: https://cloudplatform.sap.com Community: https://www.sap.com/community/topic/cloud-platform.html Cloud Portal trial https://cloudplatform.sap.com > Sign up for a Free Account SAP Fiori Demo Cloud www.sap.com/fiori-demo 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 39
Recommended opensap courses SAP Cloud Platform Essentials Next Steps in SAP Cloud Platform Extending SAP Products with SAP Cloud Platform Developing Web Apps with SAPUI5 Build Your Own SAP Fiori App in the Cloud 2016 Edition 2016 SAP SE or an SAP affiliate company. All rights reserved. Customer 40
Thank you Contact information: Product Management SAP SE