html5-img
1 / 34

Web Dynpro ABAP

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.

osric
Télécharger la présentation

Web Dynpro ABAP

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Dynpro ABAP 2008.12.19

  2. History of SAP Web Environment What is Web Dynpro? Web Dynpro Component Summary

  3. Don‘t get lost! Possible futuredevelopments R/2 ABAP ABAP/4 ABAP Objects Unicode enabled ABAP World Migration

  4. 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

  5. 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

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

  7. History of SAP Web Environment What is Web Dynpro? Web Dynpro Component Summary

  8. 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

  9. 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

  10. 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

  11. History of SAP Web Environment What is Web Dynpro? WD4A Component Summary

  12. Web Dynpro Explorer SE80

  13. 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

  14. 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

  15. 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

  16. 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

  17. ViewEditor 3a. toolbar에서 “drag and drop”으로 UI element 선택 The Layout view가 default로 선택 View의 context menu에서 Change 선택 3b. Context menu에서 “Insert Element”를 선택하여UI 추가가능 4. 속성 변경가능

  18. 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 가능

  19. Portal Integration

  20. MIME & Table views

  21. Messages & ALV Config Model ALV Config Model Table Settings (# rows,…)Field Settings (filter, …)Column Settings (vis cols…)Function Settings

  22. 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

  23. 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

  24. Mapping of Classic Dynpro Elements Dynpro Fields Screen Dynpro Field Equivalent

  25. History of SAP Web Environment What is Web Dynpro? Web Dynpro Component Summary

  26. 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.

  27. Summary ABAP vs BSP vs WD JAVA vs WD ABAP

  28. Summary Web Dynpro for ABAP 의 장 / 단점

  29. Questions? Web dynpro ABAP 구축사례

  30. 구축사례 (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), 칩스앤미디어(회계)

  31. 구축사례 (2) 1. Postech

  32. 구축사례 (3) 2. 금호석유화학

  33. 구축사례 (3) 3. 동화홀딩스

  34. Questions? Q&A

More Related