Download - 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
SAP 2008 / SAP TechEd 08 / COMP265 Page 3
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
SAP 2008 / SAP TechEd 08 / COMP265 Page 4
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
SAP 2008 / SAP TechEd 08 / COMP265 Page 5
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
SAP 2008 / SAP TechEd 08 / COMP265 Page 6
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
SAP 2008 / SAP TechEd 08 / COMP265 Page 8
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
9/24
SAP 2008 / SAP TechEd 08 / COMP265 Page 9
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
11/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 11
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
12/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 12
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
14/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 14
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
15/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 15
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
16/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 16
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
17/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 17
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
18/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 18
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
19/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 19
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
20/24 SAP 2008 / SAP TechEd 08 / Page 20
Demo: Enabling Offline scenario for the
travel expense form
-
5/28/2018 Comp 265
21/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 21
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
22/24 SAP 2008 / SAP TechEd 08 / COMP265 Page 22
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
23/24 SAP 2008 / SAP TechEd 08 / Page 23
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