基于 flash 的汉字书写动画演示应用

12
基基 FLASH 基基基 基基基基基基基 小小小小 小小小小 小小 :, 小小 小小 小小小小 小小

Upload: georgio-betagh

Post on 02-Jan-2016

210 views

Category:

Documents


11 download

DESCRIPTION

基于 FLASH 的汉字书写动画演示应用. 指导老师:孟宁. 小组成员:蔡玉松,孟晨 陈龙,张璐. 目录. 项目介绍. 项目实现. 项目意义. 项目演示. 项目介绍. 基于 FLASH 的汉字书写动画演示应用 ,系统的主要功能是根据用户选定的汉字,使用 FLASH 技术动态生成该字的笔顺书写动画,并通过网站的形式向用户呈现出来。系统提供的附加功能包括汉字释义, 游戏功能 等等。系统同时提供对生成 FLASH 的下载支持。本系统的主要目的是为了方便汉语的教学,尤其是汉字的书写部分,另外还可以将本系统作为组件,为各种网络在线汉语工具书软件的开发提供服务。. 项目实现. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 基于 FLASH 的汉字书写动画演示应用

基于 FLASH的汉字书写动画演示应用

小组成员:蔡玉松,孟晨 陈龙,张璐

指导老师:孟宁

Page 2: 基于 FLASH 的汉字书写动画演示应用

目录

一.项目介绍

二.项目实现

三.项目意义

四.项目演示

Page 3: 基于 FLASH 的汉字书写动画演示应用

项目介绍

基于 FLASH 的汉字书写动画演示应用,系统的主要功能是根据用户选定的汉字,使用 FLASH 技术动态生成该字的笔顺书写动画,并通过网站的形式向用户呈现出来。系统提供的附加功能包括汉字释义,游戏功能等等。系统同时提供对生成 FLASH 的下载支持。本系统的主要目的是为了方便汉语的教学,尤其是汉字的书写部分,另外还可以将本系统作为组件,为各种网络在线汉语工具书软件的开发提供服务。

Page 4: 基于 FLASH 的汉字书写动画演示应用

项目实现

前端页面主要基于 Flex 4+Flash 实现。 Flex 用于页面呈现, Flash 用于汉字的呈现。

服务器端主要依靠 Java 实现。提供的服务包括汉字信息存储,汉字释义获取,汉字 SWF 生成等等。服务器端主要通过 BlazeDS 与前端页面产生数据交互。

Page 5: 基于 FLASH 的汉字书写动画演示应用

SWF 生成及下载

释义获取

动画生成

汉字信息获取

项目实现

1.

2.

3.

4.

Page 6: 基于 FLASH 的汉字书写动画演示应用

汉字信息获取:

通过使用 SVG 文件来描述汉字, SVG 是一种用于描述二维矢量图形的一种图形格式。通过读入 SVG 数据来显示汉字,并根据 SVG 中的信息来完成汉字动画的绘制。

每一个汉字对应一个 SVG 文件,如果系统中不存在某个汉字的信息用户可以上传对应汉字的 SVG 文件。系统会将 SVG 中的信息写入数据库并保存。

Page 7: 基于 FLASH 的汉字书写动画演示应用

动画生成:

仅根据 SVG 中提供的数据并不能够完整的绘制出汉字的书写动画。由于 SVG 中并没有提供正确的笔顺信息,也没有提供正确的笔画开始信息。所以系统将提供一个对 SVG 进行校正的功能,通过这个功能,用户可以手动更改汉字的正确书写方式,并保存。此时系统会将正确的信息存入数据库,下次再搜索这个汉字时即可提供正确的汉字信息。

Page 8: 基于 FLASH 的汉字书写动画演示应用

释义获取:

对于用户查询的每一个汉字我们都将提供最准确的汉字释义。包括汉字读音、部首、笔顺、例句等等信息,以帮助用户更好的理解汉字的意思。本功能的实现主要是通过 WebRequest 的方式去海词网站获取相关的信息,并通过网页解析相关数据然后呈现。

Page 9: 基于 FLASH 的汉字书写动画演示应用

SWF生成:

对于用户每个上传的汉字,在用户修正之后我们都会提供用户相关的 SWF 的下载功能。 SWF 中即包含了用户所想要使用的汉字的笔顺书写动画。这样用户就可以自由的使用此 SWF ,用作素材或用于教学等等。

Page 10: 基于 FLASH 的汉字书写动画演示应用

项目意义

1. http://hanyu.iciba.com/hanzi/2129.shtml

与现在的词解网站的对比:

2. http://dict.cn/%E5%A5%BD

提供 SWF的下载

Page 11: 基于 FLASH 的汉字书写动画演示应用

创新点

动态 SWF 生成

跨平台

WebApp 方式

SVG 字体的使用1.

2.

3.

4.

Page 12: 基于 FLASH 的汉字书写动画演示应用

项目演示