SAP TechEd 2016 UX261 sap_screen_personas_hands-on

22
Public UX261 – Simplifying Screens in SAP ERP with SAP Screen Personas

Transcript of SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Page 1: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

UX261 – Simplifying Screens in SAP ERP with SAP Screen Personas

Page 2: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 2Public

Speakers

Bangalore, October 5 - 7

Chinthan Yajamaan

Kranthi Kumar Muppala

Las Vegas, Sept 19 - 23

Sebastian Steinhauer

Tobias Queck

Peter Spielvogel

Barcelona, Nov 8 - 10

Sebastian Steinhauer

Klaus Keller

Page 3: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 3Public

Disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of 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 presentation 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 materially 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.

Page 4: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 4Public

Agenda

• Product overview

• Hands-on exercises

1. Create dashboard

2. Move data with scripting

3. Use templates to speed flavor creation

4. Merge tabs to simplify screens

5. Trap errors to streamline user experience

Page 5: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 5Public

SAP Screen Personas 3.0 is a fast way to deliver the Fiori UX

Built into SAP GUI for HTML Full HTML5 editing with no Silverlight

dependency Render in SAP GUI or Web GUI

JavaScript-based scripting engine Simple recording and playback of

keystrokes with full scripting power

Easier SAP Fiori integration Embed flavors into SAP Fiori launchpad Build Fiori designs

Simplify S/4HANA screens Apply Fiori design to custom transactions Simplify complex GUI screens

Edit Web Dynpro ABAP screens

Page 6: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 6Public

How does SAP Screen Personas work?

Deploys as a layer on top of an underlying SAP screen• The existing functionality and

authentication model are retained• Changes are applied as a delta to the

existing screen • It is possible to remove, change or add

controls or scriptsEasy to create and simple to deploy • WYSIWYG HTML5 editor to create

flavors with drag-and-drop• JavaScript executable across SAP GUI

for Windows, HTML and Java• Full integration with SAP roles and

authorizations

Page 7: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 7Public

Personalization for classic SAP ERP interfaces

1

2

3

4

5

1 Basis

Kernel 2

3 Screen Personas

4 Web GUI

SAP GUI 5

Java GUI

Web Dynpro ABAP

S/4HANA

Fiori UX

RDS

SAP Screen Personas 3.0 architecture

also:

Page 8: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 8Public

Where SAP Screen Personas fits into UX vision

Any database HANA

On-

prem

ise

Clo

udFiori UX

SAP Screen Personas

S/4 HANACloud

Business Suite Business Suite

on SAP HANA

LOB Solutions

S/4HANA

Page 9: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 9Public

Where is SAP Screen Personas running?

• If not logged on – please logon to student desktop

• Open Chrome (link should be on the desktop)

• Enter url: • http://link.personas.help/UX261-00• http://link.personas.help/UX261-01• http://link.personas.help/UX261-02

• Logon with table number and secret password: “welcome”

Page 10: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

Hands-on Exercise 1 - Dashboard

Page 11: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 11Public

59

121

350

95

59

780

200

45

109

780

200

45

59

553

200

45

109

553

200

45

37

121

345

13

Page 12: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

Hands-on Exercise 2 – Basic Scripting

Page 13: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

Hands-on Exercise 3 - Themes

Page 14: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

Hands-on Exercise 4

Merge Tabs

Page 15: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

Public

Hands-on Exercise 5 – Error Trapping

Page 16: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 16Public

SAP Screen Personas is part of a broader UX improvement process

Simplify Processes*

Analyze Data Requirements*

Build Screens*

Identify Problem to Solve*

Iterate With End-Users

* Validate with your users!

Page 17: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 17Public

The right team ensures a successful project

Business Process Expert

SAP Screen Personas Expert

Design Expert / User Researcher

• Understand data• Simplify flows

• Build screens• Write scripts

• Observe users• Create designs

Page 18: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 18Public

Works onSAP GUI transactionsWeb Dynpro applications (SAP_UI 750)

RequiresSAP Business Suite (ECC 6) with Unicode or SAP S/4HANASAP Screen Personas 3.0 SP3; Kernel 7.45 PL 201 or higher*SAP Screen Personas 3.0 SP2; Kernel 7.42 PL 401 or higher*SAP Screen Personas 3.0 SP2; Kernel 7.22 PL 100 or higher*SAP Screen Personas 2.0 SP4; Kernel 7.21 PL 415 or higher*

Not NowCRM, iPad, iPhone, Android

SAP Screen Personas: productivity through personalization

* Accurate at time of submission to TechEd. Subject to change without notice

Page 19: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 19Public

Productivity Power Play video series focuses on best practices

Tips for improving productivity with SAP Screen Personas. Topics include:

• Release strategy

• Project planning

• System administration

• Theming

• Editor tips

• Scripting

• Building Fiori screens

http://videos.personas.help

Page 20: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 20Public

SAP Screen Personas Flavor Gallery accelerates deployment

Gallery holds assets to build flavors more quickly• Flavors for SAP Screen Personas provide a starting point for

transactions • Themes for SAP Screen Personas provide visual changes

across transactions• Templates for SAP Screen Personas offer a floorplan for

quickly building flavors with a consistent appearance • Content provided as-is with no further support• Mostly Fiori-designs on SAP Screen Personas 3.0

http://link.personas.help/SAPScreenPersonasFlavorGallery

More information on SCN: http://scn.sap.com/community/gui/blog/2016/05/14/announcing-content-flavors-themes-and-templates-for-sap-screen-personasi

Page 21: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 21Public

SAP TechEd Online

Continue your SAP TechEd education after the event!

Access replays of Keynotes Demo Jam SAP TechEd live interviews Select lecture sessions Hands-on sessions …

Page 22: SAP TechEd 2016 UX261 sap_screen_personas_hands-on

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 22Public

Further informationRelated SAP TechEd sessions:<UX209> - <SAP Screen Personas as part of the Fiori User Experience (1-hour lecture)><UX201> - <How Freeman Transformed UX with SAP Fiori and SAP Screen Personas (1-hour lecture)><UX114> - <SAP Screen Personas at Maxim Integrated Products (1-hour lecture)>><UX124> - <Update on SAP Business Client and the SAP GUI Interface Family (2-hour lecture)><UX601> - <Scripting for ABAP in Web Dynpro with SAP Screen Personas (1-hour CodeJam)><UX101> - <UI Technologies and Clients from SAP in Times of SAP Fiori and SAP S/4HANA (2-hour lecture)>

SAP Public Webhttp://sapscreenpersonas.comhttp://scn.sap.com/community/guihttp://link.personas.help/SAPScreenPersonasFlavorGallery

SAP Education and Certification Opportunitieshttp://videos.personas.helphttps://wiki.scn.sap.com/wiki/display/Img/Getting+Started+Guideshttps://open.sap.com/courses/sps1

Watch SAP TechEd Onlinewww.sapteched.com/online