Scribd
Upload
68 views

Contents:: Introduction To The Web Dynpro Architecture

Web Dynpro is A Programming Model for user interfaces. It defines a standard structure for user interface applications. Web Dynpro can be used to build web services and data-binding applications.

Uploaded by

Jinna Sandeep
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
68 views

Contents:: Introduction To The Web Dynpro Architecture

Web Dynpro is A Programming Model for user interfaces. It defines a standard structure for user interface applications. Web Dynpro can be used to build web services and data-binding applications.

Uploaded by

Jinna Sandeep
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 19

Web Dynpro Introduction

Contents:
Introduction to the Web Dynpro architecture

SAP AG 2005, Title of Presentation / Speaker Name / 1

Web Dynpro Introduction: Unit Objectives

After completing this unit, you will understand: The basic concepts behind Web Dynpro The basic architecture of a Web Dynpro Component

SAP AG 2005, Title of Presentation / Speaker Name / 2

What is Web Dynpro ?


A Programming Model for User Interfaces
Defines a standard structure for user interface applications

Derived from the MVC (model-view-controller) design pattern

A Set of Tools for User Interface Design


Focus on graphical modelling

Code is generated from meta-model declarations

Integrated in SAP NetWeaver Developer Studio and the ABAP Workbench

A Runtime Environment for Applications


Framework running on SAP Web AS server offers common services

A Technology for Software Modularization


Components help structure applications and support pattern-based UIs

SAP AG 2005, Title of Presentation / Speaker Name / 3

Web Dynpro Main Benefits


Deliver an Enterprise Quality Web Development Environment
minimize coding, maximize design separate layout and logic support arbitrary backend systems support reuse of components configuration of UI patterns support web services and data-binding

Web DynproWeb Dynpro Tools Metadata Web Dynpro Runtime


JAVA ABAP

Achieve Independence
run on multiple platforms

Improve User Experience through a "High Fidelity Web UI"


browser based, zero footprint screen updates w/o page reloads
SAP AG 2005, Title of Presentation / Speaker Name / 4

Multi Channel Access

client-side dynamics performance through caching

Meta-model Declarations vs. Custom Coding


Meta-data Web Dynpro Tools Generator

Run able App

Generated Code Custom Code

Compiler

Meta-model Declarations
Guarantees common app. design Good for graphical tool support
Screen Layout and Nesting Navigation and Error Handling Data Flow Componentization ...

Custom Coding
Guarantees universality Good for data-driven, dynamic apps
Implementation of business rules Dynamic screen modifications Access to services (files etc.) Portal eventing ...

SAP AG 2005, Title of Presentation / Speaker Name / 5

Application Scenarios with Web Dynpro


J2EE Backend Server
EJB (e.a.)
RMI

Business Data

Web Service Provider


Web Service
SOAP

Business Data

ABAP Backend Business Backend Application Server Data


RFC enabled Function Modules
RFC

Deployed Web Deployed Web Dynpro App Dynpro App

JAVA Web Dynpro Runtime

ABAP Web Dynpro Runtime

Web Dynpro Web Dynpro App App

SAP NetWeaver Developer Studio

HTTP

Conversion of existing Dynpros ABAP Workbench

Web Dynpro Application

SAP Enterprise Portal


SAP AG 2005, Title of Presentation / Speaker Name / 6

Web Dynpro Component


Main Web Dynpro Component parts Windows
Views UI elements Layout Controller Context . Component Controllers Context .
View
View Controller Context

Window View
View Controller Context

Component Controller

Context

Web Dynpro Component


SAP AG 2005, Title of Presentation / Speaker Name / 7

Context and Data Transport


Context Like a data container which holds the data
The data

Window View
View Controller Context
Root Node Node 1

Component Controller Context


Root Node Node 1

transport between the controller can be established with mapping definition

Node 2

View

View Controller Context


Root Node Node 3

Node 3

Label

Web Dynpro Component


SAP AG 2005, Title of Presentation / Speaker Name / 8

Context Mapping
View Controller Context Root FLIGHTS BOOKINGS BOOKID CUSTID CLASS PASSN CARRID CONNID FLDATE PRICE Controller Usage Declaration Component Controller Context Root FLIGHTS BOOKINGS BOOKID CUSTID CLASS PASSN CARRID CONNID FLDATE PRICE

Web Dynpro Component


Mapped node collection
SAP AG 2005, Title of Presentation / Speaker Name / 9

Mapping Relationship

Node collection of mapping origin

Putting data on the screen: Data Binding


View controller context
View Root Node FLIGHTS BOOKINGS BOOKID CUSTID CLASS PASSN CARRID

Component controller context


Root Node FLIGHTS BOOKINGS BOOKID CUSTID CLASS PASSN CARRID CONNID FLDATE PRICE

View layout

CONNID FLDATE PRICE

Web Dynpro Component


Data Binding
SAP AG 2005, Title of Presentation / Speaker Name / 10

Context mapping

Navigation between views

Window
Customer Search Customer List

Out

In

Inbound plug Outbound plug Navigation link To define the navigation between two views, you need to create exit and entry points for each view using outbound and inbound plugs. Only then you can specify the navigation flow using navigation links

SAP AG 2005, Title of Presentation / Speaker Name / 11

View Assembly
Window
View IdentifyCustomer
ViewContainerUIElement ViewContainerUIElement

Customer Search

Empty

ViewContainerUIElement

Empty

The subset of views visible at any one time is known as a View Assembly. Navigation causes views within a ViewContainerUIElement to be replaced

SAP AG 2005, Title of Presentation / Speaker Name / 12

View Assembly
Window
View IdentifyCustomer
ViewContainerUIElement ViewContainerUIElement

Customer Search

Empty

ViewContainerUIElement

Customer List

Empty

The subset of views visible at any one time is known as a View Assembly. Navigation causes views within a ViewContainerUIElement to be replaced

SAP AG 2005, Title of Presentation / Speaker Name / 13

Web Dynpro Component Architecture I


Externally Visible Internally Visible
Contains Usage declarations Window
Contains

Window Controller
M

Plugs
M

Methods

View Layout

View Controller
M

Context W e b D y n p r o C o m p o n e n t

SAP AG 2005, Title of Presentation / Speaker Name / 14

Web Dynpro Component Architecture II


Externally Visible Internally Visible
Contains Usage declarations Window
Contains

Plugs
M

Usage declarations

Usage declarations

Window Controller

Component Controller

Model 1

Methods

View Layout

View Controller
M

Context W e b D y n p r o C o m p o n e n t

Business Logic

(Models)

SAP AG 2005, Title of Presentation / Speaker Name / 15

Web Dynpro Component Architecture III


Externally Visible Internally Visible
Contains Usage declarations Window
Contains

Plugs
M

Usage declarations

Usage declarations

Window Controller

Component Controller

Model 1

Methods

View Layout

View Controller
M

Custom Controller

Model 2

Context W e b D y n p r o C o m p o n e n t

Business Logic

(Models)

SAP AG 2005, Title of Presentation / Speaker Name / 16

Web Dynpro Component Architecture IV


Externally Visible Internally Visible
Contains Usage declarations Window
Contains

Component Interface Interface view Interface view


M

Interface Controller

Usage declarations

Window Controller
M

Component Controller

Components

Plugs
M

Usage declarations

Model 1

Methods

View Layout

View Controller
M

Custom Controller

Model 2

Context W e b D y n p r o C o m p o n e n t

Business Logic

(Models)

SAP AG 2005, Title of Presentation / Speaker Name / 17

Web Dynpro Application


An application is an entry point into a Web Dynpro component An application can be addressed via a URL

Component Interface

Automatically created with an inbound plug of type startup called default. An application is a URL associated with this special inbound plug in the interface view.

Externally Visible Internally Visible

Interface view Interface view


M

Interface Controller

Window

Window Controller
M

Component Controller

Components

SAP AG 2005, Title of Presentation / Speaker Name / 18

Web Dynpro Introduction: Unit Summary

You should now be able to understand: The basic concept behind Web Dynpro The basic architecture of a Web Dynpro Component

SAP AG 2005, Title of Presentation / Speaker Name / 19

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy