Design Customer Portal Pages

To design a customer portal page:

1. Edit the sample customer page you downloaded (EX1.HTM). It is recommended that you use WordPad to edit the file.

2. Determine the traffic classes for which users will need to see statistics and specify these classes in the portal page.

3. Determine the measurement variables to include on the portal page.

4. Customize the page to display the desired statistics of the desired classes to the users of the customer portal.

5. Include custom information such as the customer name and message of the day on the portal page.

6. Optional: Include graphs on the portal page.

7. Optional: Link to other HTML pages.

8. Save your customized file as INDEX.HTM.

9. Use the File Browser to upload your customized INDEX.HTM file to the customer's directory in the 9.258/customer directory on the PacketShaper — for example, 9.258/customer/jones. Or, if multiple customers will be accessing the same portal page, place the INDEX.HTM file in the master directory specified for these customers.

Examples

Example 1 (without graphs): Let's put it all together now into a sample page designed for Farnsworths, a retailer of books, music, and videos.

This sample has two basic objects:

• A table with aggregate throughput and efficiency data for /Inbound and /Outbound. For each entry, there is a square which is displayed as red, yellow, or green, depending on the value of the avg-bps variable.
• For the HTTP traffic class, a table of response times.

You can view a sample page with the source code presented as readable text.

Example 2 (with graphs): This example shows the throughput and network efficiency for both Inbound and Outbound over the preceding 60 minute period.

See also:

Customer Portal API

Arithmetic Comparisons