WebDynpro for ABAP Short introduction.

Slides:



Advertisements
Similar presentations
Configuration management
Advertisements

Master Pages, User Controls, Site Maps, Localization Svetlin Nakov Telerik Corporation
Apache Struts Technology
0 UMN 2011 ERP Terapan SAP BASIS General Concept Session # 3.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
Lecture 1 Introduction to the ABAP Workbench
University of Southern California Enterprise Wide Information Systems ABAP/ 4 Programming Language Instructor: Richard W. Vawter.
Page 1 Building Reliable Component-based Systems Chapter 18 - A Framework for Integrating Business Applications Chapter 18 A Framework for Integrating.
© Copyright Eliyahu Brutman Programming Techniques Course.
Developments on Application System & Integration System.
SOA & BPM Business Architecture, SOA & BPM Learn about SOA and Business Process Management (BPM) Learn how to build process diagrams.
Java Beans Component Technology Integrated, Visual Development Environments Reusable Platform-Independent Modular.
SAP CRM Fundamentals SAP CRM Web UI
UNIT-V The MVC architecture and Struts Framework.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
This chapter is extracted from Sommerville’s slides. Text book chapter
JavaServer Faces: The Fundamentals Compiled from Sun TechDays workshops (JSF Basics, Web-Tier Codecamp: JavaServer Faces, Java Studio Creator; IBM RAD)
MVC pattern and implementation in java
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Introduction to ABAP and SAP Structure
What is Sure BDCs? BDC stands for Batch Data Communication and is also known as Batch Input. It is a technique for mass input of data into SAP by simulating.
Zhonghua Qu and Ovidiu Daescu December 24, 2009 University of Texas at Dallas.
Using JavaBeans and Custom Tags in JSP Lesson 3B / Slide 1 of 37 J2EE Web Components Pre-assessment Questions 1.The _____________ attribute of a JSP page.
 To explain the importance of software configuration management (CM)  To describe key CM activities namely CM planning, change management, version management.
Enterprise JavaBeans. What is EJB? l An EJB is a specialized, non-visual JavaBean that runs on a server. l EJB technology supports application development.
In the next step you will enter some data records into the table. This can be done easily using the ‘Data Browser’. The data browser can be accessed via.
Creating Dialog (ABAP Dynpro) Programs. Slide 2 Introduction All of the ERP systems operate similarly with regard to transactional integrity They all.
CHAPTER TEN AUTHORING.
11 CORE Architecture Mauro Bruno, Monica Scannapieco, Carlo Vaccari, Giulia Vaste Antonino Virgillito, Diego Zardetto (Istat)
User Dialog Overview. Update Statement TABLES customers. SELECT SINGLE * FROM customers WHERE id = 1. IF sy-subrc = 0. customers-name = ‘John’. UPDATE.
Introduction to ABAP Selection Screens. Slide 2 Screens (Types) There are three types of screens Selection screens get parameter input for reports List.
FlexElink Winter presentation 26 February 2002 Flexible linking (and formatting) management software Hector Sanchez Universitat Jaume I Ing. Informatica.
Andrew S. Budarevsky Adaptive Application Data Management Overview.
CS3773 Software Engineering Lecture 04 UML Class Diagram.
18 April 2005CSci 210 Spring Design Patterns 1 CSci 210.
© ABB University - 1 Revision C E x t e n d e d A u t o m a t i o n S y s t e m x A Chapter 4 Engineering Workplace Course T314.
Chapter 2: Variables, Functions, Objects, and Events JavaScript - Introductory.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
By Rashid Khan Lesson 6-Building a Directory Service.
Design and Implementation of a Rationale-Based Analysis Tool (RAT) Diploma thesis from Timo Wolf Design and Realization of a Tool for Linking Source Code.
Class Builder Tutorial Presented By- Amit Singh & Sylendra Prasad.
CASE (Computer-Aided Software Engineering) Tools Software that is used to support software process activities. Provides software process support by:- –
Architecture View Models A model is a complete, simplified description of a system from a particular perspective or viewpoint. There is no single view.
Introduction to the SAP IMG Interface. Slide 2 Accessing the IMG Use transaction code SPRO or.
© FPT SOFTWARE – TRAINING MATERIAL – Internal use 04e-BM/NS/HDCV/FSOFT v2/3 JSP Application Models.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
Preface IIntroduction Objectives I-2 Course Overview I-3 1Oracle Application Development Framework Objectives 1-2 J2EE Platform 1-3 Benefits of the J2EE.
1 Copyright © 2004, Oracle. All rights reserved. Oracle Application Development Framework.
1 Chapter 12 Configuration management This chapter is extracted from Sommerville’s slides. Text book chapter 29 1.
SAP DEVELOPMENT BASICS Bohuslav Tesar. TRAINING OVERVIEW Amazing life of ABAP developer ;) SAP introduction ABAP basics ABAP Reporting.
Introduction to Active Directory
1 Integrating Models with Domain-Specific Modeling Languages 18 October 2010 Steven Kelly & Juha-Pekka Tolvanen.
34 Copyright © 2007, Oracle. All rights reserved. Module 34: Siebel Business Services Siebel 8.0 Essentials.
Quick Test Professional 9.2. Testing Process Preparing to Record Recording Enhancing a Test Debugging Running the Test and Analyzing the Results Reporting.
SAP CRM Web UI.
Enables businesses achieve greater efficiency by sharing data and processes Shared application data across legal entities – Party, Location, Products,
16 Copyright © 2004, Oracle. All rights reserved. Building ADF UIX View Components.
Working in the Forms Developer Environment
ABAP Objects Abap Proxy
SAP - CRM. SAP - CRM Course Content Introduction to SAP CRM Basics and Architecture Sap CRM Functional Overview Business Partner Organizational Management.
JavaServer Faces: The Fundamentals
Analysis models and design models
Course: Module: Lesson # & Name Instructional Material 1 of 32 Lesson Delivery Mode: Lesson Duration: Document Name: 1. Professional Diploma in ERP Systems.
An Introduction to Software Architecture
The Database Environment
Database Design Hacettepe University
Creating and Using Classes
Presentation transcript:

WebDynpro for ABAP Short introduction

Definition Web Dynpro for ABAP (WD4A, WDA) is the SAP standard UI technology for developing Web applications in the ABAP environment. The concept of Web Dynpro ABAP is identical with Web Dynpro Java and offers more or less the same functions. 

Advantages Web Dynpro is based on a metamodel concept The use of declarative and graphical tools significantly reduces the implementation effort Web Dynpro supports a structured design process Strict separation between layout and business data (MVC) Reuse and better maintainability by using components The layout and navigation is easily changed using the Web Dynpro tools Automatic data transport using data binding Automatic input check User interface accessibility is supported Full integration in the reliable ABAP development environment

Web Dynpro development environment

Model View Controller Clear separation of business logic and display logic Uniform metamodel for all types of user interfaces Execution on a number of client platforms Extensive platform independence of interfaces

Web Dynpro Component A Web Dynpro component is a reusable entity. It summarizes all elements that are required as part of this programming unit for an executable Web Dynpro application. The Web Dynpro component concept offers a number of advantages: Structuring the programming Creation of easily manageable application blocks Reusability of whole components Decoupling of software projects in both time and space The Web Dynpro component contains any number of windows and views and their corresponding controllers. Additional Web Dynpro components can also be referenced.

Web Dynpro Component

Component usage

View A view describes the layout and behavior of a rectangular area of a user interface.

Plugs and Navigation Links Navigation between different views is enabled by plugs. These can be divided into inbound and outbound plugs.  To navigate from one view to another, each outbound plug from the first view must be linked with an inbound plug of the second view with the help of a navigation link.

Web Dynpro Window A window is used to combine several Views

Controller Controllers are the active parts of a Web Dynpro application. They determine how the user can interact with the Web Dynpro application. The data that a controller can access is defined in the corresponding context. Different instances of controllers and contexts exist within a Web Dynpro application. Local controllers - View and Window controllers - control the behavior of an individual view or window Global controllers that offer more general services for all the views of a component.

Controllers

View Controller Each view has exactly one View Controller, which processes the actions performed by the user in the view. A view also has exactly one view context, which contains the data required for the view.

Global Controllers Component controller Custom cotrollers Interface controller – part of component controller visible outside the component

Interface Controller of a Component Programming part of component visible outside the component  Methods Events Context nodes

Interface View Each window has a uniquely assigned interface view. This interface view represents the outward view of the window. The interface view is linked with a Web Dynpro application so that the window can be called using a URL.

Interface View The interface view enables windows to be reused by multiple components

Web Dynpro component structure

Context Context – place in controller to store the data for display The data is managed in a hierarchical structure. Each context has a root node, underneath which the individual data fields (attributes) are stored in a tree structure. The tree structure is created according to the structure of your application.

Context NODE - a data structure within the context. ATTRIBUTE - a single data field under a node ELEMENT - an instance of a node at runtime (there may be many, e.g. for a table of data)

Context - cardinality Cardinality Meaning 1:1 The node contains only one element instance, which is instantiated automatically. 0:1 The node contains only one element instance, which must not be instantiated. 1:n The node can contain multiple element instances, of which at least one must always be instantiated (and is instantiated automatically). 0:n The node can contain multiple element instances, of which none have to be instantiated.

Things to note about the context Any data that you want to see in a view, must be in the context of the view controller You can use context attributes to control UI elements dynamically You should not treat the context as a repository for all of your data The context could be compared to a screen structure in dynpro applications

Data Binding and Mapping Defining Mapping Between Two Contexts

Data Binding and Mapping Binding a UI Element to a Context Attribute

Web Dynpro Application An independent program unit connecting a URL that can be accessed by the user with a window in the Web Dynpro component. Holds parameters and configuration Plays the role of transaction for classic program.

Example application First scenario: Create an component to display the data of standard document, e.g. Purchase Order

First step SE80

Rename window Use convention W_ and V_

Assistance class An instance of the class is created automatically for you at runtime. You can then access that instance from your methods using attribute WD_ASSIST, which is provided automatically. With an instance class in place, you are able to use text symbols in your webdynpro, which are stored in the text pool of the assistance class.

Service call You can use a wizard to create service calls to web services, function modules and class methods.

Context wizard A) B)

View - Form

Form

Control UI properties

Method to get PO data

Method to get PO data Make the method a part of interface in order to reuse

Read/Set Context

Window method

WebDynpro Application

Application parameter

Test URL http://chrome.lodestonemc.com:8000/sap/bc/webdynpro/sap/z_kojsja1_wd_po_appl?sap-language=EN&PO_NUMBER=3000000014

Example application Second scenario: Reuse component in another component

Component use

Steps Context Layout Action Outbound plug

Event handler method: read context and start navigation Result view – placeholder for view embedding: VIEW_CONTAINER_UIELEMENT

Define controller usage in view Result Implement method for inbound plug

Embed Result view in window Create navigation link Embed view from component use in Result view

Create application and test

Debugging You can dubugg by setting externall break-point

Debugging There is special tool in debugger for WebDynpro

Tips Help SAP WDYID - Transaction to run WebDynpro application in SAPGui SWDP_DEMO and SWDP_DEMO_TUTORIALS packages containing number of example applications LORD_MAINTAIN_COMP - An example of a full-scale, complex WebDynpro component for mantaining Sales Order