Comp 265

5/28/2018 Comp 265

1/24

COMP265

Creating a Real-Life Application with

SAP Interactive Forms by Adobe and

Web Dynpro for Java

Marc Chan, SAP NetWeaver RIG APJBoris Magocsi, SAP NetWeaver RIG Americas

Daniel Stollenwerk, SAP NetWeaver PMO

Vinoo Martin, SAP Consulting

5/28/2018 Comp 265

2/24

SAP 2008 / SAP TechEd 08 / COMP265 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 reasonwithout 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.

5/28/2018 Comp 265

3/24


1. Modeling a real-life application in Web Dynpro for Java

2. Building an Online scenario with SAP Interactive Forms by Adobe

3. Enabling Offline scenario on SAP Interactive Forms by Adobe

Agenda

5/28/2018 Comp 265

4/24


Modeling with Web Dynpro for Java

A Web Dynpro Java application is modeled

through the MVC(Model-View-Controller)architecture.

To architect a MVC based application, you shouldalways start with defining the model (i.e. thebusiness process you want to execute).

In SAP NetWeaver CE 7.1.1, two types ofconnection protocols to backend processes aresupported: RFCand Web Services.

The corresponding tools for generating the Modelobjects in Web Dynpro are Adaptive RFC2

Model and Adaptive Web Service Model.

5/28/2018 Comp 265

5/24


Defining an Adaptive RFC2 Model

In SAP NetWeaver CE 7.1.1, AdaptiveRFC2 Model has replaced the old Adaptive

RFC Model.

No more SLD is required for backendconnections.

Only RFC destinations are required to bedefined in the NWA (SOA Management ->

Technical Configuration -> Destinations).
http://help.sap.com/saphelp_nwce711/helpdata/en/07/0d27932264284b883dab13ce1008a6/content.htm

5/28/2018 Comp 265

6/24


Linking up the Model and the Views through

Controllers

A Web Dynpro model is executed throughControllers.

Controllers are the interface between the Viewsand the Model. The passing of data betweenthem is done through Context Mapping andModel Binding.

5/28/2018 Comp 265

7/24

Integration of Interactive Forms with Web

Dynpro

1

InteractiveForm as an UI control in Web

Dynpro Interactive Form can be embedded

on Web Dynpro views

Web Dynpro View

2Web Dynpro context as the common

layer for data manipulation Web Dynpro context is available in

Adobe LiveCycle Designer for data

binding

Make use of Model Binding and

Context Mapping in Web Dynpro for

data sharingView

View

3Generated PDF is stored in a Resource

type context attribute The PDF generated by ADS can be

stored inside a Resource type

context attribute in Web Dynpro

5/28/2018 Comp 265

8/24





Agenda

5/28/2018 Comp 265

9/24


Online scenario overview

The PDF is generated and displayed inside the Web

Dynpro view

Users fill out the

form online

Submitting the form

means executing a

BAPI at the mySAP

ERP backend.

5/28/2018 Comp 265

10/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 10

Embedding the form and configuring its

properties

The form is embedded in the Web Dynpro view through the UI element InteracitveForm.

On the form properties, make sure the dataSourceis bind to a context node whichcontains the context attributes to be used in the form. The pdfResourceshould bind to aResourcetype (com.sap.ide.webdynpro.uielementdefinitions ) of context attribute, whichwill act as a placeholder for the generated pdf.

5/28/2018 Comp 265


Editing the form using Adobe LiveCycle

Designer

When Edit the form, Adobe LiveCycle Designer will be executed.

The Data View shows all the context attributes in Web Dynpro available for use in the form. Creation ofUI elements on the form can be done by dragging the attributes onto the form.

Make use of the Enumerated Drop-Down List UI control to bind to an attribute which has enumerationfor value help (e.g. Currency data type).

5/28/2018 Comp 265


Submitting the form

Place a Buttoneither on the form or on the Web Dynpro view for form submission.

Assign an Actionto the Button which should call a method for executing the Model.

5/28/2018 Comp 265

13/24 SAP 2008 / SAP TechEd 08 / Page 13

Hands-on Exercise: Creating an Online

Form for Travel Expense

5/28/2018 Comp 265





Agenda

5/28/2018 Comp 265


Offline scenario overview

After uploading, users

can view the uploaded

form and then submit.

Once done, upload

the pdf through a

Web Dynpro view

Submitting the form

means executing a

BAPI at the mySAP

ERP backend.

Users download the

pdf to their local

machine and fill it

out while offline

5/28/2018 Comp 265


Allowing upload of an offline form

Create another view in Web Dynpro for form upload. In this upload view, place a FileUploadUI controlon it. The resourceproperties of the FileUpload control should bind to a Resource type of context

attribute which acts as a placeholder for the uploaded pdf.

Create another button on the view called Show Form. When clicking on it, it should fire an outboundplug from the upload view to the another view to display the form.

5/28/2018 Comp 265


Transmitting the uploaded pdf to another view

for display and submit

To transmit the pdf from the upload view to the online view, we need make use of the Controllers forcontext mapping.

UploadView

Component Controller

OnlineView

Manually update the

PDFResource in the

Component Controller

when the user clicks on

ShowForm button

Context Mapping from the

Component Controller to the

OnineView allows the uploaded

pdf to be transmitted to the

OnlineView

5/28/2018 Comp 265


Configuring the form properties

On the view where the form should be displayed, configure the Modeof the form properties to usePdf.

5/28/2018 Comp 265


Tips and Best Practice on creating offline form

scenario

As a good practice, you always start by creating

online scenario. This allows you to make sure allthe backend connections and context mappingsare correct before proceeding with offline. Turningan online form to offline is just a few simple steps

Starting from NetWeaver CE 7.1, the FileUploadUI control doesnt take binary type of context

attribute anymore. Resource type of contextattribute should be used instead.

Instead of downloading a static pdf for the usersto fill out, you can also have the pdf generateddynamically before when your user downloads it.This can be done through the use of PDFDocument API. The TechEd session AddingDynamic Features to your SAP Interactive Formsby Adobe explains the detail of it.

5/28/2018 Comp 265


Demo: Enabling Offline scenario for the

travel expense form

5/28/2018 Comp 265


SDN Subscriptions offers developers and consultants like you,an annual license to the complete SAP NetWeaver platformsoftware, related services, and educational content, to keepyou at the top of your profession.

SDN Software Subscriptions: (currently available in U.S. and Germany)

A one year low cost, development, test, and commercializationlicense to the complete SAP NetWeaver software platform

Automatic notification for patches and updates

Continuous learning presentations and demos to buildexpertise 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 atwww.sdn.sap.com/irj/sdn/subscriptions
http://www.sdn.sap.com/irj/sdn/subscriptionshttp://www.sdn.sap.com/irj/sdn/subscriptions

5/28/2018 Comp 265


Further Information

Related Workshops/Lectures at SAP TechEd 2008UP361, Adding Dynamic Features to your SAP Interactive Forms by Adobe

UP266, Bring Your Existing Business Workflow into a new dimension by Utilizing IFbA

COMP264, Efficient use of Jco Connections in Web Dynpro Java

SIM266, Security aspects in SAP Interactive Forms by Adobe

Related SAP Education and Certification Opportunities

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

SAP Public Web:

SAP Developer Network (SDN): www.sdn.sap.comIFbA section in SDN: https://www.sdn.sap.com/irj/sdn/adobe

Business Process Expert (BPX) Community: www.bpx.sap.com
http://www.sap.com/education/http://www.sdn.sap.com/https://www.sdn.sap.com/irj/sdn/adobehttp://www.bpx.sap.com/http://www.bpx.sap.com/https://www.sdn.sap.com/irj/sdn/adobehttp://www.sdn.sap.com/http://www.sap.com/education/

5/28/2018 Comp 265


Thank you!

5/28/2018 Comp 265

24/24

Please complete your session evaluation.

Be courteous deposit your trash,and do not take the handouts for the following session.

Thank You

Feedback

Documents

Comp 265