comp103 web dynpro

COMP103 Web Dynpro & Visual Composer Which Tool Should I Use?

© SAP 2008 / SAP TechEd 08 / <COMP103>

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.


Session Speakers

Dafna YanaySAP NetWeaver Product Management

Yariv ZurSAP NetWeaver Product Management

Tadeusz MalekSAP NetWeaver RIG

Michael PortnerSAP Custom Development

Patrick Pant SAP Custom Development

Matthias Steiner SAP Custom Development


1. Mainstream UI Tools of SAP NetWeaver2. Comparison Between Web Dynpro and Visual Composer3. Which Tool Should I Use? 4. SAP Custom Development – Showcase Story

Agenda


Java Application Server

Robust, enterprise-class Java EE 5 application server

Eclipse Development Environment

SAP NetWeaverDeveloper Studio: Eclipse based development and modeling environment

SAP NetWeaver Composition Environment 7.1 (1/2)


Java Application Server

Robust, enterprise-class Java EE 5 application server

Eclipse Development Environment

SAP NetWeaverDeveloper Studio: Eclipse based development and modeling environment

SAP NetWeaver Composition Environment 7.1 (2/2)

Proc

esse

sEvent Flow / Rules

Role

SAP NetWeaverBPM for process composition

View

s

Portal and Web FormsMobile

and VoiceAnalytics

SAP NetWeaver Visual Composer for model-driven UI development (incl. analytics and voice)Web Dynpro JavaSAP Interactive Forms by AdobeFederated Portal Network

Enterprise Services Repository and Registry (ESR)Software lifecycle management and logistics (NWDI)

Bus

Data or File

Web Services / Enterprise Services Connectivity

Serv

ices

Service façade

New service

Data service

Enterprise service

Basic service

SAP Composite Application Framework (CAF) business object modeling and service composition


Web Dynpro

Web Dynpro is a development toolset and a runtime environment for creating business applications that have web-based user interfaces

NWDS

Web Dynpro Java Client Agnostic

Stack Agnostic

Standard Compliant

Scalable

Robust

SAP’s Main UI Programming Tool

Client Agnostic

Stack Agnostic

Standard Compliant

Scalable

Robust

SAP’s Main UI Programming Tool


Visual Composer

Visual Composer is a graphical modeling environment that enables code-free modeling and composition of UI elements to rapidly create and adapt rich user interfaces

BrowserRapid Development

No Coding

Browser Version for zero-footprint

Scalable

Robust

SAP’s Main UI Modeling Tool

Rapid Development

No Coding

Browser Version for zero-footprint

Scalable

Robust

SAP’s Main UI Modeling Tool

WD4VC

NWDS



Agenda


Comparison – Design Time

Web Dynpro Visual Composer

Model – based development environment

Fast learning curve & low entry barrier (non programmer can read and develop)

Rapid application development

Creation of web-based, user interfaces for business applications

Separation of presentation logic and data logic

Componentization/reuse

Access to different backend systems

Model & code-based development environment(Eclipse-based)

Powerful combination of Java and MVC paradigm

Openness to various data sources using the CMI model


Comparison – Runtime

Personalization

Client agnostic

Accessibility

Translation

UI Rendering (common look & feel, supported browsers, etc.)

WD for VC

Web DynproLarge set of UI controls

Mobile support

Adobe interactive forms support


1. Mainstream UI Tools of SAP NetWeaver2. Comparison Between Web Dynpro and Visual Composer3. Which Tool Should I Use?4. SAP Custom Development – Showcase Story

Agenda


Web Dynpro

CoverageLow High

Low

High

SAP BI Data

What Is the Source of your Data?*

EJBs***

SAP BAPIs

and RFCs

Complex Services**

* Partial list of sources**Better support in

Visual Composer 7.1 EhP1***Supported in

Visual Composer 7.1 EhP1

Non‐SAP BI Data 3rd Party Web services

Visua

l Com

poser Cov

erage


Web Dynpro

CoverageLow High

Low

High

Which Action do you Want to Perform?*Visua

l Com

poser Cov

erage

* Partial list of actions

SAP BI Data

EJBs***

SAP BAPIs

and RFCs

Complex Services**

Non‐SAP BI Data 3rd Party web service

Join two or more services and

display the output in one screen

Display the output of a

service in a UI element

(e.g. form, table, chart)

Data manipulation

(sorting, filtering, etc.)

Data mapping


Visua

l Com

poser Cov

erage

Web Dynpro

CoverageLow High

Low

High

What Are your Business Application UI Requirements?*

Tree control

Capability sample

*Partial list of UI elements**Supported in

Visual Composer 7.2

SAP BI Data

EJBs***

SAP BAPIs

and RFCs

Complex Services**




Output the output of a service

in a UI Element

(e.g. form, table, chart)

Data manipulation

(Sorting, Filtering, etc.)

Data MappingALV Table

Gantt

Diagram

File upload

control**

Pie chart

Wizard

container

Date picker

control


Visua

l Com

poser Cov

erage

Web Dynpro

CoverageLow High

Low

High

What Type of Skills and Experience Are Available for the Application Development?*

* Partial list of roles

Tree control

SAP BI Data

EJBs***

SAP BAPIs

and RFCs

Complex Services**




Output of a service in a UI

Element (e.g. form, table, chart)

Data manipulation



Gantt

Diagram

File upload

control**

Pie chart

Date picker

controlDate picker

control

Java

Developer

ABAP

Developer

Business

Process

Expert


Visua

l Com

poser Cov

erage

Web Dynpro

CoverageLow High

Low

High

Do you require integration with other tools?*

*Partial list of tools**Supported in

Web Dynpro

and

Visual Composer 7.1 EhP1

Tree control

SAP BI Data

EJBs***

SAP BAPIs

and RFCs

Complex Services**






Data manipulation



Gantt

Diagram

File upload

control**

Pie chart

Date picker

controlDate picker

control

Java

Developer

ABAP

Developer

Business

Process

Expert

BPM

Interactive

Forms by

Adobe

NWDI

DTR

BeX

WAD

Portal

Mobile

CAF

Adobe Flash Islands

for Web Dynpro**


Visua

l Com

poser Co

verage

Web Dynpro

CoverageLow High

Low

High

Question Summary

Tree control

SAP BI Data

EJBs***

SAP BAPIs

and RFCs

Complex Services**






Data manipulation



Gantt

Diagram

File upload

control**

Pie chart

Date picker

controlDate picker

control

Java

Developer

ABAP

Developer

Business

Process

Expert

BPM

Interact

ive

Forms

by

Adobe

NWDI

DTR

BeX

WAD

Portal

Mobile

NWDS**

CAF

Flash

Islands***


Web Dynpro and Visual Composer - Summary

Q4/2007Q4/2008

Q3/2006



Agenda


SAP Custom Development and PBF

SAP Custom DevelopmentExtending existing SAP solutions and building new applications

Adaptable Custom SolutionsSolutions that can be used as starting point to build unique customer-specific solutions

Public Budget Formulation (PBF):

Business Challenges

Excel / Paper based form data entry with no cross-system coordination

Lack of process transparency

Missing tight text integration resulting e.g. in cumbersome publishing activities

Regularly changing form design

Solution Offered in PBF

Online data entry to one centrally managed application

Comprehensive analytical reporting on all aspects of the budgeting process

Highly flexible text integration to budget forms, publishing and KPI management

Full control of form design through Visual Composer


Budget Formulation Process for the Public Sector

Budget FormDefinition


Budget FormApproval

Budget FormApproval Budget CubesBudget Cubes

Online Budget

Reporting

Online Budget

Reporting

SAP ERP FM and HCM dataor data from other 3rd party


Publish BudgetBook

Printed Budget Reports


Printed DecisionPackages



Budget Formulation Process for the Public Sector



Budget Formapproval

Budget Formapproval Budget CubesBudget Cubes

Online Budget

Reporting

Online Budget

Reporting



Publish BudgetBook





BI 7.0 on NetWeaver 2007

Business Objects ReportingDocument Builder Add-On

SAP NetWeaver 7.1 Ehp1

Visual Composer

and Web Dynpro


Visual Composer and Web Dynpro Working Together

Reduce Complexity: Complexity of form creation had to be reduced to a minimum for a Form Designer role without development background

⇒ Visual Composer is being used as a form design tool

Increase Capability: Elaborate UI elements were needed in the forms which were either complex to build or not available in Visual Composer

⇒ reusable components are implemented in Web Dynpro allowing the Form Designer to use them in Visual Composer and to rapidly build complex forms

Internally Develop in Visual Composer: The biggest part of the non-modifiable PBF UI is also built in Visual Composer because of rapid and easy assembly

© SAP 2008 / SAP TechEd 08 / <COMP103> Page 28© SAP 2008 / SAP TechEd 08 / <Session ID> Page 28

Thank you!

SAP NetWeaver Product ManagementUser [email protected]

© SAP 2008 / SAP TechEd 08 / <COMP103> Page 29

Further Information

Related Workshops/Lectures at SAP TechEd 2007COMP102, What's New in the SAP NetWeaver Visual Composer Tool for

SAP NetWeaver CE, LectureCOMP200, Web Dynpro for Java: What's New With SAP NetWeaver CE 7.1,

LectureCOMP165, Exploring Web Dynpro Java: Goals, Concepts, Benefits, Hands-onCOMP262, Advanced Modeling With SAP NetWeaver Visual Composer for

SAP NetWeaver Composition Environment 7.1 EhP1, Hands-on

Related SAP Education and Certification Opportunitieshttp://www.sap.com/education/

SAP Public Web:SAP Developer Network (SDN): www.sdn.sap.comBusiness Process Expert (BPX) Community: www.bpx.sap.com

http://www.sap.com/education/

http://www.sdn.sap.com/

http://www.bpx.sap.com/


Recommended Reading

Jan Rauscher, Volker Stiehl

Programmierhandbuch SAP NetWeaver Composition Environment

The Developer’s Guide to the SAP NetWeaver Composition Environment

ISBN 978-3-8362-1129-1 (German)

ISBN 978-1-59229-171-7 (English)

http://www.sap-press.de/1655 (de) http://www.sap-press.de/1671 (en)

http://www.sap-press.de/1655

http://www.sap-press.de/1671


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 updatesContinuous learning presentations and demos to build expertise in each of the SAP NetWeaver platform componentsA 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

http://www.sdn.sap.com/irj/sdn/subscriptions


Fuel your Career with SAP Certification

Take advantage of the enhanced, expanded and multi tier certifications from SAP today!

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


Please complete your session evaluation.Be courteous — deposit your trash,

and do not take the handouts for the following session.

Thank You !

Feedback

comp103 web dynpro

Documents