基于Internet的交互式课件的研究与实现.pdfVIP

60 数学教学研究 第27卷第4期2008年4月 基于Internet的交互式课件的研究与实现 ‘杨延娇王凌云 西北师范大学数学与信息科学学院，甘肃兰州 730070 摘要：讨论了基于Intemet的交互式课件的设计技术及实现方法，重点探讨了软件实现的关键技术， 即采用Java语言实现教学的交互式动态演示技术，并介绍了关键技术在《数据结构糅件中的应用． 关键词：Internet；交互式课件；Java，动态演示 中图分类号：G434 1引言 为了形象的表示二叉排序树采用作图工具制作 在现代教育中计算机和Intemet正发挥着巨大的了直径为20像素的小球来表示结点，用单色线条表 作用，这就促进了大量教学课件的出现和使用，然而 示边，用标签表示结点的值．那么，如何将抽象定义的 传统的教学课件大多数是用Authorware、PowerPoint二叉树用图形图像对应的显示在动态演示区中呢? 等工具开发的，它们具有开发简单、界面友好等优点， 2．2．1结点和边的设计和实现 但由于占用存储空间很大，不适合在网上传输；用 由于考虑用已经作好的小球来表示二叉排序树 Flash开发的课件虽然可以嵌入Web页中，实现网上 的结点，要想将抽象定义的二叉排序树的结点对应的 传输，但它很难对较复杂的算法进行动态交互式模拟 图像显示在动态演示区中，就需要找到一种方法，能 跟踪．在设计基于Web的课件时，除了考虑怎样实现 够根据c矗r?-结点自身的信息求出该结点在动态演示 在网上传输外，更重要的是要考虑如何将抽象的算法 区中的相对位置．为叙述方便，我们先介绍三个概念： 形象生动地再现给学生，帮助他们更加透彻的理解算 结点的高度、树的高度和树的宽度．它们的定义如下； 法的来龙去脉．基于]．ntemet的交互式课件不但可以 结点的高度rxxteHeight定义为 资源共享、更新方便，而且其最灵活的交互性更加有 nodeHeightHeight(node)， 利于学生创造性思维的形成和发展． 树的宽度treeWidth定义为树中结点总数(设为 nnodes)减1，即 因此，我们在对基于Intenet的交互式课件进行 treeWidth=nnodes--I 理论研究的同时，结合《数据结构》课程，使用Java语 I 言实现了基于Intemet的《数据结构》交互式课件． 树的高度treeHeight定义为 2关键技术 “ treeHeight=Height()} 2．1动态的建立单链表 设当前显示区(可从Html语言中的参数中得 由于链表的灵活性，与顺序表不同它可以动态 到)的宽度为X像素。高度为Y像素，将当前显示区 的建立，存储分配不需要预先进行，可以动态的分配 存储空间．为了模拟实现它的这一特点，采用java． awt中的Graphics类来实现．要特别指出的是实现条竖线组成的网格，其中，横线之间的间隔为dy(dy 程序中语句：昏drawString(Integer．toString(al-i])， 242+60*i，293))；是对链表中每个节点的info域赋x／(treeWidth+2))． 值的，这里用数组a来存放．这样不仅动态的建立起 这时，就可以找到二叉排序树中每个结点在网格 了一个单链表，且赋值也是动态的． 中的水平位置和垂直位置，即该结点在网格中的第几 2．2运用界面元素表示二叉排序树