Академический Документы
Профессиональный Документы
Культура Документы
Step-by-step Demonstration:
How to Design a Structured
Web Dynpro Application
Carsten Brandt, SAP
Peter McNulty, SAP Labs
Learning Objectives
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Business Universe
ERP legacy
~15 systems
ERP non-SAP SAP R/3
~25 systems,different ~30 systems,
versions,vendors Versions 3.11 - 4.6B
Technical Non-SAP
systems
SAP E-Procurement
NetWeaver 10 units
Enterprise Services
Architecture
Trading
SAP Enterprise Buyer
Professional Edition
Collaborative
Engineering
E-Commerce Applications
SAP NetWeaver
SAP NetWeaver™
NetWeaver™
SAP Mobile Infrastructure
People Integration
Multi-Channel Access
Information Integration
Life Cycle Management
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Web
Web Browser
Browser Mobile
Mobile Devices
Devices
SMTP
RFC 3rd
3rd party
party apps
apps //
SAP
SAP GUI
GUI HTTP(S) exchange
exchange infrastructure
infrastructure
SOAP/XML
Connectivity
Internet Communication Manager
Persistence
Database Abstraction
SAP
SAP Web
Web Application
Application Server
Server
Presentation Layer
Java
JSP Web Dynpro Dictionary
Servlet
Business Layer
Web Datatypes
EJB
Services
Entity Schema
JDO
Beans
JDBC SQLJ
Open SQL
Persistence Layer
Development Cycle
Development J2EE
SAP NetWeaver Developer Studio &
Infrastructure
DB
Software Logistics
(SL)
Component
Web J2EE and Java
Dynpro Web Dictionary Build
DeploySAP
Tools Service and Service J2EE
Tools Persistence
(CBS) Engine
Tools
Design
Time
Repository
Plug-In Registry (DTR)
- Platform
Local File System Database
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP Netweaver Developer Studio
Summary
ABAP
Complete central environment Dev.
for build and test Client
Java
Dev. Dev. Dev.
Independent from central server
Client Client Client
Availability
Performance Check
Offline usage in / out
Data
Check-in types Instant
changes minimal
component Software
build Deployment
Manager
Activate OK?
Central
integration
test
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP Netweaver Developer Studio
Summary
Achieve Independence
run on multiple platforms
Reusable components
Construct applications from „patterns“
Model-View-Controller architecture
Model: encapsulates the business logic and persistence
View: defines the visualization of data
Controller: handles events, updates the model, shows the next view
HandleEvents
Handle Events
Update applicationdata
Update application data
Definecontrol
Define controlflow
flow
Request
Controller
Model
Defines
Definesapplication
applicationdata
data
Usually
Usually connectedto
connected to
business
businessfunctionality
functionality
Response
View
Visualization
Visualizationof
ofthe
the
application
applicationdata
data
Product
Details
Each view
has it‘s own
layout
Navigation links
Customer
Search
Customer Product
Details Details
Customer Product
List List
Empty
Customer
Search
Customer Product
Details Details
Each view Navigation links A view area can View sets are
has it‘s own define possible display multiple views, arrangements
layout view sequences but only one at a time of view areas
Controller
access to other Custom Context
controller contexts coding
RootNode
user actions MyFirstNode
Event ...
framework
handlers MyScndNode
registered events FirstAttr
from other controller ScndAttr
calls from other controller ThrdAttr
...
raise events for Methods MyThrdNode
other controllers ...
calls to other ...
controller methods
View
View
Controller Custom
Controller
View
View
Controller usages
View Custom
View Controller
Controller
Controller
Custom Context
coding
RootNode
MyFirstNode
Event ... bindings
handlers MyScndNode to UI
FirstAttr
ScndAttr
elements
ThrdAttr
...
Methods MyThrdNode mappings
... to other
...
controllers’
contexts
Model-View-Controller
View Custom
View Controller
Controller
6.30
Developer
Studio Backend
Web Dynpro RMI Application
Web
Application Business
Dynpro
Objects/Data
Tools J2EE Web Dynpro Runtime
J2EE Backend Service
SOAP
SOAP
ABAP Backend
Web Dynpro Application
Workbench
Application Business
Web RFC, BAPI Objects/Data
Dynpro ABAP Web Dynpro Runtime
Tools ABAP Backend Service
6.40
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
•…
Flight Component
Route Component
Guide Component
ItemSearch
Subcomponent
ItemAvailability
Subcomponent
CustomerDetails
Subcomponent
PurchaseOrder
Subcomponent
ContractConfirm.
Subcomponent
Call
• method: getFlights
determines all flights that meet the previously selected criteria
• action: GoSimple
triggers a simple flight search
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
• SimpleSearchView
entry option for simple flight search criteria
• AdvancedSearchView
entry option for advanced flight search criteria
• SearchResultView
table of flights found
• SearchResultDetailView
detail information about selected flight in the table
SimpleSearch
View
AdvancedSearch
View EmptyView
SearchResult
View
EmptyView SearchResult
DetailView
• 3 Labels:
• Departure location (“From:”)
• Arrival location (“To:”)
• Departure date (“Date:”)
•3 InputFields:
• Departure location
• Arrival location
• Departure date
• 2 Buttons:
• Advanced search (“Open Advanced Search”)
• Search start (“Go!”)
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
View Model
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Agenda
Demo Application
SAP NetWeaver Overview
Development Environment
SAP Web Application Server
Development Infrastructure
SAP NetWeaver Developer Studio
Summary
Summary
Further Information
Consulting Contact
Carsten Brandt (carsten.brandt@sap.com)
Peter McNulty (peter.mcnulty@sap.com)
Questions?
Q&A
Feedback
Thank You !
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express
permission of SAP AG. The information contained herein may be changed without prior notice.
Some software products marketed by SAP AG and its distributors contain proprietary software components of other
software vendors.
Microsoft®, WINDOWS®, NT®, EXCEL®, Word®, PowerPoint® and SQL Server® are registered trademarks of
Microsoft Corporation.
IBM®, DB2®, DB2 Universal Database, OS/2®, Parallel Sysplex®, MVS/ESA, AIX®, S/390®, AS/400®, OS/390®,
OS/400®, iSeries, pSeries, xSeries, zSeries, z/OS, AFP, Intelligent Miner, WebSphere®, Netfinity®, Tivoli®, Informix
and Informix® Dynamic ServerTM are trademarks of IBM Corporation in USA and/or other countries.
ORACLE® is a registered trademark of ORACLE Corporation.
UNIX®, X/Open®, OSF/1®, and Motif® are registered trademarks of the Open Group.
Citrix®, the Citrix logo, ICA®, Program Neighborhood®, MetaFrame®, WinFrame®, VideoFrame®, MultiWin® and
other Citrix product names referenced herein are trademarks of Citrix Systems, Inc.
HTML, DHTML, XML, XHTML are trademarks or registered trademarks of W3C®, World Wide Web Consortium,
Massachusetts Institute of Technology.
JAVA® is a registered trademark of Sun Microsystems, Inc.
JAVASCRIPT® is a registered trademark of Sun Microsystems, Inc., used under license for technology invented
and implemented by Netscape.
MarketSet and Enterprise Buyer are jointly owned trademarks of SAP AG and Commerce One.
SAP, R/3, mySAP, mySAP.com, xApps, xApp, SAP NetWeaver and other SAP products and services mentioned
herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and in
several other countries all over the world. All other product and service names mentioned are the trademarks of
their respective companies.
WATCH THE
REPLAYS,
DOWNLOAD THE
SLIDES, AND READ
THE TRANSCRIPTS.
www.sap.com/community