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

Table of Contents

Publishing and Previewing Your Work
Publishing a Configuration File to a CTE
Previewing Page Transformations

Publishing and Previewing Your Work


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

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.

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.


Note   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

Design Studio lets you test and browse transformed pages from your desktop using the following simulators and browsers:


Note    The IP phone simulator does not allow you to browse.

By previewing a page, you can verify its appearance and how content is chunked when a transformed page does not fit in a microbrowser screen. You can also follow any links to test them. The CTE prepends its IP address to a link URL so that the page request goes directly to the CTE.

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

Previewing Transformations for IP Phones

For IP phone device types, you can view the results of your transformation rules in the Design Studio window Preview tab. The Preview tab, as shown in Figure 7-1, lists each card that corresponds to the web page you transformed and displays a simulator where you can view the page, the default Soft Keys added by the CTE, and any Soft Keys that you added.


Figure 7-1   Preview Tab with IP Phone Simulator


The Cards area lists each card that results from your transformation of a web page. To view a card in the simulator, click the card icon. The following sections explain how the CTE transforms pages for IP phones and how you can work with the Preview tab to review and fine-tune a transformation:

Default Transformations for IP Phones

An IP phone screen can display only one type of object at a time. When an IP phone encounters a new object (such as an image, text, link, or input field), it displays the object on a new card. Suppose that a web page contains the following string that includes text, a link ("here"), and an image:

Click here to see

An IP phone displays the word "Click" on the first card, the link "here" on the second card, the text "to see" on the third card, and the image on the fourth card. You can use Design Studio to improve that presentation, perhaps moving the link after the text, modifying the text, and substituting alternate text for the image.

The default transformations for each IP phone object are as follows:

The CTE drops images that are smaller than 20 pixels in both height and width. You can send a small image to an IP phone by putting the Retain Element rule on the img element. The CTE sends images to an IP phone provided that they are in a format supported by the phone. You cannot preview images in the IP phone simulator.

The CTE handles link breaks, converts special characters, such as "&", to the format required by the IP phone, and adds the Back and Fwd Soft Keys, as needed.

The CTE displays links as a numbered list and adds the Back, Fwd, and Select Soft Keys, as needed. The user can use the keypad to select a link by number.

The CTE adds the instruction "Enter Input:" and the adds the Back, Ok, and << Soft Keys.

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, as shown in Figure 7-2.


Figure 7-2   Card List in Preview Tab


The cards are listed in the order in which the CTE will send them to an IP phone. If a card includes the Refresh rule, the Refresh icon displays beside the card icon as shown in Figure 7-3.


Figure 7-3   Card with Refresh Icon


To view a summary of the contents of a card in a pop-up window, point to a card icon as shown in Figure 7-4.


Figure 7-4   Card with Pop-Up Description


Using the Simulator

The IP phone simulator shows an approximation of how a card will look when viewed on an actual IP phone. The IP phone simulator does not support navigation or the operation of the Soft Keys, except for the More key. You should test each card on an IP phone to verify the display of text and images as well as the operation of links, input fields, and Soft Keys.

To view a card in the simulator, click the card icon in the Cards area. The simulator displays the card and its Soft Keys, as shown in Figure 7-5.


Figure 7-5   IP Phone Simulator


Notice the following about the display:

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 to the CTE, 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 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 you want to preview. You must include the CTE IP address and port number as shown in the following example:

http:// ip_address:port_number/http:// page_url


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 to the CTE, 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 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 you want to preview. You must include the CTE IP address and 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

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.

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

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

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

http:// ip_address:port_number/http:// page_url

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 16:34:16 PDT 2003
All contents are Copyright © 1992--2003 Cisco Systems, Inc. All rights reserved.
Important Notices and Privacy Statement.