Web Dynpro is SAP’s state-of-the-art technology for creating application user interfaces (UIs). This course explains the fundamental concepts of how to develop applications based on Web Dynpro for ABAP.
Build modern user interfaces using Web Dynpro for ABAP, and learn how to create applications which use all fundamental concepts in this exciting area. Web Dynpro for ABAP is one of SAP's UI technologies of choice.
After an introduction into the Web Dynpro framework you start developing the context, user interfaces and learn how to program the different controllers. You'll learn how pop-ups and value help are implemented and what component reuse means in Web Dynpro. The use of the ALV and Portal integration are discussed as well as the online interactive forms.
The course includes:
The recommended learning time (including completing your own exercises) is 5 days.
The lesson describes course expectations, explains the organization of the learning units and sets the learning effort.
This lesson describes the programming approach of Web Dynpro and the benefits of the metadata approach of Web Dynpro.
This lesson explains the Web Dynpro architecture and its main elements. This lesson also describes how data transport works in Web Dynpro. Part 1.
This lesson explains the Web Dynpro architecture and its main elements. This lesson also describes how data transport works in Web Dynpro. Part 2.
This lesson explains the principle of navigation and the ways to navigate between views.
This lesson explains the Model View Controller (MVC) design paradigm and the internal and external visibility of the Web Dynpro entities. It also shows you how to create a custom controller and view the component interface.
This lesson provides an overview of the various controller types and entities that form the integral part of a Web Dynpro component. Part 1.
This lesson provides an overview of the various controller types and entities that form the integral part of a Web Dynpro component. Part 2.
This lesson explains the Context. It also describes how to define nodes and attributes in the Context.
This lesson explains various properties of a context node.
This lesson explains context mapping.
Context mapping demonstration
This lesson explains how to arrange the various UI elements to form the layout of a view. Not only simple UI elements are described in this lesson, but also complex elements, that is, nested UI elements (for example, the Table). It also shows how to define data binding between UI element properties and context attributes. Part 1.
This lesson explains how to arrange the various UI elements to form the layout of a view. Not only simple UI elements are described in this lesson, but also complex elements, that is, nested UI elements (for example, the Table). It also shows how to define data binding between UI element properties and context attributes. Part 2.
This lesson explains how to control UI element behavior by using data binding.
This lesson explains composite UI elements and in particular the Table UI. It also shows you how to perform the necessary context binding, and describes the selection property for Tables.
Use the Service Wizard to help you create the Context and code based on function modules.
This lesson explains how to define context menus at design time and how to assign these menus to UI elements.
Demonstration how to develop static context menus
This lesson explains the different hook methods and the order in which they are processed. It also describes how additional controller methods and attributes can be created. Part1.
This lesson explains the different hook methods and the order in which they are processed. It also describes how additional controller methods and attributes can be created. Part2.
This lesson explains how to access context nodes and elements. It also shows how to read and change attribute values.
Demonstration: Access the Context at Runtime
This lesson explains how to add new elements to a context node.
Display mass data using a Table UI Element
Demonstration how to use supply functions to manage dependent context nodes
This lesson explains that a Web Dynpro application is offered in different languages. This lesson explains how to provide translatable texts for a Web Dynpro application.
You would like to develop a Web Dynpro application that can be translated in such a way that all literals assigned to UI element properties can be reused and translated. For texts that are not retrieved from the ABAP Dictionary, you want to use OTR alias texts.
This lesson explains the characteristics of an assistance class and how to define translatable texts in it.
This lesson explains various kinds of messages which can be used in Web Dynpro. It also shows how messages are reported and how they impact the phase model.
You want to check the user input and send messages if any values are missing orincorrect.
Depending on the error, you want to highlight the fields that contain incorrect values. Part 1.
You want to check the user input and send messages if any values are missing orincorrect.
Depending on the error, you want to highlight the fields that contain incorrect values. Part 2.
This lesson explains the different options available for providing value help to your application users in your Web Dynpro application.
This lesson explains value selectors, and describes the difference between those using index binding and those using key binding.
We develop a Web Dynpro Application offering a dropdown box to allow the application users to choose a proper input value in order to stop them from entering an invalid value.
This lesson shows how to provide semantic help.
This lesson explains how Web Dynpro Uis are accessible not only by using the mouse, but also be using keyboard commands.
This lesson explains how to reuse Web Dynpro components. A Web Dynpro component encapsulates visual and programmatic Web Dynpro entities so that they can be reused from other components.
Demo: Develop a Web Dynpro component whose layout and controller source code can be reused across multiple other Web Dynpro components.
This lesson shows how to declare a component usage.
Demo: Embed an interface view in the consumer component and call the methods provided in the interface controller of the child component (provider).
This lesson shows how to implement advanced aspects of component reuse.
A consumer component can subscribe to events of the interface controller of a component usage and context mapping between consumer and provider component can be used.
This lesson explains the different types of dialog boxes in Web Dynpro, and how to use them.
Demo: Display an interface view in a modal dialog box.
This lesson explains how applications and components can be adapted through configuration and personalization. This includes Web Dynpro built-in adaptations and component-defined adaptations, in which the developer defines additional functionalities that can be customized by certain user groups (administrators and normal users).
This lesson explains how to configure Web Dynpro applications, including the use of a configuration controller.
Adapt the look and feel of the Web Dynpro application for different user groups. Depending on the user group, the properties of some UI elements need to be modified and some messages should be displayed or hidden. To implement this, use the concept of configuration.
This lesson explains the enhancement concept and also shows how to create of enhancement implementation for changes to a standard Web Dynpro component.
This lesson explains how to modify the context at runtime (create context nodes and context attributes dynamically).
Develop a Data Browser based on Web Dynpro ABAP (like transaction SE16 in the SAP GUI). Because the name of the database table to be displayed it not known at design time, define the context structure and the UI at runtime, once the user has chosen the database table they would like to see.
This lesson explains how to modify the UI at runtime.
Develop a data browser based on Web Dynpro ABAP (like transaction SE16 in the SAP GUI). We have already performed the necessary steps to generate the context at runtime, now we focus on generating the UI at runtime, specifically a table with suitable columns to display the data. We will add elements to the UI element hierarchy dynamically.
Thorsten is living in Germany and supporting SAP and customers world wide as a SAP senior consultant. He has 10+ years of experience in consulting and training for blue chip companies as well as small businesses.
He is SAP certified in ABAP, Portal, HANA and SAP Administration. Thorsten is official SAP trainer in Germany, Europe and Middle East.
He has helped several hundred students to become SAP certified associates and taking their career to the next level.
More references and official SAP training evaluation results are available on his website training4sap.
Together with his partner Tilesh Maharaj he is director of SAP eXperTTs.