This example HTML shows a lux value (luminance datapoint) of a light sensor device named LightSensor1:
When using IzoT Vision, all devices on the IzoT Server must have unique device names. Duplicate names can cause IzoT Vision to retrieve or update the incorrect datapoints on devices with duplicate names.
You can use the Device Browser Web page to change a device name in the IzoT Server. If you change a device name in the IzoT Server, the name is not also changed in the IzoT CT or IzoT Net Server database.
IzoT Vision Objects use datapoint pathnames to define the datapoint. The pathname format is:
"<device name>/<datapoint name>"
An example datapoint pathname is "LightSensor1/luminance".
The IzoT Vision objects include the Show Value, Text Field, Text Area, Image Swapper, Drop Down, and Radio Button objects. You can use these objects to read and write to IzoT Server datapoints. When you write updated values to these objects, the updated values are sent immediately to the IzoT Server.
You can create a template Web page that can be used with multiple devices of the same type. To create a template Web page, use the IzoT Vision SubTags object. For example, if you have 100 rooms with each with an identical switch device and an identical sensor device, you can either create a single template Web page that supports all 100 rooms, or you can create 100 Web pages where each room is represented. To create a template Web page, use substitution tags to create a Web page that represents a single room and provides a mechanism for you to select which one of the 100 rooms to be monitored and controlled.
You can create a Web page that requires users to click a Submit button before sending any updated datapoint values to the IzoT Server. To create a Web page that requires the user to click a Submit button, use the IzoT Vision Submit All or Submit Selected objects. You can use the IzoT Vision Clear object to clear any temporary values.
To use an IzoT Vision object, add the following lines at the top of your Web page HTML file.
Two IzoT Vision template HTML files are included in the IzoT Server dashboard directory at /home/debian/izot-sdk/www/dashboard to get you started:
simple.html – a simple Web page with a single single IzoT Vision Show Value object. Replace the Show Value object with your code.
span style="font-weight: bold;">dashboardstatic.html – a static version of the example dashboard that you can modify to create a custom dashboard. To create a custom dashboard, rename dashboard.html to dashboardorig.html then copy dashboardstatic.html to dashboard.html and add your code.
For additional information, see the following:
IzoT Server Dashboard: <IP address of IzoT Server>/dashboard
IzoT Server Device Browser: <IP address of IzoT Server>/dashboard/dpviewer.html