面向校园网的在线学习论坛的设计与实现

2018-01-05 09:00余久久
通化师范学院学报 2018年2期
关键词:帖子校园网界面

余久久,汪 锦

科技开发与应用

面向校园网的在线学习论坛的设计与实现

余久久1,汪 锦2

利用Dreamweaver网页设计工具与SQL-Server2010数据库,在MyEclipse平台上设计出一个面向校园网的在线学习论坛,作为校内自主MOOC(大规模开放式网络课程)平台的子系统,充分应用于计算机类课程SPOC(小规模限制性网络课程)混合学习活动,为校内学生提供学习交流与讨论服务.学习论坛采用B/S架构,其中服务器端使用J2EE的SSH(Spring-Struts-Hibernate)设计框架,主要实现用户管理与帖子管理两大功能.论坛界面美观大方,操作便捷,应用反馈良好.

学习论坛;MOOC;SPOC;交流讨论;安卓

论坛又称为网络社区,是互联网上的一种电子信息服务系统,已经成为当今网络生活中必不可少的一部分,通过论坛的交流可以更加方便地传递各种信息,找到更多解决问题的方法[1].校园网的在线学习(交流)论坛就是为学生提供学习讨论及信息服务的一个平台,学生不仅可以对感兴趣的学习话题充分而自由地展开讨论,而且还可以通过论坛认识新的朋友,了解更多相关学习信息,拓宽知识面.

当前,基于网络的在线学习模式以其开放性、交互性、灵活性的特点深得教育者与学习者的青睐[2].学习不再为具体时空所限,学习者的自我向导和个性化学习特征已充分在MOOC(大规模开放式网络课程)或SPOC(小规模限制性网络课程)中有所体现.在大多数国内MOOC平台的设计方案中,课程中心平台通常会与学习论坛,以及其他相应的社会性学习工具(如虚拟教室、各种人际交流工具、课程讨论空间等)互联,实现学习活动的讨论[3].所以,设计与实现出一个面向校园网的在线学习论坛,对于推动当前“后MOOC”时代下的SPOC混合学习、MOOC课程建设,以及MOOC平台的自主研发等具有积极的意义.

基于此,本文以安徽三联学院本地化计算机类MOOC课程建设为背景,采用B/S架构(其中服务器端采用J2EE的Spring-Struts-Hibernate框架),选用MyEclipse开发平台与Dreamweaver网页设计工具,设计与实现出一个面向校园网的在线学习论坛,客户端基于PC平台,界面美观大方,操作简单,易用性强.作为本校自主MOOC平台的子系统,并充分应用于校内SPOC混合学习实践.

1 相关开发工具及技术简介

1.1 MyEclipse

MyEclipse是一个优秀的、主要用于开发Java,J2EE的企业级集成开发环境,功能强大,支持Java Servlet、AJAX、JSP、JSF、Struts、Spring、Hibernate、EJB3、JDBC数据库链接工具等多项功能[4].

1.2 Dreamweaver

美国MACROMEDIA公司开发的一款视觉化网页设计工具,同时具有网页制作和网站管理的功能.Dreamweaver主要面向专业的网页设计人员,可以轻松创建一个动态网页,不受跨越平台和浏览器的限制.

1.3 SSH框架

在线学习论坛的服务器端采用的是J2EE的SSH(Spring-Struts-Hibernate)框架,实现网络管理.其中,Spring是一个轻量级的分层的开源框架,核心是控制反转与面向切面,便于编程及代码管理[5].Struts是基于MVC的框架,提升开发效率,便于后期维护[6].Hibernate是一个对象关系的映射框架,起到完成数据持久化作用[7].该框架采用负载均衡技术,以保证不会因校内、外众多PC客户端访问服务器而造成数据访问延迟或系统响应时间慢等情况.

1.4 分页显示数据表技术

浏览论坛页面时,需要对大量数据分页显示,故采用缓存的 GirdView自动分页技术[8].为实现带缓存的数据分页显示,可开启SqlData-Somw数据源的“允许缓存”属性,提高Web应用程序扩展性及程序的运行效率,并降低开发成本[9].

2 总体架构设计及需求分析

2.1 总体架构设计

论坛总体采用B/S三层架构开发.Web服务器使用的是Microsoft IIS 8.0版本.表现层为用户提供可视化页面,操作简单,应用CSS结合JavaS-cript网页布局显示技术,支持绝大部分浏览器的访问[10].用户可以通过Web浏览器去访问Internet上的各种资源,包括:文本、图形、图像、动画、视频点播和声音信息等.这些信息都是由多个的Web服务器产生的,而每一个Web服务器又可以通过各种链接方式与其数据库服务器进行互联,海量的数据信息实际上都存放在数据库服务器中[11].

2.2 需求分析

由于本学习论坛是作为对校内计算机类课程自主MOOC平台的一个子系统进行开发,主要围绕MOOC学习话题展开交流与讨论.相对而言,其功能较为简单,分为用户管理与帖子管理两大功能模块,能够实现用户注册与登录、发帖、回帖、顶贴、删帖、查询与统计等功能.如图1所示.

图1 论坛功能模块图

2.3 数据库分析与设计

使用SQL-Server 2010数据库工具建立学习论坛数据库,并设计相应的数据库表,主要实现对论坛系统后台数据库进行查询/修改/增添/删除数据等橾作.例如,论坛留言数据如表1所示.

表1 论坛留言数据表

3 功能模块设计与实现

本论坛系统按照不同的用户权限,分为学生(正式学籍注册)、教师与管理员三类.学生及教师用户通过注册登陆论坛.可以进入自己的个人中心,查看自己发布的帖子,还可以浏览别人发布的帖子,并且通过文本域进行回复,以及进行“顶贴”操作等.注册页面采用表单验证,设置账号唯一性,以及资料的唯一性,然后提交到数据库中[12].管理员进行后台登陆,可以删除所有用户的帖子,以及回复信息,并及时通知发帖人帖子的被删除情况和违反的规定,同时更新数据库内容.限于篇幅,这里仅对论坛的主要功能模块作设计介绍.

3.1 论坛登陆界面

使用HTML5构建基本的网页框架和论坛基本内容.使用CSS样式美化外观,使得界面人性化.使用JavaScript脚本进行界面的动画效果制作,实现页面交互和PC客户端上的及时验证,以减轻服务器端压力[13].论坛主界面代码框架图及主界面的实现图如图2和图3所示.

图2 论坛主界面代码框架图

图3 论坛主界面实现图

3.2 用户管理

当创建一个新用户时,论坛后台会通过数据库传递默认的数据库用户.为了提高安全性能,对于不同的数据表需要不同的访问权限,创建不同的用户.图4为用户管理模块的代码框架图.

图4 用户管理模块代码框架图

3.3 帖子管理

在论坛数据库中进行帖子的发布和回复,实时更新数据库,进行浏览和删除操作.完成对数据库进行增加、删除、修改、查询4种操作类型.

删除帖子,查看帖子和回复帖子的逻辑思路是一样的,只是在SQL语句的编写上存在略微区别.图5为帖子管理模块中的发贴页面功能的代码框架图.

图5 用户发贴页面的代码框架图

4 应用与展望

4.1 应用实践情况

自2016年,以安徽三联学院计算机工程学院为教学试点,把在线学习论坛集成到校内MOOC平台中,并充分运用于“C语言程序设计”“面向对象程序设计”“软件工程”“操作系统”等计算机类课程的SPOC混合学习的交流讨论活动中.鼓励生生交流及师生交流,为学生提供充分参与课程活动与课程讨论的开放式学习环境.学习期间,超过80%的学生能够按照教师发布的相关课程学习主题,通过学习论坛积极开展讨论,并用QQ、博客、微信等快速建立起联系,学习中能够深入地学习交互,形成紧密的学习互联[3].85%以上的学生愿意通过登录论坛,积极搜索与发布自己所兴趣的学习主题的帖子,提升自主学习能力,达到预期的学习效果.

4.2 设计展望

在4G时代的背景下,随着校园信息化建设的飞速发展,以安卓手机为主的移动智能终端已成为当代大学生校园生活中不可或缺的工具,校园移动应用需求高,各种信息类和业务类的移动校园服务符合校园用户的迫切需求[14-15].利用各类便捷的移动终端设备完成SPOC混合学习已成为后MOOC时代的最主要的学习方式.积极地把该学习论坛从传统的PC客户端移植至智能手机(安卓)平台,开发出基于智能手机平台客户端的在线学习论坛,满足学生移动学习及交流的需要,这将是该学习论坛未来的设计改进方案.

5 结束语

本文根据教学实际,利用Dreamweaver开发工具与SQL-Server 2010数据库工具,基于My-Eclipse平台,采用J2EE的SSH(Spring-Struts-Hibernate)服务器框架,设计并实现出一个面向校园网的在线学习论坛,作为校内计算机类课程自主MOOC平台的集成子系统,为学生提供SPOC混合学习过程中的交流讨论服务.通过教学实践,用户对该论坛给予了良好的评价.目前,该学习论坛的客户端在原有PC平台的基础上,正在积极进行智能手机(安卓)客户端版本的开发,其具有良好的可扩充性与可移植性.

TP311

A

1008-7974(2018)01-0001-04

10.13877/j.cnki.cn22-1284.2018.02.001

2017-05-26

2017年安徽三联学院校级自然科学重点项目(KJZD2017008);2016年安徽省省级质量工程项目(2016gxk048);2015年安徽省省级质量工程项目(2015mooc104);2015年安徽三联学院校级质量工程项目(15zlgc029).

1.余久久,安徽合肥人,安徽三联学院计算机工程学院副教授(安徽 合肥 230601).2.汪锦,女,北大青鸟合肥科海信息学院(安徽 合肥 230601).

[1]胡秉玺.网上论坛系统设计与实现[D].成都:电子科技大学,2014.

[2]严琴琴.学习分析视角下的在线学习社会交互研究[D].大连:辽宁师范大学,2014.

[3]余久久.面向SPOC的自主学习系统的设计与应用[J].西昌学院学报,2017,31(1):58-60.

[4]MyEclipse[EB/OL].http://www.baidu.com/MyEclipse,2015.

[5]赵媛,房鼎益,刘强波,等.应用改进哨兵的软件攻击威胁自感知方法[J].小型微型计算机系统,2014,35(7):1486-1490.

[6]余艳玮,赵亚鑫.基于三线程保护和软件哨兵的防篡改技术[J].计算机应用,2013,33(1):1-3,34.

[7]张贵民,李清宝,王炜,等.基于函数级控制流监控的软件防篡改[J].计算机应用,2013,33(9):2520-2524.

[8]陈南.ASP.NET中大数据量分页技术的研究与实现[J].计算机应用,2011,28(4):205-209.

[9]张式富,姜涛,吴效明.基于B/S的智慧社区健康监护管理系统软件的设计与实现[J].计算机应用与软件,2014,31(3):4-6.

[10]余久久.基于MOOC的“软件工程”自主学习系统的设计与实现[J].西昌学院学报,2016,30(4):39-43.

[11]孙娜.基于B/S模式的新疆财经大学校园网络教学平台的设计与实现[D].成都:电子科技大学,2012.

[12]伍华聪.ASP与网站开发实战[M].北京:科技出版社,2011.

[13]张君华.JSP开发应用项目教程[M].北京:清华大学出版社,2015.

[14]张凯,宓詠,闫华,等.“i复旦”—复旦大学校园移动应用的开发与实践[J].武汉大学学报(理学版),2012,58(S1):265-270.

[15]崔小勇,林宁.基于Android平台的海岛地名服务软件[J].计算机应用与软件,2016,33(12):45-46.

王前)

猜你喜欢
帖子校园网界面
微重力下两相控温型储液器内气液界面仿真分析
数字化校园网建设及运行的几点思考
国企党委前置研究的“四个界面”
一种可用于潮湿界面碳纤维加固配套用底胶的研究
试论最大匹配算法在校园网信息提取中的应用
基于VRRP和MSTP协议实现校园网高可靠性
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
NAT技术在校园网中的应用
暴力老妈
高手是这样拍马屁的