VistaLINK

PRO Web Graphics

Instruction Manual

















Copyright 2007, 2008


EVERTZ MICROSYSTEMS LTD.
5288 J ohn Lucas Drive,
Burlington, Ontario,
Canada L7L 5Z9
Phone: 905-335-3700
Sales: [email protected] Fax: 905-335-3573
Tech Support: [email protected] Fax: 905-335-0909
Web Page: http://www.evertz.com

Version 1.1 April 2008

The material contained in this manual consists of information that is the property of Evertz Microsystems and is
intended solely for the use of purchasers of VistaLINK

. Evertz Microsystems expressly prohibits the use of this

manual for any purpose other than the operation of VistaLINK

.

All rights reserved. No part of this publication may be reproduced without the express written permission of Evertz
Microsystems Ltd. Copies of this manual can be ordered from your Evertz dealer or from Evertz Microsystems.
























This page left intentionally blank


VistaLINK

PRO Web Graphics

Revision 1.1

TABLE OF CONTENTS
1. INTRODUCTION........................................................................................................................... 1
1.1. OVERVIEW................................................................................................................................ 1
1.2. WEB CLIENT FEATURE/RESTRICTIONS............................................................................... 1
1.2.1. Views/Pages ........................................................................................................................1
1.2.2. Configurations Controls/WebGraphics Clients/Streams/Launches......................................1
1.2.3. Custom Icons/Clocks/Vectors/Hardware/Services...............................................................1
1.2.4. Alarm / Configuration Functionality......................................................................................1
1.3. THEORY OF OPERATION........................................................................................................ 2
2. INSTALLATION OF THE VLPRO WEBGRAPHICS CLIENT............................................................ 5
2.1. COMPONENT CHECKLIST ...................................................................................................... 5
2.2. INSTALLING FOR WEBGRAPHICS CLIENT SOFTWARE..................................................... 5
2.2.1. WebGraphics Client Installer Welcome Screen...................................................................5
2.2.2. Important Information Screen...............................................................................................6
2.2.3. Select the Product to Install .................................................................................................6
2.2.4. Select the Installation Folder................................................................................................7
2.2.5. Installation Complete............................................................................................................7
2.2.6. Starting the Web Server (Tomcat) .......................................................................................7
3. WEB GATEWAY CONFIGURATION EDITOR..................................................................... 9
3.1. WEB GATEWAY CONFIGURATION (SERVER) ...................................................................... 9
3.2. WEB GATEWAY CONFIGURATION (THUMBNAIL) ............................................................... 9
3.3. STARTING THE WEB GATEWAY.......................................................................................... 11
3.4. WEB GATEWAY RUNNING.................................................................................................... 11
4. CLIENT LOGIN THROUGH WEB BROWSER ................................................................................ 12
4.1. CLIENT LOGIN THROUGH INTERNET EXPLORER............................................................. 12
4.2. CLIENT LOGIN SCREEN........................................................................................................ 13

VistaLINK

PRO Web Graphics

Revision 1.1
Figures
Figure 1-1: Operation Flow................................................................................................................................. 3
Figure 1-2: Screen Subnet Architecture.............................................................................................................. 4
Figure 2-1: WebPro Installer Screen................................................................................................................... 5
Figure 2-2: Important Information Screen........................................................................................................... 6
Figure 2-3: Selecting Product to Install ............................................................................................................... 6
Figure 2-4: Choose Installer................................................................................................................................ 7
Figure 2-5: Install Complete Screen.................................................................................................................... 7
Figure 2-6: Accessing Tomcat ............................................................................................................................ 7
Figure 2-7: Tomcat Screen ................................................................................................................................. 8
Figure 3-1: Web Gateway Server Tab............................................................................................................... 9
Figure 3-2: Web Gateway Thumbnail Tab ...................................................................................................... 10
Figure 3-3: Accessing the Web Graphics Gateway.......................................................................................... 11
Figure 3-4: Web Client Logins........................................................................................................................... 11
Figure 3-5: Administrator Web Client Login...................................................................................................... 11
Figure 4-1: Login via Internet............................................................................................................................ 12
Figure 4-2: Client Login Screen........................................................................................................................ 13


VistaLINK

PRO Web Graphics

Revision 1.1

REVISION HISTORY


REVISION DESCRIPTION DATE

1.0 First Release Dec 07

1.1 Updated component check list Apr 08






























Information contained in this manual is believed to be accurate and reliable. However, Evertz assumes no responsibility for the use thereof nor for
the rights of third parties, which may be effected in any way by the use thereof. Any representations in this document concerning performance of
Evertz products are for informational use only and are not warranties of future performance, either express or implied. The only warranty offered by
Evertz in relation to this product is the Evertz standard limited warranty, stated in the sales contract or order confirmation form.

Although every attempt has been made to accurately describe the features, installation and operation of this product in this manual, no warranty is
granted nor liability assumed in relation to any errors or omissions unless specifically undertaken in the Evertz sales contract or order confirmation.
Information contained in this manual is periodically updated and changes will be incorporated into subsequent editions. If you encounter an error,
please notify Evertz Customer Service department. Evertz reserves the right, without notice or liability, to make changes in equipment design or
specifications.

VistaLINK

PRO Web Graphics

Revision 1.1

























This page left intentionally blank





VistaLINK

PRO Web Graphics

Revision 1.1 Page - 1

1. INTRODUCTION
1.1. OVERVIEW
VistaLINK

Pro (VLPRO) WebGraphics software provides newly advanced monitoring capabilities for the
VLPRO monitoring suite. The WebGraphics program enables the viewing of alarms and views from any
window stations with a web browser (with J ava applets enabled). With the proper routing (and possibly
fire walling), users can have easy access to facilities VistaLINK

setup from any place through Internet.

NOTE: The WebGraphics Client is used only to monitor Alarms generated by the
devices; configuration is not possible.

1.2. WEB CLIENT FEATURE/RESTRICTIONS
Due to restrictions on the WebGraphics Client not all functionality in a standard Graphics Client will be
available in the WebGraphics client.

1.2.1. Views/Pages
Users will be able to load views only from system pages or the Navigation Tree, created by other
clients.
Design mode is disabled.
No local page control will be available.
Dynamic page functionality will be enabled.
View links between pages will be enabled.
Page creation and deletion will be disabled but the WebGraphics Client will respond to these actions
when generated by other clients instantly.

1.2.2. Configurations Controls/WebGraphics Clients/Streams/Launches
The types of components that can be dropped on a graphics view will not be enabled in the
WebGraphics Client.
Placeholder objects will be available as in standard Graphics clients.
These types of components will still be updated in terms of adding/deleting and moving on a
graphics view.

1.2.3. Custom Icons/Clocks/Vectors/Hardware/Services
The types of components that can be dropped on a graphics view will be enabled in the
WebGraphics Client.
Hardware and Services will display their current severity/alarm state in the same manner as the
Graphics client.

1.2.4. Alarm / Configuration Functionality
Normal functionality of the present Web client has configuration functionality disabled. The same will
be the case for the WebGraphics Client.

VistaLINK

PRO Web Graphics

Page - 2 Revision 1.1
Alarm functionality will be enabled in the WebGraphics Client to the same level as in the Graphics
Client.

1.3. THEORY OF OPERATION
The VistaLINK

Web Graphics consists of two entities that make up the whole system to look and feel like
the graphics client. This is setup in a client/server fashion to facilitate communication to the VistaLINK

server. When choosing the installation locations, you are deciding where to reside the backend location.

There are basically 3 components:
Web Browser - front end
Web Server (http Server) - backend
WebGraphics Gateway - backend

The front end, in its most simplistic form, consists of a web page that is delivered by the web server, which
holds the upper half. The upper half communicates bi-directionally to the bottom half, not the http server.
The purpose of the http server is to deliver the control program (upper half) to the user through http or the
web browser.

Step 1: Web Browser makes a request to get vistalink.com
Step 2: Web Server Returns with Applet
Step 3: Applet communicates bi-directionally with graphics Gateway
Step 4: Client Loads applet after downloading


VistaLINK

PRO Web Graphics

Revision 1.1 Page - 3

Web Browser
Applet
Web Server
Graphics Gateway
START
FINISH
CLIENT SERVER
Applet communicates bi-directionally
with Graphics Gateway
WebServer Returns with Applet
Browser makes a request:
Get http://vistalink.com
Client loads applet after
downloading

Figure 1-1: Operation Flow

The backend location (server) is not expected to change or power down. The front end (client), however,
is expected to change locations or even be turned on and off. The backend can reside on the same
machine as the VistaLINK

server or on a separate machine for distribution of services. In a simplistic

form it is better to have the Graphics Gateway on the same machine as the VistaLINK

server.

In more complex networks where incoming Internet traffic is isolated close to your Internet gateway, this
may be a problem. If this is the case, it is recommended that a separate machine is setup to facilitate the
graphics gateway. Please do not move your VistaLINK

server to accommodate this. Moving your

VistaLINK

server to a heavy traffic area, for example close to your Internet gateway, will risk missed traps
from your agents. If traps are lost when they are sent to your VistaLINK

server, problems may go

unnoticed until it is too late. If this is the case, your whole setup will be defeated

If the Graphics Gateway is located outside of the VistaLINK

server, it must then be able to reach it on the

network. The communication between the VistaLINK

Server and Graphics Gateway is a unicast,

orientated connection. The connection is reliable and nothing is left out in a heavily congested or
problematic area. Figure 1-2 displays the famous topology known as a screened subnet architecture
where the Graphics Gateway and Web Server would be very adequate.


VistaLINK

PRO Web Graphics

Page - 4 Revision 1.1
Intranet
VistaINK

Server
MailServer VPNServer
FTP
WebGraphics
Server
ExteriorRouter InteriorRouter
Internet

Figure 1-2: Screen Subnet Architecture


VistaLINK

PRO Web Graphics

Revision 1.1 Page - 5

2. INSTALLATION OF THE VLPRO WEBGRAPHICS CLIENT
2.1. COMPONENT CHECKLIST
To start working with the VLPro WebGraphics, your machine must meet the following requirements.

Pentium 4 (2.0 GHz or higher)
1 GB RAM (minimum)
10/100 Ethernet Adapter
SXGA (1280x1024) Screen Resolution
CD-ROM
Windows 2000, XP, Server 2003, Vista O/S
Evertz Monitoring Toolkit CD-ROM
VLPRO WebGraphics Client Install Software
VLPRO License (The server should have license for Plus Web Clients)
A functioning install of VLProServer and Clients(s)

2.2. INSTALLING FOR WEBGRAPHICS CLIENT SOFTWARE
The VLPRO WebGraphics Client server is shipped via a CD that is included with your VLPRO monitoring
package. Access the CD and insert it into a computer CD ROM, which meets the requirements listed in
section 2.1. The WebGraphics Client server may be installed on a separate or the same PC as the
VistaLINK

Server computer. Regardless of its location, the system that it is installed on must be able to
run the WebGraphics Client server constantly. Double click on the WebGraphics Client server executable
file to launch the installation process.

2.2.1. WebGraphics Client Installer Welcome Screen
After the installer finishes extracting its
contents, the install script starts with a note
that mentions to shut down any programs
that may be running.

Once you have shut down any running
programs, select the Next button.
Figure 2-1: WebPro Installer Screen

VistaLINK

PRO Web Graphics

Page - 6 Revision 1.1
2.2.2. Important Information Screen
An Important Information screen will appear.
Once you have read and understood the
information and guidelines described in this
section you may select the Next button to
continue the installation process.

Review the License Agreement to determine
if you are able to accept the terms and
agreements that are outlined.

Use the bottom radial buttons to make your
selection. Select Next to proceed to the
next menu if you have accepted the Terms &
Conditions.
Figure 2-2: Important Information Screen

2.2.3. Select the Product to Install
The next screen will prompt you to select the
desired product to install.

If you will be using an external WebServer, select
the:
VistaLinkWebGraphicsGateway option.

To install the WebServer (tomcat) that came with
the install, select the:
VistaLinkWebGraphicsGateway With Tomcat
option. This is the recommended option.

Once the appropriate option is selected, click the
Next button to proceed with the installation
process.
Figure 2-3: Selecting Product to Install



VistaLINK

PRO Web Graphics

Revision 1.1 Page - 7

2.2.4. Select the Installation Folder
From the installation folder menu, a custom
installation path can be made with either the
text box or the Choose button.
(Default location is recommended)

A note is provided about existing
WebGraphics Client server installations. If
the Installation Folder path contains an
existing WebGraphics Client server
installation, the install script will overwrite it.

Select the Install button when ready to
install the application.
Figure 2-4: Choose Installer

2.2.5. Installation Complete
Once the VistaLinkWebGraphics has been
successfully installed, select the Done
button to quit the installer.

Figure 2-5: Install Complete Screen

2.2.6. Starting the Web Server (Tomcat)
To launch the Tomcat application,
navigate to:

Start > Programs > VistaLinkWebGraphics>
Start Tomcat

Figure 2-6: Accessing Tomcat


VistaLINK

PRO Web Graphics

Page - 8 Revision 1.1
Figure 2-7 is taken from a running Tomcat application.


Figure 2-7: Tomcat Screen

VistaLINK

PRO Web Graphics

Revision 1.1 Page - 9

3. WEB GATEWAY CONFIGURATION EDITOR
If you have opted to use an external Web Server start your server accordingly.

3.1. WEB GATEWAY CONFIGURATION (SERVER)
To Start Gateway Configuration, navigate to Start > Programs > VistaLinkWebGraphics>Gateway Configuration

Once the Configuration Editor appears, click the key lock button to switch the editor into edit mode. Select
the Server Tab at the top and enter the IP address of the Alarm Server, as shown in Figure 3-1.


Figure 3-1: Web Gateway Server Tab

3.2. WEB GATEWAY CONFIGURATION (THUMBNAIL)
To configure the Web Gateway Thumbnail, select the Thumbnail Tab at the top of the Configuration
Editor. Click on Add, enter the IP address of the Thumbnail Server. Select the OK button to save the
configuration.


Note: This option is for optional TSERV Thumbnail Server, if ordered.



VistaLINK

PRO Web Graphics

Page - 10 Revision 1.1

Figure 3-2: Web Gateway Thumbnail Tab


VistaLINK

PRO Web Graphics

Revision 1.1 Page - 11

3.3. STARTING THE WEB GATEWAY
To launch the Web Gateway, go to:

Start > Programs > VistaLinkWebGraphics>
VistaLinkWebGraphicsGateway

Figure 3-3: Accessing the Web Graphics Gateway

3.4. WEB GATEWAY RUNNING
Once the user has launched the Web Graphics
Gateway program, a screen similar to Figure 3-4
will appear.

There are currently no logged in Clients in this
screen.

Figure 3-4: Web Client Logins

Figure 3-5 displays that the administrator Client
Login.





Figure 3-5: Administrator Web Client Login


VistaLINK

PRO Web Graphics

Page - 12 Revision 1.1
4. CLIENT LOGIN THROUGH WEB BROWSER
For a client to login to the Web Graphics gateway using a web browser, perform the following steps:

1. Launch a web browser.
2. Type the following in the address filed:
http://xxx.xxx.xxx.xxx:8080/webgraphics/vistalink.html

(Enter the IP Address of your VLPro Server)

4.1. CLIENT LOGIN THROUGH INTERNET EXPLORER
3. A screen similar to the one in Figure 4-1 will appear.


Figure 4-1: Login via Internet

4. The applet will start running and present you with a login screen.



VistaLINK

PRO Web Graphics

Revision 1.1 Page - 13

4.2. CLIENT LOGIN SCREEN
5. A screen similar to the one in Figure 4-2 will appear.


Figure 4-2: Client Login Screen

6. To login, simply type your username and password. The default login is:

Username: administrator
Password: (blank)

VistaLINK

PRO Web Graphics

Page - 14 Revision 1.1
























This page left intentionally blank