mhowebdynproabap-1222344342745109-9

7/30/2019 mhowebdynproabap-1222344342745109-9

1/22

SDN Community Day

Mentors Hands-On Workshop: Web

Dynpro ABAP Islands

Thomas Jung, NetWeaver Product Management


2/22

SAP 2008 / SAP TechEd 08 / COMP277 Page 2

Disclaimer

This presentation outlines our general product direction and should not berelied on in making a purchase decision. This presentation is not subject toyour license agreement or any other agreement with SAP. SAP has noobligation to pursue any course of business outlined in this presentation or todevelop or release any functionality mentioned in this presentation. Thispresentation and SAP's strategy and possible future developments are

subject to change and may be changed by SAP at any time for any reasonwithout notice. This document is provided without a warranty of any kind,either express or implied, including but not limited to, the implied warranties

of merchantability, fitness for a particular purpose, or non-infringement. SAPassumes no responsibility for errors or omissions in this document, except if

such damages were caused by SAP intentionally or grossly negligent.


3/22


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 NetWeaver Application Server offers commonservices

A Technology for Software Modularization Components help structure applications and support pattern-based UIs


4/22


Web Dynpro Main Benefits

Deliver an Enterprise Quality

Web Development Environment

Enforce clear separation between UI logic and

business logic

Little coding, lots of design

Declarative UI development

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

Client-side dynamics

Performance through caching

508 accessibility support

Web Dynpro

Metadata

Web Dynpro

Tools

Web Dynpro Runtime

JAVA ABAP


5/22


6/22


Original MVC design for decoupling presentation and

application logic

Request

Response

User Interaction Layer

Business Interaction Layer

Binding Layer

Visualizes the applicationdata without caring how it

was generated.

Generates the application

data without caring how it

will be displayed.Binds the user and business

interaction layers together. All

intermediate processing is

performed here.

Model View Controller (MVC)

Model

View

Controller


7/22 SAP 2008 / SAP TechEd 08 / COMP277 Page 7

Web Dynpro Components

Web Dynpro

Component contains Windows

Views

UI elements

Layout Controllers

Context Data

Eventing

MethodsAttributes

Component Interface

Interface Contr.

Interface View

Label

Component

Controller

Component

Window

View

ControllerView

View

ControllerView



Flash IslandsMotivation

Business Trend

Emerging Web UI technologies like Adobe

Flex, Microsoft Silverlight, WPF allow highly

interactive web applications which fulfill

customer needs

Business software vendors (Salesforce.com,

Oracle, ...) already embrace these UI

technologies

Customer Needs

Customers ask for more engaging and

consistent user experience

Customers value web standards like HTML,

CSS

Application domains (Analytics, SCM, Talent

Management, ...) require specialized

visualizations (e.g., charts, ...) which are not

met by web standards

Opportunity

Enrich SAPs programming models

for new user experience

By providing Extension Points

become more agile in embracing

new UI technologies

By opening Web Dynpro and otherprogramming models react faster

to changing market trends

High impact on end user

experience enabled by a low

investment into existing

SAP business applications

Client

Server

Mainframe

Client/Server

Web 1.0

Web 2.0

2007



Flash IslandsArchitecture Overview

S

APDevelopme

ntTools

NetWeaverDeveloper

Studio

VisualComposer

SA

PProgrammin

gModels

ABAPWeb Dynpro

RichClients

.NetClient

Flex

Client

Silverlight

Client

XBCMLRenderer

(BusinessClientProtocol)

ABAP

Workbench WPF Client

Java

Web Dynpro

Dynpro

BSP

HTML(+ SAPGUI for Dynpro)

StandardControls

Analytics and3rd PartyControls

prototype

HTML

Renderer



3rd Party Rich Client Native Approach Vs.

Flash IslandsComparison

Criterion Native

Flex/Silverlight

Flash Islands

Engaging end user experience Very good Very good(but depends on how coarse grained

Islands are)

Tool Support Flex Builder,

Visual Studio

SAP tools(Non SAP tools can be used)

Required UI knowledge for app developers ActionScript,

C#, JavaScript

ABAP or Java Web

Dynpro, Dynpro, BSPBusiness logic implemented in ActionScript, C#,

JavaScript

ABAP or Java

Degree of Enterprise Readiness Low/Medium(accessibility, i18n issues)

High

Can SAP customers be supported? ? Yes

UI Technology vendor dependency High Low

Can SAP Rendering Performance KPIs be met? No Yes



Goals and Scope of FPM

Goals

Increase development efficiency for UI Often used UI parts are centrally developed / maintained

Easy implementation of standard UI components

Increase consistency

UI and interaction behavior Guaranteed guideline compliance

Configuration for customers consistent in all applications



OIF (Object Instance Floorplan)

IdentificationRegion

Message Region

ContextualNavigation Region(Top)

View Container

ContextualNavigation Region(Bottom)



OIF (Object Instance Floorplan)

Floorplan- provided by FPM- only configuration- dynamic behavior is possible- no coding necessary

Content View- developed by application- WD Abap coding

Content Area



GAF (Guided Activity Floorplan)

IdentificationRegion

Message Region

Roadmap Region

View Container

ContextualNavigation Region

(Bottom)

ContextualNavigation Region



GAF (Guided Activity Floorplan)

Floorplan- provided by FPM- only configuration- dynamic behavior is possible- no coding necessary

Content View- developed by application- WD Abap coding

Content Area



IDRIdentification Region

Configuration of

Window title

Window header

Ticket area

Header area (label + text or label + link)

Personalization link

Help link

(Static configuration for static texts, dynamic filling is possible)



Example for OIF floorplan

Provided centrally by Floorplan

manager, configured by application

Provided by application development ERP backend

Application

Floorplan manager

End user

Configuration for

UI composition

Floorplan

controller

UI Building

blocks

Shared Data

ERP business logic

ERP business data

R

R

WD ABAP runtime

Administrator

R

R R

R

R

Configuration

controller

R

Configuration

controller

R

R



Different possibilities for using the interfaces

interfaceIF_FPM_UI_BUILDING_BLOCK

interfaceIF_FPM_SHARED_DATA

interfaceIF_FPM_TRANSACTION

interfaceIF_FPM_WORK_PROTECTION

interfaceIF_FPM_RESSOURCE_MANAGER

Address_Overview Address_Edit Address_Review Address_Confirmation Address_Data

All entities implemented in a separate WD component






Share all UI building blocks and data in one WD component

Share some UI building blocks but keep data separate






Address_Overview Address_EditAddress_Review_And_

ConfirmationAddress_Data

Address

J and many more...



Fuel your Career with SAP Certification

What the industry is saying

Teams with certified architects

and developers deliver projects onspecification, on time, and onbudget more often than otherteams.2008 IDC Certification Analysis

82% of hiring managers usecertification as a hiring criteria.2008 SAP Client Survey

SAP Certified ApplicationProfessional status is proof ofquality, and thats what matters

most to customers.*Conny Dahlgren, SAP Certified Professional

Take advantage of the enhanced, expanded and multi tier certificationsfrom SAP today!



SDN Subscriptions offers developers and consultants like you,an annual license to the complete SAP NetWeaver platformsoftware, related services, and educational content, to keepyou at the top of your profession.

SDN Software Subscriptions: (currently available in U.S. and Germany)

A one year low cost, development, test, and commercializationlicense to the complete SAP NetWeaver software platform

Automatic notification for patches and updates

Continuous learning presentations and demos to buildexpertise in each of the SAP NetWeaver platform components

A personal SAP namespace

SAP NetWeaver Content Subscription:(available globally)

An online library of continuous learning content to help build skills.Starter Kit

Building Your Business with

SDN Subscriptions

To learn more or to get your own SDN Subscription, visit us at the

Community Clubhouse or atwww.sdn.sap.com/irj/sdn/subscriptions
http://www.sdn.sap.com/irj/sdn/subscriptionshttp://www.sdn.sap.com/irj/sdn/subscriptions



Further Information

Related Workshops/Lectures at SAP TechEd 2008

COMP274, Developing User Interfaces With Web Dynpro ABAP

COMP361, Advanced ABAP Programming

Related SAP Education and Certification Opportunities

http://www.sap.com/education/

SAP Public Web:

SAP Developer Network (SDN): www.sdn.sap.comBusiness Process Expert (BPX) Community: www.bpx.sap.com
http://www.sap.com/education/http://www.sdn.sap.com/http://www.bpx.sap.com/http://www.bpx.sap.com/http://www.sdn.sap.com/http://www.sap.com/education/


22/22

Thank you!

mhowebdynproabap-1222344342745109-9

Documents