Video Instructions for Using WebGen 8
Creating a simple text based web page
This video shows how to get started with webgen 8.1. It covers connecting to an i.LON 100 Internet Server, and the basics of creating a web page that can be served from the i.LON 100 to a browser. The page shows the text values of three network variables in real time. Both reading and writing network variables are covered in this video.
Video file:WEBGEN No1 - Creating a Simple Text Based Web Page.zip
Using simple Rules to Translate NVs to Text
By default Network Variables are displayed in web pages using whatever format string is specified in the i.LON 100's format files. For example a network variable of type SNVT_Switch is usually displayed as 100.0 1 or 0.0 0. This video shows how to convert 100.0 to "ON" or 0.0 to "OFF" using webgen's rule editor.
Video file: WEBGEN No2 - Using SImple Rules to Translate NVs to Text.zip
Using Single-State Buttons to Drive NV values
This video shows how to place single state command buttons within a web page that can be used to drive NV values.
Video File: WEBGEN No3 - Using Single-State Buttons to Drive NV Values.zip
Using Multi-State Buttons to Drive NV values
This video shows how to place a multi-state command button within a web page that depending on its state will drive NV values to various pre-assigned values.
Video File: WEBGEN No4 - Using Multi-State Buttons to Drive NV Values.zip
Adding non-Animated Graphics and Text Regions to Web Pages
This video shows how to use non-animated graphics and text boxes within your web pages. Navigation and links are also covered.
Video File: WEBGEN No5 - Adding non-Animated Graphics and Text Regions to Web Pages.zip
Adding Animated Graphics to Web Pages
This video shows how to use rules to tie graphics to NV values such that graphics animate in user web pages as network variable values change.
Download File: WEBGEN No6 - Adding Animated Graphics to Web Pages.zip
Using Advanced Rules
In addition to basic rules that convert 100.0 1 to 'ON' or 0.0 0 to 'OFF', Webgen allows you to create advanced rules that allow you to manipulate NV values using formulas or javascript. This video provides an example of how such a rule might be constructed to multiply an NV value by a fixed constant.
Video File: WEBGEN No7 - Using Advanced Rules.zip
Using rules to change NV color based on the NV's value
It is often useful to change the color of text displayed in a monitoring web page based on the value of the Network Variable being displayed. If a temperature gets too hot, text might change from it's default color to red, for example. This video shows you how to apply a simple rule to a network variable to control it's display color.
Video File: WEBGEN No8 - Using rules to change NV color based on the NV's value.zip
