mho web dynpro abap

SDN Community DayMentors’ Hands-On Workshop: Web Dynpro ABAP Islands

Thomas Jung, NetWeaver Product Management

© SAP 2008 / SAP TechEd 08 / COMP277

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation is not subject to your license agreement or any other agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to develop or release any functionality mentioned in this presentation. This presentation and SAP's strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without 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. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP intentionally or grossly negligent.


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 common

services

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


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 DynproMetadata

Web DynproTools

Web Dynpro Runtime

JAVA ABAP


Motivation for Web Dynpro

Web Dynpro

RenderingEngine

RenderingEngine

RenderingEngine

WebBrowser

SmartClient

Web 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

??????

http://.....XML, delta

http://.....HTML, JS

Meta Data<xml>

<wd:xxx></xml>


Original MVC design for decoupling presentation and application logic

Request

Response

User Interaction Layer

Business Interaction Layer

Binding Layer

Visualizes the application data 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


Web Dynpro Components

Web Dynpro Component contains

Windows Views

UI elements Layout

Controllers Context Data Eventing Methods Attributes

Component Interface Interface Contr. Interface View

Label

Component Controller

Component

Window

View Controller

View

View Controller


Flash Islands – Motivation

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 SAP‘s programming models for new user experience

By providing Extension Points become more agile in embracing new UI technologies

By opening Web Dynpro and other programming models react faster to changing market trends

High impact on end user experience enabled by a low investment into existing SAP business applications

Clien

tS

erver

Mainframe

Client/Server

Web 1.0

Web 2.0

2007


Flash Islands – Architecture OverviewSA

P D

evelo

pm

ent

Tools

NetWeaverDeveloper

Studio

VisualComposer

SA

P P

rogra

mm

ing M

odels

ABAP Web Dynpro

Ric

h C

lients

.NetClient

FlexClient

SilverlightClient

XB

CM

L R

endere

r(B

usi

ness

Clie

nt

Pro

toco

l)

ABAPWorkbench WPF Client

Java Web Dynpro

Dynpro

BSP

HTML(+ SAPGUI for Dynpro)

StandardControls

Analytics and3rd PartyControls

prototype

HTM

LR

endere

r


3rd Party Rich Client Native Approach Vs. Flash Islands – Comparison

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, BSP

Business 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)

Identification Region

Message Region

Contextual Navigation Region (Top)

View Container

Contextual Navigation 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)

Identification Region

Message Region

Roadmap Region

View Container

Contextual Navigation Region (Bottom)

Contextual Navigation 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


IDR – Identification 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

«interface»IF_FPM_UI_BUILDING_BLOCK

«interface»IF_FPM_SHARED_DATA

«interface»IF_FPM_TRANSACTION

«interface»IF_FPM_WORK_PROTECTION

«interface»IF_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 on specification, on time, and on budget more often than other teams.”2008 IDC Certification Analysis

“82% of hiring managers use certification as a hiring criteria.”2008 SAP Client Survey

“SAP Certified Application Professional status is proof of quality, and that’s what matters most to customers.”*Conny Dahlgren, SAP Certified Professional

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


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

SDN Software Subscriptions: (currently available in U.S. and Germany) A one year low cost, development, test, and commercialization

license to the complete SAP NetWeaver software platform Automatic notification for patches and updates Continuous learning presentations and demos to build

expertise 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 at www.sdn.sap.com/irj/sdn/subscriptions


Further Information

Related Workshops/Lectures at SAP TechEd 2008COMP274, Developing User Interfaces With Web Dynpro ABAP

COMP361, Advanced ABAP Programming

Related SAP Education and Certification Opportunitieshttp://www.sap.com/education/

SAP Public Web:SAP Developer Network (SDN): www.sdn.sap.com

Business Process Expert (BPX) Community: www.bpx.sap.com


Thank you!

mho web dynpro abap

Technology

sap teched

web dynpro components

motivationfor web dynpro

web dynpro main benefits

interactive web applications

flash islands comparison

flash islands motivation

sap netweaver developer