基于Flex的CAI课件设计与制作Word文档格式.docx
- 文档编号:22494944
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:27
- 大小:1.09MB
基于Flex的CAI课件设计与制作Word文档格式.docx
《基于Flex的CAI课件设计与制作Word文档格式.docx》由会员分享,可在线阅读,更多相关《基于Flex的CAI课件设计与制作Word文档格式.docx(27页珍藏版)》请在冰豆网上搜索。
1.2CAI课件设计分析
1.2.1CAI课件的模式
课件模式反映了利用计算机进行教学活动时,完成各个教学子目标所表达教学内容的交互方式。
合理地选择模式,可使制作出的课件质量及应用在教学上的效果都得到提高。
常用的7种模式:
操练与练习、单元指导、游戏智力、模拟观察、发现学习、问题求解、辅助测试[7]。
无论何种类型的课件,都是教学内容与教学处理策略两大类信息的有机结合。
具体讲,课件包括:
向学习者提示的各种教学信息;
用于对学习过程进行诊断、评价、处方和学习引导的各种信息和信息处理;
为了提高学习积极性,制造学习动机,用于强化学习刺激的学习评价信息;
用于更新学习数据、实现学习过程控制的教学策略和学习过程的控制方法。
1.2.2CAI课件的设计流程
CAI课件是科学、艺术、技术相结合的产物,其设计与制作涉及到多种学科的知识和技能,一般由课程专家、教学设计人员、心理学家,有经验的学科教师、教育科研人员、美术人员、软件设计人员,有时还需要音乐工作者、摄录像人员等共同参加,组成课件开发小组[8]。
CAI课件的开发过程,并不是简单的课堂搬家、文字教材的翻版和各种媒体的汇集,一个好的课件是要通过课件的整体策划和编制,能映射出设计者的教学思维过程,以学生的学习过程为中心,运用计算机的特殊功能,体现出对教学辅助的呈现要素、动机要素、过程要素、互动要素。
课件的制作程序:
(1)设计课件的系统结构:
(a)课件标题要简炼,导言要阐明教学目标,呈现课件基本结构;
(b)根据课件的主要框架和教学目的,确定课件的菜单及实表达教学内容;
(c)将教学内容划分成若干个知识单元,每个单元所达到的教学目标。
(2)脚本的编写:
CAI课件要在教材内容中加入声音和画面,明确主题、素材美观、生动直观、层次分明,文字稿本的画面要具体、有可视性、解说词正确,既要通俗易懂又要精练概括。
脚本的编写就是重新再次创作、再加工和再组织教学内容;
对教学内容进行分解;
通过创意和构想,确定课件设计的最佳方案。
(3)素材的采集:
包括文字、图形、动画、声音等,并把素材制作成计算机能使用的格式文件保存。
(4)课件的创作:
一般可运用多媒体创作工具,其特点是方便、灵活、操作简单或结合程序设计语言编程创作。
(5)课件调试:
可以检查以下几点:
能否从制作电脑中移到其他电脑上使用;
能否在不同环境的多台电脑上运行;
课件通过投影仪投在屏幕上,颜色、线条和图形会失真,文字大小也要变化,应注意调整。
1.2.3制作课件平台的选择
目前CAI课件开发技术落后,系统设计不合理,开发过程多少都存在一些问题:
可复用性低,大部分课件的开发技并不支持面向对象开发方法,或提供较低级的支持,导致程序代码的可复用性低;
可维护性差,CAI课件学习内容规模庞大,运行环境复杂,大部分课件开发不支持面向对象,同时缺少软件工程思想和方法的应用,因此维护困难;
开发成本高,CAI课件大多为针对具体教学内容的一次性开发[9]。
课件需求增加和交互性提高,其开发周期就越长,成本也越高;
界面呆板,互动性交互性不强,不能满足学生自主学习的要求,而且功能较单一,对学生主动学习的吸引力不够。
寻求新的技术解决方案解决CAI课件存在的问题是课件开发者们亟待解决的重要问题。
而随着富互联网应用(RIA,RichInternetApplications)的发展,各种RIA技术的不断出现,为CAI课件的开发提供了有效可行的技术路线和解决方案。
其中AdobeFlex作为用于开发RIA客户端的主流技术,其构建的RIA应用提供内容丰富的用户界面,且完全支持面向对象的开发,完全符合课件开发的需求。
2开发工具Flex简介
2.1Flex的编译原理
Flex的编译过程就是通过把MXML文件转换成面向对象的AS类,然后结合程序中指定的图片和声音等一些信息,统一编译成二进制的SWF文件,当用户向服务器发出MXML文件的HTTP请求后,服务器执行如下步骤:
将MXML文件编译成SWF文件;
将编译后的SWF文件保存到服务器的缓存里;
将SWF文件返回客户端。
2.2Flex框架
(1)Flex框架等同于Flex类库,是ActionScript类的集合。
(2)Flex框架是基于ActionScript类写成的,定义了空间,容器和管理器等,用于简化RIA的构建。
(3)Flex可以应用于J2EE和.net平台,Flex开发者使用只管的基于XML的MXML来定义丰富的用户界面,由Flex服务器翻译成SWF格式的客户端应用程序,在FlashPlayer中运行。
(4)Flex中结合了标准的语言、各种扩展用户界面及数据组件。
发人员能够快速构建具有丰富数据演示,强大客户端逻辑和集成多媒体的Flex应用程序。
使用Flex构建的应用程序能够在常见的桌面平台上运行,支持对应用程序外观进行完全自定义,并支持各种连接到后端数据和服务的方法[11]。
2.3Flex元件
2.3.1MXML
(1)MXML是flex中用来布局用户界面组件的一种XML语言,主要功能是用来描述屏幕布局,标识用户界面组件。
(2)这种标记语言还可以来声明程序中的非可视化组件,即描述各种效果、定义数据模型以及数据绑定与访问[12]。
(3)MXML提供开发人员一个无需写代码的“所见即所得”的编程方式,用来快速构建Flex程序,甚至可以用来构建完整的应用程序。
2.3.2ActionScript
ActionScript是Flex的脚本语言,与JavaScript相似的面向对象的编程语言,主要用来扩展RIA应用,能够实现Flex程序交互性、数据处理等功能[13]。
(1)虽然MXML标签很大程度地简化了屏幕布局和许多基本任务,但实际上都是通过AS脚本语言来实现的[14]。
而且复杂功能只能通过AS语言来编写实现。
(2)单纯使用MXML和ActionScript都有可能构建出应用程序,但两者兼用是更为普遍和明智的[15]。
(3)MXML适用于屏幕布局和基本数据功能[16];
AS最适合用于用户交互,复杂的数据功能,以及任何FLex类库中没有的数据功能。
(4)ActionScript完全由FlexPlayer提供本地支持,并且运行不需要加载任何附加的库[17]。
所有本地类都封装在“flash”包的最顶层包中。
Flex在编译时,那些类都会包含在一个.swf文件中,同时,所有Flex框架的类都在“.mx”包中。
2.4Flex组成元素
Flex表现层服务器包含Flex应用框架和Flex运行服务,而Flex框架又包含MXML描述语言和ActionScript程序语言和Flex类库;
MXML是基于xml的标记语言,用于应用程序用户界面的布局;
ActionScript定义客户逻辑和程序控制,是一种类似于javascript的墙类型面向对象语言,可用于定义事件监听器和处理器,设置或检索组件属性值,处理回调函数等;
ActionScript是FlashPlayer可以理解的编程语言,也是Flex应用的基础[18]。
ActionScript也是MXML的基础,可以完成MXML所不能完成的任务(如控制事件,控制错误,绑定数据对象到Flex控件,定义用户组件);
Flex类库提供可扩展的组件(如容器和控件),数据绑定,行为以及其他功能,Flex类库则包含了Flex组件,管理器和行为控制[19]。
2.5Flex应用
Flex的具有跨平台物性,而且还能像桌面应用程序一样有着较好的响应性与丰富性,器生成的.Swf文件能在Web广范传播,所以有着非常广的应用领域。
目前已广泛应用于各种商业领域,如电子商务、游戏开发,Web应用服务,如网页站点建设,教学系统,企业业务流程自动化等方面[20]。
3操作系统进程控制实验的CAI设计
本次CAI课件设计的主要目是用来辅助学习操作系统的进程的,CAI课件不仅有层次讲述了要学习的知识结构,还可以模拟进程的实验,形象逼真的展示了进程的几种基本状态。
本章节主要讲述CAI课件的设计目的、相关素材的收集与编辑、课件设计的思路与步骤及课件功能的实现。
3.1知识单元的教学内容
3.1.1有关进程概念
(1)进程的定义与特征
较典型的进程定义有:
进程是程序的一次执行;
进程是一个程序及其数据在处理机上顺序执行时所发生的活动;
进程是程序在一个数据集合上运行的过程,它是系统进行资源分配和调度的一个独立单位;
在引入了进程实体的概念后,我们可以把传统OS中的进程定义为:
“进程是进程实体的运行过程,是系统进行资源分配和调度的一个独立单位”。
其特征包括以下几点:
(a)结构特征:
程序段、相关的数据段、PCB构成了进程实体。
(b)动态性:
进程是进程实体的一次执行过程。
(c)并发性:
多个进程实体,同存于内存中,能在一段时间内同时运行。
(d)独立性:
独立运行和资源调度的基本单位。
(e)异步性:
各自独立的、以不可预知的速度向前推进。
(2)进程的三种基本状态
进程执行是的间断性,决定了进程可能具有多种状态。
实际上,运行中的进程有三种基本状态:
(a)就绪状态:
进程一旦获得CPU就可以投入运行的状态。
(b)执行状态:
进程获得CPU正在运行的状态。
(c)阻塞状态:
进程由于等待资源或某个事件的发生而暂停执行的状态。
进程的这三种状态在一定条件下可以相互转换。
处于就绪状态的进程在分配处理机后就转为当前执行进程,即变成执行状态;
如果正在执行的进程的分配的时间片被暂停执行,它便又回到就绪状态;
如果以为某件事件使进程执行受阻,就进入了阻塞状态。
(3)进程控制块
进程控制块(PCB,ProcessControlBlack),是OS中最重要的记录型数据结构,PCB中记录了操作系统需要的、描述进程情况及控制进程运行所需的一切信息。
在PCB中主要包括四个方面的信息:
进程标识符;
处理机状态;
进程调度信息;
进程控制信息。
3.1.2进程控制
(1)进程的创建(CreationofProcess)
首先申请空白PCB,其次为新进程分配资源,然后初始化进程控制块,最后将新进程插入就绪队列,如果进程就绪队列能够接纳新进程,便将新进程插入就绪队列。
(2)进程的阻塞与唤醒
正在执行的进程,由于某事件无法继续工作,进程便调用阻塞原语block把自己阻塞;
当阻塞进程期待的事件出现时,则由有关进程调用唤醒原语wakeup,等待唤醒。
3.2进程控制模拟实验的课件设计
3.2.1功能模块介绍与设计
该模拟实验课件用超媒体结构,可以分为以下课件学习、进程管理、其他的辅助和对话框部分。
(1)课件学习部分主要利用媒体技术展示了本课程要学习掌握的知识结构。
该模块要能够让学生可以按照教材的内容一步步学习进程相关的概念,了解进程特征,掌握进程的几种基本状态及他们之间的互相转换,并且通过学习能掌握进程创建(creat)、堵塞(block)、唤醒(wakep)的模拟实验操作方法。
(2)进程管理部分主要是进程的操作和对话框。
该模块建立及操作进程,学生能够自己模拟创建进程,堵塞进程,唤醒进程和杀死进程的实验操作,更好掌握巩固所学知识。
(3)其他辅助部分还能显示当前执行进程、堵塞进程、子进程的各种信息:
包括进程号、名称、运行时间、优先级。
(4)对话框主要有创建对话框、唤醒对话框和杀死对话框。
对话框主要用来判断或提示来对学生如何正确操作窗口。
3.2.2素材收集与编辑
按照上述的功能模块及其开发工具,通过多种途径(如互联网、课本教材、图书馆)收集关于开发工具相关具体使用方法、相关的教学课件,还有图片、动画,文字的编辑等。
利用各种工具编辑所收集的素材。
(1)图片编辑:
图片对课件非常重要,要做出好的课件就要做好图片编辑。
分一下几步骤:
(a)根据课件选取的操作系统内容选择相关的图片,图片的内容要清晰简洁;
(b)要根据flex舞台大小、容大小、组件的大小以及各种组件的布局需要编辑相应的图片尺寸,调整图片的像素;
(c)还要根据视觉美观效果修改图片颜色、边框,还要转换flex能使用的图片格式;
(d)不要有太复杂图的片。
(2)声音与动画编辑,要选取与课件设计相关的声音与动画,要编剪其播放播放时间,还要调整格式能够让flex调用;
在一用的时候要能够重复播放。
(3)文字的编辑,课件中包含大量的文字信息,是学生知识获取重要途径。
设计时要注意文字表达的内容,简洁、突出重点。
能够高效地把操作系统的进程管理知识点传授给学生;
文字尽量简单,提纲为主,方便学生记忆;
文字的内容逐步引入,随着讲课进度一次展示操作系统的知识结构。
3.3课件设计创作
3.3.1主页面布局与设计
根据功能需要,分为学习巩固部分和进程实验两个部分。
课件的整个页面用TabNavigator(导航标签)来显现各功能界面跳转,界面用Canvas(画板)主要用MXML标签语言和CSS样式语言来实现。
学习巩固页面主要有学习课件和学习视频构成;
进程实验部分由进程管理(执行进程、就休进程、阻塞进程、杀死进程)、查看子进程和说明窗口组成。
而每个界面通过各自的按钮,单击触发功能。
如图3.1所示:
图3.1主系统界面
3.3.2学习部分
(1)学习课件
把制作好的与教学内容相关个教程视频在此页面展示(如图3.2所示),并能通过右下方控件块来控制教程视频的播放,可以暂停、后退、播放。
这部分主要通过课件展现了教学内容,让学生自主学习操作系统的进程管理部分的内容。
有结构有层次的展示了教学内容的结构,知识点及重点、难点,讲述了进程的相关概念,进程控制和进程的几种状态及进程状态。
图3.2主系统界面
把已编辑好的素材有关学习的内容按照学习的进度,制作成一个个单独页面,在每个页面上单独编辑。
通过控件来实现播放、跳转,并用flex将其转换成swf格式。
跳转代码如下:
<
mx:
Script>
!
[CDATA[
privatevarnum:
int;
privatefunctionpic(direction:
String):
void{
if(direction=='
next'
){
this.num++;
if(this.num>
=picName.pic.length()){this.num=picName.length()-1;
}}
prev'
this.num--;
if(this.num<
0){this.num=0;
}}
myImage.source=picName.children()[num];
}
]]>
/mx:
(2)学习视频
主要向学生播放一段有关操作系统讲座视频,活跃课堂气氛,生动形象地帮助学生学习巩固所学知识点。
直接用已经编好的讲座视频。
实现方法如下:
VideoDispiaywidth="
100%"
hight="
source="
media/jianzuo.flv"
/>
buttonlabel="
piay"
click="
movPlay.play()"
pause"
movPlay.pause()"
stop"
movPlay.stop()"
3.3.3用ActionScript定义相关行为、事件
完成课件的学习部分制作后,在制作课件实验部分之前要先定义相关行为、动作、事件,为后面编写程序做准备。
(1)建立pcb区,用来盛放每个进程数组,部分代码如下:
publicclassPCB{//定义PCB
publicvarId:
//用进程号publicvarPid:
//标识各进程的父子关系
publicvarName:
String=newString();
//进程名
publicvarState:
//进程状态
publicvarPriority:
//优先级
publicvarSumTime:
//开始时间
publicvarStartTime:
publicfunctionPCB(){
Name="
NULL"
;
Id=-1;
State="
Priority=-1;
SumTime=0;
StartTime="
Pid=-1;
(2)定义进程数组,包括各进程的父子关系二维数组、所有进程数组、阻塞进程数组、就绪进程数组,部分代码如下:
publicvarMatrix:
Array=newArray();
//用二维数组标识各进程的父子关系
publicvarAllPCB:
//所有的进程
publicvarBlockPCB:
//阻塞的进程
publicvarReadyPCB:
//就绪的进程
(3)定义各类操作事件,创建、阻塞、唤醒、杀死进程等基本操作,部分代码如下:
//创建进程//
publicfunctionAdd(Id:
int,pId:
int,newPCB:
PCB):
Matrix[pId][Id]=1;
//将父进程数组的相应子进程位置上置为1
AllPCB.push({Id:
newPCB.Id,Name:
newPCB.Name,Pid:
newPCB.Pid,Priority:
newPCB.Priority,StartTime:
newPCB.StartTime,State:
newPCB.State,SumTime:
newPCB.SumTime,ProcessTime:
0});
//将进程放入所有进程的数组中
ReadyPCB.push({Id:
newPCB.Id,priority:
newPCB.Priority});
//移入就绪数组
ReadyPCB.sortOn("
priority"
Array.NUMERIC);
//就绪数组进程按优先级排序
//阻塞进程//
publicfunctionblock():
for(vari:
int=0;
i<
AllPCB.length;
i++){
if(AllPCB[i].Id==OperPCB){
break;
//找到执行进程在pcb数组中的位置
AllPCB[i].State="
阻塞"
BlockPCB.push({Id:
OperPCB});
//放入阻塞队列
OperPCB=ReadyPCB.pop().Id;
//优先级最高的弹出,并记录的进程id给执行进程
for(i=0;
}}//找到执行进程在pcb数组中的位置
执行"
//唤醒进程//
publicfunctionawake(Id:
int):
if(AllPCB[i].Id==Id){//找到该进程
就绪"
//从阻塞队列中删除,将Id进程从阻塞数组中剔除
for(varp:
p<
BlockPCB.length;
p++){
if(BlockPCB[p].Id==Id){//在阻塞数组中找到指示Id进程的位置
BlockPCB.splice(p,1);
//加入就绪队列
Id,priority:
AllPCB[i].Priority});
//进程放入就绪数组
//进程按优先级排序
//找到了就无需继续循环
}}}
//杀死
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 Flex CAI 课件 设计 制作