UX300 SAP Screen Personas 3.0 Development

UX300 SAP Screen Personas 3.0 Development. COURSE OUTLINE Course Version: 03 Course Duration:

SAP Copyrights and Trademarks 2018 SAP SE or an SAP affiliate company. All rights reserved. No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices. Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty. In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation, and SAP SE s or its affiliated companies strategy and possible future developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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. Copyright. All rights reserved. iii

Typographic Conventions American English is the standard used in this handbook. The following typographic conventions are also used. This information is displayed in the instructor s presentation Demonstration Procedure Warning or Caution Hint Related or Additional Information Facilitated Discussion User interface control Example text Window title Example text iv Copyright. All rights reserved.

Contents vii Course Overview 1 Unit 1: SAP UX Strategy 1 Lesson: Describing SAP User Experience Strategy 1 Lesson: Explaining SAP User Experience Tools and Technologies 1 Lesson: Describing SAP User Experience Use Case for Building Fiorlike Apps 3 Unit 2: Getting Started with SAP Screen Personas 3.0 and Best Practices 3 Lesson: Overview of Screen Personas 3 Lesson: Screen Personas and UX Stragety 3 Lesson: Processes and Use Cases 3 Lesson: Architecture and Features. 5 Unit 3: Standard Editing Options 5 Lesson: Basic process of creating a Flavor 5 Lesson: Selecting and adjusting SAP_GUI contros 5 Lesson: Using Tab Modification Options 5 Lesson: Manipulating Tables 5 Lesson: Adding New Controls 6 Lesson: Other operations for flavor 6 Lesson: Theme Creation 7 Unit 4: Creating role based user experience 7 Lesson: Assigning flavor and theme to users 7 Lesson: Other options of flavor determination 9 Unit 5: Automation with Scripting 9 Lesson: Creating Script 9 Lesson: Recording user operations 9 Lesson: Manipulating UI controls 9 Lesson: Calling Utility Functions 9 Lesson: Linking script to events 10 Lesson: Creating reusable script file 11 Unit 6: Accelerating Screen Personas development 11 Lesson: Quick Style 11 Lesson: Creating and Using Templates 11 Lesson: Explore Screen Personas Flavor Gallery Copyright. All rights reserved. v

13 Unit 7: Administration task of Screen Personas 13 Lesson: Understanding Basic Administration Operation of Screen Personas 13 Lesson: Translating a Flavor 13 Lesson: Integrating with SAP Fiori Launchpad 15 Unit 8: Creating responsive user experience 15 Lesson: Creating Adaptive Flavor 15 Lesson: Optimize for Mobile Device using Slipstream Engine 17 Unit 9: Best Practice of Implementing Screen Personas 17 Lesson: Improving Performance 19 Unit 10: Additional Resources 19 Lesson: Finding Online Resources about Screen Personas 21 Unit 11: Appendix: Introduction to JavaScript 21 Lesson: Introducing JavaScript for SAP Screen Personas Scripting 21 Lesson: Understanding JavaScript Error Handling 21 Lesson: Understanding JavaScript Events 21 Lesson: Performing JavaScript DOM Manipulation 21 Lesson: Assigning a Flavor and Theme to Users vi Copyright. All rights reserved.

Course Overview TARGET AUDIENCE This course is intended for the following audiences: Business Process Owner/Team Lead/Power User Developer Development Consultant Solution Architect System Administrator Technology Consultant Copyright. All rights reserved. vii

UNIT 1 SAP UX Strategy Lesson 1: Describing SAP User Experience Strategy Describe SAP User Experience Strategy Lesson 2: Explaining SAP User Experience Tools and Technologies Explain SAP User Experience Tools and Technologies Lesson 3: Describing SAP User Experience Use Case for Building Fior-like Apps Describe SAP User Experience Use Case for Building Fior-like Apps Copyright. All rights reserved. 1

UNIT 2 Getting Started with SAP Screen Personas 3.0 and Best Practices Lesson 1: Overview of Screen Personas Learning overview of screen personas Lesson 2: Screen Personas and UX Stragety Understand how screen personas help with achieving UX Strategy Lesson 3: Processes and Use Cases Understand how the process and use cases Lesson 4: Architecture and Features. Understand architecture of screen personas Understand recently added features Copyright. All rights reserved. 3

UNIT 3 Standard Editing Options Lesson 1: Basic process of creating a Flavor Understand how to enter screen personas Learn how to create a new flavor Basic understanding tabs of Screen Personas panel Lesson 2: Selecting and adjusting SAP_GUI contros Understand how to adjust controls using functions provided by Home tab Lesson 3: Using Tab Modification Options Use Tab Modification Options Lesson 4: Manipulating Tables Manipulate Tables Lesson 5: Adding New Controls Explain Other Typical Control Options Perform F4 Help Element creation. Copyright. All rights reserved. 5

Unit 3: Standard Editing Options Lesson 6: Other operations for flavor Understand how to set default flavor Understand how to share a flavor to other user/role Understand how to access shared flavor Understand version management of flavor Other operations for flavor Lesson 7: Theme Creation Create a theme 6 Copyright. All rights reserved.

UNIT 4 Creating role based user experience Lesson 1: Assigning flavor and theme to users Manage theme assignment using Screen Personas Administrator Manage flavor sharing/assignment using Screen Personas Administrator Lesson 2: Other options of flavor determination Understanding How to Use Flavor Group Understanding the process of determining which flavor is displayed Copyright. All rights reserved. 7

UNIT 5 Automation with Scripting Lesson 1: Creating Script General information of Scripting How to create a script for a flavor Basic operations for script editor Lesson 2: Recording user operations Understanding How to record user operations Lesson 3: Manipulating UI controls Operate controls under help of Inspector Explore Scripting API Documentation Lesson 4: Calling Utility Functions Understanding features of Utility Functions Using Major Utility Functions Other Useful Session Functions Lesson 5: Linking script to events Copyright. All rights reserved. 9

Unit 5: Automation with Scripting Screen Events and Control Events Understand how to link script to events Understand how to suppress default behavior of SAPGUI Lesson 6: Creating reusable script file Understand reuse library Import JS Library as a resource Calling functions in reusable library 10 Copyright. All rights reserved.

UNIT 6 Accelerating Screen Personas development Lesson 1: Quick Style Learn how to use a Quick Style Learn how to define a Quick Style Lesson 2: Creating and Using Templates Understanding Concept of Template Understanding how to use a Template Understand how to create a Template Lesson 3: Explore Screen Personas Flavor Gallery Explore Screen Personas Gallery Import content from the Gallery Navigate to best practice when creating a flavor Copyright. All rights reserved. 11

UNIT 7 Administration task of Screen Personas Lesson 1: Understanding Basic Administration Operation of Screen Personas Familiar with functions provided by Screen Personas Administrator Lesson 2: Translating a Flavor Understanding Flavor Translation Lesson 3: Integrating with SAP Fiori Launchpad Integration with SAP Fiori Launchpad Copyright. All rights reserved. 13

UNIT 8 Creating responsive user experience Lesson 1: Creating Adaptive Flavor Learn concept of Adaptive Flavor Understand how to create a adaptive flavor Lesson 2: Optimize for Mobile Device using Slipstream Engine Understanding Slipstream Engine Copyright. All rights reserved. 15

UNIT 11 Appendix: Introduction to JavaScript Lesson 1: Introducing JavaScript for SAP Screen Personas Scripting Gain an understanding of Javascript in the context of SAP Screen Personas. Lesson 2: Understanding JavaScript Error Handling Understand JavaScript Error Handling Lesson 3: Understanding JavaScript Events Understand JavaScript Events Lesson 4: Performing JavaScript DOM Manipulation Performing JavaScript DOM Manipulation Lesson 5: Assigning a Flavor and Theme to Users Manage theme assignment using Screen Personas Administrator Manage flavor sharing/assignment using Screen Personas Administrator Copyright. All rights reserved. 21