基于Web2.0的大學生心理健康教育網站設計與實現

祝志敏　李強

摘要 針對現有高校心理健康教育網站建設存在的問題，為創新大學生心理健康教育工作，采用軟件工程方法構建大學生心理健康教育網站。通過Web 2.0技術實現郵件推送、及時刷新、博客管理、RSS推送等功能，以增強師生、生生交互，構建功能強大、資源豐富、多元交互的心理健康教育網絡平臺，為高校心理健康教育提供新思路。

關鍵詞 Web 2.0； B/S；心理健康教育；交互

DOIDOI：10.11907/rjdk.181052

中圖分類號：TP319

文獻標識碼：A文章編號文章編號：16727800（2018）009014004

英文標題Design and Implementation of College Students Mental Health Education Website Based on Web 2.0

--副標題

英文作者ZHU Zhimin1 ， LI Qiang2

英文作者單位（1.College of Educational Science，HengYang Normal University；2.College of City and Tourism，HengYang Normal University，HengYang 421002，China）

英文摘要Abstract：In order to tackle the current problems in college mental health website and innovate college mental health education， we employ software engineering method to construct a new website to offer kinds of mental health services for the college. The website realises the functions including pushing email， refreshing timely， managing the blog， pushing RSS feeds through Web 2.0 technology， by which it can strengthen interaction of students and teachers， build powerful， resourceful and multivariate interactive network platform of mental health. The new website provides new ideas for colleges mental health education.

英文關鍵詞Key Words：Web 2.0； B/S； mental health education；interaction

0引言

大學生群體承擔學業、生活、情感、就業等多重壓力，其心理健康問題已成為社會關注的焦點。傳統的心理健康教育結合思想政治教育[1]，能引導學生樹立正確的思想觀念，但仍存在因觀念滯后導致心理咨詢不被學生認同、咨詢對象不能連續跟蹤等問題，創新大學生心理健康教育方式尤為緊迫。網絡共建共享資源已成趨勢，無線網和智能手機的普及，為當今高校心理健康教育工作提供了新思路和新手段。越來越多的學者關注網絡心理健康教育，主要集中在以下幾方面：

（1）網絡心理健康教育的概念及內涵。傅榮[2]、魏榮等[3]認為網絡是心理健康教育的新手段；李強[4]從問題意識角度認為網絡本身就是心理健康教育的對象和內容。

（2）網絡心理健康教育模式與體系構建。姜巧玲[5]提出 “網上”與“網下”相結合，創新網絡心理健康教育方式。李莉[6]從群體心理健康教育視角提出了高校網絡心理健康教育模式。王佳利[7]以積極心理學為主，從工作隊伍、教育陣地和互助體系等角度構建網絡心理健康教育模式。陳新星[8]、何炎芬[9]、喬海英等[10]將新媒體運用到網絡心理健康教育中。

（3）網絡心理健康教育系統開發。趙文麗[11]、趙新躍等[12]利用信息技術設計和開發網站實現心理健康教育。

前人研究主要集中于網絡心理健康教育的模式研究，而心理健康網站開發相關文獻較少，網站設計和開發缺乏應用研究。本文采用軟件工程方法構建大學生心理健康教育網站，為高校心理健康教育提供新思路。

1高校心理健康教育網站存在的問題

現今高校已普及網絡心理健康教育工作，把網絡作為心理健康教育工具，構建了以校園網為載體的心理健康教育網站，提供心理健康教育知識學習和網絡咨詢的平臺。目前高校心理健康教育網站存在以下問題：

（1）知識體系分布不全面。大部分學校建立了心理健康教育網站，但多數網站的內容集中于學生的學習、人際及戀愛3方面，而專業規劃、生活、情緒管理等方面很少甚至沒有涉及，且多以理論性知識展示為主[11]，缺乏案例分析，難以吸引學生。

（2） 評測系統不規范。少數網站能提供標準化心理量表，但多數網站的心理測驗題為網絡轉載的趣味測試，本身缺乏科學性，可能誤導學生[13]。

（3） 交互系統不完善。部分高校的心理健康教育網站多為靜態網站，缺乏與學生互動。即使設有留言板功能，使用率不高；且交互手段單一[14]，學生只能通過文字與教師交流，難以有效表達內心真實想法。

楊文登[15]提出整合的“大心理健康教育觀”，創建本土化研究證據數據，提高心理健康教育的有效性與可操作性?；谠摾砟?，本文設計和開發心理健康教育網站，通過網站數據挖掘學生的心理健康狀態、利用推送技術為大學生量身定制“心理健康食糧”，對大學生心理健康狀態產生積極影響。

2Web 2.0技術

傳統的Web技術以網站為中心，面向用戶呈廣播式展示網頁內容，用戶只能被動接收，與網站無交互；而Web2.0技術能以自主服務模式為主，注重網站服務的自主性和內容建設參與性[16]。Reilly[17]最早對Web2.0進行定義，認為Web以用戶為中心覆蓋整個網絡，以數據為核心、借助群體智慧的設計，運用輕量級編程模式的系統開發平臺，能實現富用戶體驗，軟件可借助多設備運行并不斷改進。簡而言之，Web2.0是一種能夠根據用戶行為習慣生成內容的互聯網。本文通過Web 2.0技術創建大學生心理健康教育網站，多角度、多途徑引導大學生，促進大學生思想道德素質、科學文化素質和身心健康素質的全面協調發展，對全面實施素質教育、推動高等教育改革與發展、建設和諧社會具有重大意義。

3基于Web2.0的大學生心理健康教育網站功能模塊設計

現代大學生看似獨立卻又渴望與人交流，他們好奇心強、接收新生事物快，但遇到問題卻找不到解決途徑，所以平臺立足于幫助大學生及時解決人際、情感、學習等方面的問題，其建立原則包括專業性和凝聚性。專業性原則旨在為學生提供科學、專業的心理學知識，培養解決問題的能力。網站呈現方式凝聚多種技術，符合大學生網絡行為習慣。理論性和趣味性結合，傳授心理健康教育知識；多元交流，注重保護隱私，打消學生咨詢顧慮；豐富資源與新興技術，增強網站的吸引力。結合Web 2.0的特點，網站功能模塊如圖1所示。

（1）后臺管理模塊。提供學生、教師、管理員3類賬號。管理員擁有最高權限，能實現對整個網站的所有操作，主要是網站維護、賬號管理、資源管理；教師實現對資源的修改及增減，發布信息，提供咨詢；學生主要瀏覽網頁，咨詢及測試。

（2）檢索模塊。提供以關鍵字、內容或標題3類文本檢索方式，通過檢索功能快速定位資源，提高搜索效率。

（3）資源模塊。作為網站核心模塊，提供大學生心理健康教育知識，包括常見心理問題及相應解決對策，為學生提供專業心理指導，幫助學生構建知識[18]。課程學習以《大學生心理健康教育》課程為主，包括課件、教案及作業展示；典型案例介紹引導學生反思、揚長避短；專題知識從專業角度介紹各種心理疾病，如潔癖、抑郁癥、精神衰弱、焦慮癥、網絡成癮等，讓學生全面認識心理問題，增加自身心理健康儲備知識；書籍推薦和影音娛樂提供相關心理教育書籍或音視頻等多媒體資源，幫助放松心情。

（4）論壇模塊。注重生生及師生交流，在遵循網絡安全法則的前提下，學生暢所欲言，以自助或互助形式解決問題，拓寬思路。專題討論是對某種心理問題展開辯論，學生可心理互助中提問，其他學生解答，培養學生自助及助人能力；還可在心得講堂中分享知識經驗；在活動交流宣傳模塊分享心理活動。

（5）咨詢交流模塊。咨詢模塊提供咨詢流程及咨詢方式。部分學生對心理咨詢敬而遠之，抱有“心理咨詢就是心理有問題”，或者“精神不正?！钡南敕ā６W絡隔離性可消除尷尬，心理咨詢師通過網絡幫助學生解決問題，保障網絡回訪率，或引導學生面對面咨詢。咨詢方式人性化、交流多元化能使學生消除自身顧慮，坦然接受心理咨詢。

（6）測評模塊。該模塊提供專業測評和趣味測評。專業測評提供專業心理測評，包括人格測試量表、心理狀態測量量表。學生需通過實名賬號登陸方可測試，測試結果僅供學生本人、咨詢老師查看，咨詢老師在后臺觀察學生測量數據，從中篩選出疑似有心理偏差的學生，一方面觀察并分析該學生瀏覽記錄、發表言論、聊天記錄等網絡行為，預測該生心理狀況，另一方面通過朋輩心理互助員對該生觀察、了解，確定該學生是否有異常表現，運用網絡技術及時性與強大的數據分析能力預測學生心理狀態。

4基于Web2.0的大學生心理健康教育網站實現

4.1系統環境

考慮網站應具有較好的擴展性和移植性，本系統對硬件、軟件要求如下：

（1）硬件端。客戶端：連通網絡，安裝Web瀏覽器或手機上網；服務器端：設置在校園網服務器集群中。

（2）軟件端。采用B/S架構，通過瀏覽器與網絡服務器和數據庫交互，方便用戶使用，服務器端操作系統為Windows Server 2008，IIS6.0及以上，采用ASP.NET技術，結合C#構造應用程序，數據庫采用SQL Server 2008。使用Adobe Dreamweaver 制作網站框架，結合Adobe 系列的Photoshop 、Flash、Audition等制作網站多媒體素材。

根據B/S結構特點及網站開發原則，設計網站整體架構如圖2所示。用戶以賬號認證或游客匿名訪問的形式，通過電腦或移動終端對網站進行訪問，由訪問工具層和表示層提供界面。應用層邏輯上依據其功能劃分多個模塊，提供各種服務和支持，響應用戶請求，調用數據庫訪問層的內容完成相應處理。邏輯層分析、挖掘用戶行為，特別是針對BLOG和討論區頁面信息做結構化處理，進行本體語義標注；通過詞頻分析、檢索和組織等技術分析、重構，形成新知識，通過推送技術將知識推送到上一層，實現定制服務。數據庫層實現數據管理，用戶經應用層寫入、存儲數據，應用層及邏輯層通過接口調用數據庫數據，實現數據與用戶的雙向流通。

4.2關鍵技術

4.2.1.NET技術

.NET是一種基于網絡計算與服務的應用軟件開發與運行環境，通過.NET 可以實現基于 Web 的分布式計算[19]。例如利用.NET的mail組件將信息通過郵件推送至學生，實現過程包含處理Email的類，如SmtpClient類、NetworkCredential類、MailMessage類等[20]。通過設置MailMessage類的參數發送電子郵件，初始化實例（發件人地址、收件人地址、郵件主題及內容）后，可將郵件發送到郵件服務器，設置代碼如下：

System.Net.Mail.MailMessage message =new MailMessage（strFrom，strto，strSubject，strBody）；

message.BodyEncoding = System.Text.Encoding.UTF8；//設置用于郵件正文的編碼

message.IsBodyHtml= true；//設置郵件正文是否為Html格式

client.Send （message） ；//將指定的郵件發送到Smtp服務器

4.2.2Ajax技術

用戶界面采用Ajax技術，實現不刷新頁面就能實時交互，結合JavaScript、CSS、DOM 和XMLHttpRequest等，增強了用戶體驗。例如， Ajax實現注冊頁面不需刷新就能顯示注冊賬號是否存在。自定義函數checkacount（ ） 檢測賬號是否為空，不為空則調用createRequest（ ）函數檢測用戶是否存在。另設置檢測用戶名按鈕，在其超鏈接onclick事件中調用checkacount（ ） 方法顯示檢測結果，通過調用數據庫語句，對比注冊賬號是否與已有賬號相同，判斷注冊賬號是否唯一。其關鍵代碼為：查看用戶名。

4.2.3X3-BLOG系統

支持多用戶、開源的系統X3-BLOG 是基于XML+XSLT+AJAX技術構建的開源多用戶博客門戶系統，支持ASP.NET開發及SQL server 2008數據庫。通過對該開源程序二次開發實現本系統BLOG管理。

4.2.4可擴展標記語言XML

可擴展標記語言XML（Extensible Markup Language）標記數據、定義數據類型，允許用戶定義標記語言。其中RSS是根據XML規范創建的一種文檔格式，實現簡易信息聚合，讓用戶獲取更新的網站內容[21]。通過RSS技術，網站用戶可對某些特定主題進行定制，獲得相關推送，享受定制的個性化資源[22]。RSS推送服務過程見圖3。

具體流程如下：用戶通過站點提供的鏈接或多種方式選定信息主題，生成相應的RSS文檔，進行類聚合后寫入提取庫，利用提取庫在數據庫中搜索相關主題集合，更新RSS種子，通過閱讀器展示給用戶。生成RSS文檔時按一定格式生成數據字段（見表1），后期服務器分析獲取的信息，通過匹配表1關鍵字段，決定是否推送該信息。

5結語

本文圍繞大學生心理健康教育網站展開探討，通過Web2.0技術構建了個性化定制資源推送、多元化交流的網站。網站強大的資源庫能為大學生提供專業、個性化科學心理指導，有助于形成以學生為中心的網絡心理健康教育，提升學生心理素質，為高校網絡心理健康教育建設工作提供新模式，拓展教育形式，推動網絡心理健康教育事業發展。

參考文獻參考文獻：

[1]馬建青，石變梅.30年來高校思想政治教育對心理健康教育發展的影響探析[J].思想理論教育，2018（1）：97102.

[2]傅榮.網絡教育、網絡心理教育與青少年心理健康[J].贛南師范學院學報，2001（4）：7577.

[3]魏榮，魏婧.高校網絡化心理健康教育探析[J].瓊州大學學報，2004（4）：2526.

[4]李強.互聯網對大學生的心理影響及健康心理培養探論[J].西南民族學院學報：哲學社會科學版，2001（10）：221224.

[5]姜巧玲.高校網絡心理健康教育體系的構建[D].長沙：中南大學，2012.

[6]李莉，楊玉宇，張燕.我國高校心理健康教育模式探索——群體心理健康教育視角[J].學術探索，2017（08）：150156.

[7]王佳利.大學生網絡心理健康教育積極模式研究[J].學校黨建與思想教育，2016（24）：5860.

[8]陳新星.運用新媒體加強大學生網絡心理健康教育[J].福建師大福清分校學報，2015（1）：6165，73.

[9]何炎芬.自媒體背景下大學生網絡心理健康教育宣傳陣地的建設[J].當代教育實踐與教學研究，2016（9）：270271.

[10]喬海英，張朝紅，李明月等.基于微信平臺的大學生心理健康教育路徑探索——以西北農林科技大學機械與電子工程學院為例[J].山東廣播電視大學學報，2017（1）：7779.

[11]趙文麗.校園網環境下大學生心理健康教育系統的設計與開發[J].軟件導刊：教育技術，2009，8（10）：4243.

[12]趙新躍，何敏慧.網絡心理健康教育咨詢環境的系統實現與探討[J].醫學信息，2002（5）：286289.

[13]盛鵬飛.高校開展網絡心理健康教育教育現狀的實證分析——基于對某省113所具有ICP備案高校網站的調查[J].安徽理工大學學報：社會科學版，2014，16（06）：98102

[14]姜巧玲，胡凱.大學生網絡心理健康教育研究進展與趨勢[J].現代大學教育，2011（6）：8186，111.

[15]楊文登.美國心理健康教育的循證實踐：理論、實施及啟示[J].外國教育研究，2017，44（6）：5467.

[16]余燕芳，葛正鵬.終身學習平臺設計與構建——以Web2.0到Web3.0的學習理念變遷為視角[J].中國遠程教育，2014（4）：7076.

[17]張樹人.從社會性軟件、Web2.0到復雜適應信息系統研究[D].北京：中國人民大學，2014.

[18]滕欣欣.Web2.0時代的開放式教學模式研究[J].中國成人教育，2017（15）：9699.

[19]崔維響.基于Web2.0的網絡課程設計[D].濟南：山東師范大學，2009.

[20]趙輝，祝志敏.基于微博推送信息的心理健康教育教育服務研究[J].中國醫學教育技術，2011，25（4）：403406.

[21]張婕.基于RSS技術的教學資源共享系統研發[D].成都：四川師范大學，2014.

[22]張煥俊，焦克瑩.Web2.0技術：教育的解放還是破壞[J].中國成人教育，2017（13）：1518.

責任編輯（責任編輯：江艷）