
In this first section, you create a model that serves as the base component in the scenario. The model enables the user to send a query to a back-end system and to display results in a table, each line showing a different product record. The user then selects the required product according to the displayed information - including product ID, description and price.
In this tutorial, you will:
Create a new model and a new development component
Discover and define a service
Define the application logic and flow of your model: the input to and the output from the data service
Lay out the UI elements of your model
Deploy and run the model in the Web Dynpro HTML runtime
Before You Begin:
To use Web services as a source of data in your models, you must first define their destinations in SAP NetWeaver Administrator. For this example, we want to define the destination for a service that displays product data.
To configure the Web service:
Open SAP NetWeaver Administrator using the following URL:
http://<machine name with full domain>:<portnumber>/nwa
This URL is the same as the URL that you used for Visual Composer, with the /VC/default.jsp suffix replaced by nwa .
If a Welcome screen is displayed, enter your user name and password, and click Log On .
Choose .
Under Configure Destinations , click New . The New Destination wizard is displayed.
From the Destination Type dropdown list, choose WSDL .
Specify the following settings for the Web service destination:
Destination Name : QueryProduct
URL : http://<hostname>:<portnumber>/QueryProduct_In_Service/QueryProductInImplBean?wsdl=1.1
Click Next and then Finish .
The Web service can now be accessed in Visual Composer Storyboard, from the Search task panel.
You have created a basic application that can be used by itself or combined with other components. In the next section of this tutorial, Modeling the Currency Converter Application , you will learn how to model another application, which you can embed into this base model.