软件交互界面.doc

PAGE \* MERGEFORMAT1 汉字一笔一划书写系统（浏览器版）软件V1.0 汉字一笔一划书写系统（浏览器版）软件V1.0 引言 编写目的 本操作使用说明书详细描述了《汉字一笔一划书写系统（浏览器版）软件》的总体结构、系统功能，以及操作使用方法，供各类用户使用时参考。 定义 软件、本软件：指《汉字一笔一划书写系统（浏览器版）软件》。 用户：指可以使用本系统的人。 参考资料 (1)GF 3002-1999《GB13000.1 字符集汉字笔顺规范》 软件概述 软件用途 本软件旨在对汉字进行一笔一划的书写展示，首先在浏览器端输入一个汉字，再调用MySql数据库，最后输出该汉字的一笔一划的书写过程。本软件界面设计震撼、简单易用，极大地提高了用户对传统汉字文化的兴趣，以及可以对目前存在的“提笔忘字”的社会现象蔓延起到一定的遏制作用。 软件功能概述 本软件的主要功能是在浏览器端实现汉字的一笔一划的书写过程。 软件运行环境 浏览器要求：火狐浏览器，Google Chrome浏览器，IE9及以上浏览器。 服务器要求：Java6及以上、Tomcat6及以上。 软件结构 图1 汉字一笔一划书写系统软件结构 软件操作使用说明 软件交互界面 本软件所有用户均可在获得IP后,在浏览器端输入IP地址进行体验。在浏览器端输入网址： HYPERLINK 47/ZKY/index.jsp localhoast:8080/ZKY/index.jsp，回车确定，会看到如下的交互界面。 图2 软件交互界面 交互流程说明 在打开如图二所示的软件主界面之后，在文本框输入要展示的汉字，输入完成后点击“笔顺书写”功能钮，在页面的主展示区进行汉字一笔一划的书写过程。本软件的交互数据流图见图3。 图3 软件系统数据流图 汉字一笔一划动态书写前端展示数据流有2个方向： 方向一：①-②-⑧ 方向二：③-④-⑤-⑥-⑦ ①浏览器段输入汉字，获得该字在楷体_GB2312.ttf中的单笔顺轮廓信息； ②根据GF 3002-1999:《GB13000.1 字符集汉字笔顺规范》进行汉字正确笔顺的标注，将标注数据存入bs.sql数据表中。（数据流线为虚线，表面该数据流是单独开发的。）； ③为单笔顺图片生成模块提供汉字单笔顺轮廓信息； ④在单笔顺图片生成模块请求bs.sql的正确笔顺字段； ⑤返回请求的汉字的正确笔顺字段，按照正确的笔顺信息生成笔顺加一透明图片，命名格式：1.png； ⑥为Gif图生成模块提供汉字的以笔顺加一模式的图片； 以“我”字为例，生成图片见图4： 图4 “我”字的单笔加一模式图片 ⑦返回浏览器展示区以Gif图形式进行汉字一笔一划书写过程； ⑧返回bs.sql中的笔画数字段，在汉字书写完成后以文本内容展示：共几画。 本软件体验例字操作流程 下面通过一个例字来说明软件进行汉字一笔一划书写的基本操作流程。 输入汉字 在浏览器中输入网址： HYPERLINK 47/ZKY/index.jsp localhost:8080/ZKY/index.jsp，回车确定后，在交互界面的文本输入框中输入一个汉字：爱。见图5所示。 图5 输入演示的汉字——爱 点击”笔画”功能钮,开始进行爱字的一笔一划的书写。见图6所示。 图6 ”笔画”功能钮 图7展示了”爱”字一笔一划的书写过程 （a）第一笔 （b）第二笔 （c）第三笔 （d）第四笔 （e）第五笔 （f）第六笔 （g）第七笔 （h）第八笔 （i）第九笔 （j）第十笔 图7 “爱”字一笔一划书写过程 调用TTF字体文件 调用TTF字体文件部分是隐藏在浏览器后端的服务器的工作，在用户输入汉字，点击笔画按钮的同时，调用“楷体_GB2312.ttf”字体文件。该TTF文件保存了6773个常用简体汉字的单笔顺轮廓信息，因此，可以作为汉字一笔一划展示（浏览器版）的字体库。本软件首先要进行TTF字体文件的操作，然后进行“爱”字单笔顺轮廓信息的提取和保存成透明图片，之后将“爱”字的所有笔顺图片做成Gif图进行一笔一划的书写展示（浏览器版） 调用MySQL数据库 汉字一笔一划书写（浏览器版）的实现需要服务器端的MySQL数据库进行数据源的支撑，命名为bs.sql。bs.sql是笔顺表，它主要是为汉字一笔一划书写展示功能提供数据支持。该表主要保存汉字的正确书写顺序，。主要包括5个字段： id——“说文中编号” simp——“简体” ord——“正确笔顺” uni——“Unicode编码” stroke——“笔画数” 图8 bs.sql数据表的设计形式 小结 本软件实现在浏览器端进行汉字的一笔一划的书写过程展示。以“爱”字为展示例字，进行了本软件的交互流程的展示。