HTML Development Add-in

Related Topics

FrontPage 2000 (part of Microsoft Office 2000), FrontPage 2002 (part of Microsoft Office XP), FrontPage 2003 (part of Microsoft Office 2003),and/or Dreamweaver MX (from Macromedia) can be used to generate Web pages to be used to access data from an SAP xApp Manufacturing Integration and Intelligence (SAP xMII) server.  There is an SAP xMII add-in that can be installed and utilized to make this process even easier. For a quick tour through the process, refer to the Quick Start Guide to Generate an Output Page with FrontPage.  This guide will go into more details on all the settings available in the Add-In.

The Script Assistant helps you develop scripts within the Web page so that you can link user actions to page functions and assists you in linking SAP xMII applets to each other and to user interaction events.  See the Script Assistant User's Guide for more information.

Installation

Refer to the FrontPage Add-In Installation Guide or to the Dreamweaver Add-In Installation Guide.

Using the Add-in

Similar to the Page Generator, you can select the query and the display templates to use to generate HTML. Unlike the page generator, using FrontPage you can insert any combination of display elements that you wish into a single Web page.

The SAP xMII Object tool is divided into the following areas:

Each of these sections is described below.

Button Bar

The button bar is composed of six buttons.

Query Templates

The Query Templates section is divided into three elements.  The Query Type buttons to the right of the Query Template selection window allow you to filter the selection to the chosen query type. The selection windows allow the user to select the appropriate folder and query to be used in the creation of the graphical object.

Display Templates

The Display Templates section is also divided into three elements. The Display Type buttons to the right of the Display Templates allow you to filter the available selections to the chosen chart type. The selection windows allow the user to select the appropriate folder and display element to be used in the creation of the graphical object.

Object Selection

The Object Selection area is divided into three areas, the Object Type selection, the Object Details, and Parameters. By selecting the object type that you wish to insert (Applet, Graphic, Hyperlink, or Report) , different object details will be available to set. Similarly, the parameters relevant to the selected object type are available from a list box.  All the parameters may be edited after the object has been inserted by right clicking on the object, and selecting Java Applet Properties.  These selections are described further below.

Object Type

Applet

If you select an applet for insertion to the page, you will be able to enter the applet's reference name.  Many of the parameters of the display applets are exposed to scripting, so that you can change settings based on preference, or even have a second applet change its data query based on the data selection in another display object.

For example, you could insert a grid object with a list of the week's orders or batches.  You could then insert a trend or other object that displays critical parameters for the order or batch chosen in the grid object.  The layout and interaction possibilities are up to you.  The Applet Reference Guide discusses each applet's set of parameters in detail.  For an introduction to the SAP xMII Applets, see the Applet User's Introduction.

Graphic

The image type is the only detail to be set for the graphic object.  Only a chart object may be returned as a graphic object.  This setting produces a chart returned to the page as a GIF, JPEG, BMP or WBMP formatted graphic.

Hyperlink

If you select to insert a hyperlink, you will be asked to enter the output format of the data, and the name of the hyperlink.  You may only select to return chart data to a hyperlink request.  This will insert a hyperlink onto the Web page.  When that hyperlink is pressed, the current window will be replaced by the data in the chosen format.  

If the return format is HTML, you may also set an automatic refresh rate and apply a stylesheet.  When selected, the hyperlink returns the data in the chosen format to the requester. Selecting an embedded GIF return format as a graphic is similar to asking for an HTML return, except that you cannot format the chart legend and tag details.

If you choose to return XML, you may also apply a XSL stylesheet to the XML document.

If you choose to return WML, the results can be displayed on WAP-enabled wireless phone.

Finally, choosing a Comma Separated Values (CSV) output file will allow you to save the returned data to a local file for further analysis.

Report

This is for use on SAP xMII Report pages (.irpt).  Typically the /Illuminator/StyleSheets/IllumRowsetTable.xsl stylesheet is used to display the QueryTemplate output as an HTML table on the report page.  To choose an XSL stylesheet, either type the fully qualified path to the stylesheet or double click on the stylesheet input field to open the Select Stylesheet dialog.

Parameters

Parameters may be selected one at a time via a list box, or you can type the name value pairs manually. To access the list box, click the Browse button next to the Parameter Name text box. A list of user-defined HTML localization tokens that can be used to localize your HTML appears. You must explicitly add each name value pair to the parameter list box to override the defaults.  For a detailed explanation of parameters, refer to the Applet Reference Guide.

Dimensions

The dimensions text boxes allow the user to set the width and height of the object in pixels.

HTML Localization Assistance

Using keys to localize your HTML is explained in the localization guides.  To get a list of the keys that you can use, press the browse button next to the Parameter Value: text box on the tool.  You will get a popup with a list of all the keys available on the server.

Select one, press OK, and the correct syntax for string replacement will be inserted into the Parameter Value text box {##TokenName}.  You can use the key as a parameter value, or simply cut and paste it anywhere within your HTML page.