102843424 Pcs 7 v81 Mobile Devices En

i

Application Example 12/2014

PCS 7 Process visualizationon mobile devicesSIMATIC PCS 7 V8.1

http://support.automation.siemens.com/WW/view/en/102843424


Warranty and liability

PCS 7 Process visualization on mobile terminal devicesEntry-ID: 102843424, V1.0, 12/2014 2

Siem

ens

AG20

14Al

lrig

hts

rese

rved

Warranty and liabilityNote The Application Examples are not binding and do not claim to be complete

regarding the circuits shown, equipping and any eventuality. The ApplicationExamples do not represent customer-specific solutions. They are only intendedto provide support for typical applications. You are responsible for ensuring thatthe described products are used correctly. These application examples do notrelieve you of the responsibility to use safe practices in application, installation,operation and maintenance. When using these Application Examples, yourecognize that we cannot be made liable for any damage/claims beyond theliability clause described. We reserve the right to make changes to theseApplication Examples at any time without prior notice. If there are any deviationsbetween the recommendations provided in these application examples and otherSiemens publications – e.g. Catalogs – the contents of the other documentshave priority.

We do not accept any liability for the information contained in this document.Any claims against us – based on whatever legal reason – resulting from the useof the examples, information, programs, engineering and performance data etc.,described in this Application Example shall be excluded. Such an exclusion shallnot apply in the case of mandatory liability, e.g. under the German Product LiabilityAct (“Produkthaftungsgesetz”), in case of intent, gross negligence, or injury of life,body or health, guarantee for the quality of a product, fraudulent concealment ofa deficiency or breach of a condition which goes to the root of the contract(“wesentliche Vertragspflichten”). The damages for a breach of a substantialcontractual obligation are, however, limited to the foreseeable damage, typical forthe type of contract, except in the event of intent or gross negligence or injury tolife, body or health. The above provisions do not imply a change of the burden ofproof to your detriment.Any form of duplication or distribution of these Application Examples or excerptshereof is prohibited without the expressed consent of Siemens Industry Sector.

Securityinfor-

mation

Siemens provides products and solutions with industrial security functions thatsupport the secure operation of plants, solutions, machines, equipment and/ornetworks. They are important components of a holistic industrial securityconcept. With this in mind, Siemens’ products and solutions undergo continuousdevelopment. Siemens recommends strongly that you regularly check forproduct updates.

For the secure operation of Siemens products and solutions, it is necessary totake suitable preventive action (e.g. cell protection concept) and integrate eachcomponent into a holistic, state-of-the-art industrial security concept. Third-partyproducts that may be in use should also be considered. For further informationabout industrial security, visit http://www.siemens.com/industrialsecurity.

To stay informed about product updates as they occur, sign up for a product-specific newsletter. For further information, visithttp://support.automation.siemens.com.

https://www.industry.siemens.com/topics/global/en/industrial-security/pages/default.aspx

http://support.automation.siemens.com/

Table of contents


Siem

ens

AG20

14Al

lrig

hts

rese

rved

Table of contents

Warranty and liability ................................................................................................... 2

1 Task ..................................................................................................................... 4

2 Solution............................................................................................................... 5

2.1 PCS 7 Process visualization on mobile terminal devices .................... 52.2 Range of functions ............................................................................... 62.3 Required hardware and software components .................................... 62.4 Validity .................................................................................................. 7

3 Resolution and scaling ..................................................................................... 8

3.1 Aspect ratio .......................................................................................... 83.2 Configuring the OS project editor ......................................................... 93.3 Configuring the graphics runtime ....................................................... 103.4 Scaling process pictures .................................................................... 113.5 Publishing changes ............................................................................ 14

4 Initializing remote access ............................................................................... 18

4.1 Initializing the mobile terminal device ................................................. 184.1.1 Installing the remote app .................................................................... 184.1.2 Initializing the remote app .................................................................. 214.2 Operation ............................................................................................ 274.2.1 Establishing a connection to the Web Server .................................... 274.2.2 Cursor functions ................................................................................. 284.2.3 Keyboard functions ............................................................................. 314.2.4 Displaying the menu bar..................................................................... 334.2.5 Disconnect .......................................................................................... 334.3 Internet Explorer Settings ................................................................... 344.3.1 Setting up the target computer as a start page .................................. 344.3.2 Setting to full screen ........................................................................... 364.3.3 Using the plug-in function ................................................................... 374.3.4 Process control on the mobile terminal device................................... 39

5 References ....................................................................................................... 40

6 History............................................................................................................... 40

1 Task


Siem

ens

AG20

14Al

lrig

hts

rese

rved

1 Task

The process visualization is an essential part of a system. The larger and morecomplex a system is, the more information must be processed and visualized.Stationary operating stations are localized over Ethernet cables and are matchedto the visualization of specific units. The central control room together with itsprocess operating stations is located far away from the sensors and actuators.To increase flexibility, one would wish to be able to move freely with a mobileoperating unit inside the system next to the process level components.

2 Solution


Siem

ens

AG20

14Al

lrig

hts

rese

rved

2 Solution2.1 PCS 7 Process visualization on mobile terminal

devicesThe use of mobile terminal devices enables one to get close to all the process-specific information.Thanks to the portability, weight and computing power, smartphones and tabletsoffer the best conditions for a comfortable and process-oriented operation of thesystem. Currently, there is no standardized app for smartphones and tablets, whichconnects them directly to a plant. However, there are many apps are available thatcan establish a remote connection to a terminal server, which in turn is connectedto the system.When using mobile devices, process pictures must be scaled as required by theparticular device resolution. The Application Example will help you achieve the bestpossible display results.

2 Solution


Siem

ens

AG20

14Al

lrig

hts

rese

rved

2.2 Range of functions

Terminal serverA terminal server with installed "PCS 7 Web Server" software serves as theinterface between the mobile terminal devices and the system. If a mobile terminaldevice connects to the terminal server, a session will be assigned to it. Sessionsare limited depending on the server operating system. Therefore, the number ofmobile terminal devices that can be connected concurrently to the terminal serveris limited.

Remote Desktop ProtocolThe communication between the mobile terminal devices and the terminal serveris done via Remote Desktop Protocol.Internet Explorer is opened via the terminal server. Plug-ins allow you to receivegraphical information via Internet Explorer while the terminal server takes over thecomputing power. This allows you to control and monitor process pictures and toget a complete process control.

Object properties of process picturesChanges to the object properties of the process pictures allow you to fit the processpictures to any screen size and to hide the bulky scrollbars.

2.3 Required hardware and software componentsThis is implemented via the PCS 7 Web Option. The type of hardware and softwarecomponents required can be found in chapter 5 in the following manual:SIMATIC Process Control System PCS 7 Web Option for OS (V8.1)http://support.automation.siemens.com/WW/view/en/90682846This document only deals with the representation and scaling of process picturesas well as the establishment of the remote connection between the mobile terminaldevices and the terminal server.

Mobile terminal devicesThe mobile terminal devices must meet the minimum requirements of the remoteapp. It's up to you to decide which model you use.In this case, the larger the screen, the clearer and easier the process pictures aredisplayed. A smartphone with a 5-inch screen is enough for pure observationpurposes and is easier to carry than a tablet with a 10-inch screen. If you placemore emphasis on controlling process objects or want a better overview of theprocess pictures, it is recommended to have a larger model (from 7 inches).

NOTE Please note that when applying this example in hazardous areas, the mobiledevices used must be certified accordingly.


2 Solution


Siem

ens

AG20

14Al

lrig

hts

rese

rved

Remote appTo enable remote access, there are various apps available fromdifferent providers for Android, iOS and Windows Phone.Some apps like TeamViewer require additional software on the desired targetcomputer and a commercial license, while others are based on Remote DesktopProtocol but are available for free. The remote app "2X RDP Client" has been usedin this Application Example.This provides the following advantages:

Free of charge There is no separate software needed on the target computer because"2X

RDP Client" is based on Microsoft's already existing "Remote Desktop"operating system function and its RDP (Remote Desktop Protocol).

Simple and clear operation Available for:

- Android smartphones (from V1.5), Android tablets (from V3.0)- From iOS 3.1.3 for Apple iPad, iPhone und iPod Touch- Windows Phone 8

Note For more information about the remote app, see the manufacturer's website.

http://www.2x.com/en/rdp-client/devices/

2.4 Validity

This application example is valid for SIMATIC PCS 7 V8.1 and WinCC 7.3.

http://www.2x.com/en/rdp-client/devices/

3 Resolution and scaling


Siem

ens

AG20

14Al

lrig

hts

rese

rved

3 Resolution and scaling3.1 Aspect ratio

Process pictures are scaled linearly. Devices with an aspect ratio of 4:3 will notdisplay correctly or will be distorted if your monitor resolution corresponds to anaspect ratio of 16:9. This also applies the other way around. The following figureshows this problem:

For this reason, it is recommended to use a mobile terminal device having thesame aspect ratio as that of the monitor.

Note When purchasing the mobile terminal device/monitor pay particular attention tothe aspect ratio.

To calculate the aspect ratio, divide the horizontal pixel width by the vertical pixelwidth.

Example:1920 × 1080 =

1024 × 768 =



Siem

ens

AG20

14Al

lrig

hts

rese

rved

3.2 Configuring the OS project editor

Procedure1. Right-click on "OS Project Editor" in WinCC Explorer.2. Click "Open" in the shortcut menu. The "OS Project Editor" dialog box opens.

3. Choose the screen resolution that applies to your monitor in the "Layout" tab.4. Click on the "Apply" button to apply the change.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

3.3 Configuring the graphics runtime

Procedure1. Click on "Computer" using the left mouse button. A list with the configured

computer name appears in the right pane.2. Right click on the configured computer name in the list.3. Click on "Properties" in the context menu.

This opens the "Computer properties" dialog box.

4. Switch to the "Graphics Runtime" tab. Select the "Adapt Picture" radio buttonin the window attributes and confirm the change with "OK".



Siem

ens

AG20

14Al

lrig

hts

rese

rved

3.4 Scaling process pictures

Procedure1. In WinCC Explorer, left click on "Graphics Designer". A list with the available

process pictures appears in the right pane.

2. Open the process picture "@screen.pdl" by double clicking or right clickingon "Open picture(s)".

3. Select the picture window "@win12" from the drop-down list.

4. Click on "Miscellaneous" in the object properties of the picture window.

5. Change the values of the attributes "Scroll bar" and "Adapt Size" by doubleclicking on "no" in each case and on "yes" for the value of the attribute„Adapt Picture“.

Note Note the value of the attributes, as the changes must be reversed again at a laterstage.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

6. Open the process picture "@1001.PDL" by double clicking or right clickingon "Open picture(s)".

7. Select the picture window "@Desk" from the drop-down list.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

8. Click on "Miscellaneous" in the object properties of the picture window.

9. Change the values of the attributes "Scroll bar" and "Adapt Size" by doubleclicking on "no" in each case and on "yes" for the value of the attribute„Adapt Picture“.

10. In the Graphics Designer, run "File> Save All" to save the changes in both processpictures and exit the Graphics Designer.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

3.5 Publishing changes

Procedure1. Open the Web View Publisher in WinCC Explorer

"Right click > Web View Publisher".

2. This opens the dialog box "WinCC Web Publishing Wizard":Click on the "Next >" button



Siem

ens

AG20

14Al

lrig

hts

rese

rved

3. Select the file "@1001.pdl" and click the ">" button to add it to the list ofselected files.

4. Repeat step 3 with the file "@screen.pdl" and click the "Next >" button.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

CAUTION If you have not yet published all process pictures in this way, click the ">>"button to add all process pictures to the list of selected files.

5. If the list of selected files contains functions, click on the "<<" button to removethem.

6. Click on the "Next >" button.

CAUTION If you have not yet published all functions in this way, click the ">>" button toadd all functions to the list of selected files.

7. If the list of selected files contains referenced graphics, click on the "<<" buttonto remove them.

8. Click on the "Next >" button.

CAUTION If you have not yet published all referenced graphics in this way, click the ">>"button to add all referenced graphics to the list of selected files.

9. Click on the "Finish" button to publish all files.



Siem

ens

AG20

14Al

lrig

hts

rese

rved

10. When the process is completed, another dialog box opens. Click the "OK"button, and then exit the WinCC Web Publishing Wizard.

11. Repeat all the steps in chapter 3.4 and reverse the changes made to the objectproperties of the process pictures.

Note This process is necessary because the changes will affect only the publishedprocess pictures and not the OS station.

12. Activate the OS runtime.

4 Initializing remote access


Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4 Initializing remote accessRequirements

The Web server is on the same IP address range as the mobile terminaldevice.

The OS runtime is activated.

Note For more information about installing and configuring the Web Navigator,Web Server and Web Client, see the manual “SIMATIC Process Control SystemPCS 7 Web Option for OS (V8.1)” from the following link:http://support.automation.siemens.com/WW/view/en/90682846

4.1 Initializing the mobile terminal deviceThe following figures were taken with a Nexus 5 and Android v4.4. The display andoperation under other versions of Android and other operating systems like iOSand Windows Phone may vary slightly. The functionality is retained.

4.1.1 Installing the remote app

Procedure1. Open according to the operating system:

2. Open the Search window. This is generally represented with a magnifyingglass icon.

Android iOS Windows Phone




Siem

ens

AG2

014

Allr

ight

sre

serv

ed

3. Enter "2X RDP Client" in the search field and confirm your entry to startsearching.

4. Tap the app shown above called "2X RDP Client" to learn more about the appand install it.

5. Tap on "Install" to download the app and install it.

6. The progress of the installation is displayed on your screen.

2

3



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

Note Some apps may require particular permissions to have, for example, access tothe network. Tap on "Accept" to grant these rights to the app.

To download and install apps you require a valid account. You might berequested to enter your password before downloading.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.1.2 Initializing the remote app

To enable access to your remote computer via "Microsoft Remote Desktop",you will first have to adjust some settings within the remote app.

Procedure1. Tap the "2X Client" remote app icon to start it.

2. To establish a remote connection, tap either on "Add a Connection" or thesmall plus icon.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

3. Select "Standard RDP (free)" as the connection type.

4. Click the relative button to edit the information.

5. Under "Alias", enter the connection name and confirm your entry.

Note This connection appears later in the list of possible connections, with the namespecified here.

The connection name doesn't have to be related to the actual name or theInternet address of the target computer.

2



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

6. Under "Server", enter the name or the IP address of the target computer andconfirm your entry.

7. Under "Port", enter the port number and confirm your entry.

Note The port number of the firewall on the target computer is set to 3389 by default.

If this port number changed, add the changed port number over here.

8. Enter the name of the required Windows user under "User Name" and thecorresponding password under "Password", and confirm your entry.

2

2

2



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

9. Then, tap on "Connection" to get to the other options.

10. Tap on "Display" to get to the display options.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

11. Tap on "Orientation".

12. Choose "Landscape".

13. Tap on "Resolution".



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

14. Select the resolution you have selected for the OS server in the previous step,in the OS Project Editor.

Note If your mobile terminal device has a lower resolution, you can still select a highresolution. The resolution you select here refers to the virtual screen that theWindows operating system shows you when you connect via RDP.

15. Tap on "Back" to complete the setup.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.2 Operation

4.2.1 Establishing a connection to the Web Server

Tap on the name of the established connection to connect to the Web Server.

Tap the three vertically aligned dots to view more options and to edit theconnection settings.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.2.2 Cursor functions

The remote app supports touch screen operation. This allows you to left-click witha single tap. You can display a cursor and mouse buttons from the menu bar.

Moving the cursorYou can move the cursor by pulling and holding the middle mouse button.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

Left-clickTo perform a left-click, tap with a finger on the desired area on the screen.Alternatively, you can use the on-screen mouse button by moving the cursor overthe desired area and tapping the left mouse button.

Right-clickTo perform a right-click, tap one finger on the desired area, then tap another fingeranywhere else on the screen.Alternatively, you can use the on-screen mouse button by moving the cursor overthe desired area and tapping the right mouse button.

ScrollingTap and hold two fingers on the area you want to scroll, and move your fingers inthe desired direction.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

ZoomingTap and hold two fingers on the area you want to zoom, and move your fingersaway from each other to zoom into the area. Move your fingers towards each otherto zoom out of the area.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.2.3 Keyboard functions

To show or hide the keyboard, tap on the keyboard icon in the menu bar.

Numeric keypadTo show numbers and other symbols, tap on the button with the three dots andthen on the "&123" button.

12



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

Num keyboardTo display the depicted buttons, tap on the button with the three dots and then onthe "Num" button.

Fn keyboardTo display F buttons (Function buttons) and other symbols, tap on the button withthe three dots and then on the "Fn" button.

12

1

2



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.2.4 Displaying the menu bar

To use the entire surface of your touch screen, you can hide the top menu bar.When you hide the menu bar you get the message saying that the menu bar canbe shown again by swiping it down with three fingers.

4.2.5 Disconnect

To log off the user and disconnect, proceed as if you were using a normal Windowscomputer. Click on Start and log off.Alternatively, you can disconnect from the menu bar.

1

2

1

2



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.3 Internet Explorer Settings

NOTE For more information about configuring the Internet Explorer, see the manual“SIMATIC Process Control System PCS 7 Web Option for OS (V8.1)” from thefollowing link:http://support.automation.siemens.com/WW/view/en/90682846

4.3.1 Setting up the target computer as a start page

It is circuitous having to enter the name or IP address of the target computer in theURL field each time you open Internet Explorer. It is suggested to set the addressof the target computer as a start page.

Procedure1. Open Internet Explorer.

Note To get a faster access to Internet Explorer, we recommend that you createa shortcut on the desktop or to add a link to Internet Explorer on the task bar.

2. Click on "Tools > Internet Options".




Siem

ens

AG2

014

Allr

ight

sre

serv

ed

3. Enter the name or IP address of the target computer in the "Home page" textbox.

4. Click on the "Apply" button.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.3.2 Setting to full screen

The URL, Search, Favorites bar, etc, take space unnecessarily on the screen.To make use of the complete screen size, they should be hidden.

Procedure1. Open Internet Explorer.

2. First click on "Tools > Full screen (F11)". This hides superfluous toolbars andthe address bar of Internet Explorer.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.3.3 Using the plug-in function

To enable operator control and monitoring of faceplates in process pictures on theWeb client or the Web diagnostics client, you first need to install the plug-ins thatwill make the faceplates operable over the Internet.

PreparationYou can find out how to install the plug-ins in Chapter 9.5 of the manual “SIMATICProcess Control System PCS 7 Web Option for OS (V8.1)” from the following link:http://support.automation.siemens.com/WW/view/en/90682846

ProcedureYou are logged on to your Web Server and have connected via the InternetExplorer.

1. Move the mouse pointer to the left edge of the screen to display the optionsbar of the Web Navigator.

2. Click on "Settings" in the options bar.

3. Click on "WebClient properties" to open the properties of the WinCC WebNavigator client.




Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4. Select the "Fit To Size" radio button in the "Screens" area.

5. By clicking on the "Screens" link (below in the settings), you will be redirectedto the process pictures.



Siem

ens

AG2

014

Allr

ight

sre

serv

ed

4.3.4 Process control on the mobile terminal device

Requirement Connection to the Web Server is established from the Remote app Web Client is installed. Plug-ins are installed. (see Chapter 4.3.3). WinCC Runtime of the Web Server is activated.

Procedure1. Start the Internet Explorer.

2. Enter your server address or IP address in the input field "Address".

3. Enter your WinCC user name and password in the dialog box "Enter networkpassword". If you want to save your password, activate the "Rememberpassword" option button.

Note You can find more information about how to start process control on the webclient in Chapter 9.6 of the manual "SIMATIC Process Control System PCS 7Web Option for OS (V8.1)" from the following link:http://support.automation.siemens.com/WW/view/en/90682846


5 References


Siem

ens

AG2

014

Allr

ight

sre

serv

ed

5 References

Table 5-1

Subject area Title

\1\ Siemens IndustryOnline Support

http://support.automation.siemens.com

\2\ Download pageof this entry


\3\ WinCC /WebNavigator

http://support.automation.siemens.com/WW/view/en/102768445/

\4\ Web Server / WebClient / Web Option


\5\ OS Project Editor http://support.automation.siemens.com/WW/view/en/102768374

6 History

Table 6-1

Version Date Change

V1.0 12/2014 First edition

http://support.automation.siemens.com/


http://support.automation.siemens.com/WW/view/en/102768445/



Documents

102843424 Pcs 7 v81 Mobile Devices En