remoctrl --- 用浏览器控制一切(半试用放出) - 讨论/灌水 - 电

2dmin

测试地址:
http://sinanjj.gicp.net/remoctrl/


1, 使用<strong>非IE内核浏览器</strong>打开 http://sinanjj.gicp.net/remoctrl/
注意只能是非IE内核浏览器,因为使用了SVG渲染引擎. 推荐使用firefox 3.5.

得到如下视图:

<ignore_js_op>





2010-1-27 17:52:50 上传
<strong>下载附件</strong> (45.41 KB)




</ignore_js_op>


点击 register 注册一个用户. 注意在现阶段我不保证这个数据一直可用, 所以大家随便弄个用户就行了. 我底下会做一个演示用户.

注册一个用户, test1, 密码 123456 email aaa@gmail.com

如图:

<ignore_js_op>





2010-1-27 17:54:37 上传
<strong>下载附件</strong> (43.34 KB)




</ignore_js_op>


在注册成功或者登录后, 会自动跳转到默认的view, 如图所示:

<ignore_js_op>





2010-1-27 17:55:51 上传
<strong>下载附件</strong> (125.87 KB)




</ignore_js_op>



<strong>(</strong><strong>注意一定使用 非IE浏览器</strong><strong>)
</strong>
进入界面后, 我们可以首先玩玩基本图元. 画一个圆.

鼠标左键点击左边基本图元中的圆, 进入画圆模式, 然后, 在中间画布上点击左键, 不要松开, 拖动, 你会看到一个圆心在初始点, 半径跟踪鼠标的圆出来.
画好的圆如图:


<ignore_js_op>





2010-1-27 17:57:09 上传
<strong>下载附件</strong> (121.48 KB)




</ignore_js_op>



圆做完了大家可以自己试试剩下 的基本图元. 矩形, 线, 文字.
(下一步准备添加电器连接)

那么, 我们可以画这些基本图元了有什么意思呢? 当然还要连接我们的设备并控制设备才有意思.

那么, 我们要创建一个设备图标, 并使设备与这个图标产生直接的联系. 即, 可以通过操作这个图标来控制这个设备.

我会陆续的完成一个教程来告诉你如何连接你自己的设备. 现阶段, 我只能告诉你我们是如何连接我们的控制设备的.

现在我只做了路灯的图标(我会很快告诉你如何做自己的设备图标), 我点击它, 进入画路灯图标模式, 如同画圆一样, 但是这个路灯图标的大小不是可变的, 在画布上点击它就能创建路灯图标了.

我点击路灯图标, 创建一个路灯对象. 如图:


<ignore_js_op>





2010-1-27 17:58:03 上传
<strong>下载附件</strong> (168.18 KB)




</ignore_js_op>


任何一个实际的设备都有一个图标对应, 但是并不一定每一个设备都和服务器直接相连.
在路灯控制项目中, 实际路灯控制器使用了自组网节点, 所以它并不能直接的接受服务器发来的信号.

我们只能对协调器(就是无线节点的中心, 它通过GPRS连接互联网)下达命令(TCP数据流).

那么首先我们创建一个协调器图标, 点击路灯图标右边那个图标(我画的不是那么容易理解 ), 创建. 如图示:


<ignore_js_op>





2010-1-27 17:59:10 上传
<strong>下载附件</strong> (140.76 KB)




</ignore_js_op>


注意下协调器的属性(右边的属性框), 其中:
设备型号, ip, port, net_id 设备密码 激活
这6个属性是每个和服务器直接相连接的设备都具有的.
设备型号, 就是这是个什么设备啊, 此系统设计为可连接各种设备, 这个设备型号就是用来表征设备的.
ip和port不是设备所在ip和port, 而是服务器提供的可acess到设备的ip和port, 那么.....这个地方优点复杂.
从操作上, 就是你联网设备要连接的目标iP和port设置为这个地方出现的IP和port.
net_id , 除了IP和port外, net_id也是定义设备的, 也就是说: IP+port+net_id能找到一个设备. 这个net_id是服务器分配给设备的, 连接的时候必须输入. (这个有个认证包格式)
设备密码, 你从界面上设置一个密码, 然后用你的设备去连接服务器, 服务器对应这个图标, 那么, 为了保证这个设备确实是被你拥有的那个设备,设备在连接服务器的时候必须提供一个密码, 就是这个密码. 我以后会公布一个帧格式, (你可以自己定义认证帧格式, 如果你想的话,我会完善一个教程, 但你最好给我们打个电话来取得技术支持)

那么. 实际的路灯控制视频会在几天后出来. 到时候我会在首页上 sinanjj.gicp.net 上添加这一演示视频.

还有 激活 这个属性, 如果你的设备连接到服务器了, 这个属性就会显示一个大于0的值. 目前是内部的fd(文件描述符, 为了调试方便)


好吧, 先写到这里. 下边贴一副正在试验的图: