／ 文章编号：１００７—１４２３（２０１３）２７—００６５—０３ ＤＯＩ：１０．３９６９０．ｉｓｓｎ．１００７—１４２３．２０１３．２７．０１７ 基于Ｊａｖａ的教学演示系统的设计与实现★ 刘建伟 （西安工业大学理学院，西安７１００３２） 摘 要：针对目前教学中多媒体课件的不足和程序的演示不能同步等Ｉ＇＊－１题，设计制作教学演示系 统，该系统将程序演示和多媒体课件有机融合并同步显示，将理论和实践紧密结合，更好地 帮助学生理解课堂教学内容，有效改善课堂效果和提高教学效率，同时具有良好的可扩充 性。 关键词：多媒体课件；融合；教学演示系统 ０ 引言 密结合，它改变了多媒体课件教学手段的局限性，使教 学更加灵活。提高了课堂的教学效率．同时该系统也有 利于学生自学能力的培养 随着计算机技术的发展，教学手段的不断创新．引 入了多媒体教学．多媒体课件越来越广泛地应用在教 学中。多媒体课件能够使讲课内容信息量更加丰富。展 现的形式更加新颖、有趣等，吸引学生的注意力，对于 改善课堂效果具有积极意义。但同时有其不足．多媒体 课件不能多页显示．由于课件信息量大，翻页较快。学 １ 系统设计 １．１系统的体系设计 模型一视图一控制器（Ｍｏｄｅｌ－Ｖｉｅｗ－Ｃｏｎｔｒｏｌｌｅｒ．ＭＶＣ）模 型是面向对象设计中经典的模型之一．该教学演示系 统主要采用ＭＶＣ体系结构。Ｊａｖａ语言是目前比较流行 的编程语言．使用Ｊａｖａ Ｓｗｉｎｇ技术．把图形组件的外观 与其内容和操控分离开．实现不同观感的即插即用。 生来不及消化刚才所讲的内容，又迅速进入下一页，影 响后续内容的讲解，导致学习进度跟不上和兴趣下降。 学生学习的积极性降低 对于与编程相关的课程．如果在课件中嵌入了程 序代码．但是看不到程序语言的运行结果，特别是想修 改代码．让学生看到变化的魅力。许多教师引入了语言 １．２系统的功能设计 该系统主要分为五个功能模块平台：文件资源管 理器平台、多媒体课件的管理平台、程序代码的管理平 台、编译运行的管理平台、帮助平台。 （１）文件目录的资源管理平台 该平台的主要功能为：文件目录的展开和收起功 集成开发环境例如Ｍｉｃｒｏｓｏｆｔ Ｖｉｓｕａｌ Ｓｔｕｄｉｏ ２００８、Ｅ． ｃｌｉｐｓｅ等参与教学，现场演示程序，但会浪费一些宝贵 的教学时间．同时与课件的切换，造成学生眼花缭乱． 教学效果不是很好．因此，如何将多媒体课件和程序演 示有机融合是该教学演示系统的核心问题 该教学演 能、文件的新建、重命名、删除功能、显示文件和文件的 基本信息功能等 （２）多媒体课件的管理平台 该平台的主要功能为：课件的显示功能、课件的翻 示系统能够实现课件的分屏显示、课件和代码分屏同 步显示和代码的直接编辑运行．利于理论和实践的紧 ★基金项目：西安工业大学教学改革研究项目（Ｎｏ．１３ＪＧＹ２８） 收稿日期：２０１３—０７—２３ 修稿日期：２０１３—０８—１３ 作者简介：刘建伟（１９８０一），男，河南周口人，讲师，硕士，研究方向为医学图像处理 现代计算机 ２０１３．ｏ９下 ＠ 页功能、课件的定位功能、课件的显示方式功能等。 （３）程序代码的管理平台 该平台的主要功能为：文件的打开、保存、另存为、 关闭、打印、撤销、恢复、剪切、复制、粘贴、查找和替换、 全选、时间和日期、自动换行、字体、颜色等记事本常见 功能。 （４）编译运行的管理平台 该平台的主要功能为：程序文件的编译和运行。 （５）帮助平台 该平台的主要功能为：系统的介绍、帮助说明和检 查更新等 另外还有其他小的功能．例如刷新功能、工具栏和 状态栏的显示、系统退出功能、系统托盘等。 １．３系统的界面设计 基于界面友好、易用、易维护的原则进行界面设 计，该系统界面设计主要包括菜单栏、工具栏、文件目 录显示面板、文件详细信息显示面板、课件显示面板、 代码显示面板、程序运行结果显示面板、状态栏显示面 板等，布局上采用上、左中右、下显示方式。教学演示系 统运行界面效果具体见图ｌ ２ 系统实现的关键技术 ２．１ ＪＴｒｅｅ 使用ＴｒｅｅＮｏｄｅ构造ＪＴｒｅｅ树．主要使用ＤｅｆａｕＩｔ． ＭｕｔａｂｌｅＴｒｅｅＮｏｄｅ类。用于显示文件的目录层次。同时 对于选择的文件（节点）进行是事件响应，例如ｔｒｅｅＮ— ｏｄｅｓＣｈａｎｇｅｄ（ＴｒｅｅＭ０ｄｅＥｖｅｎｔ）方法，对于文件夹下的子 文件夹和文件采用递归的方法产生树目录 ２．２面板 ＠ 现代计算机２０１３．０９下 使用ＪＰａｎｅｌ、ＪＳｃｒｏｌｌＰａｎｅｌ、ＪＳｐｌｉｔＰａｎｅｌ，同时加入 ＪＴｅｘｔＡｒｅａ组件，并进行面板之间的相互嵌套，实现界面 设计 ２．３编译运行 将ＪＤＫ中的命令Ｊａｖａｃ，Ｊａｖａ）嵌入到程序代码中， 实现窗口的可视化编译运行。部分重要代码如下： ｓｔｒＪａｖａｃ＝”ｃｍｄ／ｃ ｊａｖａｃ”＋ｎｅｗ Ｓｔｒｉｎｇ（ｉｆｌｅＦｕｌｌＰａｔｈ）；／／ ｉｆｌｅＦｕｌｌＰａｔｈ为文件的全路径 ／／ｆｉｌｅＰａｒｅｎｔＰａｔｈ文件的父路径，ｉｆｌｅＮａｍｅ文件的全称（例 如ＨｅｌｌｏＷｏｒｌｄ．ｊａｖａ） ｓｔｒＪａｖａ＝”ｃｍｄ／ｃ ｊａｖａ－ｃｌａｓｓｐａｔｈ”＋ｆｉｌｅＰａｒｅｎｔＰａｔｈ＋””＋ ｉｆｌｅＮａｍｅ．ｓｕｂｓｔｒｉｎｇ（０，ｉｆｌｅＮａｍｅ．ｉｎｄｅｘＯｆ（Ｉｔ．ＢＩ））； Ｒｕｎｔｉｍｅ ｒ＝Ｒｕｎｔｉｍｅ．ｇｅｔＲｕｎｔｉｍｅ０；／／运行时的环境实例 Ｐｒｏｃｅｓｓ ｐｒｏｃ＝ｒ．ｅｘｅｃ（ｓｔｒＪａｖａｃ）；／／执行Ｊａｖａｃ命令 同时，错误的信息输出到输出控制平台窗口．部分 代码如下： ＩｎｐｕｔＳｔｒｅａｍ ｓｔｄｅｒｒ＝ｐｒｏｃ．ｇｅｔＥｒｒｏｒＳｔｒｅａｍ０； ＩｎｐｕｔＳｔｒｅａｍＲｅａｄｅｒ ｉｎｐｕｔＳｔｒｅａｍＲｅａｄｅｒ＝ｎｅｗ Ｉｎｐｕｔ— ＳｔｒｅａｍＲｅａｄｅｒ（ｓｔｄｅｒｒ）； ＢｕｆｆｅｒｅｄＲｅａｄｅｒ ｂｒ＝ｎｅｗ ＢｕｆｆｅｒｅｄＲｅａｄｅｒ（ｉｎｐｕｔＳｔｒｅａｍＲｅａｄ— ｅｒ１： Ｓｔｒｉｎｇ ｌｉｎｅ＝ｎｕｌｌ； ｗｈｉｌｅ（（１ｉｎｅ＝ｂｒ．ｒｅａｄＬｉｎｅＯ）！：ｎｕｌ１） ｓｅｔＡｒｅａＯｕｔｐｕｔ（１ｉｎｅ＋” ”１； ２．４课件 目前课件主要采用将幻灯片转化为图像文件进行 显示．不足的是增加了制作动画的成本 对于幻灯片主 要在两个窗口显示．中间窗口最右边显示是当前幻灯 片．左边显示的是刚刚播放的幻灯片 定义一个变量 ｐｐｔＩｎｄｅｘ指示幻灯片播放的顺序。 ２．５同步 为实现从文件资源管理平台打开的文件和打开对 话框打开的文件显示不冲突问题．设置了静态变量 ｉｆｌｅＦｕｌｌＰａｔｈ、ｉｆｌｅＰａｒｅｎｔＰａｔｈ、ｉｆｌｅＮａｍｅ（相当于全局变量）， 分别用于保存文件的全路径、父路径、文件名。 另外代码的编辑等操作借鉴了记事本技术 ３ 系统测试 该系统运行时要设置一下环境变量ｃａｌｓｓｐａｔｈ、 ｐａｔｈ．根据ＪＤＫ（Ｊａｖａ Ｄｅｖｅｌｏｐｍｅｎｔ Ｋｉｔ）￣ 目录进行修 ／／／ 改，具体为： 用户变量ｃａｌｓｓｐａｔｈ＝．：％ＪＡＶＡＨＯＭＥ％ｋｌｉｂ＼ｄｔ． ＿课件与程序代码的同步显示、运行等．帮助学生更好地 理解课堂教学内容，同时节约了教学时间。提高了教学 效率，课堂教学效果得到有效改善，同时也方便于学生 自学。 ｊａｒ；％ＪＡＶＡ＿ＨＯＭＥ％￣ｌｉｂ＼ｔｏｏｌｓ．ｊａｒ； 系统变量ＪＡＶＡＨＯＭＥ＝Ｃ：Ｗｒｏｇｒａｍ Ｆｉｌｅｓｋｌａ． ＿ｖａＸｊｄｋ１．７．０＿０２ ｐａｔｈ＝“系统预设ｐａｔｈ；”＋％ＪＡＶＡＨＯＭＥ％ ＿参考文献 ｋｂｉｎ；％ＪＡＶＡＨＯＭＥ％＼ｊｒｅｋｂｉｎ＼ ＿［１】朗波．Ｊａｖａ语言程序语言设计（第二版）［Ｍ】．北京：清华大学 出版社．２０１０ 通过相关人员进行功能测试，运行良好，达到了设 计目的。 【２］Ｃｕｒｔｉｓ ＨＫ Ｔｓａｎｇ，Ｃｌａｒｅｎｃｅ ＳＷ Ｌａｕ，Ｙｉｎｇ Ｋ Ｌｅｕｎｇ．面向对象 技术——使用ＶＰ—ＵＭＬ实现图到代码的转换［ＭＩ．杨明军 ４ 结语 译．北京：清华大学出版社．２００７ 该教学演示系统适合使用Ｊａｖａ语言进行算法演示 的课程，当然也可以推广到其他算法语言课程。该系统 ［３】核心研究室，林智扬，范明翔等．深入浅出Ｊａｖａ Ｓｗｉｎｇ程序 设计【Ｍ】．北京：中国铁道出版社，２００５ 能够较好地展示课件和程序，实现了课件的多屏显示， Ｄｅｓｉｇｎ ａｎｄ Ｉ ｍｐｌｅｍｅｎｔａｔｉｏｎ ｏｆ Ｔｅａｃｈｉｎｇ Ｄｅｍｏｎｓｔｒａｔｉｏｎ Ｓｙｓｔｅｍ Ｂａｓｅｄ ｏｎ Ｊａｖａ ＬＩＵ Ｊｉａｎ—ｗｅｉ （Ｓｃｈｏｏｌ ｏｆ Ｓｃｉｅｎｃｅ，Ｘｉ＇ａｎ Ｔｅｃｈｎｏｌｏｇｉｃａｌ Ｕｎｉｖｅｒｓｉｔｙ，Ｘｉ＂ａｎ ７１００３２） Ａｂｓｔｒａｃｔ：Ａｃｃｏｒｄｉｎｇ ｔｏ ｔｈｅ ｐｒｏｂｌｅｍｓ ｏｆ ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ ａｎｄ ｐｒｏｇｒａｍ ｄｅｍｏｎｓｔｒａｔｉｏｎｄｅｓｉｇｎｓ ａｎｄ ，ｉｍｐｌｅｍｅｎｔｓ ｔｅａｃｈｉｎｇ ｄｅｍｏｎｓｔｒａｔｉｏｎ ｓｙｓｔｅｍ．Ｉｎｔｅｇｒａｔｅｓ ｍｕｌｔｉｍｅｄｉａ ｃｏｕｒｓｅｗａｒｅ ａｎｄ ｐｒｏｇｒａｍ ｄｅｍｏｎｓｔｒａｔｉｏｎ ｉｎｔｏ ｔｈｅ ｓｙｓｔｅｍ ａｎｄ ｔｈｕｓ ｃｏｍｂｉｎｅｓ ｔｈｅｏｒｙ ａｎｄ ｐｒａｃｔｉｃｅ ｔｏ ｂｅｔｔｅｒ ｕｎｄｅｒｓｔａｎｄｉｎｇ ｔｅａｃｈｉｎｇ ｃｏｎｔｅｎｔ．Ｔｈｅ ｓｙｓｔｅｍ ｃａｎ ｉｍｐｒｏｖｅ ｔｅａｃｈｉｎｇ ｅｆｆｅｃｔ ａｎｄ ｔｅａｃｈｉｎｇ ｅｆｆｉｃｉｅｎｃｙａｔ ｔｈｅ ｓａｍｅ ，ｔｉｍｅ ｉｔ ｈａｓ ｇｏｏｄ ｓｃａｌａｂｉｌｉｔｙ． Ｋｅｙｗｏｒｄｓ：Ｍｕｈｉｍｅｄｉａ Ｃｏｕｒｓｅｗａｒｅ；Ｉｎｔｅｇｒａｔｉｏｎ；Ｔｅａｃｈｉｎｇ Ｄｅｍｏｎｓｔｒａｔｉｏｎ Ｓｙｓｔｅｍ 硼 件笛加 ｏｎ１ ｎｏ 囝