SAP Business Technology Platform (BTP) Solution Diagrams

repository·main·Indexed 43 days ago

https://github.com/sap/btp-solution-diagrams

A repository of official SAP BTP solution diagrams, design guidelines, and assets. It provides draw.io XML libraries, SVG icons, and editable templates categorized by granularity levels (L0, L1, L2) to help architects visually represent BTP-based solutions according to Fiori Horizon principles and an Atomic Design System.

Tokens
9.2K
Snippets
28
Records
62
Agent score
53%

What's inside SAP BTP Solution Diagrams

  1. Overview of SAP BTP Solution Diagram Guidelines

    main

    This project provides a repository of solution diagrams for the SAP Business Technology Platform (BTP). The diagrams follow official SAP BTP Solution diagram guidelines and are designed according to SAP Fiori Horizon principles and color palettes to ensure a consistent aesthetic. They are intended to visually represent the architecture and components of solutions built on SAP BTP.

    You can view the rendered diagrams at: https://sap.github.io/btp-solution-diagrams/

  2. Access SAP BTP Solution Diagram assets

    main

    This project provides the visual building blocks for creating SAP Business Technology Platform (BTP) solution diagrams used in SAP community blogs, missions, and the SAP Architecture Center. You can access three types of assets:

    1. Editable Examples: Full diagram templates to use as a starting point.
    2. draw.io Libraries: XML libraries containing BTP service icons and shapes specifically formatted for use in draw.io.
    3. SVG Icons: Individual SVG files for all BTP service icons for use in other design tools.
  3. What is a SAP BTP Solution Diagram

    main

    SAP Business Technology Platform (BTP) Solution Diagrams are high-level, abstract illustrations of technical landscapes. They are used to showcase solution scenarios across IT landscapes by depicting SAP BTP services, systems, environments, and their interdependencies.

    Key characteristics:

    • Focus: Creating visually compelling, high-level solution architectures.
    • Design System: Based on the SAP Fiori Horizon design system.
    • Purpose: Helping customers understand the range of BTP Services and Solutions and how they integrate with other SAP products.
  4. What is an SAP BTP solution diagram?

    main

    An SAP Business Technology Platform solution diagram is a schematic representation of end-to-end solution scenarios on SAP Business Technology Platform. These diagrams are used to illustrate:

    • The operation of SAP Business Technology Platform.
    • Various SAP BTP services, solutions, and SAP products.
    • The specific ways these components are used within a solution architecture.
  5. Understand Diagram Granularity levels (L0, L1, L2)

    main

    The provided BTP Solution Diagram examples are organized by granularity levels, which represent different depths of architectural detail:

    • L0 (Level 0): High-level overview, typically showing the broadest scope of a solution.
    • L1 (Level 1): Intermediate detail, showing more specific components and their relationships.
    • L2 (Level 2): Deep dive, showing detailed technical components, connections, and specific service configurations.

    Use the appropriate level based on whether you are presenting to business stakeholders (L0) or technical architects/developers (L2).

  6. Difference between TAM and Solution Diagrams

    main

    When designing architectures, distinguish between Technical Architecture Models (TAM) and SAP BTP Solution Diagrams:

    FeatureTAM
    DescriptionTechnical and detailed description of architectures, use cases, and processes.
    IconsReduced and standardized icon and shape set.
    UsageCan be used at any design level.
    FeatureSAP BTP Solution Diagrams
    DescriptionDomain-specific diagrams describing BTP solution scenarios across IT landscapes (services, environments, systems, interdependencies).
    IconsSpecific icons for SAP BTP services.
    UsageFocus on high-level, visually pleasing solution architectures.
  7. Tailor diagram granularity to target audience levels

    main

    BTP solution diagrams should be adjusted based on the technical proficiency of the intended audience, categorized into three levels:

    • Level 0 (L0): Targets individuals requiring a high-level overview with rudimentary technical knowledge (e.g., Business professionals, Sales, Enterprise Architects, IT Managers, CTOs).
      • Granularity: High-level features with simplified flows. Connectors should remain neutral, and content should be streamlined to essentials. A short description is recommended, but a legend is often unnecessary.
    • Level 1 (L1): Targets individuals with strong technical acumen who participate in technical decision-making (e.g., Solution Architects, SAP Consultants, Product Managers, Use Case Owners).
    • Level 2 (L2): Targets individuals with extensive technical understanding requiring detailed information for decision-making (e.g., SAP Solution Architects, Cloud Architects, Developers).
  8. Use numbers to describe diagram paths

    main

    In SAP BTP solution diagrams, numbers are used as visual markers to describe specific paths or sequences of flow within a diagram. This helps clarify complex architectural movements or step-by-step processes.

    To use these in your diagrams, you must import the associated draw.io library from the project assets.

    https://github.com/SAP/btp-solution-diagrams/tree/main/assets/shape-libraries-and-editable-presets/draw.io
  9. Use Connectors to represent data flows

    main

    Connectors are used in diagrams to represent non-, one-, or bidirectional arrows.

    • One-directional arrows: Typically represent a request-response flow from a client to a server.
    • Bidirectional solid arrows: May represent mutual trust between components.

    To use these in your diagrams, you can find the associated draw.io library in the SAP BTP Solution Diagrams GitHub repository.

  10. Understand Component Groups (Organisms)

    main

    In the SAP BTP solution diagramming system, Organisms (also referred to as Component Groups) are higher-level abstractions composed of multiple Molecules.

    An Organism can represent:

    • A collection of grouped elements (e.g., a specific shape combined with text and connectors).
    • A complete, high-level architectural layer or a whole diagram.

    Use Organisms when you need to represent complex, logical groupings that go beyond individual atomic components or simple molecules.

  11. How to nest areas and create hierarchies

    main

    To create visual hierarchies and represent different layers (such as nesting a service within a BTP environment), follow these nesting principles:

    1. Contrast via Fill: When nesting areas inside each other, alternate between using a background fill and using no fill (outline only). This ensures sufficient visual contrast between the parent and child areas.
    2. Parent Layering: The parent layer is typically the BTP layer (using SAP L0 styles).
    3. Cardinality: Areas can be shown as stacked to display multiple grouped layers or items. Do not change the standard style to maintain diagram consistency.