Cognex VisionView Web User manual

VisionView Web
Reference Manual
2023 July 26
Revision: 23.1.0.200

Legal Notices
The software described in this document is furnished under license, and may be used or copied only in accordance with the
terms of such license and with the inclusion of the copyright notice shown on this page. Neither the software, this document,
nor any copies thereof may be provided to, or otherwise made available to, anyone other than the licensee. Title to, and
ownership of, this software remains with Cognex Corporation or its licensor. Cognex Corporation assumes no responsibility
for the use or reliability of its software on equipment that is not supplied by Cognex Corporation. Cognex Corporation makes
no warranties, either express or implied, regarding the described software, its merchantability, non-infringement or its fitness
for any particular purpose.
The information in this document is subject to change without notice and should not be construed as a commitment by
Cognex Corporation. Cognex Corporation is not responsible for any errors that may be present in either this document or the
associated software.
Companies, names, and data used in examples herein are fictitious unless otherwise noted. No part of this document may be
reproduced or transmitted in any form or by any means, electronic or mechanical, for any purpose, nor transferred to any
other media or language without the written permission of Cognex Corporation.
Copyright © 2023. Cognex Corporation. All Rights Reserved.
Portions of the hardware and software provided by Cognex may be covered by one or more U.S. and foreign patents, as well
as pending U.S. and foreign patents listed on the Cognex web site at: cognex.com/patents.
The following are registered trademarks of Cognex Corporation:
Cognex, 2DMAX, Advantage, AlignPlus, Assemblyplus, CheckitwithChecker, Checker, CognexVisionforIndustry,
CognexVSOC, CVL, DataMan, DisplayInspect, DVT, EasyBuilder, Hotbars, IDMax, In-Sight, LaserKiller, MVS-8000,
OmniView, PatFind, PatFlex, PatInspect, PatMax, PatQuick, SensorView, SmartView, SmartAdvisor, SmartLearn,
UltraLight, VisionSolutions, VisionPro, VisionView
The following are trademarks of Cognex Corporation:
The Cognex logo, 1DMax, 3D-Locate, 3DMax, BGAII, CheckPoint, CognexVSoC, CVC-1000, FFD, iLearn, In-Sight (design
insignia with cross-hairs), In-Sight2000, InspectEdge, Inspection Designer, MVS, NotchMax, OCRMax, PatMaxRedLine,
ProofRead, SmartSync, ProfilePlus, SmartDisplay, SmartSystem, SMD4, VisiFlex, Xpand
Portions copyright © Microsoft Corporation. All rights reserved.
Portions copyright © MadCap Software, Inc. All rights reserved.
Other product and company trademarks identified herein are the trademarks of their respective owners.
2
Legal Notices

Precautions
To reduce the risk of injury or equipment damage, observe the following precautions when you install the Cognex product:
lThe VisionView Web requires a UL or NTRL listed power supply with a 24 VDC output.
Any other voltage creates a risk of fire or shock and can damage the components. Applicable national and local wiring
standards and rules must be followed.
lThis product is intended for industrial use in automated manufacturing or similar applications.
lThe safety of any system incorporating this product is the responsibility of the assembler of the system.
lDo not install Cognex products where they are exposed to environmental hazards such as excessive heat, dust,
moisture, humidity, impact, vibration, corrosive substances, flammable substances, or static electricity.
lRoute cables and wires away from high-current wiring or high-voltage power sources to reduce the risk of damage or
malfunction from the following causes: over-voltage, line noise, electrostatic discharge (ESD), power surges, or other
irregularities in the power supply.
lDo not expose the image sensor to laser light. Image sensors can be damaged by direct, or reflected, laser light. If
your application requires laser light that might strike the image sensor, use a lens filter at the corresponding laser
wavelength. For suggestions, contact your local integrator or application engineer.
lThis product does not contain user-serviceable parts. Do not make electrical or mechanical modifications to product
components. Unauthorized modifications can void your warranty.
lChanges or modifications not expressly approved by the party responsible for regulatory compliance could void the
user’s authority to operate the equipment.
lInclude service loops with cable connections.
lEnsure that the cable bend radius begins at least six inches from the connector. Cable shielding can be degraded or
cables can be damaged or wear out faster if a service loop or bend radius is tighter than 10X the cable diameter.
lThis device should be used in accordance with the instructions in this manual.
lAll specifications are for reference purposes only and can change without notice.
3
Precautions

Symbols
The following symbols indicate safety precautions and supplemental information:
WARNING:This symbol indicates a hazard that could cause death, serious personal injury or electrical shock.
CAUTION:This symbol indicates a hazard that could result in property damage.
Note: This symbol indicates additional information about a subject.
Tip: This symbol indicates suggestions and shortcuts that might not otherwise be apparent.
4
Symbols

Table of Contents
Legal Notices 2
Precautions 3
Symbols 4
Table of Contents 5
Getting Started 6
About VisionView Web 6
Product Overview 6
VisionView Web Panel Layout 6
VisionView Web HDMI Layout 7
Dimensions 8
Mounting Options 10
Mounting Options for VisionView Web Panel 10
Installation 10
Mounting 10
Connecting the VisionView Web 18
VisionView Web User Interface 19
Devices 19
Detected Devices 19
Selected Devices 20
Tiles 22
Device Defaults 23
Appearance 24
Network Settings 24
Admin Password 25
About 26
VisionView Web Specifications 27
VisionView Web Panel Display Specifications 27
VisionView Web HDMI Specifications 27
Cleaning and Maintenance 28
Regulations and Conformity 29
中国大陆RoHS (Information for China RoHS Compliance) 30
For European Community Users 30
5
Table of Contents

Getting Started
This section provides general information about VisionView Web.
About VisionView Web
The VisionView Web family of devices allows you to automatically connect to run-time Web HMIs from Cognex devices on
the factory floor. The product family includes a touchscreen version and a screenless version that can connect to a third-party
screen over HDMI. The VisionView Web offers you the following functionalities:
lAutomatically detect and connect to both In-Sight and DataMan Web HMIs on the factory floor.
lTile multiple Web HMIs on one screen.
lLoad and save jobs, change online status, and view run-time data.
lOffload images and job files to SD cards or USB drives.
lConfigure network settings and admin passwords from the VisionView Web.
lSupported by In-Sight Vision Suite.
Product Overview
The following VisionView Web products are available:
Product Name Product Image Features
VisionView Web Panel l9" display (1024x600 resolution)
VisionView Web HDMI lHDMI display output (1920x1080 max resolution)
VisionView Web Panel Layout
The following table shows the layout of the VisionView Web Panel.
6
Getting Started

Element Description
1 10/100/1000 Mbps Ethernet
2 DC-IN +8 V ~ 35 V
3 Power switch
4 USB 2.0 ports
5 Micro SD slot (does not support CF)
VisionView Web HDMI Layout
The following table shows the layout for the VisionView Web HDMI:
Element Description
1 SD card slot
2 USB 2.0 ports
3 PowerLED
4 SD/eMMC LED
7
Getting Started

Element Description
5 Power switch
6 Power supply (DC +12 V ~ +36 V)
7 HDMI output port
8 RJ-45 Ethernet port
Dimensions
VisionView Web Panel Dimensions
The following figure shows the dimensions for the VisionView Web Panel.
8
Getting Started

VisionView Web HDMI Dimensions
The following figure shows the dimensions for the VisionView Web HDMI.
9
Getting Started

Mounting Options
You can purchase the following components separately. For a list of options and accessories, contact your local Cognex
sales representative.
Mounting Options for VisionView Web Panel
You can install the VisionView Web Panel in an electrical panel to retain IP65 environmental rating. See Mount VisionView
Web Panel to Custom Bracket on page16 for instructions on how to properly mount the device. Use the optional FastMount
bracket to speed up this process.
Accessory Product Number Illustration
FastMount bracket 820-20907-001
You can also use general mounting solutions, which lower the environmental rating below IP65.
Accessory Product Number Illustration
Table top stand 820-0272-1R
2-inch swivel link single arm kit CSL-AFSB-1002
4-inch swivel link single arm kit CSL-AFSB-1004
6-inch swivel link single arm kit CSL-AFSB-1006
8-inch swivel link single arm kit CSL-AFSB-1008
Swivel link mounting plate CSL-AFSB-9
Installation
This section describes the installation process.
Mounting
To mount the VisionView Web HDMI, you can, for example, attach it to the back of your monitor or use a VESA-compliant
solution. For more information on VESA-compliance, see vesa.org.
To mount the VisionView Web Panel, use one of the following procedures depending on your preferred mounting option.
10
Getting Started

Mount VisionView Web Panel on Table Top Stand
1. Insert two M4 hex screws to the top mounting holes of the VisionView Web panel without fully tightening them.
2. Slide the VisionView Web panel on the table top stand so that the screws catch onto the notches in the stand.
11
Getting Started

3. Tighten the screws completely.
Optionally, you can use the three screw holes on the bottom of the stand to attach the table top stand to a horizontal surface.
Mount VisionView Web Panel to FastMount Bracket
You can use the FastMount bracket to attach the VisionView Web Panel to any surface that has a suitable opening to
accommodate the device. For the required size of the cutout, see VisionView Web Panel Dimensions on page8.
12
Getting Started

1. Attach the gasket to the back of the VisionView Web panel.
2. Position the FastMount bracket to the back of the VisionView Web panel. Align the mounting holes of the bracket with
the screw holes of the panel, then insert and tighten the four hex screws.
13
Getting Started

3. Rotate the VisionView Web panel and insert it into the cutout until the gasket is flush with the mounting surface.
4. Insert the four fasteners into the respective holes without tightening them.
14
Getting Started

5. Slide on the end cap of each fastener.
6. Hand-tighten all four fasteners until the VisionView Web panel is securely fixed.
15
Getting Started

Mount VisionView Web Panel to Custom Bracket
1. Cut the screw holes into the bracket. Refer to the following image for the locations of the holes. The values are
provided in millimeters.
Tip: Cut the holes in the bracket using a professional machine shop.
16
Getting Started

2. If necessary, remove the twelve M3 screws from the VisionView Web panel in a diagonal pattern, as shown on the
image below:
3. Place the VisionView Web panel face-down on a clean, flat surface.
4. Slide the bracket around the back of the VisionView Web panel until the bracket rests directly on the gasket. Align the
screw holes with the mounting holes on the VisionView Web panel.
5. Insert all twelve M3 screws into the mounting holes and screw them in until they are finger-tight.
Note:
The screw size is M3×L (L=wall thickness + 6.0 mm).
The required length for all twelve M3 screws changes according to the thickness of mounting bracket. For
example, the length of a standard M3 screw for the VisionView Web panel is 6 mm. If the thickness of your
mounting bracket is 3 mm and washer thickness is 1 mm, you have to use 10 mm M3 screws.
17
Getting Started

6. Finish tightening the screws using an M3 screwdriver. Observe the tightening sequence shown below:
Note: The maximum torque is 1.18 Nm.
Connecting the VisionView Web
To use the VisionView Web HDMI:
1. Plug in the power cable.
2. Connect to the network using an Ethernet cable.
3. Connect to an external display using an HDMI cable.
To use the VisionView Web Panel:
1. Plug in the power cable.
2. Connect to the network using an Ethernet cable.
Once your VisionView Web device is powered and connected, turn on the device to access the VisionView Web application.
18
Getting Started

VisionView Web User Interface
Devices
The Devices page of VisionView Web contains the Detected Devices list and the actions you can perform with the devices,
such as selecting a detected device or adding an undetected device for display on the Tiles page.
Detected Devices
After the VisionView Web application runs, the Detected Devices list automatically populates with discovered devices.
Choose the device you want to connect to from the Detected Devices list.
If you see no devices on your network or if you want to add a device that is not a Cognex device, click on Add Other Device
at the bottom of the Devices page. To filter the devices you want, enter the related information into the Filter field.
Icon Button name Description
Refresh Detected Devices Refreshes the detected devices in the list.
Expand all device details Allows you to see all device details.
Toggle device grouping Allows you to toggle the display of devices by type or alphabetically.
When you click on Add Other Device, the Device Configuration pop-up appears.
19
VisionView Web User Interface

The Tiled URL and Full Screen URL fields are mandatory. All other fields are optional.
To see a specific user interface on the tiles:
1. Enter the URL in the Tiled URL field of Device Configuration. For example, add WebHMI URLs.
2. Click on the check mark button to add the device you configure to the Selected Devices list.
Selected Devices
To add already discovered devices from the Detected Devices list to the Selected Devices list, click on the Add button next
to the device you want, or drag the device to the top of the Selected Devices list.
You can determine the order of the devices in the Selected Devices list by clicking on the Up or Down buttons next to the
device you want, or you can drag and drop the devices into the list. You can also remove the device from Selected Devices
by clicking on the Remove button.
After you expand the device information, the Settings button appears.
To configure the device further, click on the Settings button.
20
VisionView Web User Interface