乒乓球网络教学软件设计文档.docx

乒乓球网络教学软件设计文档.docx

《乒乓球网络教学软件设计文档.docx》由会员分享，可在线阅读，更多相关《乒乓球网络教学软件设计文档.docx（20页珍藏版）》请在冰豆网上搜索。

乒乓球网络教学软件设计文档

浙江工业大学

乒乓球网络教学软件

设计说明书

目录

1.引言....................................................................................................1

1.1编写目的………………………………………………………………....1

1.2背景………………………………………………………………………1

2.功能概述……………………………………………………………2

2.1目标……………………………………………………………………….2

2.2运行环境………………………………………………………………….2

3.总体设计…………………………………………………………….3

3.1AUTHORWARE简介……………………………………………………...3

3.2图标简介……………………………………………………………………4

3.3AUTHORWARE基本功能操作…………………………………………...6

3.4流程图……………………………………………………………………...8

3.5总体界面设计……………………………………………………………...10

3.3图标设计…………………………………………………………………...12

4.发布…….……………………………………………………………13

4.1流媒体视频发布设置……………………………………………………...13

4.2IIS服务器发布设置……………………………………………………….17

5.附录…………………………………………………………...……..22

参考资料…………………………………………………………………………22

引言

1.1编写目的

为了提高学生对于乒乓球运动的热情与兴趣，提高浙工大的乒乓球整体水平，设计该款浙工大乒乓球网络教学软件，方便师生之间的学习与交流。

1.2背景

乒乓球运动作为中国的国球深受大学生喜爱，

工大的乒乓球运动课程也成为了工大学生最喜欢的体育课程之一。

因此要开发一款方便学生学习乒乓球技战术与基本知识的网络教学软件。

功能概述

2.1目标

使学生通过浏览器访问服务器，并在页面上显示软件。

通过软件向学生显示工大乒乓球的相关信息以及乒乓球的教学文档和教学视频。

2.2运行环境

设计软件：

AUTHORWARE7

客户端：

MicrosoftInternetExplorer8

服务器：

WindowsServer2003

总体设计

3.1AUTHORWARE简介

它是美国Macromedia公司（现已被Adobe公司收购）开发的一种多媒体制作软件，在Windows环境下有专教学书籍专业版（AuthorwareProfessional）与学习版（AuthorwareStar）.Authorware是一个图标导向式的多媒体制作工具，使非专业人员快速开发多媒体软件成为现实，其强大的功能令人惊叹不已.它无需传统的计算机语言编程，只通过对图标的调用来编辑一些控制程序走向的活动流程图，将文字，图形，声音，动画，视频等各种多媒体项目数据汇在一起，就可达到多媒体软件制作的目的.Authorware这种通过图标的调用来编辑流程图用以替代传统的计算机语言编程的设计思想，是它的主要特点。

主要功能：

1．编制的软件具有强大的交互功能，可任意控制程序入门教程流程.　　

2．在人机对话中，它提供了按键，按鼠标，限时等多种应答方式.　　

3．它还提供了许多系统变量和函数以根据用户响应的情况，执行特定功能.　　

4．编制的软件除了能在其集成环境下运行外，还可以编译成扩展名为.EXE的文件，在Windows系统下脱离Authorware制作环境运行.　　

制作流程：

Authorware程序开始时，新建一个“流程图”，通过直观的流程图来表示用户程序的结构。

用户可以增加并管理文本、图形、动画、声音以及视频，还可以开发各种交互，以及起导航作用的各种链接、按钮、菜单。

MacromediaDirector的电影业可以整合到Authorware项目中。

Xtras，或add-ins，也可以用于Authorware功能的扩展，这类似于HyperCard的XCMD。

通过变量、函数以及各种表达式，Authorware的力量可以进一步地被开启。

3.2图标简介

1.显示图标是Authorware设计流程线上使用最频繁的图标之一，在显示图标中可以存储多种形式的图片及文字，另外，还可以在其中放置函数变量进行动态地运算执行。

2.移动图标是设计Authorware动画效果的基本方法，它主要用于移动位于显示图标内的图片或者文本对象，但其本身并不具备动画能力。

Authorware6.5提供了五种二维动画移动方式。

3.擦除图标主要用于擦除程序运行过程中不再使用的画面对象。

Authorware6.5系统内部提供多种擦除过渡效果使程序变得更加眩目生动。

4.等待图标，顾名思义，主要用在程序运行时的时间暂停或停止控制。

5.导航图标主要用于控制程序流程间的跳转，通常与框架图标结合使用，在流程中设置与任何一个附属于框架设计图标页面间的定向链接关系。

6.框架图标提供了一个简单的方式来创建并显示Authorware的页面功能。

框架图标右边可以下挂许多图标，包括显示图标、群组图标、移动图标等，每一个图标被称为框架的一页，而且它也能在自己的框架结构中包含交互图标、判断图标，甚至是其它的框架图标内容，功能十分的强大！

7.决策图标通常用于创建一种决策判断执行机构，当Authorware程序执行到某一决策图标时，它将根据用户事先定义的决策规则而自动计算执行相应的决策分支路径。

8.交互图标是Authorware突出强大交互功能的核心表征，有了交互图标，Authorware才能完成各种灵活复杂的交互功能。

Authorware6.5提供了多达11种的交互响应类型。

与显示图标相似，交互图标中同样也可插入图片和文字。

9.计算图标是用于对变量和函数进行赋值及运算的场所，它的设计功能看起来虽然简单，但是灵活地运用往往可以实现难以想象的复杂功能。

值得注意的是，计算图标并不是Authorware计算代码的唯一执行场所，其它的设计图标同样有附带的计算代码执行功能。

10.Authorware引入的群组图标，更好地解决了流程设计窗口的工作空间限制问题，允许用户设计更加复杂的程序流程。

群组图标能将一系列图标进行归组包含于其下级流程内，从而提高了程序流程的可读性。

11.电影图标，即数字化电影图标，主要用于存储各种动画、视频及位图序列文件。

利用相关的系统函数变量可以轻松地控制视频动画的播放状态，实现例如回放、快进/慢进、播放/暂停等功能。

12.与数字化电影图标的功能相似，声音图标则是用来完成存储和播放各种声音文件。

利用相关的系统函数变量同样可以控制声音的播放状态。

13.视频图标通常用于存储一段视频信息数据，并通过与计算机连接的视频播放机进行播放，即视频图标的运用需要硬件的支持，普通用户都比较少使用该设计图标。

14.开始旗帜，用于调试执行程序时，设置程序流程的运行起始点。

15.结束旗帜，用于调试执行程序时，设置程序流程的运行终止点。

3.3AUTHORWARE基本功能操作

1.插入图片：

首先在流程线上用鼠标拖拽方式插入一个显示图标，双击显示图标，点击菜单栏插入->图像。

2.插入交互按钮：

在流程线上拖入交互图标，然后再交互图标右侧拖入显示图标，计算图标或群组图标并选择按钮交互：

3.按钮链接：

在按钮右侧拖入计算图标，双击计算图标，输入：

“GoTo（IconID@"main"）”main为要链接的图标名称。

如果是退出按钮，则输入quit（）。

4.插入视频控件：

将指针定位到流程线上，点击菜单->插入->控件->ACTIVEX控件

在弹出的对话框中选择WindowsMediaPlayer

然后在属性的URL中选择填写相对路径：

3.4流程图

AUTHORWARE设计流程图：

主界面流程图：

导航界面流程图：

基本技术讲解界面流程图：

3.5总体界面设计

用PHOTOSHOP设计的软件界面及按钮如下：

主界面：

导航界面：

文档界面：

3.6图标设计

主界面按钮：

导航按钮：

其他按钮：

导航图标：

发布

4.1流媒体视频发布设置

1.安装WindowsMediaServices。

在服务器的Win2003操作系统下，安装WindowsMediaServices，如果安装好了，可以在控制面板－》管理工具下看到，如果没有则需要win2003系统碟安装：

　　控制面板－》添加或删除程序－》添加或删除window组件选择并点击下一步进行安装：

　　2.安装视频地址防盗链的DLL插件：

拷贝UrlVerify文件夹到新服务器的任意目录，然后执行Reg.bat即可，执行后提示一个dll成功一个dll失败，这个不影响。

　　3.配置WindowsMediaServices。

控制面板－》管理工具中启动WindowsMediaServices，然后在左边的菜单的“发布点”右键进行新建一个发布点，任意输入一个名称点击下一步

　　选择视频文件所在的根目录，如vod1：

　　继续下一步默认完成新建过程。

　　接下来配置熟悉，选择左边的发布点，选择右边的属性进行配置：

　　完成配置。

　　4.设置防火墙。

将C:

\WINDOWS\system32\windowsmedia\server\wmserver.exe加入到防火墙的例外中。

　　5.为这个MMS新建一个系统帐号。

我的电脑－》右键－》管理－》用户－》新建用户，新增一个用户resinurluser密码netroom。

如果想用其他帐号密码，继续下后面步骤。

　　6.配置工程目录，以便网站可以使用播放视频的地址进行防盗。

　　在这个目录下放这个文件。

　　在这个目录下放这个文件，这个文件的地址实际上是有上面的UrlVerify.properties文件内容决定的。

另外UrlVerify里面的代码可以任意指定上面说到的系统帐号和密码

　　到目前为止，完成了。

　　以下是部分截图：

4.2IIS服务器发布设置

将发布后的文件放至一个文件夹中，在IIS中设置目录即可。

部署步骤如图所示：

注：

将本地路径设置到项目所在路径

注：

将Asp的版本调节为以上

经过以上步骤，部署就已经完成了！

可以通过：

点击浏览即可运行，或者：

经过以上步骤，IIS配置部署已经完成，之后要配置.NETFrameWork框架，如果先配置了框架，则需要将框架进行一下修复。

之后就可以使用了！

附录

参考资料：

authorware技巧：