Modeling Composite Views with Visual Composer
Modeling Composite Views with Visual Composer
Content
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
Concepts
Tasks
Working with Models
Planning a Model
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
Compose Model Task Panel
Views
Containers
Connectors
Operators
Components
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
Date Functions
Date Units
Date Formats
Time Functions
Time Units
Time Formats
DateTime Functions
DateTime Formats
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
Working with Coded Components
Creating the Coded Component
Sending Data to the Visual Composer Model
Receiving Data from the Visual Composer Model
Creating a Multi-Selection Table
Enabling Customization of Table Views at Runtime
Enabling CCM Personalization of Table Views at Runtime
Importing a CSV File
Defining Popups
Creating Service Components
Working with OData Services
Working with SAP Gateway Services
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
Main Menu
Main Toolbar
Workspace Boards
Board Toolboxes
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 Data Flow / Configure Data Map / Configure Transition Task Panels
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 Component Dialog Box
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