Introduction to Web Dynpro for

ABAP
-Nilesh Araligidad

Cogent IBS Inc. 2009. All Rights reserved. 1

 Session Summary
! " One of the standout feautures of SAP Netweaver is its support for
open technology and user interfaces that are browser-based, model-
driven, device-independent, and accesible – in short, everything
today’s Web applications require

! " SAP NetWeaver’s UI technology, Webdynpro, is a first-class

approach to build application content designed to run in SAP
Netweaver Portal

! " Webdynpro is language-independent by design, it’s not just for Java

developers, but application developers fluent in ABAP will now be
able to build WebDynpro applications

Cogent IBS Inc. 2009. All Rights reserved. 2

 What we will cover…
! " Overview of SAP UI

! " What is Web Dynpro

! " Architecture of Web Dynpro ABAP

! " Web Dynpro ABAP vs Dynpro, Webdynpro Java

! " Wrap-up

! " References

! " Session Takeaways

Cogent IBS Inc. 2009. All Rights reserved. 3

 Overview of SAP UI
o" SAP GUI
o" ITS Technology ( SAP GUI for HTML )
o" ITS ( IACs , Flow Logic )
o" Business Server Pages
o" JSP and HTMLB ( tag Library ) Java
o" HTMLB for BSP
o" Web Dynpro Java ( Netweaver 2004 )
o" Web Dynpro ABAP ( Netweaver 2004s)

Cogent IBS Inc. 2009. All Rights reserved. 4

 What we will cover…
! " Overview of SAP UI

! " What is Web Dynpro

! " Architecture of Web Dynpro ABAP

! " Web Dynpro ABAP vs Dynpro, Webdynpro Java

! " Wrap-up

! " References

! " Session Takeaways

Cogent IBS Inc. 2009. All Rights reserved. 5

 What is Web Dynpro
o" A Programming Model for User Interfaces
!" Defines a standard structure for user interface applications
•" Derived from the MVC (“model-view-controller”) design
pattern
o" A Set of Tools for User Interface Design
!" Focus on graphical modeling
•" Code is generated from meta-model declarations
o" A Technology for Software Modularization
!" Components help structure applications and support pattern-
based UIs
Cogent IBS Inc. 2009. All Rights reserved. 6
 Web Dynpro Advantages
o" Deliver an Enterprise Quality Web Development Environment
!" Minimize coding, maximize design
!" Separate UI logic and business logic
!" Declarative UI development

o" Independent of client Technology

!" Browser, smart client, Mobile devices
!" Client technology independent meta data

Cogent IBS Inc. 2009. All Rights reserved. 7

 Meta-model Declaration vs. Custom coding

Meta-data

Deployable App
Generated

Compiler
Web Code
Dynpro Generator
Tools Custom
Code

! " Meta-model Declarations ! " Custom Coding

! " Guarantees common app design ! " Guarantees universality

! " Good for graphical tool support ! " Good for data-driven, dynamic apps

!" Screen Layout and Nesting !" Implementation of business rules

!" Navigation and Error Handling !" Dynamic screen modifications
!" Data Flow !" Access to services (files etc.)
!" Componentization !" Portal eventing

Cogent IBS Inc. 2009. All Rights reserved. 8

 About Cogent IBS, Inc.

Cogent Integrated Business Solutions, Inc. is an SAP focused consulting services company based
out of Bingham Farms, Michigan, USA.

CogSAP’09 is a Cogent IBS, Inc. professional development event conducted exclusively for its
employees.

No part of this presentation may be published or transmitted in any form without the express permission of Cogent IBS, Inc.

Cogent IBS Inc. 2009. All Rights reserved. 40