06.

03 Contents

Contents

1 Introduction .......................................................................................... 1

2 Installation and Deinstallation ............................................................ 3

2.1 Installation Overview...............................................................................5
2.1.1 Installation of the Internet Information Services (IIS)................................6
2.1.2 Installation of the Web Navigator Server .................................................7
2.1.2.1 Installation of the Web Navigator Server .................................................8
2.1.2.2 Installation: User Registration .................................................................9
2.1.2.3 Installation: Folder Selection .................................................................10
2.1.2.4 Installation: Authorization ......................................................................11
2.2 Deinstallation........................................................................................12

3 The first Web Project ......................................................................... 13

3.1 Configuration of the WinCC Web Navigator Server ...............................14
3.1.1 Step 1: Starting the "WebDemoProject" ................................................14
3.1.2 Step 2: WinCC Web Configurator..........................................................16
3.1.3 Step 3: Defining the Standard Website..................................................17
3.1.4 Step 4: Checking the activated Website (Web)......................................19
3.2 Publishing of Process Pictures..............................................................20
3.2.1 Step 5: Starting the Web View Publisher ...............................................20
3.2.2 Step 6: Publishing Pictures ...................................................................21
3.2.3 Step 7: WinCC User Administrator ........................................................26
3.3 Client Access to the Web Project ..........................................................28
3.3.1 Step 8: Internet Explorer Settings..........................................................28
3.3.2 Step 9: Installation of the WinCC Web Navigator Client.........................30
3.3.3 Step 10: The Web Project .....................................................................33
3.4 New Process Picture.............................................................................34
3.4.1 Step 11: Creating a new Process Picture ..............................................34
3.4.2 Step 12: Publishing a Process Picture...................................................36
3.4.3 Step 13: Process Picture on the Web Client ..........................................37
3.5 Troubleshooting and Error Correction ...................................................39

Printout of the Online Help i

Web Navigator - Getting Started
Contents 06.03

ii Printout of the Online Help

Web Navigator - Getting Started
06.03 Introduction

1 Introduction
Welcome to the WinCC Web Navigator.
WinCC is the first IHMI (Integrated Human Machine Interface) software on the
market that truly integrates your system control software with your automation
process. The user-friendly components of WinCC make the integration to new or
existing applications trouble-free.
The Web Navigator package consists of special WinCC Web Navigator Server
components that are installed on the server computer, and of WinCC Web
Navigator Client components that run on the Internet computer.
The pictures displayed on the WinCC Web Navigator Client can be controlled just
like in a normal WinCC system. This makes it possible to control and monitor the
project running on the server computer from any location on earth.

Printout of the Online Help 1

Web Navigator - Getting Started
Introduction 06.03

2 Printout of the Online Help

Web Navigator - Getting Started

06.03 Installation and Deinstallation

2 Installation and Deinstallation

Introduction

This chapter outlines the WinCC Web Navigator hardware and operating system
requirements, the installation procedure from the CD-ROM as well as the setup of
the work environment.

Requirements for the WinCC Web Navigator Client

Operating System: Windows NT 4.0 SP6a or higher

Windows 2000 Professional Service Pack 2 or 3
Windows XP Home
Windows XP Professional
Windows XP Professional Service Pack 1
Software: Internet Explorer 6.0 SP1 or higher
Minimum Hardware No special hardware is required, however, the IE 6.0
Requirements: must be able to run.
Other: Access to the Intranet/Internet
or TCP/IP Connection to the Web Server

Requirements for the WinCC Web Navigator Server on a WinCC Single-User or Client
System

Operating System: Windows 2000 Professional Service Pack 2 or 3

Windows XP Professional
Windows XP Professional Service Pack 1
Software: Internet Explorer 6.0 SP1 or higher
WinCC Basic System V6.0 or higher
Minimum Hardware No special hardware is required, however, the IE 6.0
Requirements: must be able to run.
Other: Access to the Intranet/Internet
or TCP/IP Connection to the Web Client

Printout of the Online Help 3

Web Navigator - Getting Started
Installation and Deinstallation 06.03

Requirements for the WinCC Web Navigator Server on a WinCC Server

Operating System: Windows 2000 Server

Windows 2000 Advanced Server
Software: Internet Explorer 6.0 SP1 or higher
WinCC Basic System V6.0 or higher
Minimum Hardware Intel Pentium III 800 MHz
Requirements: 512 MB RAM
500 MB available Hard Drive Space
Network Interfaces
Other: If you want to publish Intranet information, the following is
required:
A network-capable computer as well as a LAN connection
(LAN = Local Area Network).
A system that breaks up computer names into IP
addresses (IP = Internet Protocol). This is not a
mandatory step, but it allows users to use "alias names"
instead of IP addresses when connecting to your server.
If you want to publish Internet information, the following is
required:
An Internet connection and an IP address from your
Internet service provider (ISP). You can only publish
information on the Internet, if you possess a connection to
the Internet (provided by the ISP).
A network card that is suitable for connecting to the
Internet.
A DNS registration (DNS = Domain Name System) for
your IP address. This is not a mandatory step, but it
allows users to use "alias names" instead of IP addresses
when connecting to your server..

Note
In order to have more than three clients, the Server version of Windows 2000 /XP
must be installed, since the Workstation version is limited to three clients.

4 Printout of the Online Help

Web Navigator - Getting Started

06.03 Installation and Deinstallation

2.1 Installation Overview

The WinCC Web Navigator Server requires Windows 2000 or XP as well as

WinCC V6 to be installed.
For details regarding the installation of WinCC, please refer to the WinCC
documentation. The following description assumes that WinCC has already been
installed.

Installation of the WinCC Web Navigator Server under Windows 2000 Professional/XP:

1. Installation of the Internet Information Services (IIS)

2. Installation of the WinCC Web Navigator Server

Printout of the Online Help 5

Web Navigator - Getting Started
Installation and Deinstallation 06.03

2.1.1 Installation of the Internet Information Services (IIS)

When using Windows 2000 Professional or XP, the Internet Information Services
(IIS) must be installed prior to the WinCC Web Navigator Server. When using
Windows 2000 or XP Server, this manual installation is not necessary.

Note
In order to install the Internet Information Services under Windows, write
permissions to the registry database are required, i.e. you must possess
administrator rights.
• Insert the Windows CD-ROM into the CD-ROM drive.
• From the start menu of Windows 2000/XP, select the "Settings" > "Control
Panel" entries and then click on the "Add/Remove Programs" icon.
• In the "Add/Remove Programs" dialog box, click on the "Add/Remove Windows
Components" icon. The following dialog box will open:

• In the selection window, activate the check-box at the "Internet Information

Services (IIS)" entry.
• Click on "Next".
Windows will then start with the transfer of the files and continue to guide you
through the installation.

6 Printout of the Online Help

Web Navigator - Getting Started

06.03 Installation and Deinstallation

2.1.2 Installation of the Web Navigator Server

Introduction

The installation of the WinCC Web Navigator Server takes place in multiple steps,
which are described subsequently.
The following description assumes that WinCC V6 and the Internet Information
Services (IIS) have already been installed.

Printout of the Online Help 7

Web Navigator - Getting Started
Installation and Deinstallation 06.03

2.1.2.1 Installation of the Web Navigator Server

Note
In order to install the Server component of the WinCC Web Navigator, write
permissions to the registry database are required, i.e. you must possess
administrator rights.
• Insert the CD-ROM containing the WinCC Web Navigator into the CD-ROM
drive.
• The setup program will start automatically after a few seconds, provided that
the autorun functionality has not been deactivated.
• The setup can also be started manually in case the CD-ROM has already been
inserted into the CD-ROM drive, the installation is performed from a network
drive or the autorun function has been deactivated. To do so, access the start
menu of Windows 2000/XP and select "Settings" > "Control Panel" >
"Add/Remove Programs" and then click on the "Add New Programs" icon.
Select the appropriate installation medium.
• The setup program will then be started.

To view/install additional information about the WinCC Web Navigator, click on the
"Welcome", "Read first", "Display CD-ROM Contents", "Install Software" and
"Language Selection" entries.

To install, click on the "Install Software" entry.

To install the WinCC Web Navigator Server, click on the "WinCC Web
Navigator Server" entry. You will be guided step-by-step through the installation.

8 Printout of the Online Help

Web Navigator - Getting Started

06.03 Installation and Deinstallation

2.1.2.2 Installation: User Registration

Read and accept the license conditions by clicking on "Yes".

Enter the required data in the "User Information" dialog box.

Click on "Next".

Confirm the information entered in the "Registration Confirmation" dialog box

by clicking on "Yes".

Printout of the Online Help 9

Web Navigator - Getting Started
Installation and Deinstallation 06.03

2.1.2.3 Installation: Folder Selection

In the "Target Path" dialog box, select the folder in which you want to install
the WinCC Web Navigator Server. The suggested folder is "C:\Program
Files\Siemens\WinCC\WebNavigator\Server".

Click on "Next".

Confirm your entries in the following dialog box by clicking on "Next".

10 Printout of the Online Help

Web Navigator - Getting Started

06.03 Installation and Deinstallation

2.1.2.4 Installation: Authorization

The "Authorization" dialog box displays a list of required authorizations based

on the selected components. Select the "Yes, the authorization should be
performed during the installation" radio-button and insert the authorization floppy
disk into drive "A:".

Click on "Next".

The following dialog box will display the selected settings. If you want to make
changes to the settings, click on "Back", otherwise click on "Next".
The WinCC Web Navigator Server will then start with the transfer of the files. At the
conclusion of the installation, you have the option of reading the "README.TXT"
file.

To complete the installation, click on "Yes, restart computer now" in the final
dialog box.

Printout of the Online Help 11

Web Navigator - Getting Started
Installation and Deinstallation 06.03

2.2 Deinstallation

The WinCC Web Navigator Server and the WinCC Web Navigator Client can be
deinstalled from Windows in the usual manner. To do so, select the "Control Panel"
> "Add/Remove Programs".
Click on the "Change or Remove Programs" icon. Follow the instructions.
This will remove the WinCC Web Navigator Server/Client from your system.

Note
If you deinstall the WinCC Web Navigator Server, the corresponding authorization
should also be deinstalled using the "AuthorsW.exe" application. The
authorization can then be reactivated at a later time. Additional information on the
subject of authorizations can be found in the WinCC Software Protection
documentation.

12 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3 The first Web Project

This chapter is based on the "WebDemoProject" located on the "Web Navigator"
CD-ROM.
For this example project, the WinCC Web Navigator Server, WinCC and WinCC
Web Navigator Client are installed on the same computer. When making changes
to the WinCC project, you are working with the server component (WinCC and
WinCC Web Navigator Server). When accessing the project with Internet Explorer,
you are working with the client component (WinCC Web Navigator Client).
The following steps will be described:
• Configuration of the Web Navigator Server
• Publishing of Process Pictures that can run on the WinCC Web Navigator
Client
• User Administrator
• Internet Explorer Settings
• Installation of the WinCC Web Navigator Client
• Creation of a new Process Picture

Printout of the Online Help 13

Web Navigator - Getting Started
The first Web Project 06.03

3.1 Configuration of the WinCC Web Navigator Server

3.1.1 Step 1: Starting the "WebDemoProject"

Copy the WinCC "WebDemoProject" from the "Web Navigator" CD-ROM to the
hard drive of your computer.
Follow the on-screen instructions.

Start WinCC from the Windows start menu via "SIMATIC" > "WinCC" >
"Windows Control Center".

Open the "WebDemoProject".

In the following dialog, click on "Start server locally".

The project can only be activated, if your computer has been entered as an
available server in the computer list.

In the project navigation window of the WinCC Explorer, right-click on

"Computer" and then select the "Properties..." menu command from the displayed
pop-up menu.

Click on the "Properties" button to edit the properties of the selected

computer.

In the "Computer Name" field, enter the name of your computer.

Click on "OK".
The changes will only become effective after a restart of the project.
Close the "WebDemoProject" via "File" > "Exit".
Reopen the "WebDemoProject".

14 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

To start Runtime, click on "File" > "Activate". A check-mark next to "Activate"

indicates that runtime is active.
As an alternative, you can also use the "Activate" button on the toolbar of the
WinCC Explorer.

Printout of the Online Help 15

Web Navigator - Getting Started
The first Web Project 06.03

3.1.2 Step 2: WinCC Web Configurator

In the navigation window of the WinCC Explorer, right-click on "Web

Navigator".

In the pop-up menu, click on the "Web Configurator" menu command.

Click on "Next".

16 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.1.3 Step 3: Defining the Standard Website

When starting the WinCC Web Configurator for the first time, a dialog window
giving you two choices will open:

Select "Create a new standard Website (stand-alone)" and click on "Next".

Printout of the Online Help 17

Web Navigator - Getting Started
The first Web Project 06.03

As the name of the Website, enter "WebNavigator". Select an IP address from

the selection field.

Click on "Finish" to complete the configuration of the server.

18 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.1.4 Step 4: Checking the activated Website (Web)

Activate the Internet Information Services. To do so, select "Programs" >

"Management" > "Internet Information Services".

In the navigation window, select the computer. In Windows XP, the subfolder
"Websites" must also be selected. The data window will display the corresponding
Websites. Check the information displayed for the Websites. If "Stopped" is
displayed next to the desired Website, e.g. "WebNavigator", the Website needs to
be started. To do so, right-click on the Website and select the "Start" menu
command from the pop-up menu.

Close the dialog box.

The Website is now activated.

Printout of the Online Help 19

Web Navigator - Getting Started
The first Web Project 06.03

3.2 Publishing of Process Pictures

3.2.1 Step 5: Starting the Web View Publisher

In the navigation window of the WinCC Explorer, right-click on "Web

Navigator".

In the pop-up menu, click on the "Web View Publisher" menu command.

Click on "Next".

20 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.2.2 Step 6: Publishing Pictures

The picture folder in the WinCC project and the folder for the Web access are
generally set correctly.
Picture Folder in the WinCC ...Project Path\Project Name
Project:
Folder for the Web Access: ...Project Path\Project Name\WebNavigator

Click on "Next".

Printout of the Online Help 21

Web Navigator - Getting Started
The first Web Project 06.03

Click on ">>" to select all files.

Click on "Next" to go to the next dialog box.

Via ">", select the C Project Functions that are to be published.

22 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

With the check-box, select whether the Visual Basic Scripts are to be
published.

Click on "Next" to go to the next dialog box.

In this dialog box, select the graphics referenced in the process pictures
(*.PDL) that you want to publish (e.g. bitmaps).

Click on "Next" to go to the next dialog box.

Printout of the Online Help 23

Web Navigator - Getting Started
The first Web Project 06.03

Activate the "Check Scripts" check-box.

Click on "Finish" to publish the pictures on the Website.

24 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

After the completion, a dialog box will be displayed. Acknowledge this dialog
box by clicking on "OK" to exit the operation.

Printout of the Online Help 25

Web Navigator - Getting Started
The first Web Project 06.03

3.2.3 Step 7: WinCC User Administrator

In the navigation window of the WinCC Explorer, right-click on "User

Administrator".

In the pop-up menu, select the "Open" menu command.

Click on to create a new user.

Enter the necessary data in the "Establish New User" dialog box.

Confirm the entries by clicking on "OK".

Highlight the desired user in the navigation window of the User Administrator.

26 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

Defining the Start Picture

In the table window, activate the "WebNavigator" check-box. The "Web

Options" area will be displayed.

Click on "..." of the "Start Picture" field.

In the following dialog box, select the appropriate start picture, e.g. "
WinccPic.PDL", and click on "OK".

Defining the Language

Click on "..." of the "Language" field.

Select the appropriate language, e.g. "English (United States)" and click on
"OK".

Note
Only languages that have been installed in WinCC are available for selection.

Defining Rights

Highlight the desired user in the navigation window of the User Administrator.

In the table window, select the desired rights by double-clicking in the

"Authorization" column.

Repeat these steps for each user.

Printout of the Online Help 27

Web Navigator - Getting Started
The first Web Project 06.03

3.3 Client Access to the Web Project

3.3.1 Step 8: Internet Explorer Settings

In the Internet Explorer, click on "Tools" > "Internet Options".

In the "Security" tab, select the appropriate zone, e.g. "Local Intranet".

Click on "Custom Level".

28 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

Click on the "Enable" radio-buttons for "Script ActiveX controls marked safe
for scripting" and "Download signed ActiveX controls".

Click on "OK".

In the "Internet Option" dialog box, click on "Apply".

Click on "OK".
This completes all necessary settings in the Internet Explorer.

Printout of the Online Help 29

Web Navigator - Getting Started
The first Web Project 06.03

3.3.2 Step 9: Installation of the WinCC Web Navigator Client

In the address field of the Internet Explorer, enter the address of the Web
Navigator Server, e.g. "http://<Name_of_the_Server>" and then hit the "Enter" key.

You will be asked to enter your user name and password, e.g. Snoopy.

Confirm your entries by clicking on "OK".

If you are accessing the WinCC Web Navigator Server for the first time, the
following page will be displayed:

30 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

Click on the Link "Click here to install" to copy the program to your client
computer.

Click on the "Open" button.

The file will be downloaded, unzipped and the setup of the WinCC Web Navigator
Client be started.

Printout of the Online Help 31

Web Navigator - Getting Started
The first Web Project 06.03

In the following dialog box, select the destination folder in which the WinCC
Web Navigator Client is to be installed. The suggested folder is "C:\Program
Files\Siemens\WinCC\WebNavigator\Client".

Click on "Next".
After the successful installation of the WinCC Web Navigator Client software, the
client will connect to the runtime project.

32 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.3.3 Step 10: The Web Project

The start picture corresponding to the user identified will be displayed.

In the case of the user "Snoopy", "WinccPic.pdl" was defined as the start picture.

Confirm the dialog box by clicking on "OK".

If you enter, for example, the value 50 in the input field, the fill level of the tank
in the "WebDemoProject" will change accordingly.

Printout of the Online Help 33

Web Navigator - Getting Started
The first Web Project 06.03

3.4 New Process Picture

3.4.1 Step 11: Creating a new Process Picture

In the navigation window of the WinCC Explorer, click on the "Graphics

Designer" and then right-click on the "WinccPic.pdl" picture in the data window.

In the pop-up menu, click on the "Open Picture" menu command.

Creating a Trend Window

From the object palette, select the "Controls" tab and from it the "WinCC
Online Trend Control".

In the "General" tab of the quick configuration dialog box, enter

"FillLevelTrend" as the title of the trend window.

Select the "Trends" tab.

Enter "FillLevel" as the name of the trend.

Click on the "Selection" button.

34 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

On the right side of the "Selection of Archives/Tags" dialog box, double-click

on the "FillLevelArchive".

On the right side of the "Selection of Archives/Tags" dialog box, click on the
"FillLevelArch" tag.

Confirm your inputs by clicking on "OK".

Creating a Table Window

From the object palette, select the "Controls" tab and from it the "WinCC
Online Table Control".

As the title of the table window, enter "FillLevelTable".

Repeat the steps performed for the "Trends" tab of the WinCC Online Trend
Control in the "Columns" tab of the WinCC Online Table Control.

Confirm your inputs by clicking on "OK".

Creating an Alarm Message Window

From the object palette, select the "Controls" tab and from it the "WinCC
Alarm Control".

In the quick configuration dialog box, enter "Water Supply Atlanta" as the title
of the message window.

Activate the "Display" check-box.

Confirm your inputs by clicking on "OK".

Save the picture under the name "WinccPic1.pdl" and exit the Graphics Designer.

Printout of the Online Help 35

Web Navigator - Getting Started
The first Web Project 06.03

3.4.2 Step 12: Publishing a Process Picture

In the navigation window of the WinCC Explorer, right-click on "Web

Navigator".

In the pop-up menu, click on the "Web View Publisher" menu command.

In the "Select Pictures" dialog box, select "WinccPic1.pdl".

Click on "Finish" to complete the operation.

Note
Each picture changed must again be converted using the "Web View Publisher".

Open the "WinCC User Administrator" and, for example, set "WinccPic1.pdl" as the
new start picture for the user "Snoopy".
Via "View" > "Refresh", the project window can be refreshed.

36 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.4.3 Step 13: Process Picture on the Web Client

Start the Internet Explorer.

Log in, for example, using the user name "Snoopy" and its password.

Acknowledge the safety information with "OK".

If everything is configured correctly, you should see the following picture:

Enter a new value in the input field.

The displays of the "WinCC Online Trend Control / Table Control" will change
accordingly (as in the "WebDemoProject").

Note

Printout of the Online Help 37

Web Navigator - Getting Started
The first Web Project 06.03

When using more complex functions or scripts in your project, please keep in
mind the limitations, etc. outlined in the corresponding chapters of the WinCC
Web Navigator documentation.

38 Printout of the Online Help

Web Navigator - Getting Started

06.03 The first Web Project

3.5 Troubleshooting and Error Correction

No pictures are displayed

On the WinCC Web Navigator Server computer, check whether the

"WebNavigator" Website is active:
• Activate the Internet Information Services via "Programs" > "Management" >
"Internet Information Services". Check the information at "WebNavigator". If
"Stopped" is displayed, the Website needs to be started. To do so, right-click
on "WebNavigator" and select the "Start" menu command from the pop-up
menu.

Start picture is not updated

The start picture displayed by the Internet Explorer does not match the picture you
have just edited, since the Internet Explorer has saved the previous start picture to
its temporary storage.
• Start the Web View Publisher to make the new picture available to the Internet.
• Delete the temporary Internet files in the Internet Explorer via "Tools" >
"Internet Options".

Printout of the Online Help 39

Web Navigator - Getting Started
The first Web Project 06.03

40 Printout of the Online Help

Web Navigator - Getting Started

06.03 Index

Index
Web View Publisher 23

A
R
Activating the Website 21
Internet Information Services 21 Requirements 3
Authorization 11 WinCC Web Navigator Client 3
WinCC Web Navigator Server 3

C
S
Configuration of the WinCC Web Server 18
Defining the Standard Website 19 Starting the Project 16
Web Configurator 18
Creating a User 28
WinCC User Adminstrator 28 T
Troubleshooting 41
D
Defining the Standard Website 19 U
WinCC Web Configurator 19
Deinstallation 12 User Registration 9
WinCC Web Navigator Client 12 Installation 9
WinCC Web Navigator Server 12

W
I Web View Publisher 22, 23
Installation 8 WinCC Web Adminstrator 28
Authorization 11 Creating a User 28
Folder Selection 10 Password 28
Internet Information Services (IIS) 6 WinCC Web Configurator 18, 19
Steps 5 Defining the Standard Website 19
User Registration 9 Starting 18
WinCC Web Navigator Client 32 WinCC Web Navigator Client 32
WinCC Web Navigator Server 8 Deinstallation 12
Installation Folder 10 Installation 32
Installation 10 WinCC Web Navigator Server 8
Internet Explorer 30 Deinstallation 12
Settings 30 Installation 8
Internet Information Services 21
Activating the Website 21

P
Process Picture 36
Creating 36
On the WinCC Web Navigator Client 39
Publishing 38
Publishing Pictures 23

Printout of the Online Help Index-1

Web Navigator - Getting Started
Index 06.03

Index-2 Printout of the Online Help

Web Navigator - Getting Started