基于Joomla的响应式教学督导网站的构建

谭溢霖　陈杰志　陈肖生

[摘 要]对基于Joomla的响应式督导网站系统进行了探讨，从开源软件Joomla和响应式WEB的特点，开发环境、模板、组件、插件以及系统集成，安全等方面阐述了督导网站系统的设计与实现。该课题对利用Joomla构建学校督导网站及其推广具有一定的指导和借鉴价值。

[关键词]教学督导 Joomla 督导网站 响应式设计

中图分类号：TU127 文献标识码：A 文章编号：1009-914X（2016）04-0232-01

0.引言

近年来，随着互联网的广泛应用，很多学校都构建了督导网站。但是，大多督导网站风格单调，栏目及内容少，访问量低，属于web1.0版本，不能满足移动互联网时代的管理和应用需求。本课题采用最新的Joomla CMS为核心平台构建督导网站，在LAMP（Linux，Apache，Mysql，PHP）框架下运行，具有响应式和WEB2.0特征。集成在线支持、论坛、博客、留言、问答、工作管理等功能。系统具有前瞻性，适应移动互联网时代的督导工作的需求。网站具有构建简单、功能容易扩充、成本低、安全性高以及运维方便等特点。对其他学校督导网站建设具有参考意义。

1.joomla CMS与响应式WEB

Joomla是一套使用PHP语言和MySQL等数据库开发的著名CMS（内容管理系统）。Joomla的前身Manbo曾获Linux User & Developer Award 2004最佳开源软件大奖。目前是由Open Source Matters这个开放源码组织进行开发与支持，该组织拥有大批来自全世界的开发、设计、系统管理、文档撰写等志愿者。它具有各种各样的模块、组件等扩展。全世界很多个人用户、中小企业、学校和组织用它来创建各类网站。Bootstrap 是最受欢迎的 HTML、CSS和JS 框架之一，它让前端开发更快速、简单，无论PC、笔记本还是iPad等设备都可以适配。Joomla 3.x引入了Bootstrap前端框架，一些基础CSS都默认集成在Joomla 3.x中，无疑极大的提升了用户体验。

2.督导网站需求分析

根据教育改革和信息时代的发展要求，督导网站建设应满足如下需求：作为学校督导的形象窗口及连接及相关管理系统的门户；提供督学、督教信息发布；具有互动交流，自己发布内容的WEB2.0特征；实现网上评教评学，减少纸质文件，有效地提高督导工作的质量和效率；为有关教师改进教学质量提供帮助，为管理层决策提供咨询；简单易用、安全可靠、容易升级及维护及满足移动互联网时代的需求。

3.督导网站系统实现

（一）网站服务器环境

本课题的服务器硬件配置了Intel（R） Xeon（R） CPU E7- 4820 @ 2.00GHz 64位CUP，4G内存，200G硬盘。系统环境基于广泛应用的LAMP开源架构。Linux采用CentOS 7。数据库采用完全兼容Mysql的MariaDB。CMS系统采用Joomla3.4.5及相关组件。

（二）督导网站主要功能的实现

（1）网站后台管理

Joomla的后台管理功能强大，管理容易，操作简单。在网站后台“控制面板”的界面上，有系统、用户、菜单、内容、组件、扩展等菜单，超级用户通过此界面可以对网站进行初期设置、网站系统功能构建与配置、系统备份、系统更新升级、日常运维等全面管理操作。

（2）网站主要栏目功能的实现

网站在首页菜单下方，设置了幻灯片，以图片展示督导目前关注的焦点。首页还安排了新闻与日程、热门文章、日历、标签云、优秀督导员模块和师生亮点模块。

关于我们：菜单包含督导部门简介和 “督导信息”和“督导文件”2个二级菜单，“督导信息”又含三级菜单如“工作计划”、“工作总结”、及“工作交流”等栏目。该栏目利用K2组件，通过后台设置类别，按类别添加内容实现。

博客：博客主要是为各位督导随意发表和分享自己的观点、感想、主张、经验等。也是互联网WEB2.0时代的主要特征之一。博客同样利用K2组件实现。只要督导注册成为用户，后台启用了用户菜单后，督导在网站前台通过添加文章菜单，选择“博客分类”，就可以发表自己的博文。

到课率等表单：在Joomla扩展里，有不少自定义表单组件，如Fabrik，RSForm 等。本网站采用RSForm作为到课率等自定义表单。它拥有丰富的自定义字段类型，包括：Textbox文本输入控件，Textarea多行的文本输入控件，Dropdown、Calendar、Submit Button等控件。到课率在网站前台输入提交后，在网站后台的表单组件里选择“管理提交”，就能看到提交的结果。如需要导出结果，只要勾选该结果，点击“按CSV格式导出”到客户端后，就可以用EXCEL正常打开和保存。

督导工作管理：督导除了听课、指导年轻教师外，每个月需要提交一份督导个人总结报告，还要负责一些教学检查工作，比如毕业设计、“课程规范”检查等。为了实现网上分配任务、文件提交与归档等督导工作管理，本课题采用了最新版本的Projectfork 4.3.4 组件实现了上述功能。该组件具有项目、里程碑、任务、用户、文件仓库、论坛、评论、时间跟踪等管理功能。

督导论坛：为了实现分享督导个人观点、讨论、提高督导团队归属感以及督导之间、师生之间互动交流的目的，网站安装了最新版的Kunena4.0.7论坛组件。Kunena安装包含有“论坛搜索”、“最新帖子”等模块和插件。一般先安装这些模块和插件，最后安装组件。论坛可根据督导的关注点预先设定一些板块。

留言板：为了方便督导和师生能及时反映教学环境、宿舍、饭堂等问题，或提出合理化建议，网站还设置了留言本。留言本采用easy book reloaded组件。督导或相关师生可通过PC、手机等设备发表留言，留言和建议由督导室负责回复或向相关部门反映，得到及时处理和改善。

问答：为了能实现类似“百度知道”、“雅虎问答”这样的功能和作为知识库，网站开设了问答栏目。采用了针对 Joomla开发的“问答”Questions组件。

下载：作为督导网站，需要提供一个下载功能，以便将有关法律法规、督导文件、规章制度、教研教改、简报等文件上传下载。网站利用jDownloads组件来实现上述功能。

（三）网站安全管理及优化

本课题采用的网站安全措施是：启用SELinux，强化操作系统安全；安装Akeeba backup备份与迁移组件，定期备份网站源程序和数据库；安装AdminExile插件，为登陆网站后台增加一道用户密码认证防线，防止黑客直接通过Joomla默认的路径administrtor访问后台登录页面，实施暴力破解密码攻击；及时对系统、组件、模块、插件更新和升级。

4.结语

本课题是在LAMP环境下实现基于Joomla 3.x的教学督导网站，响应式设计支持PC和移动设备访问，为督导和师生提供不受地域限制、实时的在线体验。网站集成的博客、论坛、RSS、TAG、工作管理、教学检查、在线支持、留言本、问答、下载等WEB2.0特征和功能，满足一般教学督导网站的需求，实现了网上督导工作和文档管理。实际应用表明，可以充分地提高教学督导工作效率，可供其他学校督导网站构建或改版时参考和借鉴。

参考文献

[1] 高艳.教学督导信息化的探讨.辽宁省交通高等专科学校学报，2011年6月.

[2] 颜承元.高校服务型教学督导MIS 系统的设计与实现[D].上海：华东师范大学， 2010.

[3] 胡晓敏.高校教学督导网站建设探讨[J].软件导刊，2007（5）.