ABAP - Web Dynpro

An Overview by Manoj Dhir.

07/10/15

Manoj Dhir

Introduction
This

presentation will be a starter package for

all who are and want to be a part of new age
SAP UI development and moreover are here
to make a change..

07/10/15

Manoj Dhir

Before I share the Agenda..

Who

is a developer ?
What can we call a good UI ?
What do you thing ABAP - Web Dynpro is ?
What is the take away you expect after this
course?

07/10/15

Manoj Dhir

Agenda
Web Dynpro The Motivation

1.
2.

Web Dynpro ABAP The Programming Model

2.1. Views and UI Elements
2.2. Controllers and Context
2.3. Navigation and Plugs
2.4.Component Usage

3.

Web Dynpro Features

3.1. ALV
3.2. Object Value Selector
Lets Wrap up. Anyone?
Any Questions ?
Ok! Can I ask now?

4.
5.
6.

07/10/15

Manoj Dhir

Objectives of Web Dynpro

Model-based UI development

Future Proof UI Declaration

Browser, Web Dynpro Client, Mobile Device,

Client technology independent UI definition

Central implementation of user interface standards

Enforce clear separation between UI logic and business logic

Little coding, lots of design
Declarative UI development

Accessibility support
Adobe Forms integration
Centrally provided UI elements
Internationalization support

Supports major platforms

07/10/15

Java (as of SAP NetWeaver '04), ABAP (as of SAP NetWeaver 7.0)

Manoj Dhir

Motivation Web Dynpro

Web

07/10/15

Dynpro

UI definition independent of
client technology
As much abstract declaration as possible
Different rendering engines for different (future) UI
technologies without adapting application coding

Manoj Dhir

Application Scenarios With Web

Dynpro
SAP NetWeaver Portal
Web Dynpro iView

Web Dynpro
Web Dynpro App
App

SAP
NetWeaver
Developer
Studio
J2EE
Server

07/10/15

Web Dynpro iView

J2EE
Web Dynpro
Runtime

ABAP
Web Dynpro
Runtime

NetWeaver
Business Client

Web Dynpro
Web Dynpro App
App

ABAP
Workbench

RFC, WS

RMI

EJB (e.a.)

Business
Data

ABAP
Server

Manoj Dhir

Business
API (BAPI,
BackendBusiness
Application
Web Services)
Data
7

Come to the point -The

Development

Development completely integrated into ABAP

Workbench

Graphical View Layout design

Declarative UI development
ABAP editor with forward navigation
ABAP dictionary data types directly available
Simple remote debugging
Functionality and services of
the ABAP environment directly usable

ABAP lifecycle management

07/10/15

Transport
Translation
Enhancements
Manoj Dhir

Meta-Model Declarations and

Custom Coding

Meta-model
Declarations

Guarantees common app. design

Good for graphical tool support

Custom Coding
Guarantees universality
Good for data-driven, dynamic
apps

Implementation of business rules

Dynamic screen modifications

Screen Layout and Nesting

Navigation and Error Handling

Data Flow

Access to services (files etc.)

Componentization

Portal eventing

...

...

Custom
Code
Manoj Dhir

Run able App

07/10/15

Generator

Generated
Code

Compiler

Web
Dynpro
Tools

Meta-data

Model View Controller (MVC)

Binds the user and business
interaction layers together. All
intermediate processing is
performed here.

Controller

Model

Business Interaction Layer

User Interaction Layer
Visualizes the application
data without caring how it
was generated.

Binding Layer

07/10/15

Generates the application

data without caring how it
will be displayed.

View

Manoj Dhir

10

Defining View Layout

UI element
libraries

UI
element
tree of
view

Properties of
selected UI
element

View
layout
07/10/15

Manoj Dhir

11

UI Element Categories
e.g. Button, InputField,
Label

e.g. DateNavigator,
Table, Tree

e.g.
TransparentContainer,
Tray

Each UI element object is represented as an abstract class that is independent

of any client presentation layer.
07/10/15

Manoj Dhir

12

Lets Wrap up. Anyone?

Web Dynpro is SAPs UI strategy

Declarative, MVC based UI programming model
UI definition independent of rendering technology
Web Dynpro for ABAP available with SAP
NetWeaver 7.0
Programming model similar to Web Dynpro for Java
Completely Integrated into the SAP NetWeaver
Application Server ABAP

07/10/15

Manoj Dhir

13

Any Questions ?

07/10/15

Manoj Dhir

14

Thank you !
Can I ask ?

07/10/15

Manoj Dhir

15

Where to Get More Information

www.sap.com

07/10/15

Manoj Dhir

16