Web客户端屏幕技术技术及在光资源管理系统中的应用
目前,WEB客户端实时屏幕作图技术常采用两种:Canvas及SVG。SVG是一种在XML中描述二维图形的语言,是基于XML的,这意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览器可以自动重新生成图形。而HTML5引入的Canvas 能够在页面上指定的画布上利用Javascript语言直接画出2D图形,能够按照像素重新生成。在Canvas中,一旦图形完成,就会被浏览器忘记。如果图形位置要发生改变,那么整个屏幕需要重画,包括图形覆盖的对象。这两种技术各有优缺点。
而SVG作为一种可缩放矢量图形格式有着非常优越的性能。SVG图像的清晰度适合于任何屏幕的分辨率或打印分辨率,而且SVG采用文本描述格式,数据失真少,数据量小,传输效率高,特别适合在各种资源管理中的应用的存储。
本设计就是要求学生研究学习web环境下,客户端屏幕适量作图技术及其实现,结合光缆资源系统的相应数据库,描述出指定资源(如一个人井—地下光缆管道的交叉点)的缆线分布情况等。由此培养学生实际利用计算机解决问题的能力,为今后学生在Weg应用程序的开发方面打开良好的基础。通过此软件的编写,使学生:
1. 学习、掌握Web应用程序的一般构建和布置和运行的一般方法;
2. 学习Canvas 或SVG web技术;掌握其进行Web 客户端屏幕作图开发的关键技术;
3.掌握JavaScript,Ajax技术在Web应用程序中的应用;
4.掌握Web应用中数据库访问及更新数据库等通用技术,学习构建网站的一般方法,为基于B/S模式软件开发打下良好的基础;
5.增强独立设计、研发应用软件的能力。
总之,此设计的目的就是要求学生编写一个基于canvas或SVG的,能进行实时屏幕作图及服务器进行交互的Web应用软件。
二、基本要求
1.拥有统一友好的操作界面,能有效地保证系统的易用性。
2. 在web环境的窗口中,能够对指定的资源(如人井)实现最基本图形标注,如:画出井中管道的扇区(可能为4个方向),每个扇区中包含哪些管孔,或更为复杂的表现,如:管孔中有哪些光缆以及叫什么名称等。要求能够将图形画出和存储到数据库中以及从数据库中调出并显示到web页面上,以形成和其它管理或查询的有机结合。
3. 也可以实现基础的的矢量作图系统,如:任意线条,直线,圆或者椭圆,矩形,任意多边形,文字,图片等。
(1). 可以更改线条的颜色,图形的填充颜色,线条的粗细;
(2). 图像的删除。
(3). 图层的上移和下移。
(4). 图形保存至数据库。
(5). 将数据库的信息导入到绘图窗口。
4.结合实际应用,标注资源图标及其相应管理;
5. 最后以Web网站及毕业论文的形式提交本设计。
三、设计(论文)进度
序号 设计项目名称 完成时间 备注
1 接受设计任务,搜集资料,准备开题 2011-3-16至 2011-3-30
2 系统的整体设计、语言及开发环境的掌握,信息安全理论学习 2011-3-31至 2011-4-21
3 各模块的设计及实现,完成基本的通信及加密传输功能 2011-4-22至2011-5-21
4 整体调试及完善 2011-5-22至2011-6-18
5 论文写作及准备答辩 2011-6-19至2011-6-26
|