示范课程网站与微课学习平台的设计与实现.doc

《示范课程网站与微课学习平台的设计与实现.doc》由会员分享，可在线阅读，更多相关《示范课程网站与微课学习平台的设计与实现.doc（2页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2016 年 3 月 第 12 期 教育教学论坛 EDUCATION TEACHING FORUM Mar.2016 NO.12 示范课程网站与微课学习平台的设计与实现 （北京工商大学 王赋腾，孙晓荣，刘翠玲 计算机与信息工程学院，北京 100048） 摘要：在当今网络信息高度发达的时代，网络教育成为了教育发展的必然趋势，而课程网站与微课学 习平 台是网络教育的关键环节，本文通过建立 “电机与电力拖动基础 ”校示范课程的教学课程网站与微课学习平台， 让学生不再局限于课堂，甚至能随时随地了解课程的教学情况，这在很大程度上提高了学习效果。 文中分析探 讨了课程网站的设计思 路与设计技术，利用 Dr

2、eamweaver作为开发工具 完成了课程网站的设计开 发，并在 课 程 网站完成的基础上，通过云适配技术对网页进行重排、调整，使新网页适合 mobile的访问，从而实现 微课学习平 台的构建。 关键词： Dreamweaver；课程网站；网络教育；微课学习平台 中图分类号： G642.0 文献标志码： A 文章编号： 1674-9324（ 2016） 12-0237-02 一、引 言 页 面内容设计分为两大部 分：第一部 分是教学资 源的 电机与电力拖动基 础 主要是研究 交直 流电机 搜 集，然后通过 Dreamweaver 的表格布局法将搜 集的教 原理及其 起动、调速、制动等 拖动理

3、论、分析方 法、基 学 资源合理的构建成板块 ，最终实现 教学资源的 在线 本特性及变压器运行原理 、特性及工 程应用等的一 门 浏 览和 下载；第二部 分是 构建留 言版 、师生 在线交 流 专业基础课程，其内容给 电气信息类 和机电一体化 工 平 台等模块，通过这些 模块实现教师 与学生的在 线交 科专业大学生奠定了 扎实的工程实践 基础，是当今 工 流 ，加强 师生的沟通。 页面风格设 计包括课程网 站每 科大 学唯一不可撼动的强电基础课。在经典的 课程 教 个 页面 字体、颜色以 及网页 的排 版布局 等，旨在提 供 学中，有效学习时间较少 这个因素严重 影响了学习 效 一个 协调美观

4、的学习环 境。整个系统 囊括 “电机 与电 果。而 “电机与电力拖动基础 ”课程网 站与微课 学习平 力 拖动基础 ”这门课程的 详细信息和 在我校拥有 的教 台的构建 ，实现 了教 学资源 的网络 化，让学生 不再局 学 资源，通过这个网站 可以全面了 解这门 课程的 详细 限于课堂 ，增加 了有 效学习 时间，进一 步提高 了教学 情 况。课程网站的系统结构图如图 1所示，整个课程网 质量，加强了教学效 果。 站 的主要内容分为七大模块 。 Dreamweaver是 MACROMEDIA公 司开发的集网 页 1.教学内容模块。教学内容分为理论教学 内容和 制作和管理网站于一身 的所见即所得

5、 网页编辑器，包 实 践教学内容。理论教学内容介绍了教材所蕴含的理 括代码 、拆分 、设计 、 实时 视图四 大界 面。 它支持 论 知识以及教学的时间安 排；实践教 学内容则分 为实 JavaScript、 VBScript等 多种 编程 语言 ，功 能强 大 ，操 作 验 、科技 课外 活动、认识实 习三 大内 容的时 间地点 安 方便。在课程网站的构建中 ， Dreamweaver充当了 重要 排 ，通过教学内容模块学 生可以全 面了解教学进 度安 的角色。本文以 “电机与电力拖动基础 ”校级示 范课程 排 ，从而更好地制订 学习计 划。 为对象 ，分析 探讨了 课程 网站的 设计思 路

6、与 设计 技 2.教学队伍模块。教学队伍主要从课程负责人、教 术，并用 Dreamweaver作为平台开发工具完成课程 网站 学 队伍、主讲教师、师资培 养四个方面 ，全面地分 析了 的设计，并在此基础上通过 云适配技术 成功构建了 微 电 机与电力拖动基础这 门课程的强 大师资力量 ，而 课学 习平台 。 且 通过基本信息、教学情 况、论文及 主编教材、学 术研 二、课 程网站的设计思路 究 四个方面可以全面地 了解每一位 主讲教师的情 况。 网站的设计内容主要分 为两大部分 ：页面内容设 通过 本模块可以了解本 专业拥有一 批责任感强、团结 计与页面风格设计。 “电机与电力拖动基础 ”教

7、学课程 协 作、有 敬业 精神的 教师 队伍，同时教 师们 教学质 量 网站旨在 提供一 个教 学交流 、资源 共享 的平台 ，因此 高、知识结构合理的特点也得到了充分的体现。 基金项目：北京工商大 学本科教学综合改革示范课程 建设项目（北工商教发 20144号 ） 作者简介：孙晓荣（ 1976-），女，山西长治人，北京工商大学计算机与信息工 程学院自动化系副主任、副教授，研究 生导师，研究方向：智能 检测。 -237- 2 1 2016 年 3 月 第 12 期 教育教学论坛 EDUCATION TEACHING FORUM Mar.2016 NO.12 图 1 教学网站系统结构图 的授课

8、录像、演示动 画、习 题答 案等资 源上 传到服 务 器中 ，学生 通过链 接即 可下载 观看。 网站 页面利 用 DIV+CSS美化修 饰页面，灵活 地将 CSS样式 运用到 页 面各个方面使 页面变得美 观舒适；采用 JavaS cript脚本 语言实现页面 元素的多元 化，如通过 JavaScript代 码实 现图片的无缝切换和无缝滚动等效果。所需图片利用 Photoshop 美化修饰 ；部分页面 插入 flash 动画， Flash 是 一款专 门制作 动画 的软件 ，具有 文件 小、传 输快 等 优 点，在页 面中插入 flash 动画能让 整个页面变 得更加 生 动。 四、微课学习

9、平台的实现 微课学习平台的实现基于云适 配技术，在原 PC 网 站植入一 行 JS代码，当检测 到来自移动 端的访问后 ， 开始在 云端进 行网页 的重 排、调 整，网 页转 换过程 处 理快，反馈速 度也快 ，然后 自动 调用做 好的 网页返 回 3.教学条件模块。教学 条件模 块分为 教学与学习 资料、实践性教学环境、网络教学环境三个子模块。教 学 与 学习资 料主 要介绍 了所 选教材 及配套 的实 验指 导书；实践性教学环境主要介绍 了本专业拥 有的实验 室以及 已和本专业建立合作 关系的校外实习 基地；网 络 教学环境 主要 介绍了 便利 学生学 习的各 种校 内网 站。 4.教学方

10、法与效果模块。教学方 法与 效果分为教 学方 法与手 段、教 学改革 与研 究、教 学效果 三大 子模 块，通过 本模块可以全面了解本 专业所采取 的科学教 学方法并且取得的良好效果。 5.课程简介模块。课程简介主要从课程简介、课程 地 位、课程 定位与 目标、政策支 持四 个方面 详细 介绍 了电 机与电力拖动基础的主要内容 、发展历 程以及 这门课程预想达到的目标。 6.网络资源模块。网络 资源模 块是整 个系统的核 心 部分，其 中包含教 学大纲 、电子 课件 、授课 录像 、参 考 文献、习 题及答案 、实验 指导 书、学 术研究 、教 学资 源、相 关链接、留言十大部分，介绍 了课程

11、的一 些基本 信 息，实现 了授课录 像、教 学演 示动画 、习题 及答 案、 实验指 导书、电子课件这些重 要教学资源的在 线浏览 以及其中一部分资源的下载功能。学生可以通过 留言 板块将 自己的想法和问题传达给 教师，教师在 收到后 作出回应。通过这个模块，师生之间会有充分的交流。 7.导航模块。导 航模块 大大加快 了广 大用户查找 自己所 需内容的速度，模块链接 了整个系统 的绝大多 数模块，实现了系统快速便利的功能。 三、教学网站的实现 课 程网站 系统 能够实 现基于 校园 网络 环境 下的 资源 管理，以便有 效地管 理上 传的资 源，构 建适 合的 课程资 源库。系统采用 B

12、S 结构，即 浏览器服务器 结构。用 户通过浏览器向服务器 发出请求，服 务器对 浏览器 的 请求进行处理，将用 户所需信息返 回到浏览 器上。系统平台设计工具采用的是 Dreamweaver，利用 Dreamweaver表 格嵌套布 局的方 法合理的 将教学 资源 分 为各个模块，并将 “电机与 电力基础 ”这门课程 相关 - 给 浏 览器 。 云 适 配 在 转 换之 前 都 会 让 用 户 先 提 交 URL，然后 通过分 析、分离 数据 和样 式对 分离 后的 数 据和 样式进 行重 新渲 染，优化代 码 ，减少 HTTP连接 ， 最终产生云适 配后的网页，储存到云 端。当用户 访 问

13、 网站页 面时，云端会 根据访 问设 备的不 同，推 送不 同 的适 配引擎 样式， 进行即 时干 预并优 化网 页显示 效 果，实现跨平台网站的创建、优化、增值 4。 通过 云适配 技术 可以轻 松实 现微课 学习 平台 的 构建，同时云适配 技术只是对 “电机与电 力拖动基础 ” 课程网站的内容进行调整，使之适合 mobile的访问。因 此，微课学习平台能 保持课程网站的 内容基本不 变， 满足了微课程学习的基础需求。 微课学习平台的 构建有助于学生 的多元化学 习， 激励学 生的学 习兴趣 ，增强 学 生 的学习 效果 ，为学 校 的教育教学工作开发了一个良好的平台。 五、结语 电机 与

14、电力 拖动 基础示 范课 程网站 与微 课学 习 平台的 建设 在学校 教学工 作中 起到了 举足 轻重的 作 用。它增强了学生 的学习效果和学 校的教学效果 ，有 助于该课程的内 涵深化与外延扩展 ，有助于教学 手段 的改进和教学活动的创新。 Dreamweaver作为当今网站 制作的 主流软 件，在 课程网 站的 建设、维护 管理等 方 面都能发挥关键作用。随着该示范课程内容的不断建 设和完善，课程的 网络教学系统和微 课学习平台 也将 不断充实，保持教 学内容的先进性和 教学手段的 现代 化 。 参考文献： 1刘翠玲，孙晓荣 . 电机与 电力拖动基 础课 程设计改革 与 实践 J.中国现代教育装备， 2009， 01） . 2张新华，杨泽斌，朱熀秋 . 电机与拖动基础精品课程建设 改革与实践 J.中国电力教育：下， 2008，（ 18） . 3范爱平，姚福安 .精 品课程与教学网站 建设 J.电气电 子教 学学报， 2006， 06） . 4司传平，郭子林 .精 品课程建设的探索 与思考 J.理工 高教 研究， 2004， 06） . 5郭立婷 .精品课程及其建设研究 D.太原：山西大学， 2007. - 238 3