面向校園網的在線學習論壇的設計與實現

余久久，汪 錦

科技開發與應用

面向校園網的在線學習論壇的設計與實現

余久久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.

王前）