多媒体教学软件程序基本结构设计

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,学习目标,1. 了解教学软件程序的基本结构,2. 了解教学软件程序的创建,3. 掌握形成循环结构程序的方法,4. 掌握形成判断结构程序的方法,5. 掌握形成分页结构程序的方法,第8章 多媒体教学软件程序基本结构设计,8.1.1 程序结构的类型,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,1. 顺行结构,（1）主程序的顺行结构 （2）基本程序单元中顺行结构,8.1.1 程序结构的类型,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,2. 分支结构,（1）交互分支结构 （2）框架分支结构,8.1.1 程序结构的类型,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,2. 分支结构,（3）判断分支结构 （4）时序分支结构,8.1.1 程序结构的类型,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,3. 循环结构,（1）由判断图标形成的,循环结构,（2）由条件型交互图标,形成的循环结构,8.1.2 程序结构的层次,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,1. 流程线的层次,Authorware系统将主流程线的层次（或称根层次）设定为第一层次，也就是说将主设计窗口中的主流程线设为第一层次，窗口标示为“level 1”。如果第一层次流程线上存在其中放有子程序的群组图标（即一个功能模块），打开这个群组图标，子设计窗口中显现出的的子程序流程线则为第二层次，窗口标示为“level 2”，依此类推。,8.1.2 程序结构的层次,第八章 多媒体教学软件程序基本结构设计,8.1 程序结构设计概述,2. 图标的层次,图标的层次反映的是具有显示功能的各个图标（显示图标、交互图标、移动图标和电影图标等）的显示内容在演示窗口中“叠放”的层次关系。,一般来说，一个具有显示功能的图标就占有一个图标层次，众多的显示功能图标根据程序演示效果的需要，在设计程序时就被设置在各自的图标层次中。当程序运行时，这些显示功能图标的显示内容就被叠放在演示窗口中，显现出不同的画面层次，实现特定的演示效果。图标层次数越高，该图标的显示内容在演示窗口中的叠放层就越靠外（靠近屏幕的最外层）。,8.2.1 判断分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,1判断图标,以判断图标为基础建立起来的判断分支结构，其主要功能是让程序作一个判断：程序运行到当前结点之后，如何选择和控制其后面的执行顺序。,与交互图标相比，判断图标是根据程序设计时指定的分支方式自动执行相应的分支流程，不需要象交互图标那样要用户交互操作所控制。它主要用于程序的分支和循环结构设计，具体表现为：实现顺序分支、随机分支和计算分支等三种分支方式，实现固定次数循环、条件循环和不循环3种循环方式。,8.2.1 判断分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,2判断分支结构的创建,判断结构与交互结构相似，由一个判断图标和一组分支图标组成。分支图标所处的分支流程叫做分支路径。,创建一个判断分支结构的方法与交互图标近似。拖动一个判断图标到流程线上，再将其它设计图标（一般是群组图标）拖放到该判断图标的右侧，即可创建一个判断分支结构。双击判断图标可以打开其属性设置对话框，设置相关文件属性。双击判断分支路径符号可以打开分支路径的属性对话框，设置判断分支路径属性，进而设置分支图标的文件属性、编辑判断分支图标的文件内容。,8.2.1 判断分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,3. 判断分支结构的属性设置,（1）判断图标的文件属性,其属性设置对话框如下图所示。,8.2.1 判断分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（2）判断分支路径的属性设置,其属性对话框如下图所示。,8.2.2 循环分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,1判断图标形成的循环结构,拖动一个判断图标到流程线上，再将循环分支图标（一般是群组图标）拖放到该判断图标的右侧，即可创建一个循环分支结构，如右图所示。,双击判断图标可以打开其属性设置对话框，,设置循环结构的属性，双击判断分支路径符号，,打开分支路径的属性对话框，设置判断分支路,径属性。,8.2.2 循环分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,2条件交互结构形成的循环结构,利用交互图标也可以实现循环结构，如下图所示。,交互条件q=0时为止（进入第二分支，并退出循环结构，执行,下面的程序）。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,框架分支结构主要由框架图标和分支图标结合形成的。,框架(Framework)图标是一个特殊类型的复合图标，其主要作用是设计程序的框架结构，它可以包含任何设计图标和分支子图标。,1框架图标的内部结构,框架图标的内部结构如右图所示。,默认的框架图标由显示图标、交互,图标和导航(Navigate)图标等3个,设计图标组成的。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,从功能上讲框架内部结构又可分为3大模块:入口模块、导航模块、出口模块。,2创建一个框架结构,从图标面板中，拖曳一个框架图标到设计窗口中的程序流程线上，再从图标面板中，拖曳一个或多个群组图标（或其他设计图标) 到框架图标的右侧，这就创建一个框架分支图标。该分支图标又称为“页”。为页图标创建内部文件内容,（即子程序），如右图所示。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,3框架图标的属性设置,其属性设置对话框如下图所示。,使用属性设置对话框，只能设置页之间切换时的过渡显示效果，而页之间的链接关系只能通过导航图标的属性设置来完成。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,4导航图标,导航( Navigate)图标，也称之为浏览图标，其主要功能是实现页面之间的前进、后退、超文本跳转、查找等灵活、方便和交互式的页面管理功能。单独的导航图标没有意义，只有与Authorware7.0的其他设计图标如框架图标、交互图标等结合使用时，才能实现其功能。导航图标是框架图标的主要组成部分之一。框架结构中的导航功能，是通过导航图标实现的。,创建一个导航图标与创建其他设计图标一样，从图标面板中拖曳一个导航图标到设计窗口流程线上某个目标位置，即可创建该图标。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,5导航图标的属性设置,按照对话框中Destination(目的地)选项类别的不同，导航图标属性设置对话框分为5种面板形式。,（1）Recent(最近)选项面板，如下图所示。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（2）Nearby (附近)选项面板，如下图所示。,（3）Anywhere(任意位置)选项面板，如下图所示。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（4）Calculate(计算)选项面板，如下图所示。,（5）Search (搜索)选项面板，如下图所示。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,6设置关键字,Keywords(关键字)对话窗口，如右图所示。,创建关键字的步骤如下：,（1）通过Icon (图标)下拉列表，选择要创建关键字的图标类型。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（2）在Keywords（关键字）文本框中输入希望给选中图标设置的关键字（关键字不能有空格和标点符号），单击Add(添加)按钮，输入的关键字就会出现在Keywords for This Icon(这个图标的关键字)列表框中。同样的方法可以为其他设计图标创建关键字。,复制关键字的步骤如下：,（1）在Keywords(关键字)设置窗口右边的图标名称列表框中，选中要创建关键字的图标，单击Edit Keywords(编辑关键字)命令按钮，使该图标标志和名称显示在Keywords(关键字)设置窗口左上角位置。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（2）单击已经创建了关键字的图标名称，其关键字将出现在中间的Keywords(关键字)列表框中。,（3）选中该关键字，单击Copy(复制)按钮，就将选中的关键字复制到需要创建关键字的Keywords for This Icon(这个图标的关键字)列表框中。,修改关键字的步骤如下：,（1）在Keywords(关键字)设置窗口右边的图标名称列表框中，单击要修改关键字的图标。,8.2.3 框架分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,（2）单击Edit Keywords(编辑关键字)按钮，所选择的图标的关键字会自动出现在窗口左边关键字列表框中，选中此位置的关键字，单击Modify(修改)按钮就可以对该关键字进行修改了。,（3）选中Keywords for This Icon(这个图标的关键字)列表框中的关键字后，单击Remove(删除)按钮，就可以删除该关键字。,8.2.4 时序分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,循环和分支是最基本的程序结构。在Authorware中使用决策图标、交互图标和Goto系统函数都能形成循环结构，用交互图标、决策图标、框架图标和Goto系统函数等都能形成分支结构。这种分支实际上是一种时序，故可称为时序分支。下面举例来进行介绍。,1用声音图标形成时序分支,本例演示形成时序的方法。运行程序时立即播放背景音乐，程序运行到第5秒时显示第一个对象，第10秒时显示第二个对象，第15秒时擦除第一个对象，第20秒时擦除第二个对象，第30秒时停止背景音乐并结束程序。例子中使用声音图标下挂分支形成时序。,8.2.4 时序分支结构,第八章 多媒体教学软件程序基本结构设计,8.2 程序分支结构设计,2用数字电影图标形成时序分支,本例演示使用数字电影图标形成时序的方法，运行效果与上一例子相同。例子中使用数字电影图标下挂分支形成时序。,8.3.1 超文本形式的内容查询设计,第八章 多媒体教学软件程序基本结构设计,8.3 程序基本结构设计案例,文本的超级链接步骤如下：,1定义文本风格,2建立有链接功能的文本风格, 设置触发超级链接的交互属性, 建立文本风格的超级链接,3应用有链接功能的文本风格,在程序运行中，只要单击、双击或鼠标掠过这个文本块（取决于触发超级链接交互属性的设置），程序就会立即跳转到链接目标，实现了一种超级链接形式的交互。,8.3.2 自动翻页的技巧,第八章 多媒体教学软件程序基本结构设计,8.3 程序基本结构设计案例,1定时自动翻页,本例给框架图标下挂20个显示图标，通过改造框架图标的内部结构形成定时自动翻页的效果，就像连续播放幻灯片一样。本例的要点是如何最方便地为框架图标下挂多个显示图标。正确的做法是:调整桌面上窗口的布局，让Windows的资源管理器窗口和Authorware窗口各占据演示窗口的一半，并使欲下挂显示图标的框架图标能看得见。在资源管理器中同时选定20(或更多)个图片文件，然后用鼠标拖动到Authorware框架图标的右侧，放开鼠标稍等片刻，就生成20个显示图标，并在每一个显示图标中分别导入了一个图片文件，而且这些图片在演示窗口中是自动与左上角对齐的。,8.3.2 自动翻页的技巧,第八章 多媒体教学软件程序基本结构设计,8.3 程序基本结构设计案例,2完成任务后自动翻页,定时自动翻页有一个缺点，如果程序在每页中运行的时间彼此不同，就无法用统一的延时时间去配合。本例则是等待每页中程序运行完毕之后才翻到下一页，是对上一实例的改进。本例的要点是取消上一实例的定时条件响应，而是在每页分支的最后安置一个NextPage导航图标，这样只有导航图标之前的程序全部运行完，才发生Next Page导航，从而达到预想的目的。,8.3.3 随机测试系统设计,第八章 多媒体教学软件程序基本结构设计,8.3 程序基本结构设计案例,教学过程中或学生自学过程中都需要一定的测试手段，对学生的学习状况作出判断。本例是一个随机测试系统，是一个简单的测试模块，可以实现客观题的检测，并自动给出测试成绩。,8.3.4 判断图标形成附加库设计,第八章 多媒体教学软件程序基本结构设计,8.3 程序基本结构设计案例,判断图标除了用于进行判断分支结构的构建之外，还可以构建一个在程序中不对程序运行造成任何影响的“附加库”，在附加库中可以装入在程序中反复使用的一些媒体素材，以节省程序占用的总的空间数量。下面以二元一次方程组的求解问题为例来说明附加库在程序设计中的用法。本例利用文本输入交互由用户输入变量a，b，c，d，e，f的值，利用条件交互判断是否能构成二元一次方程组，然后依据公式求出方程组的解。本例的要点是利用判断图标构建附加库。,第八章 多媒体教学软件程序基本结构设计,8.4 本章小结,教学软件的程序结构设计是精简程序、增强功能、提高开发效率的重要方面，因而好的程序结构对编程效果影响很大。语言类编程软件工具在编程过程中很难在编写过程中同时注意到程序的功能强大而又保持很高的编程效率，而Authorware平台的图标流程图式的编程方式正好可以实现结构先行的编程构想，从而比较好地解决了这个问题。本章从应用程序初建的准备出发，对Authorware应用程序主体结构的设计、各种分支功能图标及其分支结构的设计以及实际教学应用程序的制作案例进行了分析和讨论，使得读者对Authorware程序结构设计的特点有了一个更为清晰的认识。,