402-75
Training for Tranzview server software development
Step-by-Step learning

Step 1. Prepare Hardware:

* PC
* Sma
  telab PCI 8 Channel Digital Isolator Input and Relay Output card
 

Step 2. Install Tranzview Embedded Web Server

Step 3. Step-by-Step learning
Live Demo and Sample Code

A.    Example for Single Switch ON and OFF
B.    Example for Multi Switch ON and OFF
C.    Example for Single Switch ON and OFF under multi function web control
D.    Example for Real-time Clock
E.    Example for Real-time Calendar


A.    Example for Single Switch ON and OFF.

A-1. Please test Single Switch ON and OFF live demo.

http://202.39.29.27/training1.html


Please login:     guest
Password:     guest

 
A-2. Sample Code for Single Switch ON and OFF live demo
<html>


<body  style="margin: 0px">
<applet name="MonitoringApplet" archive="remote.jar" codebase="./"
code="com.decision.rp.ui.MonitoringApplet.class" width="0"
height="0"></applet>
<table width="100%" height="100%">
<tr>
<td align="left" valign="top">
                    <APPLET name=VirtualButtonApplet
ARCHIVE="remote.jar" codeBase=./
                        code=com.decision.rp.ui.VirtualButtonApplet.class
width="32" height="42">
                        <param name="card" value="2">
                        <param name="port" value="0">
                        <param name="line" value="0">
                        <param name="on.image"
value="imgs/switch1-on.gif">
                        <param name="off.image"
value="imgs/switch1-off.gif">
                    </APPLET>
                    <APPLET name=VirtualImageApplet
archive="remote.jar" codeBase=./
code=com.decision.rp.ui.VirtualImageApplet.class    width="38" height="38">
                        <param name="2.0.8.1"
value="imgs/light1-on.gif">
                        <param name="2.0.8.0"
value="imgs/light1-off.gif">
                      </APPLET>
    </td>
    </tr>
    </table>
</body>
</html>


B.    Example for Multi Switch ON and OFF

 

B-1. Please test Multi Switch ON and OFF live demo.

http://202.39.29.27/training2.html

Please login:     guest
Password:     guest

B-2. Sample Code for Multi Switch ON and OFF live demo

html


<body  style="margin: 0px">
<applet name="MonitoringApplet" archive="remote.jar" codebase="./"
code="com.decision.rp.ui.MonitoringApplet.class" width="0"
height="0"></applet>
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
                    <APPLET name="VirtualButtonApplet"
ARCHIVE="remote.jar" codeBase="./"
                   
    code="com.decision.rp.ui.VirtualButtonApplet.class" width="31"
height="48">
                        <param name="card" value="2">
                        <param name="port" value="0">
                        <param name="line" value="0">
                        <param name="on.image"
value="imgs/swon.gif">
                        <param name="off.image"
value="imgs/swoff.gif">
                    </APPLET>
</td>
</tr>
<tr>
<td align="center" valign="middle">
                    <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="31"
height="34">
                        <param name="2.0.8.1" value="imgs/sw1on.gif">
                        <param name="2.0.8.0" value="imgs/sw1off.gif">
                      </APPLET>
                    <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="26"
height="43">
                        <param name="2.0.8.1" value="imgs/sw2on.gif">
                        <param name="2.0.8.0" value="imgs/sw2off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="40"
height="46">
                        <param name="2.0.8.1" value="imgs/sw3on.gif">
                        <param name="2.0.8.0" value="imgs/sw3off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="24"
height="52">
                        <param name="2.0.8.1" value="imgs/sw4on.gif">
                        <param name="2.0.8.0" value="imgs/sw4off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="40"
height="48">
                        <param name="2.0.8.1" value="imgs/sw5on.gif">
                        <param name="2.0.8.0" value="imgs/sw5off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="38"
height="54">
                        <param name="2.0.8.1" value="imgs/sw6on.gif">
                        <param name="2.0.8.0" value="imgs/sw6off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="37"
height="48">
                        <param name="2.0.8.1" value="imgs/sw7on.gif">
                        <param name="2.0.8.0" value="imgs/sw7off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="39"
height="59">
                        <param name="2.0.8.1" value="imgs/sw8on.gif">
                        <param name="2.0.8.0" value="imgs/sw8off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="35"
height="31">
                        <param name="2.0.8.1" value="imgs/sw9on.gif">
                        <param name="2.0.8.0" value="imgs/sw9off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="32"
height="31">
                        <param name="2.0.8.1"
value="imgs/sw10on.gif">
                        <param name="2.0.8.0"
value="imgs/sw10off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="42"
height="67">
                        <param name="2.0.8.1"
value="imgs/sw11on.gif">
                        <param name="2.0.8.0"
value="imgs/sw11off.gif">
                      </APPLET>
</td>
</tr>
<tr>
<td align="center" valign="middle">
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="44"
height="44">
                        <param name="2.0.8.1"
value="imgs/sw12on.gif">
                        <param name="2.0.8.0"
value="imgs/sw12off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="34"
height="44">
                        <param name="2.0.8.1"
value="imgs/sw13on.gif">
                        <param name="2.0.8.0"
value="imgs/sw13off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="31"
height="46">
                        <param name="2.0.8.1"
value="imgs/sw14on.gif">
                        <param name="2.0.8.0"
value="imgs/sw14off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="31"
height="47">
                        <param name="2.0.8.1"
value="imgs/sw15on.gif">
                        <param name="2.0.8.0"
value="imgs/sw15off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="31"
height="48">
                        <param name="2.0.8.1"
value="imgs/sw16on.gif">
                        <param name="2.0.8.0"
value="imgs/sw16off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="27"
height="39">
                        <param name="2.0.8.1"
value="imgs/sw17on.gif">
                        <param name="2.0.8.0"
value="imgs/sw17off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="34"
height="44">
                        <param name="2.0.8.1"
value="imgs/sw18on.gif">
                        <param name="2.0.8.0"
value="imgs/sw18off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="24"
height="14">
                        <param name="2.0.8.1" value="imgs/led1on.gif">
                        <param name="2.0.8.0" value="imgs/led1off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="19"
height="20">
                        <param name="2.0.8.1" value="imgs/led2on.gif">
                        <param name="2.0.8.0" value="imgs/led2off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="40"
height="40">
                        <param name="2.0.8.1" value="imgs/led3on.gif">
                        <param name="2.0.8.0" value="imgs/led3off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="40"
height="40">
                        <param name="2.0.8.1" value="imgs/led4on.gif">
                        <param name="2.0.8.0" value="imgs/led4off.gif">
                      </APPLET>
                      <APPLET name="VirtualImageApplet"
archive="remote.jar" codeBase="./"
code="com.decision.rp.ui.VirtualImageApplet.class"    width="19"
height="19">
                        <param name="2.0.8.1" value="imgs/led5on.gif">
                        <param name="2.0.8.0" value="imgs/led5off.gif">
                      </APPLET>
    </td>
    </tr>
    </table>
</body>
</html>


C.    Example for Single Switch ON and OFF under multi function web
control

 

C-1. Please test Single Switch ON and OFF under multi function web
control live demo.

http://202.39.29.27/training3.html

Please login:     guest
Password:     guest

C-2. Sample Code for Single Switch ON and OFF under multi function
web control live demo

<HTML>
<HEAD>
<TITLE>Remote I/O Control Demo</TITLE>
</HEAD>

<FRAMESET ROWS="40,*">
    <FRAME SRC="training-1.html" NAME="title" scrolling="no">
    <FRAME SRC="training3-1.html" NAME="main">
</FRAMESET>
</HTML>


D.    Example for Real-time Clock.

D-1. Please test Real-time Clock live demo.


 http://202.39.29.27/training4.html

Please login:     guest
Password:     guest


 
D-2. Sample Code for Real-time Clock live demo

<HTML>
<HEAD>
<TITLE>Remote I/O Control Demo</TITLE>
</HEAD>

<FRAMESET ROWS="40,*">
    <FRAME SRC="training-2.html" NAME="title" scrolling="no">
    <FRAME SRC="training4-1.html" NAME="main">
</FRAMESET>
</HTML>


E.    Example for Real-time Calendar.

E-1. Please test Real-time Calendar live demo.


 http://202.39.29.27/training5.html

Please login:     guest
Password:     guest


E-2. Sample Code for Real-time Calendar demo site

<HTML>
<HEAD>
<TITLE>Remote I/O Control Demo</TITLE>
</HEAD>

<FRAMESET ROWS="40,*">
    <FRAME SRC="training-3.html" NAME="title" scrolling="no">
    <FRAME SRC="training5-1.html" NAME="main">
</FRAMESET>
</HTML>