--- parser: v2 auto_validation: true time: 10 tags: [ tutorial>beginner, software-product>sap-build-work-zone--advanced-edition] primary_tag: software-product>sap-build-work-zone--advanced-edition author_name: Lindsay Bert author_profile: https://github.com/LindsayBert slug: workzone-build-7-user-experience canonical_url: https://developers.sap.com/tutorials/workzone-build-7-user-experience --- # Experience the End-to-End Flow Navigate through your site and experience the benefits of SAP Build end to end. ## Prerequisites - You've completed the tutorials in this group: [Create a Workspace With Apps, Information, and Processes Using SAP Build Work Zone](group.build-work-zone-build-apps-integrate) ## You will learn - How to experience the site that you've built by navigating through the content. ## Intro In this tutorial, you'll experience the digital workplace you created in this mission as well as the entire SAP Build capabilities you created. You'll see how end users (or employees in this case), can access the company portal, view relevant company content, easily launch applications, launch the application you created with SAP Build Apps and use the automated process for the Sales Order you created. You will also see how the sales team can collaborate in a dedicated SAP Build Work Zone, advanced edition workspace. --- ### View the Home page of your site When you open your site, the landing page is the company home page - a centralized information hub that all employees can see. This is where the company shares important information, company news, events, special notices, and useful apps that navigate to company-specifc information. ![Open Home page](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/1-open-home-page.png) ### Navigate to the Applications page - Access the **Applications** page from the top menu bar. This is where you'll see all the applications that you have permissions to see. Note that the apps are displayed in groups. These groups ensure that the apps are visually displayed on the screen. If you want, you can personlize this page by navigating to the user actions menu and selecting the relevant action. ![Open Applications page](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/11-applications-page.png) - Click the `Search POs` app under the `Purchase Orders` group and click **Go** to display the backend data. ![See Web Dynpro app](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/3-see-webdynpro-app.png) ### Navigate to your workspace and experience how to collaborate with your colleagues and place a sales order. Because you're a member of the sales team you can access the **Sales Management** workspace. In the workspace you can brainstorm with your sales colleagues, share knowledge, solve problems together, and track progress within a private space. - Click the SAP logo to get back to your menu. ![Go back to the menu](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/4-go-back-to-menu.png) - Open your `Sales Management` workspace. ![Open workspace](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/5-go-to-workspace.png) - Consult with your colleagues and ask them questions in the forum, browse for answers from your sales managers or from other members of your team. - Under **Computer Systems - Best Sellers**, use the dropdown list to browse the different items you can order. For example, select **Computer Systems** and check out the available computers. Select `Notebook Basic 15` to view its details before you decide what you want to order. ![Open UI5 card](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/6-click-ui5card.png) - You may want to get advice about the computer so , click **Ask a Question** and post your question. ![Ask a question](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/9-ask-a-question.png) - Now you can order the computer. Under **Most Popular Apps**, click the `Sales Order Trigger` app. ![Click the SAP Build app](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/7-click-build-app.png) - Click the app to create your order. Add your details in the relevant fields. For example: | :------------- | :------------- | Customer | `SAP` | Material | Select `Notebook Basic 15` - this list is retrieved from the backend, when you select an item, the `Material` field is populated automatically. | Amount | `120000` | Delivery Date | `2023-10-10` - Click **Get Approval** to trigger the workflow process. When you send a sales order for approval, an automated process is triggered and the sales order process is digitized so that it can be handled quickly and efficiently. ![Place Order](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/8-place-order.png) Note the process was triggered with a notification. Remember that the sales order in the process automation flow is based on the size of the Sales Order- under 100,000 items are approved automatically, larger sales orders are sent to the approver’s inbox. ![Notification displays](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/12-notification.png) - As a general rule, you would send the approval to an approver. In this workshop, we'll send the task to the user who submitted the order to save time. - Click the **My Inbox** app from the shell to view the task you need to approve. ![Open my inbox](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/10-my-inbox.png) - From the **Approve Sales Order** form, click **Approve**. You'll be notified that that task has been completed successfully. ![Approve or reject](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/13-approve-reject.png) - Click **Refresh** to view the **Order Confirmation** form. ![Refresh](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/15-refresh.png) - Click **Submit**. ![Submit](https://raw.githubusercontent.com/sap-tutorials/Tutorials/master/tutorials/workzone-build-7-user-experience/16-submit.png) You'll see that once submitted, the order has been handled and it's no longer in the **My Inbox**.