Designing a View Model 

...

Defining the Basic Structure of the Application

In this example, the user interface is to consist of four views:

·        Welcome: Display a message when starting or ending the application (“welcome” and “goodbye” messages). Start or exit the quiz.

·        Question: Display a quiz question from which you can navigate to the next question or display the corresponding answer.

·        QuestionMark: This area is used to display an unanswered question.

·        Answer: Display answer for current quiz question. Possibility of ending the quiz by moving on to the “goodbye” message in the Welcome view.

In a Web Dynpro application, the views contain the actual user interface elements. The following graphic shows how to reach the individual views and specifies the basic navigation structure.

Layout of the Web Dynpro Window

Internally, a Web Dynpro component is visually represented by a Web Dynpro window it contains (in comparison with the visual representation for external users using the relevant component interface view). In turn, a Web Dynpro window is a grouping of views. The views can be grouped using a view set, which contains special view areas that are used to include individual views.

The developer can choose from different view set types that enable the implementation of different geometric arrangements of the view areas. A commonly used view set definition is the T Layout. A T Layout view set consists of three view areas of which two are placed adjacently below the first view area: