Web Dynpro ABAP Demonstration Videos
Now Updated with 7.0 Enhancement Package 1 and Enhancement Package 2 features!
With the introduction of Netweaver 7.0, the ABAP world finally receives its own version of Web Dynpro. As What’s new in SAP NetWeaver 7.0(2004s)? – An introduction to the functionality deltas and major changes, many developers are currently looking for learning resources for the new programming environment. Of course even if your company hasn’t yet begun an upgrade to Netweaver 7.0, you can always download the SDN Sneak Preview and begin learning on your own.
To help with the learning process, you have the excellent materials already available here on SDN in the form of Weblogs, demo solutions, and the Web Dynpro Forum for questions. People also interested in learning about Web Dynpro ABAP should certainly check out the extensive library on the subject within help.sap.com.
But Web Dynpro with its strong graphical modeling environment provides an interesting challenge for authors of all types of written materials on the subject. The visual aspects of the modeling in Web Dynpro can often be difficult to describe in words and screen shots alone.
For Sapphire, the Netweaver Product Management team created a series of narrated videos on the subject of Web Dynpro ABAP. If you happened to stop by the Custom Development Pod in the Netweaver area with a question about Web Dynpro ABAP, you may have seen one of these videos. Obviously there wasn’t time to show all the videos to everyone who came by. After all we had over 3 hours of demonstration video.
Please Note: The bulk of these videos were developed on Netweaver7.0 SP6 and SP7 based systems (unless otherwise noted in the details about each video). This does mean that there may be some small differences between what you see here and what is in the core SDN sneak preview system (which is an older support package by default). Personally I run the SDN Sneak Preview system on my laptop and I used the public downloads from the Service Marketplace to update the installation to the latest support package.
Although the videos on the eLearning page are grouped by Beginner, Intermediate, and Advanced; they aren’t necessarily listed in the order that you want to view them in. Also there are certain groupings of videos that you want to watch together if you want to learn about a particular topic. In this weblog, I will try to group the videos and provide a little more details about each of them.
The first set of videos are the Introductory videos. These are good if you have never seen Web Dynpro ABAP and would like to get a quick feel for both the runtime and design time environments.
Web Dynpro ABAP Basic Runtime with Value Help
This video shows an overview of the functionality at runtime. We see the built in value help for Web Dynpro ABAP where we see how you can customize a search help as well as create personal value lists. We also see field level help and personalization, table views and dialog windows.
Web Dynpro ABAP Basic Design Time
This video shows the creation of a basic Web Dynpro ABAP application. It allows viewers to explore the design time environment. We move through the entire component creation process from the Component Controller, the Context, the Layout Design, the Event Coding, the Window Setup, and finally running the application we just built.
Web Dynpro ABAP Basic UI Elements
This video is a demonstration of all the basic UI elements in Web Dynpro ABAP.
Update Your ABAP Development Skills to NetWeaver 7.0
Web Dynpro Introduction and Exercises.
Introduction to Web Dynpro ABAP: Part 1
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this first part we begin by explaining the motivations in the design of Web Dynpro.
Introduction to Web Dynpro ABAP: Part 2
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this second part we discuss the Web Dynpro ABAP programming model.
Introduction to Web Dynpro ABAP: Part 3
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this third part we learn about the View and placing UI elements on the screen.
Introduction to Web Dynpro ABAP: Part 4
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this fourth part we explor how to model data in the context and respond to events with event handler methods of the controller.
Introduction to Web Dynpro ABAP: Part 5
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this fifth part we expand our project to include the Component Controller, Context Mapping and multiple Views.
Introduction to Web Dynpro ABAP: Part 6
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this sixth part we look at multiple component usage and navigation plugs.
Introduction to Web Dynpro ABAP: Part 7
This eLearning explains in depth the Web Dynpro programming model and how to develop Web Dynpro applications within the ABAP workbench. In this seventh and fial part we explorer integration possibilities in the form of NetWeaver Portal, NetWeaver Business Client, Interactive Forms by Adobe and Flash Islands.
One of the purposes of Web Dynpro is the ability to abstract the actual client that the component is running from. As you build a component you are always designing to a Meta-Model instead of coding specifically for a web browser for instance. This allows SAP to extend the capabilities of Web Dynpro to run within different client environments without having to change any of the inner application coding. This set of videos demonstrates this concept.
Web Dynpro ABAP Clients – Internet Explorer, Firefox, and the Windows Client
This video shows the same Web Dynpro ABAP application running within different clients (Internet Explorer, Firefox, and the Windows Client). This demonstrates how the same application can function in multiple clients without any programming changes on the part of the customer.
Web Dynpro ABAP Clients – Flex Client Preview
Continuing on the video where we showed Internet Explorer, Firefox, and the Windows Client all running the same Web Dynpro ABAP application; this video gives a sneak preview at the future Adobe Flex Client for Web Dynpro.
NetWeaver Business Client 3.0 Preview
In this eLearning, we take an in depth look at the upcoming 3.0 release of the NetWeaver Business Client. This new version of the NWBC will ship later this year alongside NetWeaver 7.02 and 7.20 based applications. NWBC offers an alternative to using an Internet Browser (such as Firefox or Internet Explorer) for accessing your Portal roles and SAP business applications.
We look at the new capabilities for SAPGUI for Windows integration, we see advantages to the streamlined navigation and desktop integration capabilities. We also see how external resources can be integrated into the NWBC. Finally we look at the SmartClient rendering for Web Dynpro.
In this set of videos we will look at some of the capabilities to customize either SAP delivered or your own Web Dynpro ABAP Components.
Web Dynpro ABAP Personalization
This video shows basic personalization for a Web Dynpro ABAP application.
Web Dynpro ABAP Personalization – Administrative Mode
This video expands upon the functionality of basic personalization, to demonstrate the additional features of Administrative Mode Personalization.
Web Dynpro ABAP WDA Application Configuration
This video shows the process of using basic Application Configuration. Unlike the Personalization which is tied one-to-one with the application, Application Configuration allows you to create multiple sets of configuration settings that can be used by different groups or in different situations. You can also specify the Application Configuration that you want to use when defining an iView in the Netweaver Portal for your Web Dynpro ABAP Application.
Web Dynpro ABAP Internationalization
Internationalization and translation have always been strong points for the ABAP environment. This video shows how Web Dynpro ABAP continues this tradition.
Web Dynpro ABAP Logon Page
This video demonstrates the functionality of the delivered Logon Page for Web Dynpro ABAP. We also see how to setup and customize the logon page for a single application.
Intermediate Level Development
This set of videos will show concepts to go beyond the basic design time example we saw earlier.
Web Dynpro ABAP Service Call – BAPI
This video shows how to use the BAPI Service Call Wizard.
Web Dynpro ABAP Plug Navigation
This video demonstrates the basic Navigation Modeling functionality in the Web Dynpro Design Time – Plugs.
Web Dynpro ABAP Debugging
This video demonstrates debugging within Web Dynpro ABAP. In addition to the core functionality originally delivered with 04S, it also includes the new view and context debugger tools. These new tools are available as of Support Package 8 for Netweaver04S.
Web Dynpro ABAP: How Fast Can You Consume 1 Million Rows?The other morning I was listening to the RIA Weekly Podcast and the subject of very large datasets in web based applications came up. This discussion got me wondering how well Web Dynpro ABAP would fair in just such a situation.
This set of videos shows multiple aspects of running your Web Dynpro Components within the SAP Netweaver Portal. We will demonstrate how to use portal eventing, as well as how to setup Web Dynpro ABAP iViews.
Web Dynpro ABAP Portal Integration
This video is a complete end-to-end demonstration for creating and setting up a Web Dynpro ABAP application to run within a 04s Netweaver Portal.
Web Dynpro ABAP – Portal Event Sender
This video demonstrates the creation of a Web Dynpro Component that can function as a Portal Event Sender.
Web Dynpro ABAP – Portal Event Receiver
This video demonstrates the creation of a Web Dynpro Component that can function as a Portal Event Receiver.
Web Dynpro ABAP – Portal Eventing Demo
This video shows our Portal Event Sender and Receiver in action. It also shows how we can mix technologies and still use Portal Eventing. We have a mixture of Web Dynpro ABAP and BSP in this example.
Updated versions of the Portal Eventing Demos based upon NetWeaver Portal Signature Design and ABAP 7.02:
ALV and Select-Options
This set of videos demonstrates the functionality and use of two reusable Web Dynpro ABAP components that should make any long time ABAP developer feel right at home – ALV and Select-Options
Web Dynpro ABAP – Select-Option Functionality
This video demonstrates the functionality of the Web Dynpro ABAP implementation of Select-Options at Runtime.
Web Dynpro ABAP – ALV Functionality
This video demonstrates the basic ALV functionality available for Web Dynpro ABAP. It walks through an example application and shows many of the runtime personalization that can be done.
Web Dynpro ABAP – Select-Option and ALV Component Usage
In this video, we create a new Web Dynpro ABAP component that uses both Select-Options and ALV. Developers can learn the basic mechanisms for working with both of these reusable component.
Web Dynpro ABAP: Defaulting Select-Option Values
In this eLearning video, we examine how to default in values into Select-Options in Web Dynpro ABAP. This forces us to discuss topics like Data References, Generic Data Types, and Casting via Field-Symbols. I also bring up the topic of possibly doing a community project for an updated version of SE16. Be sure to leave comments for any suggestions you might have for features in this possible project.
This set of videos focuses on the use of Adobe Forms technology either as print or interactive forms.
Web Dynpro ABAP – Adobe Forms for Printing
This video explorers how to create Adobe Forms for Web Dynpro ABAP that are targeted to be printed only. It shows the process for generating the Adobe Forms Interface from the Context of the Web Dynpro ABAP View Context.
Web Dynpro ABAP – Adobe Interactive Forms
This video explorers how to create Adobe Forms for Web Dynpro ABAP that are Interactive use. It shows the process for generating the Adobe Forms Interface from the Context of the Web Dynpro ABAP View Context. We also demonstrate how to import an existing form into the Adobe Lifecycle Designer. Finally the finished form demonstrates how to move data from Web Dynpro Context to the Interactive Form and then back again into Web Dynpro.
Updated Version of Interactive Forms by Adobe videos done on NetWeaver 7.02:
Interactive Forms by Adobe in Web Dynpro ABAP – Introduction
This video walks through the recording and playback of a eCatt Script for Web Dynpro ABAP.
This set of videos show dynamic processing (both dynamic UI elements and dynamic navigation) within Web Dynpro ABAP.
Web Dynpro ABAP – Dynamic Navigation
This video shows the coding and window setup to support dynamic navigation in Web Dynpro ABAP.
Web Dynpro ABAP – Dynamic Programming – SE16 Data Browser
This video shows how to create a highly dynamic Web Dynpro ABAP Component. It is a Web Dynpro ABAP version of the classic data browser – SE16.
Web Dynpro ABAP: Dynamic Context Creation, Mapping, and Data Binding
In this eLearning session we explore how to dynamically create context nodes at the component controller, then map these nodes to a view context. Finally we create UI elements in code in the WDDOMODIFYVIEW method so that they can be bound to these dynamic context nodes.
What’s New in NetWeaver 7.0 Enhancement Package 1
This set of videos provides an overview of some of the new functionality in NetWeaver 7.0 Enhancement Package 1.
The specified item was not found.
SDN Community Day Mentors’ Hands-On Workshop
See a Product Selector Flash Island running within a Floorplan Manager Web Dynpro ABAP component – as well as some Drag-and-Drop capabilities
Web Dynpro ABAP Tutorial: ACFUpDownload and ACFExecute
In this eLearning, we continue a theme from the previous eLearning when we discuss alternative ways to upload files. In this episode we explore the new ACFUpDownload UI element that came in NetWeaver 7.01.
This new UI element is intended for usage only with KPRO and SAP Content and Cache Server. However in this eLearning we show how you can write your own ICM Handler Class so that you can perform silient, multiple file uploads and downloads directly to/from your ABAP Application Server. We also use the new ACFExecute UI element to launch programs on the users’ desktop. Finally we show how to setup the security whitelist in order to use these new UI Elements.
Web Dynpro ABAP: Drag and Drop
In this eLearning we look at the new Drag and Drop features of Web Dynpro ABAP in NetWeaver 7.0 Enhancement Package 1. We will look at three different forms of Drag and Drop capabilities in Web Dynpro ABAP. First we will see the ability to drag columns to rearrange their order in all tables. Next we will see how you can use Drag and Drop to reorder and reposition UI elements within the page. Finally we will see the traditional use case for Drag and Drop. We will drag and drop items from an image into a shopping cart and also from a table row into a image.
What’s New in NetWeaver 7.0 Enhancement Package 2
This set of videos provides an overview of some of the new functionality in NetWeaver 7.0 Enhancement Package 2.
ABAP Language and Tools 7.02 Preview
Web Dynpro ABAP Notification Service
This eLearning looks in detail at the new Web Dynpro ABAP Notification Service that will ship later this year as part of NetWeaver 7.0 Enhancement Package 2. This technology goes by many names – Long Polling, Reverse AJAX, Comet – but regardless the name the idea is to allow data and updates to appear to be pushed from the server to the client. In this eLearning we look at the infrastructure in ABAP that has been built to support such push without putting too much load on either the client or the server.
Adobe Flash Islands for Web Dynpro ABAP
This set of videos introduces the new Adobe Flash Islands for Web Dynpro ABAP functionality that was introduced with NetWeaver 7.0 Enhancement Package 1.
Flash Islands Tutorial #1
This is the first in a series of tutorials on the topic of Adobe Flash Islands for Web Dynpro ABAP. We will see how to create a simple Flex Component in Adobe Flex Builder. Then we will look at how you adjust this component to make it available as an Island. Finally we will see how to integrate this Island Component into Web Dynpro ABAP
Flash Islands Tutorial #2
In this second in a series of eLearning videos for Adobe Flash Islands for Web Dynpro ABAP we look at an example application that digs deeper into alternative data types, bi-directional data binding and eventing that originates from within the Flex Component.
Flash Islands Tutorial #3
In this eLearing, we once again revisit the topic of Adobe Flash in SAP (Flash Islands). This time we go deeper into the topic and see some advanced examples as well as alternative techniques for data binding and eventing.
Web Dynpro ABAP Flash Islands Tutorial: Google Maps
In this eLearning, we look at another Adobe Flash Islands for Web Dynpro example. It is an implementation of the Google Maps API. The licensing model for Google Maps might be a pain, but the technology sure is fun to play around with makes for a good learning example. See how you can build an application with an interactive map, geocoding, and route directions.
Web Dynpro ABAP Flash Islands Tutorial: Multiple File Upload
In this eLearning, we continue to look at Adobe Flash Islands for Web Dynpro examples. This time we explore a multiple file uploader. The uploading is done to a dedicate SICF handler class and written into a temporary database table using the EXPORT command. So in addition to just learning about Flash Islands technology, several other little known ABAP topics are explored as well.
Web Dynpro ABAP – UI Flexibility Series
This set of videos looks at ways to build User Interface flexibility into your applications:
ABAP UI Flexibility Part 1: Demo Overview
This is part 1 of a 6 part series on User Interface flexibility in the ABAP environment. In this first part we will see an overview of the demo application we will explore. The demo is running within the NetWeaver Business Client 3.0 and leverages the latest rendering techniques of Web Dynpro ABAP in NetWeaver 7.0 Enhancement Package 1 as well as few sneak previews of new capabilities that will come in NetWeaver 7.0 Enhancement Package 2 .
ABAP UI Flexibility Part 2: Floorplan Manager
This is part 2 of a 6 part series on User Interface flexibility in the ABAP environment. This second part explores the usage of the Floorplan Manager and its ability to configure complex applications comprised of multiple Web Dynpro Components (SAP and Customer created even).
ABAP UI Flexibility Part 3: Feeder Classes
This is part 3 of a 6 part series on User Interface flexibility in the ABAP environment. Part three of this series looks at the usage of the Feeder Class for a Generic UI Building Block (GUIBB) and how easily you can extend the data model using the Enhancement Framework.
ABAP UI Flexibility Part 4: BADIs
This is part 4 of a 6 part series on User Interface flexibility in the ABAP environment. Part 4 of this series shows how you can use a Filtered BADI for customer specific validations and processing in an SAP application.
ABAP UI Flexibility Part 5: BRF+
This is part 5 of a 6 part series on User Interface flexibility in the ABAP environment. Part 5 of this series shows the usage of Business Rules Framework Plus (BRF+) – the ABAP based rules engine that is part of NetWeaver 7.0. Specifically we demonstrate the usage of a decision table to add flexiblity to a calculation within our user interface.
ABAP UI Flexibility Part 6: Looking Ahead to 7.02
This is part 6 of a 6 part series on User Interface flexibility in the ABAP environment. Part 6 of this series looks a bit to the future with the new Local Page Builder/CHIPs/Sidepanel functionality that is coming in NetWeaver 7.02. We see how reusable, generic UI functionality can easily be integrated into existing applications without coding.
Web Dynpro ABAP – Performance Tools
This set of videos looks at ways to monitor and troubleshoot performance problems in your WDA applications.
WDA Performance Tools Part 1
This is part 1 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this part of the series we discuss performance aspects in general as well as looking at the Performance Monitor in WDA 7.01. The Performance Monitor tool can provide estimates about the performance breakdown of our application (client side vs. server side runtimes as well as user session memory on the server) and help us decide where we need to investigate further.
WDA Performance Tools Part 2
This is part 2 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this part of the series we look at browser based plug-ins and tools for exploring the performance on the client side. In particular we look at HTTP Watch (a 3rd party tool we use at SAP) as an Internet Explorer Add-In.
WDA Performance Tools Part 3
This is part 3 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this part of the series we will look at the transaction STAD. This transaction can give you the first glance at performance measurements on the server side and help you then narrow the focus of your additional research.
WDA Performance Tools Part 4
This is part 4 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this part of the series we assume that the runtime problems occur in the SQL layer and we learn how to use the SQL Trace tool in Web Dynpro ABAP.
WDA Performance Tools Part 5
This is part 5 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this part of the series we dig deeper into the Runtime Analysis tool. We show you how to trigger the Runtime Analysis trace for a Web Dynpro Application as well as how to filter out the surround Web Dynpro ABAP framework code from the trace results. We also show a preview of some of the new Runtime Analysis features that are coming in NetWeaver 7.02.
WDA Performance Tools Part 6
This is part 6 of a 6 part series on tools that are available for monitoring or troubleshooting the performance in Web Dynpro ABAP based applications. In this final episode of the series, we explore the ways that you can trigger a memory snapshot to examine the detailed memory allocation within your application.