teched2020-IIS361 icon indicating copy to clipboard operation
teched2020-IIS361 copied to clipboard

IIS361 - Create Analytical SAP Fiori Apps Quickly and Efficiently

IIS361 - Create Analytical SAP Fiori Apps Quickly and Efficiently

REUSE status

Description

This repository contains the material for the SAP TechEd 2020 session called IIS361 - Create Analytical SAP Fiori Apps Quickly and Efficiently

Overview

In this exercise, you will learn how to create an SAP Fiori application using SAP Fiori elements

In our use case, we want to create an app that allows a sales manager to have an overview of all the sales orders created in the past months, to analyse the sales figures through different dimensions (e.g. time or customer) and see detailed information about a specific sales order item

At the end of the exercise, the app will consist of 2 screens. The first screen leverages the “analytical list page” template and displays a collection of sales order items in a chart and a table, with analytics and filtering capabilities. The second screen uses the “object page” template to display details about a sales order item

Slide deck is available here.

Requirements

You will need to have a computer with Internet access, a browser (preferably Google Chrome), and access to your email in the event that you need to create an SAP Cloud Platform trial account

Exercises

Exercise details can be found below. Please follow the step wise instruction for a successful completeion of the exercise. Wish you all the best.

  • Getting Started
    • Access SAP Business Application Studio (TechEd 2020 live workshop registered participants only)
    • Set up Business Application Studio in an SAP Cloud Platform Trial Account
      • New Trial Users
      • Existing Trial Users
      • Access SAP Business Application Studio
    • Create development space
    • Get the sample scenario
  • Exercise 1 - Generating a Fiori elements application
    • Exercise 1.1 Using the UI Generator
    • Exercise 1.2 Importing Mock Data Files
  • Exercise 2 – Configuring Content Area of Analytical List Page
    • Exercise 2.1 Configuring Table
    • Exercise 2.2 Configuring Interactive Chart
    • Exercise 2.3 Configuring Presentation Variant
    • Exercise 2.4 Configuring Chart Data Label
    • Exercise 2.5 Starting Application Preview
  • Exercise 3 – Configuring Filters in Analytical List Page
    • Exercise 3.1 Configuring Compact Filter
    • Exercise 3.2 Configuring Semantic Date Range
    • Exercise 3.3 Configuring Visual Filter with Line Chart
    • Exercise 3.4 Configuring Visual Filter with Bar Chart (Optional)
    • Exercise 3.5 Configuring Semantic Coloring
    • Exercise 3.6 Using Shortcuts
  • Exercise 4 - Preparing texts for translation
  • Bonus Exercise 1 - Configuring Object Page
    • Bonus Exercise 1.1 Defining Header Information
    • Bonus Exercise 1.2 Displaying Data Points in Object Page Header
    • Bonus Exercise 1.3 Adding Field Group Sections to the Object Page
    • Bonus Exercise 1.4 Using Shortcuts

How to obtain support

Support for the content in this repository is available during the actual time of the online session for which this content has been designed. Otherwise, you may request support via the Issues tab.

License

Copyright (c) 2020 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.