SAP-Bibliothek - Modeling Composite Views with Visual Composer

Modeling Composite Views with Visual Composer

Getting Started

Introducing Visual Composer

Visual Composer Overview

Visual Composer Architecture

Architecture of Visual Composer in a Web Browser

Architecture of Visual Composer in the Developer Studio

Prerequisites

Accessing Visual Composer in a Web Browser

Introducing the Storyboard Desktop

Typical Workflow

Creating a Model

Locating the Data Services

Designing the Component Logic and Flow

Designing the User Interface

Deploying the Model

Modeling Your First Application with Visual Composer

Tutorial 1: Modeling a Simple Application

Creating the Base Model for Retrieving Product Information

Modeling the Currency Converter Application

Adding a Currency Converter Popup

Tutorial 2: Modeling an Advanced Application

Creating the Base Model for Retrieving Buyer Information

Adding a Second Data Service and Preparing for Reuse

Reusing a Model and Enabling Personalization

Tutorial 3: Enhancing the Advanced Application

Creating an Entry List

Checking That a Field Value is Entered

Displaying Information in a Popup Window

Adding a Product Image

Creating a Model and Development Component

Opening a Model

Saving a Model

Saving a Copy of a Model or Development Component

Closing a Model

Importing a Model

Exporting a Model

Creating a New Software Component

Managing Models

Working with Source Control

Adding a Development Component or a Model to Source Control

Checking In a Model

Checking Out a Model

Reverting to the Last Checked-In Version of a Model

Synchronizing a Model

Designing the Composite View

Discovering Data Services

Discovering Services in the Services Registry

Working with Stored Procedures

Reusing Components

Modifying Referenced Components

Composing the Composite View

Introducing the Compose Task Panel

Connecting Model Elements

Configuring the Composite View

Working with Dynamic Expressions

Dynamic Expression Editor Dialog Box

Messages in the Dynamic Expression Editor Dialog Box

Defining Dynamic Expressions

Tables of Functions

Text Functions

Text Type Classifications

Numeric Functions

Number Formatting Mask

Conditional Functions

Scientific Functions

Dynamic Expression Operators

Dynamic Expression Keywords

Defining Data

Mapping Data

Laying Out the UI

Defining Layout Options

Adding Controls

Controls Overview

Adding Controls in a Melting Group

Configuring Controls

Configuring Actions

Creating Entry Lists

Working with Global Entry Lists

Defining Control Styles

Defining Images

Creating Toolbars

Defining Table Styles

Performing Advanced Modeling Tasks

Finding and Modifying References

Storing Data in a Data Store

Replacing Components

Creating a Multi-Selection Table

Defining Popups

Enabling Customization of Table Views at Runtime

Enabling CCM Personalization of Table Views at Runtime

Creating Service Components

Creating a Service Using the Service Component Wizard

Using Eventing to Transfer Data between Components

Transferring Data Using a Data Share

Defining Validation Rules

Managing System Aliases

Preparing Models for Translation

Modeling Composite Views for Use in Business Process Management

Modeling Composite Views for Use in Guided Procedures

Creating an Error Report

Migrating Models from Visual Composer for SAP NetWeaver 7.0

Table of Conversions

Compiling and Deploying Models

Troubleshooting

Viewing Log Files

Working with Visual Composer in SAP NetWeaver Developer Studio

Launching Visual Composer

Configuring Visual Composer in Developer Studio

Creating a Local Development Component

Understanding the Visual Composer DC Structure

Creating RFC Destinations

Creating Web Service Destinations

Creating a JDBC Connection Profile

Configuring Systems for Deployment

Enabling the Service Group in Visual Composer

Working with Source Control

Importing a Development Configuration

Creating a Development Component in Source Control

Synchronizing a Development Component in the Model Browser

Adding a Local Development Component to Source Control

Checking In a Model

Checking Out a Model

Reverting to the Last Checked In Version of a Model

Resolving Conflicts in the Component Definition File

Working with the Model Browser

Integrating Components Using Search Console

Adapting ESOA Services for Use in Visual Composer

Using Web Services in Visual Composer

Using Web Dynpro Components in Visual Composer

Using the CMI EJB Service in Visual Composer

Debugging Models in Developer Studio

Getting Started with the Debugger

Working with Breakpoints

Adding or Removing a Breakpoint on the Design Board

Adding or Removing a Breakpoint on the Layout Board

Disabling and Enabling Breakpoints

Unreachable Breakpoints

Stepping Through the Application

Defining Expressions for Debugging

Monitoring the Debug Process

Monitoring Application Execution in Debug View

Viewing Data Flow in Variables View

Viewing Step Information in Step Details View

Modeling Composite Views Using BI Data Services

Designing Composite Views Using BI Data Services

Designing Composite Views Using BI Integrated Planning

Structure of a BI Data Service

Visual Composer Reference Guide

Main Workspace Elements

Configuration Dialog Boxes

Manage Services Dialog Box

Options Pane

Options Pane - Model Group

Options Pane - Design Group

Options Pane - Performance Group

Options Pane - Compiler Group

Options Pane - Embedded Support Group

View Runtime Configuration Dialog Box

Model Menu Dialog Boxes

Create New Model Dialog Box

Export Model Dialog Box

Import Dialog Box

Save As Local Copy Dialog Box

Task Panels

Get Started Task Panel

Manage Models Task Panel

Add Model to Source Control Dialog Box

Add to Source Control Dialog Box

Activity Description Dialog Box

Create New Development Component Dialog Box

Create New Software Component Dialog Box

Browse Task Panel

Compose Model Task Panel

Compose Model Task Panel (Design Board)

Compose Model Task Panel (Layout Board)

Configure <Element> Task Panel

Configure Button Task Panel

Configure Calendar Task Panel

Configure Chart View Task Panel

Configure Checkbox Task Panel

Configure Combo Box Task Panel

Configure Composite View Task Panel

Configure <Connecting Line> Task Panel

Configure <Connector> Task Panel

Configure Data Source Task Panel

Configure Date Picker Task Panel

Configure DateTime Picker Task Panel

Configure Dropdown List Task Panel

Configure Form View Task Panel

Configure Gauge Task Panel

Configure Horizontal Separator Task Panel

Configure Horizontal Slider Task Panel

Configure HTML View Task Panel

Configure Hyperlink Task Panel

Configure Image Task Panel

Configure Input Field Task Panel

Configure Layer Task Panel

Configure Nested View Task Panel

Configure Note Task Panel

Configure <Operator> Task Panel

Configure Panel Task Panel

Configure Plain Text Task Panel

Configure Popup Task Panel

Configure Progress Bar Task Panel

Configure Radio Group Task Panel

Configure Service Component Task Panel

Configure Spinner Task Panel

Configure Table View Task Panel

Configure Tabstrip Task Panel

Configure Text Editor Task Panel

Configure Toggle Button Task Panel

Configure Vertical Separator Task Panel

Configure Vertical Slider Task Panel

Configure View Switch Task Panel

Configure Window Task Panel

Configure Wizard Task Panel

Search Task Panel

Advanced Search Dialog Box

Search Task Panel for BI Data Services

Deploy Task Panel

Wizards

Entry List Wizard

Entry List Wizard: Select Entry List Type

Entry List Wizard: Define List Items

Entry List Wizard: Select Data Service

Entry List Wizard: Configure Input

Entry List Wizard: Configure Output

Edit Entry List Dialog Box

Model Migration Wizard

Model Migration Wizard: Source Model Selection

Model Migration Wizard: System Alias Selection

Model Migration Wizard: Migration Report

Service Component Wizard

Service Component Wizard: Define Service Name

Service Component Wizard: Define Data

Service Component Wizard: Define Input

Service Component Wizard: Define Conditions

Services Registry Wizard

Services Registry Wizard: Find Service

Services Registry Wizard: Select Definition

Services Registry Wizard: Select Endpoint

View Dialog Boxes

Customize Column Widths Dialog Box

Default URL Dialog Box

Define Cell Styles Dialog Box

Define Row Styles Dialog Box

Edit Data Series Dialog Box

Edit Title Dialog Box

Select Event Dialog Box

Control Dialog Boxes

Browse Images Dialog Box

Define Action Dialog Box

Define Styles Dialog Box

Define Validation Rules Dialog Box

Operator Dialog Boxes

Define Aggregate Dialog Box

Define Distinct Dialog Box

Define Filter Dialog Box

Define Sort Dialog Box

Define Switch Dialog Box

Define Union Dialog Box

Data Dialog Boxes

Define Data Dialog Box

Initialize Data Dialog Box

Map Data Dialog Box

Redefine Ports/Reload Component/Reload Data Service/Replace Comp

Test Data Service Dialog Box

Expression Dialog Boxes

Dynamic Expression Editor Dialog Box

Find All Expressions Dialog Box

Find Element References Dialog Box

Find Field References Dialog Box

BI Services Dialog Boxes

BI Query Wizard

BI Master Data Wizard

Planning Function Dialog Box

Planning Sequence Dialog Box

Planning Command Dialog Box