What is Web Dynpro?

From a technological point of view, SAPs Web Dynpro for Java and ABAP is a revolutionary step in the development of Web-based user interfaces. It is completely unlike any design paradigm previously used by SAP and represents a quantum leap in the development of Web-based enterprise resource planning (ERP) applications. Web Dynpro applications are built using declarative programming techniques based on the Model View Controller (MVC) paradigm. That is, you specify which user interface elements you wish to have on the client, and where those elements will get their data from. You also define the possible navigation paths declaratively in your application. All the code to create the user interface is then generated automatically within a standard runtime framework. This relieves you from the repetitive coding tasks involved in writing HTML and making it interactive with JavaScript. ABAP Web Dynpro has been available since SAP NetWeaver 7.0 (SAP NetWeaver Application Server 7.0). For developing the entities of a Web Dynpro application, the Object Navigator (transaction code SE80) has been enhanced. Web Dynpro is designed to support structured development. The software modularization units are Web Dynpro components, which can be combined to build up complex applications.

Creating Your First Web Dynpro Application

Task
In the following tutorial, you will be introduced step by step to the basic concepts involved by implementing an elementary Web Dynpro application. The user interface for this Web application will consist of only two views and will allow you to switch between them. In the first view, the user should be able to enter his or her name in an input field and navigate to the next view using a Go button. This name should then be added dynamically to a text field and displayed in the welcoming text in the second view. In the following sections, you will get to know each of these stages in turn: Creating a suitable project framework; designing the UI; implementing the event handlers; defining data binding for UI elements; and finally, deploying and executing the Welcome application on the J2EE server. User Interface template:

Objectives
By the end of this tutorial, you will be able to: ! ! ! ! ! ! Create a project for a Web Dynpro application and its associated development objects Create views and define a navigation scheme for the application Create actions for the views and implement simple event handlers Design a simple view layout Define data binding for UI elements using context attributes Deploy and run a Web Dynpro application

Prerequisites
Systems, installed applications, and authorizations

The SAP NetWeaver Developer Studio is installed on your computer. You have access to the SAP J2EE Engine.
Knowledge

Basic knowledge of Java would be an advantage as always.

Next step: Creating a Web Dynpro Project

Web Dynpro for ABAP

Purpose
Web Dynpro ABAP is the SAP standard UI technology for developing Web applications in the ABAP environment. It consists of a runtime environment and a graphical development environment with special Web Dynpro tools that are integrated in the ABAP Workbench (SE80). Web Dynpro offers the following advantages for application developers: The use of declarative and graphical tools significantly reduces the implementation effort Web Dynpro supports a structured design process Strict separation between layout and business data Reuse and better maintainability by using components The layout and navigation is easily changed using the Web Dynpro tools Stateful applications are supported that is, if the page is changed and the required data remains intact so that you can access it at any time throughout the entire application context. Note that stateless applications are not possible. Automatic data transport using data binding Automatic input check User interface accessibility is supported Full integration in the reliable ABAP development environment

You can find the complete Web Dynpro ABAP documentation with information about architecture, system configuration, administration, development, security, and references in Web Dynpro ABAP. The concept of Web Dynpro ABAP is identical with Web Dynpro Java and offers more or less the same functions.