← Back to Recording

Summary

Overview

This course segment introduces SAP Fiori elements, focusing on the core floorplans used in modern SAP UI5 applications: List Report, Object Page, List Page, and Worklist. The session explains how these templates provide standardized, role-based user interfaces for common business scenarios such as purchase order management, sales order processing, and task execution. It highlights the built-in functionalities (search, filter, summarize, group) and the use of fact cards and analytic cards to deliver rich, space-efficient data visualizations. The content emphasizes how these templates replace traditional SE16/SQBI reports with dynamic, interactive, and context-aware UIs.

Topic (Timeline)

1. Introduction to Fiori Elements and Templates [00:03:28 - 00:07:32]

  • Introduction to Fiori elements as pre-built UI templates based on SAP’s declarative framework.
  • Overview of core templates: List Report, Object Page, List Page, and Analytic List Page.
  • Explanation that templates are collections of standardized controls (e.g., tables, search, filters).
  • Mention of a supporting document to be shared later, used for reference during implementation.

2. List Report: Viewing and Acting on Large Data Sets [00:07:32 - 00:09:40]

  • Purpose: Enable users to view and interact with large collections of business objects (e.g., purchase orders).
  • Features: Table display, search, filtering, and action capabilities.
  • Example: Purchase order list with header and item details.
  • Emphasis on replacing legacy reporting tools (e.g., SQBI, ALV) with Fiori List Reports for improved usability and functionality.

3. Object Page: Deep-Dive Contextual Details [00:09:40 - 00:12:40]

  • Triggered by selecting an item from a List Report or List Page.
  • Displays detailed information and related actions for a single business object (e.g., a specific purchase order or customer).
  • Built-in capabilities: Search, filter, summarize, group, and navigate related data.
  • Introduction to fact cards and analytic cards as modular UI components for displaying KPIs and metrics.
  • Example: Customer object page showing sales orders, payments, outstanding invoices, and material history.

4. Analytic and List Pages: Data Visualization and Summary [00:12:40 - 00:15:34]

  • Analytic List Page combines list data with embedded charts and analytics (e.g., trends, comparisons).
  • Use of visual representations (charts, color coding) to condense complex data into intuitive views.
  • Emphasis on space efficiency and contextual insight: users get comprehensive overviews without navigation overload.
  • Reiteration that these pages are designed for decision-making, not just data display.

5. Worklist: Action-Oriented Task Management [00:15:34 - 00:17:18]

  • Definition: A specialized list for users to perform time-sensitive business actions (e.g., delivery processing, goods receipt).
  • Example: Sales orders requiring delivery confirmation or purchase orders needing goods receipt.
  • Status tracking: Visual indicators showing completion progress (e.g., partial receipt of 7/10 units).
  • Integration with workflow: Actions are tied to system state (e.g., purchase order remains open until full quantity is received).

6. Worklist Status and Completion Logic [00:17:18 - 00:21:15]

  • Explanation of how completion percentages are calculated based on business rules (e.g., delivery vs. ordered quantity).
  • Real-time status updates reflected in the UI (e.g., open purchase orders, pending goods receipt).
  • Emphasis on user clarity: status indicators help prioritize actions and track progress.
  • Closing note: All templates are standardized, reusable, and require minimal custom development.

Appendix

Key Principles

  • Fiori elements reduce development time by providing reusable, SAP-certified UI templates.
  • Each template is designed for a specific user role and business scenario.
  • Data visualization (charts, fact cards) enhances decision-making without cluttering the interface.

Tools and Templates Used

  • List Report
  • Object Page
  • List Page
  • Analytic List Page
  • Worklist

Common Use Cases

  • Purchase Order Management (List Report → Object Page)
  • Customer Overview (Object Page with fact cards)
  • Sales Order Delivery Tracking (Worklist)
  • Financial Analytics (Analytic List Page with charts)

Practice Suggestions

  • Build a mock List Report with sample purchase order data.
  • Navigate from List Report to Object Page and add 3 fact cards (e.g., total value, open items, payment status).
  • Simulate a Worklist with 5 sales orders and partial delivery status indicators.