《基于WordPress的虚拟机器人学习网站设计与制作.doc》由会员分享，可在线阅读，更多相关《基于WordPress的虚拟机器人学习网站设计与制作.doc（11页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、基于WordPress的虚拟机器人学习网站的设计与实现【摘要】在当前积极推进教育信息化，以教育信息化促进教育现代化的大背景下，构建优质高效的信息化学习资源，提供个性化学习和深度合作学习的信息化学习环境对改善学习者的学习方式和习惯，提高学习效率，有着十分重要的现实意义。本文详细阐述了WordPress平台下搭建虚拟机器人学习网站的整个设计与制作过程，着重说明了学习网站设计的原则、思路和实现的方法。【关键词】虚拟机器人教学 学习网站 WordPress 设计与实现 一、引言随着教育信息化的发展，机器人教育也逐渐被人们所关注。机器人教育是指通过组装、编写并调试程序，运行机器人，从而激发学生学习兴趣、
2、培养学生综合能力。在学校中开展机器人教育有助于培养学生的创新思维能力。由于实体机器人价格高昂，易损耗，导致学校开展积极性不高，机器人教育难以普及。虚拟机器人教学由此应运而生。虚拟机器人是依托计算机和网络，利用虚拟现实技术在计算机上进行的机器人设计、组装和图像化编程，从而在虚拟场景中让机器人完成有关任务。虚拟机器人教学涵盖了物理学、工程学、计算机编程科学等方面的知识，是一门综合性的拓展型课程。传统的课堂教学模式很难满足学习者的需求，为学习者提供自主学习和深度合作学习的信息化学习平台与环境成为了急迫的需要。随着教育信息化硬件与网络环境的极大改善，各种专题学习网站如雨后春笋般建设。虽然数量多，主题学
3、科覆盖面很广，但还存在以下几个方面的不足：1、 重数量，轻质量。很多专题网站做出来没人用，造成巨大的人力和物力资源浪费。2、 缺少整体的需求分析和平台功能设计。3、 缺少对学习者的学习特征、认知结构和学习内容的有效性等设计。4、 很多学习网站不支持合作学习、及时评价与反馈。笔者通过不断学习和尝试，发现借助于国外使用较多的建站平台WordPress来搭建主题学习网站，可以很好的解决上述问题。二、WordPress简介WordPress起初是一款个人博客系统，并逐步演化成一款内容管理和建站系统软件，它功能强大，插件众多，易于扩充功能，安装使用都非常方便。利用WordPress平台搭建主题学习网站具
4、有以下与众不同的优点：1、平台搭建相对容易，可实现快速建站，界面友好；支持个性化定制，交互性强；支持个性化的自主学习。2、提供文章发布、分类、归档、收藏、统计阅读次数，提供文章、评论、分类等多种形式的RSS聚合，并支持评论的管理。这些功能不仅支撑了有效构建知识内容体系，同时也给学习者带来良好的学习体验。3、菜单管理是WordPress 3.0以后版本里最受瞩目的新功能，可以让用户全面掌控网站的导航菜单。借助其方便易用的拖曳界面，用户可以创建各种菜单以及多级菜单；让菜单链接至内部网页、网站分类、外部站点等地方。还可以把个性化菜单作为小工具嵌入在网站主题的任意位置。借助于菜单可以实现主题资源学习网
5、站的有效导航，避免产生学习“迷航”现象。4、自定义分类是WordPress 3.0以后版本一项新的有用功能，默认情况下，每篇文章都可以用类别和标签来分类，现在用户可以添加自定义的标签来进一步给内容分类。可以自定义发布内容的类型，还可以为不同的发布类型定制各自的主题，以更贴切其学习的需要。三、虚拟机器人学习网站的设计专题学习网站作为一个软件系统，首先它本身应遵循软件工程设计的规律，要做好需求分析。同时，它服务的对象是虚拟机器人教学，包括教与学的整个活动过程，在设计和搭建虚拟机器人学习网站之前，要充分做好学习需求、学习特征、学习认知、学习环境等影响学习效率的关键因素的分析。学习需求学习特征学习认知
6、学习环境网站设计虚拟机器人是一门综合性的拓展型学科，学习者要先掌握各种传感器和驱动器等各种模块的作用。完成这些知识的学习后，通过搭建不同的模型结构，进行模块化的编程，最后仿真调试程序，直至完成特定场景中的仿真任务。传统的资源网站仅仅提供了学习的有关资源，学习者根据自己的需要去获取资源。虚拟机器人学习网的功能设计要在满足学习资源的基础上，根据设计之前分析的影响学习效率的各种因素，设计学习者需要的各种功能。在基础知识部分，学习网站提供基础模块学习材料和辅助课件，学生进行自主学习。对较难的知识，提供合作学习的环境，引导学生进行小组讨论与合作学习。当学习者进行更高层次的学习时，提供一些主题作品创作资源
7、，包括引导性的微课、作品展示视频等。学习者展示和交流自己的作品，学习同伴对作品交流与评价。教师及时掌握学习者的状况和水平，实时给予更进一步学习的引导。虚拟机器人学习网评价与反馈作品展示自主学习合作学习根据需求分析做好整体功能设计以后，进入具体的虚拟机器人专题学习网站的设计，主要包括内容结构设计、导航设计、界面设计、交互设计等四个方面。1、内容结构设计专题学习网站是一个由知识点、跳转关系、导航策略和交互界面组成的教学系统。它是为教学服务和提供网络学习的，要符合使用对象的特点、突出学习中的重点、注意启发、促进思维、培养能力，这样学习者在浏览网页的过程中除了能够掌握教材中的知识外，还可以培养自主学习
8、以及获取信息、加工信息等多方面的能力。虚拟机器人学习网站有特定的教育性，在设计结构时，要注重对知识结构的设计，以利于体现教学内容的层次关系，有利于符合学生的认知体验，有利于实现个别化教学，有利于培养学习者的发散性思维。笔者根据多年的虚拟机器人教学经验，针对学习者的认知规律和学习内容的层次关系，在内容结构上设置了驱动模块、传感模块、编程模块这些基础知识栏目。学习者在学习这些模块的过程中，遇到不理解的知识点，通过查询技术文档栏目可获得相关知识的解答。当学习者进入更高层次学习后，虚拟机器人学习网提供了专题栏目如野外生存项目的学习。设置精彩视频栏目是展示一些优秀的项目完成视频，给学习者提供不同的项目设
9、计思路。网站还设计了一些辅助栏目和小工具，满足学习者定制个性化的学习内容和学习环境。虚拟机器人学习网的总体内容结构设计思维导图如下：左边的一级栏目是从内容知识体系结构设计，右边为辅助功能结构设计。2、导航设计学习者在自主学习和合作学习的过程中，缺乏教师的指导，易产生迷航现象，清晰明确的导航在学习网站设计中显得尤为重要。在虚拟机器人学习网中，导航对应的是一级栏目，直接体现了知识体系的内在层次。同时，为了方便学习者的学习，导航始终保留在首页、列表页和内容页的上方。当鼠标放置在一级栏目上时，会自动弹出二级栏目列表；列表页有同一级栏目的链接，内容页设置有“面包屑”导航。通过这些设置，学习者可以很方便的
10、进入所有相关知识点的学习。虚拟机器人学习网发布文章时，可以在内容页自定义设置有关文章，这给学习者的深入学习相关知识点带来了很大的方便。通过导航引导学习者符合认知规律的学习，使得学习者的学习效率达到了最大化。3、界面设计界面是学习者与计算机进行人机交互的接口，良好的界面设计可以增强学生学习的信心，减少操作失误，提高学习效率。在设计界面是，要根据教学内容和使用对象的特点，网站界面要美观、友好，符合学习者的视觉心理，操作要简单，交互性可控性强。提示信息要详细、准确、恰当。虚拟机器人学习网提供了辅助栏目和小工具，可以根据学习者的需要和学习习惯，个性化的定制和调整学习界面。（1） 网站首页界面设计 首页
11、总体框架采用上中下结构，顶部top为一级栏目导航，也可称为菜单导航，显示在所有网站的页面上，方便学习者学习。中间大的框架采用左右结构，其中左边部分为最新图文、热点文章、最后一条更新的文章，再下面是六个栏目的文件列表。右边为一些辅助的栏目和小工具。WordPress提供了一些小工具的拖曳功能，方便网站外观调整，功能性也非常强。下部分为友情链接和版权信息。这样流线型的设计让学习者直观地看到整个专题学习网站的内容，并且实时地看到网站内容的更新信息。（2） 网站列表页界面设计列表页显示的是一级栏目的知识内容，界面和主页基本保持一致，这样有利于整个网站风格的统一和界面的友好。变化的地方是中间的框架左边部
12、分，这里面显示的是该栏目文章的列表，但是不仅仅显示文章的标题，还显示文章的概要，更新时间，评论的个数等信息，方便学习者直观地了解该文章的大致内容。如图所示：列表页预览（3） 网站内容页界面设计内容页的变化也类似于列表页，在中间左边的框架内，首先显示文章标题和有关编辑信息，接下来是文章内容，底部有文章发布者的信息，提供同栏目上下篇文章的链接及相关文档的链接，这样有利于学习者对相关知识点的学习。同时还提供了文章的评论功能，通过评论接受学生的学习反馈，也可以对学生的学习提供在线答疑与辅导。如图所示。内容页预览4、交互设计学习者在学习过程中若能随时得到接受同学和教师的帮助，对自己的学习将会有很大的作用
13、。虚拟机器人学习的交互设计主要体现在“评论”、“回复”、“站点搜素”、“RSS聚合”等模块上。通过“评论与回复”模块可以就学习的疑惑提问，学习小组或其他用户可以在线答疑，“站点搜索”功能提供对某个知识点的快速查找，“RSS聚合”方便读者订阅相关栏目文章，这也是WordPress强大之处之一。四、虚拟机器人学习网站的实现1、平台安装与配置首先准备一台服务器（用户不多也可以用PC代替），安装好操作系统。访问http:/cn.wordpress.org 下载最新的中文WordPress安装包，最新版本为wordpress3.7。服务器的基本环境要求为：PHP5.2.4和 MySQL5.0及更高版本。
14、如果对以上2个程序安装不熟悉，可以采用XAMPP， XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的集成软件包，有用快速搭建WordPress平台环境。解压下载好的WordPress安装包，复制到xampphtdocswordpress下，然后访问http:/local/wordpress 进行站点配置，过程中需要建立配置数据库，访问http:/localhost/phpmyadmin 创建数据库名，如irobot，用户名为root，设置密码，点击安装，最后登录网站。这样一个基本的虚拟机器人站点就配置完成，网站后台的登录地址为http:/localhost/irobot
15、/wp-admin 网站前台访问的地址为：http:/localhost/irobot，如需要在互联网上访问，可申请域名和空间，迁移整个网站。2、模板安装与配置WordPress是一款开源程序，众多爱好者对它进行优化开发，在网络上可以找到很多主题模板，当然也可以自己开发模板。对于制作专题网站的教师来说，不需要非常精通就可以制作出满意的专题网站。与其花大量的时候对模板进行修改，不如多花点时间寻找适合的模板。模板下载好之后，首先熟悉模板的安装注意事项，版本的兼容性，有的模板需要安装特点的插件等。将模板文件的安装包文件下载到本地，进入仪表盘，“更换主题”，“安装主题”，模板的安装与配置就完成了。3、
16、添加栏目导航菜单在仪表盘的外观下面的菜单设置中自定义导航菜单，根据专题学习网站的需要可以制作多个菜单，用于放在网站页面的不同位置。如本站就设置了顶部的导航菜单和底部菜单。顶部的导航菜单一般来说就是网站的一级栏目，也可以把某个固定页面或自定义链接作为菜单项。拖曳右边的菜单名称可以更改菜单在页面上显示的顺序。如图6导航菜单制作4、首页制作在外观的主题设置中完成首页的配置，按照前面的首页界面设计，调整好顶部热点文章的自定义字段设置。查看站点所有分类的ID，输入到相应的布局配置中，需要注意的是，这里要按照学生的认知结构顺序来安排栏目的主次关系。考虑到整个页面长度，可以将每个栏目的显示文章数为6-8篇。
17、右边边显示近期热门，最受欢迎，分类目录三个频道，这是由网站自动根据数据库的统计生成，提供给学习者参考。在仪表盘的外观-小工具当中，可以自由拖曳需要的小工具到页面当中，如本站添加了“文章归档”、“最新评论”、“最活跃读者”、“本站推荐”、“网站统计”这些小工具。5、列表页和内容页制作列表页和内容页基本沿用了首页的界面设计，这样保证了整个站点的界面统一与美观。不同的是，列表页显示的是栏目的最新文章列表，采用分页设计，根据页面的长度，选择每页显示的文章数目。内容页上增加了相关文章和评论功能，这个直接在主题配置中添加即可实现。6、网站发布做好整个网站的结构后，最后一步将知识内容以章节的形式发布到站点。
18、这个过程中值得注意的是，文章的标题要简明扼要，能准确表达页面的主要内容，文章发布的顺序要符合学习者的学习习惯和认知水平。同时，为了学习者能够通过关键字准确查询所需的学习内容，发布时候要添加恰当的标签。学习者也可以通过标签云来快速查找。完成以上工作后，一个基本的虚拟机器人学习网站就呈现在眼前了。首页部分截图如下：虚拟机器人学习网在学习过程中的应用模式。课前，学习者利用平台结合教师提供的学习任务单进行自主学习与合作学习，教师根据学习者的学习效果与评价进行针对性的教学设计；课中，学习者对课前学习中自己或同伴遇到的问题进行交流与评价，提出自己的解决问题的方法，教师对重难点问题给予适当的引导；课后，学习
19、者完善作品并在平台中交流展示，掌握后可根据学习兴趣进行个性化的更深层次知识的学习。基于WordPress构建主题虚拟机器人学习网站，上手容易，功能强大，它符合认知特点，引导学习方式改变，提供合作学习与交流环境，培养良好的学习习惯，提高学习效率。主题资源学习网站方便了教师的教和学生的学，它是一种信息技术与课程有效整合的有效途径，一种信息化学习环境下的学习方式的变革。参考文献1 WordPress百度百科.2 王宇飞.中学信息技术课程专题学习网站的设计，现代教育技术，2007，（12）3 范利华 蒋树学. 虚拟机器人微型校本课程的实践研究，机器人教育，2012，（1）4 黄永乐.虚拟机器人专题网站的开发与实践，中国现代教育装备，2012，（18）