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

IIS360 - Simplify Development of SAP Fiori Apps with OData v4

IIS360 - Simplify Development of SAP Fiori Apps with OData V4

REUSE status

Description

The exercises in this repository are deprecated. Please refer to the material for the SAP TechEd 2021 session
IIS160 - Accelerate the Development of SAP Fiori Apps Using SAP Fiori Elements.

Overview

This session introduces attendees to the creation of a SAP Fiori elements Floorplans for OData V4 app.
You will start in the SAP Business Application Studio with a sample service (based on the SAP Cloud Application Programming Model for nodeJS), and make usage of the SAP Fiori tools in order to generate and extend the app.
More detailed information about SAP Fiori elements and SAP Fiori tools can be found in this presentation.

Requirements

There are no special requirements to follow the exercises in this repository.

Exercises

  • Getting Started - Setting up your Development Environment

    • Setting up SAP Business Application Studio in an SAP Cloud Platform Trial Account
      • New Trial Users
      • Existing Trial Users
      • Accessing SAP Business Application Studio
    • Creating the Development Space
    • Getting the Sample Scenario
    • Reopening the Exposed Port
  • Exercise 1 - Generating an SAP Fiori Elements App

    • Exercise 1.1 Using the SAP Fiori tools Application Generator
    • Exercise 1.2 Starting the App
  • Exercise 2 - Switching to Flexible Column Layout

  • Exercise 3 - Configuring the App

    • Exercise 3.1 Enable Data Load During Start of the App
    • Exercise 3.2 Enable Control Level Variant Management
    • Exercise 3.3 Configure Editable Object Page Header
    • Exercise 3.4 Enable Tab Based Section Layout
  • Exercise 4 - Adding a Custom Page

    • Exercise 4.1 Copy Over the Sample Custom Page
    • Exercise 4.2 Adding a Custom Page via SAP Fiori Page Map
    • Exercise 4.3 Custom Page: Testing the App
  • Exercise 5 - Adding a Custom Section

    • Custom Sections Overview
    • Exercise 5.1 Enhancing the Language Model
    • Exercise 5.2 Adding a Custom Section via Page Map
  • Exercise 6 - Enhance the UI with Annotations

    • Exercise 6.1 Adding a Field Group
    • Exercise 6.2 Adding a Reference Facet Annotation
    • Exercise 6.3 Adding a new Table Column with Criticality Highlighting
  • Exercise 7 - Adding a Contact Card Showing Data from SAP S/4 HANA

    • Exercise 7.1 Get the Business Partner EDMX File
    • Exercise 7.2 Adding the EDMX File and Local Data to your Project
    • Exercise 7.3 Adding Associations to the Incidents Service Entities
    • Exercise 7.4 Adding an Annotation for a Contact Card
    • Exercise 7.5 Fetching Business Partner Data from an SAP S/4 HANA Cloud system

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 file is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.