1

SAP AG 2001

WebDynpro Overview

WebDynpro Goals
SAP AG 2001

Utilize state-of-the-art, standards-based Web development technology Guide application development in creating consistent and user-friendly applications

Support existing ABAP/Dynpro programs with almost no changes!

Extend existing Web infrastructures with tools that allow to easily design, develop, deploy, maintain and customize 80% of business (Web) applications with 20% of the usual effort and cost! Make sure that Web Dynpro applications can run in the SAP Portal

WebDynpro
SAP AG 2001

What is WebDynpro?
A set of design- and deployment-time tools for

(dialog) process modeling view editing pattern-based view assembly business data types definition data-binding and input validation rendering error handling dialog flow customization personalization tracing and profiling batch input and automatic testing

plus a set of services like

utilized by the standards-based runtime environments underneath

WebDynpro Applications
SAP AG 2001

WebDynpro applications follow the MVC pattern

MVC means model, view, controller Model
retrieving

View View View

data from database / backend system

changed data

persisting

View
visualization

Controller

Controller Controller

Controller
selecting

views user input

Controller

processing

Data separation
State is kept in contexts Contexts are used for data transport between views, controllers and model
Model Model WebDynpro Application

WebDynpro Features
SAP AG 2001

UI Elements
Additional elements compared to Dynpro Possibility to construct composite UI elements from elementary ones

Dynamics
The UI (framework) allows for dynamically constructing a user interface at runtime (e.g. for reporting purposes) However, the recommended way is to define screens statically with welldefined exceptions (e.g. place-holder UI element serving as starting point for dynamically constructed sub-view)

WebDynpro Features (2)

SAP AG 2001

Input Validation
Syntactic validation can be done automatically (meta data information) To avoid redundancy (checks must be made on server too), the checks are derived from a single point of definition (e.g. data type repository)

Eventing
UI elements raise events as a result of user interaction Processing of events can take place on the server and on the client Both client and server logic operates on context only

Caching
Caching of layout and content are independent To allow client-side caching a location-independent data container derived from the context definition is used

WebDynpro Features (3)

SAP AG 2001

Usability
Three reuse pattern levels
composition component

patterns (views and viewsets and their interaction)

patterns

UI

element patterns
support the selection and usage of such patterns

The Web Dynpro development tools

optimally allow

to automatically derive as much plumbing code as possible from these patterns

Navigation
Declaration of the dialog flow/page sequence/view composition
allows eases

derivation of a lot of plumbing code automatically

the "upgrade pains"

WebDynpro Features (4)

SAP AG 2001

Data binding
UI elements are bound to application data via context At runtime, data container is used for data transport Data container is derived from current set of contexts
always

accessed using API (setter/getter) on client-side and server-

side

Location independent rendering

Rendering on server or client depending on client capabilities
enables

client-side caching rendering of screens

flicker-free

Location Independent Rendering

SAP AG 2001

Simple Client
ID

Server
Product Ov erv iew
De s c ri p ti o n av ailable

Data Merging

Chose a product from list to view the details.

WebDynpro Runtime Framework

Product Ov erv iew

ID De s c ri p ti o n av ailable ID

Product Ov erv iew

De s c ri p ti o n av ailable

Viewed Page
10 11 12 ABC 40 yes yes yes ABCPro ABC50+ Chose a product from list to view the details.

Page with Data

10 11 12 ABC 40 yes yes yes ABCPro ABC50+ Chose a product from list to view the details.

< Product ID= "11" Available= "yes"> < Description> ABC Pro < /Description> < /Product> < Product ID= "12" Available= "yes"> < Description> ABC 50+ < /Description> < /Product>

Application

WebDynpro Features (4)

Advanced Client
Product Ov erv iew

Product Ov erv iew

ID De s c ri p ti o n av ailable

Data Merging

Static Layout
ID De s c ri p ti o n av ailable

Chose a product from list to view the details.

Viewed Page
10 11 12 ABC 40 yes yes yes ABCPro ABC50+ Chose a product from list to view the details.

Dynamic Data
< Product ID= "12" Available= "yes"> < Description> ABC 50+ < /Description> < /Product>

< Product ID= "11" Available= "yes"> < Description> ABC Pro < /Description> < /Product>

Web Application Server And Web Dynpro

SAP AG 2001

10

Web AS Web Dynpro

Web AS: Web Application Server, contains InQMy, ITS, BSP, etc. Web Dynpro: Programming model for web apps (front end). Business logic remains in R/3, for J2EE uses RFCs to access R/3

Big Picture
SAP AG 2001

11

Dynpro Converter

Web Dynpro Tools

Web Dynpro Meta-Data

Platform-independent C# Java ABAP

Dynpros

C# Generator C# / .NET .NET Runtime

Java Generator Java / J2EE J2EE Runtime

ABAP Generator ABAP / BSP BSP Runtime Web Dynpro Common Native (Remote) WebAS Runtime Services Services

Web Dynpro Web Controls Web Dynpro Services .NET

Web Dynpro Taglib Web Dynpro Services J2EE

Web Dynpro Extension Web Dynpro Serv. WebAS

Current Picture
SAP AG 2001

12

Back end - R/3 se80 function modules

DATA

Communication via RFC (Java Connector JCO)

Front end Web Dynpro -> Eclipse Views PRESENTATION

Later

.Net ABAP (BSP)