cc/td/doc/product/webscale/cte1400/rel_3
hometocprevnextglossaryfeedbacksearchhelp
PDF

Table of Contents

Publishing, Previewing, and Testing Your Work
Publishing a Configuration File to a CTE
Previewing Page Transformations
Testing a Transformation Using a Simulator or Browser

Publishing, Previewing, and Testing Your Work


The following sections describe how to publish a configuration file to the CTE and use Design Studio and simulators to preview and test your page transformations:


Note    For information on publishing ScreenTop, see the "Saving and Publishing ScreenTop" section.

Publishing a Configuration File to a CTE

When you publish a configuration file to a CTE, the CTE immediately begins using it to transform web page requests. Publishing a configuration file does not interrupt service on the CTE and does not result in corrupted content. Because a published configuration file is instantly "live," set up a CTE that you use only for testing.

You can choose to merge a configuration file with the one currently loaded on a CTE, or overwrite the configuration file loaded on a CTE. Merging configuration files is necessary if multiple users work on different parts of the same site. When you merge configuration files, Design Studio warns about identifier rule conflicts and gives you the opportunity to repair the conflicts.

When you publish a configuration file, you can choose to also publish ScreenTop. When you publish ScreenTop, it is overwritten even if you choose to merge the configuration file.

To publish a configuration file, perform these steps:


Step 1   From the File menu, choose Publish Configuration.

Design Studio displays the File Publish dialog box.


Step 2   Choose how you want Design Studio to handle the upload:

Step 3   If Design Studio warns you about identifier rule conflicts, follow the online instructions.

Step 4   Wait until Design Studio displays a message that the configuration is uploaded.

Step 5   Click OK.

Design Studio updates the CTE with the file you downloaded.

If the configuration does not upload successfully, the CTE may be offline or you may have lost your connection to the CTE. For assistance, contact your CTE administrator.



Previewing Page Transformations

The Design Studio Preview tab provides a static approximation of how a transformed page appears on most device types. By previewing a page, you can verify its appearance and how content is divided into cards when transformed. To follow links, you must use an external device simulator or an actual device.

To preview a transformation, perform these steps:


Step 1   In the project tree, locate the page that you want to preview and click a device type for that page.

The preview in the Preview tab corresponds to the device type selected in the project tree.

Step 2   Click the Preview tab.

If Design Studio does not have a preview for a device type, the Preview tab is inactive when you select the device type in the project tree.

The Preview tab lists each card that corresponds to the web page you transformed.

Step 3   In the cards area of the Preview tab, click a card to view it in the preview.



For information on using external simulators, see the "Testing a Transformation Using a Simulator or Browser" section.

The following sections explain how you can work with the Preview tab to review and fine tune a transformation:

Working with the Cards Area

When you click the Preview tab, Design Studio lists each card that results from the transformation of the current web page for the selected device. Figure 7-1 shows the card list for XML-based IP phones, which do not mix data types (text, image, input field) on a card. Figure 7-2 shows the card list for other device types. Cards are listed in the order in which the CTE will send them to a device.


Figure 7-1   Card List in Preview Tab (XML-based IP Phones)



Figure 7-2   Card List in Preview Tab (Most Devices)


If a card includes the Refresh rule, the Refresh icon displays beside the card icon as shown in Figure 7-3. (Not all device types support the Refresh rule.)


Figure 7-3   Card with Refresh Icon


For XML-based IP phones, you can view a summary of the contents of a card in a pop-up window. To view the summary, point to a card icon as shown in Figure 7-4.


Figure 7-4   Card with Pop-Up Description


Using the Preview Tab

The preview displays an approximation of how a card will look when viewed on an actual device, as shown in Figure 7-5.


Figure 7-5   Preview in Preview Tab


The preview does not support navigation, input fields, or the operation of most keys. You should test each card on an actual device to verify the display of text and images as well as the operation of links, input fields, and keys. For more information on using the preview for IP phones, refer to the Device Help available from the Design Studio Help menu.

For most WAP phone and IP phone device types, the title element text displays on the top line of each card associated with a web page. To remove the title text, use Design Studio to apply the Clip rule to the title element. You can apply the Modify rule to the text if you want to change the title.

Testing a Transformation Using a Simulator or Browser

You can test and browse transformed pages from your desktop using the following external simulators and browsers:

The following sections describe how to use the simulators and browsers to test page transformations:

Using the Openwave Mobile Browser Simulator

The Openwave Mobile Browser Simulator mimics the display of a variety of wireless phones, including Alcatel, Ericsson, Motorola, and Openwave phones.

To preview a page, perform these steps:


Step 1   Publish the configuration file, as described in the "Publishing a Configuration File to a CTE" section, and do not exit Design Studio.

The simulator must access transformed pages through the Design Studio connection to the CTE.

Step 2   Double-click the shortcut that you created in the "Installing the Openwave Mobile Browser Simulator" section.

Step 3   In the Openwave SDK window, choose Go To Address from the Simulator menu.

Step 4   In the Go To Address dialog box, enter the URL to the page that you want to preview. You must include your CTE IP address and HTTP or HTTPS port number as shown in the following example:

http://192.168.10.0:80/http:// pageURL

Step 5   Click OK.

The CTE redirects the request to secure mode, transforms the requested page, and sends it to the simulator.


Note   Visited locations are listed in the Address drop-down menu in the Openwave SDK window. To quickly return to a location, select it from the menu.



Table 7-1 describes the function of the Openwave Simulator navigation keys and their PC keyboard equivalents.

Table 7-1   Openwave Simulator Navigation Reference

Simulator Key  Function  Keyboard Equivalent 

Arrows

Moves device cursor

Arrows

Bck

Goes back one screen

Esc

Clr

Moves device cursor back one space (when in a text field)

Backspace

ACCEPT Soft Key (labeled with a checkmark, "OK", or "ACCEPT")

Accepts the choice

Enter

Using the Go.Web Simulator

The Go.Web Simulator mimics the display of a RIM 950 pager and a RIM 957 handheld device.

To preview a page, perform these steps:


Step 1   Publish the configuration file, as described in the "Publishing a Configuration File to a CTE" section, and do not exit Design Studio.

The simulator must access transformed pages through the Design Studio connection to the CTE.

Step 2   Double-click the shortcut that you created in the "Installing the Go.Web Simulator" section.

Step 3   In the Go.Web Simulator window, click the Handheld button.

Step 4   Using the down arrow on your PC keyboard, move the cursor in the simulator window until Click here to start is highlighted.

Step 5   Press Enter on your PC keyboard.

The simulator window displays a message that it is generating security keys.

Step 6   When the Go.Web Home page displays, use the down arrow to select the http input field.


Step 7   Press Enter on your keyboard.

A larger input box displays.

Step 8   In the input box, enter the URL to the page that you want to preview. You must include the CTE IP address and HTTP or HTTPS port number as shown in the following example. Note that the initial "http://" is already provided on the Go.Web Home page.


Step 9   Press Enter on your keyboard.

Step 10   On your keyboard, press the down arrow to select Open URL.


Step 11   Press Enter on your keyboard.

The CTE redirects the request to secure mode, transforms the requested page, and sends it to the simulator.



Table 7-2 describes the function of the Go.Web Simulator navigation keys and their PC keyboard equivalents.

Table 7-2   Go.Web Simulator Navigation Reference

Simulator Key  Function  Keyboard Equivalent 

Left/right arrows

Presses roller wheel on device

Left/right arrows or Enter key

Up/down arrows

Spins roller wheel on device

Up/down arrows

All keys

Various

Use mouse to point to the key, and then left-click the key. You can also use the character keys on the keyboard to enter text into a text field on the device.

Using a Browser

For HTML-based devices, you can preview transformation results in a desktop browser.

To preview a page in a browser window, perform these steps:


Step 1   Publish the configuration file to the CTE, as described in the "Publishing a Configuration File to a CTE" section, and do not exit Design Studio.

Step 2   Open a browser window, either Internet Explorer or Netscape Navigator.

Step 3   Enter the URL to the page that you want to preview. You must include the CTE IP address and HTTP or HTTPS port number as shown in the following example:

http:// ipAddress:portNmber/http:// pageURL

Step 4   Press Enter on your keyboard.

The CTE redirects the request to secure mode, transforms the requested page, and sends it to the browser.




hometocprevnextglossaryfeedbacksearchhelp
Posted: Mon Aug 18 15:27:21 PDT 2003
All contents are Copyright © 1992--2003 Cisco Systems, Inc. All rights reserved.
Important Notices and Privacy Statement.