Upload
thomasjung
View
4.155
Download
5
Tags:
Embed Size (px)
DESCRIPTION
Learn about the new Web Dynpro Flash Islands technology that allows you to easily embed and interact with Adobe Flash and Flex components from Web Dynpro
Citation preview
SDN Community DayMentors’ Hands-On Workshop: Web Dynpro ABAP Islands
Thomas Jung, NetWeaver Product Management
© SAP 2008 / SAP TechEd 08 / COMP277 Page 2
Disclaimer
This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation is not subject to your license agreement or any other agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to develop or release any functionality mentioned in this presentation. This presentation and SAP's strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP intentionally or grossly negligent.
© SAP 2008 / SAP TechEd 08 / COMP277 Page 3
What is Web Dynpro ?
A Programming Model for User Interfaces Defines a standard structure for user interface applications
– Derived from the MVC (“model-view-controller”) design pattern
A Set of Tools for User Interface Design Focus on graphical modelling
– Code is generated from meta-model declarations Integrated in SAP NetWeaver Developer Studio and the ABAP Workbench
A Runtime Environment for Applications Framework running on SAP NetWeaver Application Server offers common
services
A Technology for Software Modularization Components help structure applications and support pattern-based UIs
© SAP 2008 / SAP TechEd 08 / COMP277 Page 4
Web Dynpro Main Benefits
Deliver an Enterprise Quality Web Development Environment
Enforce clear separation between UI logic and business logic
Little coding, lots of design
Declarative UI development
Achieve Independence Run on multiple platforms
Improve User Experience through a "High Fidelity Web UI"
Browser based, zero footprint Screen updates w/o page reloads Client-side dynamics Performance through caching 508 accessibility support
Web DynproMetadata
Web DynproTools
Web Dynpro Runtime
JAVA ABAP
© SAP 2008 / SAP TechEd 08 / COMP277 Page 5
Motivation for Web Dynpro
Web Dynpro
RenderingEngine
RenderingEngine
RenderingEngine
WebBrowser
SmartClient
Web Dynpro UI definition independent
of client technology
as much abstract declaration as possible
Different rendering engines for different (future) UI technologies without adapting application coding
??????
http://.....XML, delta
http://.....HTML, JS
Meta Data<xml>
<wd:xxx></xml>
© SAP 2008 / SAP TechEd 08 / COMP277 Page 6
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 (MVC)
Model
View
Controller
© SAP 2008 / SAP TechEd 08 / COMP277 Page 7
Web Dynpro Components
Web Dynpro Component contains
Windows Views
UI elements Layout
Controllers Context Data Eventing Methods Attributes
Component Interface Interface Contr. Interface View
Label
Component Controller
Component
Window
View Controller
View
View Controller
© SAP 2008 / SAP TechEd 08 / COMP277 Page 8
Flash Islands – Motivation
Business Trend
Emerging Web UI technologies like Adobe Flex, Microsoft Silverlight, WPF allow highly interactive web applications which fulfill customer needs
Business software vendors (Salesforce.com, Oracle, ...) already embrace these UI technologies
Customer Needs
Customers ask for more engaging and consistent user experience
Customers value web standards like HTML, CSS
Application domains (Analytics, SCM, Talent Management, ...) require specialized visualizations (e.g., charts, ...) which are not met by web standards
Opportunity
Enrich SAP‘s programming models for new user experience
By providing Extension Points become more agile in embracing new UI technologies
By opening Web Dynpro and other programming models react faster to changing market trends
High impact on end user experience enabled by a low investment into existing SAP business applications
Clien
tS
erver
Mainframe
Client/Server
Web 1.0
Web 2.0
2007
© SAP 2008 / SAP TechEd 08 / COMP277 Page 9
Flash Islands – Architecture OverviewSA
P D
evelo
pm
ent
Tools
NetWeaverDeveloper
Studio
VisualComposer
SA
P P
rogra
mm
ing M
odels
ABAP Web Dynpro
Ric
h C
lients
.NetClient
FlexClient
SilverlightClient
XB
CM
L R
endere
r(B
usi
ness
Clie
nt
Pro
toco
l)
ABAPWorkbench WPF Client
Java Web Dynpro
Dynpro
BSP
HTML(+ SAPGUI for Dynpro)
StandardControls
Analytics and3rd PartyControls
prototype
HTM
LR
endere
r
© SAP 2008 / SAP TechEd 08 / COMP277 Page 10
3rd Party Rich Client Native Approach Vs. Flash Islands – Comparison
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
…
© SAP 2008 / SAP TechEd 08 / COMP277 Page 11
Goals and Scope of FPM
Goals Increase development efficiency for UI
Often used UI parts are centrally developed / maintained Easy implementation of standard UI components
Increase consistency UI and interaction behavior Guaranteed guideline compliance
Configuration for customers consistent in all applications
© SAP 2008 / SAP TechEd 08 / COMP277 Page 12
OIF (Object Instance Floorplan)
Identification Region
Message Region
Contextual Navigation Region (Top)
View Container
Contextual Navigation Region (Bottom)
© SAP 2008 / SAP TechEd 08 / COMP277 Page 13
OIF (Object Instance Floorplan)
Floorplan - provided by FPM- only configuration- dynamic behavior is possible - no coding necessary
Content View- developed by application- WD Abap coding
Content Area
© SAP 2008 / SAP TechEd 08 / COMP277 Page 14
GAF (Guided Activity Floorplan)
Identification Region
Message Region
Roadmap Region
View Container
Contextual Navigation Region (Bottom)
Contextual Navigation Region
© SAP 2008 / SAP TechEd 08 / COMP277 Page 15
GAF (Guided Activity Floorplan)
Floorplan - provided by FPM- only configuration- dynamic behavior is possible - no coding necessary
Content View- developed by application- WD Abap coding
Content Area
© SAP 2008 / SAP TechEd 08 / COMP277 Page 16
IDR – Identification Region
Configuration of Window title Window header Ticket area Header area (label + text or label + link) Personalization link Help link
(Static configuration for static texts, dynamic filling is possible)
© SAP 2008 / SAP TechEd 08 / COMP277 Page 17
Example for OIF floorplan
Provided centrally by Floorplan manager, configured by application
Provided by application development ERP backend
Application
Floorplan manager
End user
Configuration for UI composition
Floorplan controller
UI Building blocks
Shared Data
ERP business logic
ERP business data
R
R
WD ABAP runtime
Administrator
R
R R
R
R
Configuration controller
R
Configuration controller
R
R
© SAP 2008 / SAP TechEd 08 / COMP277 Page 18
Different possibilities for using the interfaces
«interface»IF_FPM_UI_BUILDING_BLOCK
«interface»IF_FPM_SHARED_DATA
«interface»IF_FPM_TRANSACTION
«interface»IF_FPM_WORK_PROTECTION
«interface»IF_FPM_RESSOURCE_MANAGER
Address_Overview Address_Edit Address_Review Address_Confirmation Address_Data
� All entities implemented in a separate WD component
«interface»IF_FPM_UI_BUILDING_BLOCK
«interface»IF_FPM_SHARED_DATA
«interface»IF_FPM_TRANSACTION
«interface»IF_FPM_WORK_PROTECTION
«interface»IF_FPM_RESSOURCE_MANAGER
� Share all UI building blocks and data in one WD component
� Share some UI building blocks but keep data separate
«interface»IF_FPM_UI_BUILDING_BLOCK
«interface»IF_FPM_SHARED_DATA
«interface»IF_FPM_TRANSACTION
«interface»IF_FPM_WORK_PROTECTION
«interface»IF_FPM_RESSOURCE_MANAGER
Address_Overview Address_EditAddress_Review_And_
ConfirmationAddress_Data
Address
J and many more...
© SAP 2008 / SAP TechEd 08 / COMP277 Page 19
Fuel your Career with SAP Certification
What the industry is saying
“Teams with certified architects and developers deliver projects on specification, on time, and on budget more often than other teams.”2008 IDC Certification Analysis
“82% of hiring managers use certification as a hiring criteria.”2008 SAP Client Survey
“SAP Certified Application Professional status is proof of quality, and that’s what matters most to customers.”*Conny Dahlgren, SAP Certified Professional
Take advantage of the enhanced, expanded and multi tier certifications from SAP today!
© SAP 2008 / SAP TechEd 08 / COMP277 Page 20
SDN Subscriptions offers developers and consultants like you, an annual license to the complete SAP NetWeaver platform software, related services, and educational content, to keep you at the top of your profession.
SDN Software Subscriptions: (currently available in U.S. and Germany) A one year low cost, development, test, and commercialization
license to the complete SAP NetWeaver software platform Automatic notification for patches and updates Continuous learning presentations and demos to build
expertise in each of the SAP NetWeaver platform components A personal SAP namespace
SAP NetWeaver Content Subscription: (available globally) An online library of continuous learning content to help build skills.
Starter Kit
Building Your Business with SDN Subscriptions
To learn more or to get your own SDN Subscription, visit us at the Community Clubhouse or at www.sdn.sap.com/irj/sdn/subscriptions
© SAP 2008 / SAP TechEd 08 / COMP277 Page 21
Further Information
Related Workshops/Lectures at SAP TechEd 2008COMP274, Developing User Interfaces With Web Dynpro ABAP
COMP361, Advanced ABAP Programming
Related SAP Education and Certification Opportunitieshttp://www.sap.com/education/
SAP Public Web:SAP Developer Network (SDN): www.sdn.sap.com
Business Process Expert (BPX) Community: www.bpx.sap.com
© SAP 2008 / SAP TechEd 08 / COMP277 Page 22
Thank you!