View Modeling and User Interface Layout 

Purpose

Before you start creating the different views, you must be clear about what form your application is to take. This includes defining a view composition, which contains all view assemblies that can be displayed in the application. Additionally, you must know the navigation structure that is used to call the individual view assemblies. Only then should you start with the concrete layout of the specific views.

In the Quiz Application overview, it is already explained what form the quiz application is to take in the Web browser at runtime and which navigation options the user is to have.

Process Flow

The development of the application involves the following steps:

...

       1.      Conception and View Modeling:

Before you start specifying the view composition in the SAP NetWeaver Developer Studio, you design the structure of the quiz application in this step. In the next step, the view modeling that takes place here is mapped to a concrete view composition using the Web Dynpro tools in the SAP NetWeaver Developer Studio.

       2.      View Composition:

During development, the view composition is defined by the inclusion of views and empty views in the view areas of a view container and the definition of the navigation structure between these views. For this procedure, the Web Dynpro tools provide the Navigation Modeler.

       3.      User Interface Layout:

In this step, you develop the view layouts and the user interface elements in the views using the visual Web Dynpro tools in the SAP NetWeaver Developer Studio.

 Now you can start Designing the Quiz Application.