Chinaunix首页 | 论坛 | 博客
  • 博客访问: 202773
  • 博文数量: 18
  • 博客积分: 276
  • 博客等级: 二等列兵
  • 技术积分: 298
  • 用 户 组: 普通用户
  • 注册时间: 2012-07-24 19:55
个人简介

我们必须了解自己的渺小,如果我们不学习,科技的发展速度会让我们所有的一切在五年后被清空。所以,我们必须用初学者谦虚的自觉,饥饿者渴望的求知态度来拥抱未来的知识。

文章分类

全部博文(18)

文章存档

2014年(3)

2013年(4)

2012年(11)

分类: 系统运维

2012-09-23 22:56:13

监控网页设计原理:

本系统采用B/S架构进行相应的控制,即浏览器作为客户端上位机,而服务器接收来自浏览器的指令并且根据指令进行相应的动作。将监控网页放置在服务器端的某个文件夹下,浏览器只需发送相关IP及目标文件夹html文件的http请求,服务器将返回给浏览器相关的网页环境描述。视频画面的接收采用网页内嵌一个JAVA运行环境小插件,通过下面这段命令来调用JAVA平台接收画面。。而网页相关的各个控制按钮对应各自不同的串口发送应用程序。

 小车控制页面结构设计:

点击(此处)折叠或打开

  1. <html xmlns="">

  2. <head>

  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  4. <title>基于ARM的无线远程监控小车的设计与实现</title>

  5. </head>

  6. <body><LINK href="../ptg.css" type=text/css rel=stylesheet>

  7. <table width="182" border="3" align="left" cellpadding="0" class="STYLE1">

  8.   <tr>

  9.     <td width="56" height="35" class="STYLE1">班级</td>

  10.     <td width="112"><div align="center"><span class="STYLE1">信息08-2班</span></div></td>

  11.   </tr>

  12.   <tr>

  13.     <td height="32" class="STYLE1">姓名</td>

  14.     <td ><div align="center"><span class="STYLE1">彭铁钢</span></div></td>

  15.   </tr>

  16.   <tr>

  17.     <td height="33"><span class="STYLE1">学号</span></td>

  18.     <td><div align="center"><span class="STYLE1">0867118231</span></div></td>

  19.   </tr>

  20. </table>

  21. <blockquote>

  22.   <pre class="STYLE7" align="center"> 内蒙古科技大学远程监控平台 </pre>

  23.   <pre class="STYLE7" align="center"> 基于ARM的无线远程监控小车

  24.  </pre>

  25. </blockquote>

  26. <pre> wifi小车控制按钮:</pre>

  27. <table width="681" height="248" align="center" cellpadding="0">

  28.   <tr>

  29.     <td width="320" height="240"><applet codebase="." archive="JWebcamPlayer.jar" code="JWebcamPlayer.class" name="JWebcamPlayer" id="JWebcamPlayer" align="middle" width="320" height="240" mayscript>

  30.       <param name="Color" value="#ffffff" />

  31.       <param name="Server" value="127.0.0.1" />

  32.       <param name="Port" value="7070" />

  33.       <param name="scriptable" value="true" />

  34.       <param name="mayscript" value="true" />

  35.     </applet></td>

  36.     <td width="349"><table width="100%" height="216" align="center">

  37.       <center>

  38.         <tr>

  39.           <td width="33%" align="right"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  40.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  41.             <div align="center">

  42.               <input name="Forward" type="submit" class="STYLE1" id="forward" value= "向前" />

  43.               </input>

  44.               </div>

  45.                 </form></td>

  46.           <td width="34%"></td>

  47.           <td width="33%" align="left"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  48.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  49.            <div align="center">

  50.                 <input name="backward" type="submit" class="STYLE1" id="backward" value= "向后" />

  51.                 </input>

  52.               </div>

  53.                 </form>

  54.             <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  55.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  56.             <input name="stop" type="submit" class="STYLE1" id="stop" value= "停止" />

  57.             </input>

  58.           </form></td>

  59.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  60.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  61.             <input name="Left" type="submit" class="STYLE1" value= "向左" />

  62.             </input>

  63.           </form></td>

  64.           <td align="center"> </td>

  65.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  66.                 <form action=""target="基于ARM的无线远程监控系统设计" method="post">

  67.            <input name="Right" type="submit" class="STYLE1" value= "向右" />

  68.             </input>

  69.           </form></td>

  70.           <td><form action="" target="基于ARM的无线远程监控系统设计" method="post">

  71.              <div align="center">

  72.                   <input name="LEDON" type="submit" class="STYLE1" id="LEDON" value= "打开LED" />

  73.                   </input>

  74.                 </div>

  75.           </form> </td>

  76.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  77.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  78.             <input name="CameraUp" type="submit" class="STYLE1" value= "云台向上" />

  79.             </input>

  80.           </form></td>

  81.           <td><form action="" target="基于ARM的无线远程监控系统设计" method="post">

  82.             <div align="center">

  83.                 <input name="LEDOFF" type="submit" class="STYLE1" id="LEDOFF" value= "关闭LED" />

  84.                 </input>

  85.                 </div>

  86.           </form></td>

  87.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  88.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post" class="STYLE1">

  89.             <input type="submit" name="CLeft" value= "云台向左 " />

  90.             </input>

  91.           </form></td>

  92.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  93.                 <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  94.             <input name="CameraDown" type="submit" class="STYLE1" value= "云台向下" />

  95.             </input>

  96.           </form></td>

  97.           <td align="center"><iframe style="display:none;" name="基于ARM的无线远程监控系统设计"></iframe>

  98. <form action="" target="基于ARM的无线远程监控系统设计" method="post">

  99.             <input name="CRight" type="submit" class="STYLE1" value= "云台向右" />

  100.             </input>

  101. </body>

  102. </html>


 

监控网页存储目录:

小结:

本章主要讲网页的设计制作。网页的制作使用的是Dreamweaver8软件,采用的是简单的静态网页。通过

基于ARM的无线远程监控系统设计" method="post"> 设计相关控制按钮,实际的请求调用目标为action=" cgi-bin目录下的camera_down可执行文件程序,同时建立一个与当前网页相同的目标target="基于ARM的无线远程监控系统设计,使得请求到相关应用程序的同时网页不跳转。便能够不间断的观看视频画面。

阅读(7384) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~