1. The document describes a hands-on workshop on Web Dynpro ABAP Islands that was presented at an SDN Community Day. 2. Web Dynpro is a programming model for user interfaces that uses model-view-controller design and provides tools for interface design and a runtime environment. 3. The workshop discussed how Web Dynpro can be used to develop "islands" of interactive content using technologies like Flex and Silverlight within ABAP applications.

1. SDN Community Day Mentors’ Hands-On Workshop: Web Dynpro ABAP Islands Thomas Jung, NetWeaver Product Management

6. Model View Controller (MVC) © SAP 2008 / SAP TechEd 08 / COMP277 Page 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

9. Flash Islands – Architecture Overview © SAP 2008 / SAP TechEd 08 / COMP277 Page SAP Development Tools NetWeaver Developer Studio Visual Composer SAP Programming Models ABAP Web Dynpro Rich Clients XBCML Renderer (Business Client Protocol) ABAP Workbench Java Web Dynpro Dynpro BSP Standard Controls Analytics and 3 rd Party Controls prototype HTML Renderer .Net Client Flex Client Silverlight Client WPF Client HTML (+ SAPGUI for Dynpro)

10. 3 rd Party Rich Client Native Approach Vs. Flash Islands – Comparison © SAP 2008 / SAP TechEd 08 / COMP277 Page 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 …

12. OIF (Object Instance Floorplan) © SAP 2008 / SAP TechEd 08 / COMP277 Page Identification Region Message Region Contextual Navigation Region (Top) View Container Contextual Navigation Region (Bottom)

13. OIF (Object Instance Floorplan) © SAP 2008 / SAP TechEd 08 / COMP277 Page Floorplan - provided by FPM - only configuration - dynamic behavior is possible - no coding necessary Content View - developed by application - WD Abap coding Content Area

14. GAF (Guided Activity Floorplan) © SAP 2008 / SAP TechEd 08 / COMP277 Page Identification Region Message Region Roadmap Region View Container Contextual Navigation Region (Bottom) Contextual Navigation Region

15. GAF (Guided Activity Floorplan) © SAP 2008 / SAP TechEd 08 / COMP277 Page Floorplan - provided by FPM - only configuration - dynamic behavior is possible - no coding necessary Content View - developed by application - WD Abap coding Content Area

18. Different possibilities for using the interfaces © SAP 2008 / SAP TechEd 08 / COMP277 Page

21. Further Information © SAP 2008 / SAP TechEd 08 / COMP277 Page  Related Workshops/Lectures at SAP TechEd 2008 COMP274, Developing User Interfaces With Web Dynpro ABAP COMP361, Advanced ABAP Programming  Related SAP Education and Certification Opportunities http://www.sap.com/education/  SAP Public Web: SAP Developer Network (SDN): www.sdn.sap.com Business Process Expert (BPX) Community: www.bpx.sap.com

22. © SAP 2008 / SAP TechEd 08 / COMP277 Page Thank you!