论文部分内容阅读
摘要：随着信息技术的飞速发展，越来越多的人依赖互联网进行工作、学习、交友娱乐。尽管互联网产品已经逐步深入大众生活的方方面面，但是涉及动漫的产品却寥寥无几，不能满足广大动漫爱好者的需求，由此在线涂鸦系统便应运而生了。为了帮助动漫爱好者更好的培养爱好广交朋友，本系统包含以在线绘画为核心的共八项基本功能，可以较为完善地保障用户在线绘画、涂鸦和相互交流的基本功能。与此同时，由于在线涂鸦系统对实时性要求较高，优化该系统的各个方面以提高其执行效率更显得尤为重要。本文从优化HTML代码、优化脚本语言、优化数据库已经优化IIS四个方面介绍了对网站系统的优化方法。
关键词：互联网，在线，涂鸦，优化
中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 (2012) 11-0000-02
随着国际互联网的快速发展和逐步普及，越来越多的人借助这个平台进行工作、学习乃至交友娱乐。与此同时，互联网产品也越来越趋于多样化，涉及我们生活工作的方方面面。在我们的生活中有这样一些人，他们是动漫发烧友，他们热爱动漫创作，可是由于时间与空间的限制，使得他们不能随心所欲地联系彼此、深入交流、培养爱好。由此，基于互联网的在线涂鸦系统应运而生了。该系统旨在帮助用户发展对动漫的兴趣，加深彼此的交流和联系。
本文研究基于Web与C#及JavaScript的结合的在线网上涂鸦系统的设计实现和优化方法。
一、系统设计
（一）系统硬/软件环境
在线涂鸦系统定位为一个基于互联网的交互式系统，需要处理大量的图形数据和文字数据，因此该系统具有数据量大、数据交流频繁的特点。为了使系统有较好的实时性，系统硬件环境配置如下：1.中心服务器：IBM服务器1～2台。2.客户机：硬件配置不高。3.外设：包括扫描仪、打印机，画图板等。
在线涂鸦系统对操作系统、数据管理系统都有着一定的要求，经过综合考虑，具体的软件环境为：1.中心服务器：Windows 7，Oracle9i。2.客户机：windows 2000及以上版本。3.开发工具：visual studio 2009。
（二）系统体系结构
本系统采用三层体系结构，包括浏览器、Web服务器和后台数据库。客户端浏览器用于向网络服务器发送请求并显示返回数据给用户；Web服务器接受来自网络的请求，处理该请求，从后台数据库调取数据，最后把处理生成的结果返回给用户；后台数据库用于存储所有数据，对于本系统来说主要包括图片数据和文字数据。当客户端提出请求后所有对结果的响应工作都在服务器端完成，而客户机端只需要完成发出请求并回显结果。
二、系统功能分析
在线涂鸦系统的主要帮助动漫爱好者不受地域时间空间的限制，实现在线绘画、上传、评论、浏览乃至结交好友，切磋技艺的目的，整个系统以在线绘图为最主要最基本的功能，并同时包含以下七个分支功能，用以完善整个系统。
（一）在线绘画
在线绘画功能是整个系统的核心功能，它内置画图板、颜色盒、画笔、橡皮等功能选项，帮助用户设计并完成自己的作品。用户通过选择线条颜色，调整画笔粗细来完成自己的作品。画图板上还包括上传按钮，帮助用户在绘画作品完成后上传至服务器并显示在网站首页上。
（二）注册新用户
任何一个新的用户在使用在线涂鸦系统之前都应该注册个人信息成为网站的注册用户。一旦注册成功，系统将在后台数据库中为他创建一个个人档案，用户保存该用户的所有作品以及留言好友等，形成用户个人空间。
（三）添加好友
所有用户都可以添加除自己外的其他用户为好友，方便他们在互联网这个虚拟的网络平台上交友互动，切磋画技。用户可以通过发送好友请求来主动添加某一特定用户为好友，或者通过确认来自他人的好友请求来与之成为好友。
（四）浏览他人作品
所有新上传的作品将会被依次显示在网站的首页上，任何用户都可以随意浏览网站首页来欣赏他人最新的作品，也可以看到自己最新上传的绘画。或者选择特定用户，通过进入他的个人空间来完整的浏览某一用户的所有绘画作品。
（五）热度排序
注册用户有权为其他人的绘画作品进行评价和打分，分数从1～5分不等。所有作品又由分数高至分数低依次排序后显示在网站首页的热点区域中，不仅方便用户浏览最佳的漫画作品，美化了网站首页，更鼓励了用户的创作热情。
（六）留言
任何一个用户可以对他的好友进行留言，此项功能由设置在个人空间的留言板完成。所有留言将被以文字數据的形式保存在后台数据库中，可以被随时翻看。用户通过登录来处理所有留言，包括回复他人留言、管理删除留言等等，加强好友之间的交流沟通。
（七）访问他人空间
系统为所有注册用户生成一个用于展示风采的个人空间。空间中保存该用户的个人资料，所有绘画作品以及以往留言。用户通过访问其他人的个人空间来浏览完整的作品集或者通过使用留言板进行留言。
（八）绘画重放
利用最新的FLASH技术与本系统的绘图板结合，可以做到在用户绘图的同时记录其画图顺序的先后笔迹。该笔迹以gif格式被储存在后台数据库中，在一定的存储时间内可以被作者或其他用户随时调出观摩，也可以被原作者或管理员清除。由于该类型数据占用数据库空间较大，故只能在一定时间范围内保存，过期后将作为废旧数据，在管理员清理系统时被自动清除。
三、网站系统的优化
基于Web的网站系统对实时性的要求往往比较高，用户希望享受到既准却又快捷的交互体验，这就需要在线网站能够在正确处理结果的同时提高运行效率，缩短响应时间。编写网站时对代码的使用方式，包括HTML代码、脚本语言等都能在不同程度上影响网站的响应速度。为了达到提高系统执行效率的目的，除了提高硬件的性能以外，还应该重视对代码和网站的优化。
（一）优化HTML代码 除去客户机的硬件条件或者网络宽带的速度对在线涂鸦系统实时性的影响外，恰当地编写和使用HTML代码可以加速页面的反应速度，使用户得到更好地互动体验。
1.在编写HTML代码的过程中，应该注意去掉没用的标记符。
2.为了提高文件的加载速度应该尽量少而精的使用注释。减少注释可以减少文件大小从而做到快速加载节省时间的目的。
3.尽量避免使用网页框架和图像。在网页中使用框架或图像会减慢网页的加载进程，影响HTML语句的执行效率。由此，我们应尽可能的避免在HTML页面中使用框架或者图像。
4.在HTML页面中使用相对路径而非绝对路径来访问文件。相对路径想字符长度上较绝对路径更短，可以通过缩短文件名的长度来有效地提高语句的执行效率。
（二）优化脚本语言
虽然在本涂鸦系统网站的代码编写中，脚本代码并没有占大多数，但是优化脚本语言有着它自身的重要性。即使是微小的脚本优化也可以对整个网站系统的响应时间、执行效率产生重要的影响。
1.尽量使用局部变量。在编程的过程中，调用局部变量比调用全局变量的执行效率要高，并且越是在大型的系统中这种优势就越明显。一些大型的网站系统需要的调用次数非常多，而更多地使用局部变量会节省相当长的系统反应是时间，提高系统效率。
2.减少ASP脚本的大小。由于ASP脚本是顺序逐步执行的，由此，ASP脚本越大，所需之行的行数越多，相应的执行时间也就越长。控制ASP脚本的大小可以有效的改善和提高系統的执行效率。
（三）优化数据库
优化后台数据库主要应该优化数据库中的存储方式。使用一个好的数据库结构可以从很大程度上提高网站的执行效率。当已经设计完成了一个优化后的数据库结构，还应该做到以下几个方面的优化：
1.将Web 服务器与数据库服务器分开。来自客户端的请求经过Web服务器的处理后，从后台数据库中取出数据将生成的结果反馈给客户机，分开的Web服务器和数据库服务器将加速这一过程，缩短请求的响应时间，提高效率。
2.尽量多使用存储过程。存储过程已经经过了预编译，比起传统的SQL查询语句来说执行速度更快，节省了响应时间。
3.建立数据库索引。好的索引可以帮助节省数据检索的时间。建议对SQL语句中的WHERE语句的字段建立索引，并设立相应的排序方法来提高数据搜索效率。
（四）优化IIS
大多时候，导致IIS服务不佳的原因是随着网站访问量的增大，访问人数的增加，原有的硬件配置已经不能满足系统正常运行的要求。由此，可以通过优化IIS提高网站的执行效率。
1.通过修改注册表来调整IIS高速缓存的容量。在服务器中有一部分空间被用作IIS的缓存空间，用以应对未来的请求所需要的对象。通过人为的扩大IIS高速缓存的容量可以使得更多对象被保存在缓存中，从而缩短服务器对客户机请求的响应时间。尤其是对于在线涂鸦系统这样的以图片传输为主要数据交换的系统来说，大容量的IIS缓存对性能的优化有着显著的帮助和提高。
2.设置服务器属性。通过人工设置使网络应用程序总处理能力最大的选项，可以提高服务器的响应速度。
参考文献：
[1]张宏编著.HTML代码优化原理与技巧.电子工业出版社,2003
[作者简介]
李思康（1990.1—），女，汉族，河北人，四川大学软件学院软件工程专业2009级本科生，研究方向为互联网产品开发应用；崔天赢（1990.7—），男，汉族，内蒙古人，四川大学软件学院软件工程专业2009级本科生，研究方向为互联网产品开发应用。
关键词：互联网，在线，涂鸦，优化
中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 (2012) 11-0000-02
随着国际互联网的快速发展和逐步普及，越来越多的人借助这个平台进行工作、学习乃至交友娱乐。与此同时，互联网产品也越来越趋于多样化，涉及我们生活工作的方方面面。在我们的生活中有这样一些人，他们是动漫发烧友，他们热爱动漫创作，可是由于时间与空间的限制，使得他们不能随心所欲地联系彼此、深入交流、培养爱好。由此，基于互联网的在线涂鸦系统应运而生了。该系统旨在帮助用户发展对动漫的兴趣，加深彼此的交流和联系。
本文研究基于Web与C#及JavaScript的结合的在线网上涂鸦系统的设计实现和优化方法。
一、系统设计
（一）系统硬/软件环境
在线涂鸦系统定位为一个基于互联网的交互式系统，需要处理大量的图形数据和文字数据，因此该系统具有数据量大、数据交流频繁的特点。为了使系统有较好的实时性，系统硬件环境配置如下：1.中心服务器：IBM服务器1～2台。2.客户机：硬件配置不高。3.外设：包括扫描仪、打印机，画图板等。
在线涂鸦系统对操作系统、数据管理系统都有着一定的要求，经过综合考虑，具体的软件环境为：1.中心服务器：Windows 7，Oracle9i。2.客户机：windows 2000及以上版本。3.开发工具：visual studio 2009。
（二）系统体系结构
本系统采用三层体系结构，包括浏览器、Web服务器和后台数据库。客户端浏览器用于向网络服务器发送请求并显示返回数据给用户；Web服务器接受来自网络的请求，处理该请求，从后台数据库调取数据，最后把处理生成的结果返回给用户；后台数据库用于存储所有数据，对于本系统来说主要包括图片数据和文字数据。当客户端提出请求后所有对结果的响应工作都在服务器端完成，而客户机端只需要完成发出请求并回显结果。
二、系统功能分析
在线涂鸦系统的主要帮助动漫爱好者不受地域时间空间的限制，实现在线绘画、上传、评论、浏览乃至结交好友，切磋技艺的目的，整个系统以在线绘图为最主要最基本的功能，并同时包含以下七个分支功能，用以完善整个系统。
（一）在线绘画
在线绘画功能是整个系统的核心功能，它内置画图板、颜色盒、画笔、橡皮等功能选项，帮助用户设计并完成自己的作品。用户通过选择线条颜色，调整画笔粗细来完成自己的作品。画图板上还包括上传按钮，帮助用户在绘画作品完成后上传至服务器并显示在网站首页上。
（二）注册新用户
任何一个新的用户在使用在线涂鸦系统之前都应该注册个人信息成为网站的注册用户。一旦注册成功，系统将在后台数据库中为他创建一个个人档案，用户保存该用户的所有作品以及留言好友等，形成用户个人空间。
（三）添加好友
所有用户都可以添加除自己外的其他用户为好友，方便他们在互联网这个虚拟的网络平台上交友互动，切磋画技。用户可以通过发送好友请求来主动添加某一特定用户为好友，或者通过确认来自他人的好友请求来与之成为好友。
（四）浏览他人作品
所有新上传的作品将会被依次显示在网站的首页上，任何用户都可以随意浏览网站首页来欣赏他人最新的作品，也可以看到自己最新上传的绘画。或者选择特定用户，通过进入他的个人空间来完整的浏览某一用户的所有绘画作品。
（五）热度排序
注册用户有权为其他人的绘画作品进行评价和打分，分数从1～5分不等。所有作品又由分数高至分数低依次排序后显示在网站首页的热点区域中，不仅方便用户浏览最佳的漫画作品，美化了网站首页，更鼓励了用户的创作热情。
（六）留言
任何一个用户可以对他的好友进行留言，此项功能由设置在个人空间的留言板完成。所有留言将被以文字數据的形式保存在后台数据库中，可以被随时翻看。用户通过登录来处理所有留言，包括回复他人留言、管理删除留言等等，加强好友之间的交流沟通。
（七）访问他人空间
系统为所有注册用户生成一个用于展示风采的个人空间。空间中保存该用户的个人资料，所有绘画作品以及以往留言。用户通过访问其他人的个人空间来浏览完整的作品集或者通过使用留言板进行留言。
（八）绘画重放
利用最新的FLASH技术与本系统的绘图板结合，可以做到在用户绘图的同时记录其画图顺序的先后笔迹。该笔迹以gif格式被储存在后台数据库中，在一定的存储时间内可以被作者或其他用户随时调出观摩，也可以被原作者或管理员清除。由于该类型数据占用数据库空间较大，故只能在一定时间范围内保存，过期后将作为废旧数据，在管理员清理系统时被自动清除。
三、网站系统的优化
基于Web的网站系统对实时性的要求往往比较高，用户希望享受到既准却又快捷的交互体验，这就需要在线网站能够在正确处理结果的同时提高运行效率，缩短响应时间。编写网站时对代码的使用方式，包括HTML代码、脚本语言等都能在不同程度上影响网站的响应速度。为了达到提高系统执行效率的目的，除了提高硬件的性能以外，还应该重视对代码和网站的优化。
（一）优化HTML代码 除去客户机的硬件条件或者网络宽带的速度对在线涂鸦系统实时性的影响外，恰当地编写和使用HTML代码可以加速页面的反应速度，使用户得到更好地互动体验。
1.在编写HTML代码的过程中，应该注意去掉没用的标记符。
2.为了提高文件的加载速度应该尽量少而精的使用注释。减少注释可以减少文件大小从而做到快速加载节省时间的目的。
3.尽量避免使用网页框架和图像。在网页中使用框架或图像会减慢网页的加载进程，影响HTML语句的执行效率。由此，我们应尽可能的避免在HTML页面中使用框架或者图像。
4.在HTML页面中使用相对路径而非绝对路径来访问文件。相对路径想字符长度上较绝对路径更短，可以通过缩短文件名的长度来有效地提高语句的执行效率。
（二）优化脚本语言
虽然在本涂鸦系统网站的代码编写中，脚本代码并没有占大多数，但是优化脚本语言有着它自身的重要性。即使是微小的脚本优化也可以对整个网站系统的响应时间、执行效率产生重要的影响。
1.尽量使用局部变量。在编程的过程中，调用局部变量比调用全局变量的执行效率要高，并且越是在大型的系统中这种优势就越明显。一些大型的网站系统需要的调用次数非常多，而更多地使用局部变量会节省相当长的系统反应是时间，提高系统效率。
2.减少ASP脚本的大小。由于ASP脚本是顺序逐步执行的，由此，ASP脚本越大，所需之行的行数越多，相应的执行时间也就越长。控制ASP脚本的大小可以有效的改善和提高系統的执行效率。
（三）优化数据库
优化后台数据库主要应该优化数据库中的存储方式。使用一个好的数据库结构可以从很大程度上提高网站的执行效率。当已经设计完成了一个优化后的数据库结构，还应该做到以下几个方面的优化：
1.将Web 服务器与数据库服务器分开。来自客户端的请求经过Web服务器的处理后，从后台数据库中取出数据将生成的结果反馈给客户机，分开的Web服务器和数据库服务器将加速这一过程，缩短请求的响应时间，提高效率。
2.尽量多使用存储过程。存储过程已经经过了预编译，比起传统的SQL查询语句来说执行速度更快，节省了响应时间。
3.建立数据库索引。好的索引可以帮助节省数据检索的时间。建议对SQL语句中的WHERE语句的字段建立索引，并设立相应的排序方法来提高数据搜索效率。
（四）优化IIS
大多时候，导致IIS服务不佳的原因是随着网站访问量的增大，访问人数的增加，原有的硬件配置已经不能满足系统正常运行的要求。由此，可以通过优化IIS提高网站的执行效率。
1.通过修改注册表来调整IIS高速缓存的容量。在服务器中有一部分空间被用作IIS的缓存空间，用以应对未来的请求所需要的对象。通过人为的扩大IIS高速缓存的容量可以使得更多对象被保存在缓存中，从而缩短服务器对客户机请求的响应时间。尤其是对于在线涂鸦系统这样的以图片传输为主要数据交换的系统来说，大容量的IIS缓存对性能的优化有着显著的帮助和提高。
2.设置服务器属性。通过人工设置使网络应用程序总处理能力最大的选项，可以提高服务器的响应速度。
参考文献：
[1]张宏编著.HTML代码优化原理与技巧.电子工业出版社,2003
[作者简介]
李思康（1990.1—），女，汉族，河北人，四川大学软件学院软件工程专业2009级本科生，研究方向为互联网产品开发应用；崔天赢（1990.7—），男，汉族，内蒙古人，四川大学软件学院软件工程专业2009级本科生，研究方向为互联网产品开发应用。