web dynpro abap l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Web Dynpro ABAP PowerPoint Presentation
Download Presentation
Web Dynpro ABAP

Loading in 2 Seconds...

play fullscreen
1 / 34

Web Dynpro ABAP - PowerPoint PPT Presentation


  • 650 Views
  • Uploaded on

Web Dynpro ABAP. 2008.12.19. History of SAP Web Environment. What is Web Dynpro ?. Web Dynpro Component. Summary. Don‘t get lost!. Possible future developments . R/2 ABAP. ABAP/4. ABAP Objects. Unicode enabled. ABAP World. Migration. Evolution of SAP NetWeaver. Ramp-Up.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Web Dynpro ABAP' - osric


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web dynpro abap

Web Dynpro ABAP

2008.12.19

slide2

History of SAP Web Environment

What is Web Dynpro?

Web Dynpro Component

Summary

abap world

Don‘t get lost!

Possible futuredevelopments

R/2 ABAP

ABAP/4

ABAP Objects

Unicode enabled

ABAP World

Migration

evolution of sap netweaver
Evolution of SAP NetWeaver

Ramp-Up

Unrestrictedshipment

SAP NetWeaver 2004s

SAPME 2.0

SAP ME 2.1

Start

SAPNetWeaver’04

SAP NetWeaver™

SAP NetWeaver™

SAP MI 2.5

PEOPLE INTEGRATION

PEOPLE INTEGRATION

Multichannel access

Multichannel access

SAP EP 6.0 SP3

SAP EP 5.0

SAP EP 6.0

Portal

Portal

Collaboration

Collaboration

SAP BW 3.5

INFORMATION INTEGRATION

INFORMATION INTEGRATION

SAPBW 3.0

BI 3.1

Content

BI 3.2Content

BI 3.3Content

SAP MDM 2.0

SAP MDM 2.0 *

New Dimensionproducts

Bus. Intelligence

Bus. Intelligence

Knowledge Mgmt

Knowledge Mgmt

Master Data Mgmt

Master Data Mgmt

SAP XI 3.0

Composite Application Framework

Composite Application Framework

Life Cycle Mgmt

Life Cycle Mgmt

SAP Web AS 6.30

SAP Web AS 6.20

SAP Web AS 6.40

PROCESS INTEGRATION

PROCESS INTEGRATION

SAP XI 1.0

SAP XI 2.0

SAPXI 3.0

Integration Broker

Integration Broker

BusinessProcess Mgmt

BusinessProcess Mgmt

SAP Web AS

2002

2003

2004

2005

2001

1992

1979

SAP R/3 Basis

APPLICATION PLATFORM

APPLICATION PLATFORM

SAP R/2 Basis

J2EE

J2EE

ABAP

ABAP

DB and OS Abstraction

DB and OS Abstraction

  • SAP R/2에서의 시작…
    • SAP Technology platform은 application server 기반의 mainframe으로부터 client-server로, 그리고 Netweaver로 진화해 왔다.
  • …SAP, ISVs, 3rd Party, and customer applications들을 위한 single platform으로의진화

First“Synchronized”

Release

Second“Synchronized”

Release

application sever 6 10 before bsp
Application Sever < 6.10 (Before BSP)

Browser

User Access

  • SAP GUI
  • SAP ITS(Web Studio)를통한 Web Browser와 Mobile Devices

User Interface Programming

  • Dynpro

Programming Language

  • ABAP

Connectivity

  • RFC
  • Connectors와 gateways를 통한 3rd party infrastructure로의 연결

ITS

Application Server

ABAP

RFC

realization of business server page
Realization of Business Server Page
  • SAP Web Application Server (WAS)
  • 일반적인 SAP communication 지원 (RFC, BAPIs, IDOCS, ALE,…)
  • 완벽한 Infrastructure 제공 ( Transport, correction, translation, monitoring, user management,…)
slide7

History of SAP Web Environment

What is Web Dynpro?

Web Dynpro Component

Summary

what is web dynpro
What is Web Dynpro ?

User Interfaces를 위한 Programming Model

  • MVC (“model-view-controller”) design pattern

User Interface Design을 위한 Tool Set

  • Focus on graphical modelling
    • Code is generated from meta-model declarations

Applications을 위한 Runtime 환경

  • Common services를제공하는 SAP WAS에서의 framework

Software Modularization을 위한 기술

  • Components help structure applications and support pattern-based UIs
objectives of web dynpro
Objectives of Web Dynpro

Model-based UI development

  • UI logic과 business logic의 분리
  • Little coding, lots of design
  • 평이한 UI development

다양한 client technology

  • Browser, Smart Client, Mobile Device,…

major platforms 지원

  • NetWeaver

Saves SAP’s and customers’ investments

  • Conversion of classic ABAP Screens
web dynpro for java and abap

Component A

Comp Controller

Window

View

Method A

Event E

View

Context

Context

Node

Node

Web Dynpro for Java and ABAP

Similar in Both Worlds

  • 동일한 Programming model
    • Component
    • Controller, Context
    • Views, Windows
    • ...
  • Unified Rendering

JAVA

Component A

Comp Controller

Main Differences

  • Dev Environment
    • ABAP Workbench (centr.)
    • NW Dev Studio (distr.)
  • Runtime
    • J2EE Engine
    • ABAP Basis

Window

ABAP

Method A

Event E

slide11

History of SAP Web Environment

What is Web Dynpro?

WD4A Component

Summary

web dynpro component
Web Dynpro Component

Main Web Dynpro Component parts

  • Windows
  • Views
    • UI elements
    • Layout
    • Controller
    • Context
    • ….
  • Component Controllers
    • Context
    • ….
  • Applications
    • Parameters
    • Properties

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

Window

Component Controller

View

View Controller

Context

Context

View

View Controller

Context

context and data transport
Context and Data Transport

Context

  • data를 담는 container 역할
  • Mapping에 의해 Controller간의 data transport
  • View간의 data transport가 용이

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

Window

Component Controller

View

View Controller

Context

Context

Root Node

Root Node

Node 1

Node 1

Node 2

View

View Controller

Node 3

Context

Root Node

Node 3

Label

context mapping
Context Mapping

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

View Controller

Component Controller

Context Root

Context Root

FLIGHTS

FLIGHTS

BOOKINGS

BOOKINGS

BOOKID

BOOKID

Controller

Usage

Declaration

CUSTID

CUSTID

CLASS

CLASS

PASSN

PASSN

CARRID

CARRID

CONNID

CONNID

FLDATE

FLDATE

PRICE

PRICE

Mapped node collection

Node collection of mapping origin

Mapping Relationship

putting data on the screen data binding

Root Node

Root Node

FLIGHTS

FLIGHTS

BOOKINGS

BOOKINGS

BOOKID

BOOKID

CUSTID

CUSTID

CLASS

CLASS

PASSN

PASSN

CARRID

CARRID

CONNID

CONNID

FLDATE

FLDATE

PRICE

PRICE

Putting data on the screen: Data Binding

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

View controller context

Component controller context

Component text

View

View layout

Context mapping

Data Binding

view editor
ViewEditor

3a. toolbar에서 “drag and drop”으로 UI element 선택

The Layout view가 default로 선택

View의 context menu에서 Change 선택

3b. Context menu에서 “Insert Element”를 선택하여UI 추가가능

4. 속성 변경가능

navigation between views in window
Navigation between views in Window

Window

CustomerSearch

Customer List

Out

In

Inbound plug

Outbound plug

Navigation link

  • Window 영역에서 진행
  • View간의 navigation을 위해 Inbound / outbound plug가 필요
  • Navigation link를 통해 navigation flow 가능
messages alv config model
Messages & ALV Config Model

ALV Config Model

Table Settings (# rows,…)Field Settings (filter, …)Column Settings (vis cols…)Function Settings

adobe forms in wd abap
Adobe Forms in WD ABAP

Basic Forms Functionality

  • Define Form in system
    • Layout (Adobe Designer)
    • Data structure
  • Form is generated
    • Function for generating PDF

Integration into Web Dynpro

  • Place Form in InteractiveForm UI container element
  • Map context data to forms API
  • Form is displayed at runtime
      • Printing
      • Interactive Form
dy npro design time conversion to web dynpro
Dynpro Design Time Conversion to Web Dynpro

Dynpro Design Time Conversion

  • ABAP Screen을 Web Dynpro Metadata로 변환
  • 단지 screen layout information만 Web Dynpro View로 변환
  • Web Dynpro 개발 환경에서 추가적인 개발 진행필요

classic ABAP Screens

Web Dynpro Runtime

Rendering

Engine

Web Dynpro Development

Environment

WD Meta Data

WD Meta Data

WD Meza Data

Wd Meta Data

ScreensModule PoolsScreensModule Pools

mapping of classic dynpro elements
Mapping of Classic Dynpro Elements

Dynpro Fields

Screen

Dynpro Field Equivalent

slide25

History of SAP Web Environment

What is Web Dynpro?

Web Dynpro Component

Summary

summary
Summary

Web Dynpro is a step into the world of SAP

NetWeaver technology.

Most applications, however, will need additional

enhancements to make them completely

suitable for the Web.

Web Dynpro will help you to save your

investments when you migrate your own

applications to a new browser-based user

interface.

summary27
Summary

ABAP vs BSP vs WD JAVA vs WD ABAP

summary28
Summary

Web Dynpro for ABAP 의 장 / 단점

questions
Questions?

Web dynpro ABAP

구축사례

slide30
구축사례 (1)
  • Postech (포항공대)
    • 2006.10 ~ 2007.03
    • 인사(HR), 학사(CM), 설비관리(PM), RND(PS)
  • 금호석유화학
    • 2007.09 ~ 2007.12
    • CRM, RND(PS)
  • 금호아시아나/금호타이어
    • 2006 ~ 2007 초
    • 인사(HR)..
    • 동화홀딩스(국내 & 말레이시아 법인)
    • 2008.04 ~ 2008.12
    • 인사(HR), 비용관리(FI)
    • SSCP(SCM), 칩스앤미디어(회계)
slide32
구축사례 (3)

2. 금호석유화학

slide33
구축사례 (3)

3. 동화홀딩스