基于CMS的班級網(wǎng)站的建設(shè)

劉子毅+劉曉華

摘要：依托互聯(lián)網(wǎng)資源豐富、共享方便、實(shí)時性強(qiáng)、互交性好等特點(diǎn)，我們可以構(gòu)建一個集信息瀏覽、班級文化建設(shè)、課程資源學(xué)習(xí)、家校交流等功能為一體的互動平臺，即班級網(wǎng)站。本文依據(jù)自己高中學(xué)校班級的相關(guān)信息需求，采用具有平臺操作性強(qiáng)和后臺管理方便的開源CMS系統(tǒng)，詳細(xì)設(shè)計(jì)并實(shí)現(xiàn)了一個高中班級網(wǎng)站，包括班級通知與文件下載、課程學(xué)習(xí)、精彩瞬間、風(fēng)華正茂、老師博客、家長交流等模塊。經(jīng)使用測試，該班級網(wǎng)站用戶操作方便、實(shí)用性強(qiáng)。

關(guān)鍵詞：班級網(wǎng)站；CMS（內(nèi)容管理系統(tǒng)）；課程資源；資源共享；家?；?/p>

中文分類號：TP393.1 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）30-0021-03

隨著互聯(lián)網(wǎng)的日益發(fā)展，學(xué)校網(wǎng)站日益普及，從大學(xué)到高中、初中、小學(xué)，甚至幼兒園都有。但在這些學(xué)校網(wǎng)站中卻很少有班級網(wǎng)站的影子，主要是因?yàn)榘嗉壘W(wǎng)站制作維護(hù)麻煩，但這樣學(xué)生間、師生間以及家校間的聯(lián)系就大打折扣了。為了讓班級的學(xué)生及家長更容易獲取有效的班級信息，并提供有用的學(xué)習(xí)資源下載、提供互動等，筆者認(rèn)為有必要以班級為單位，建設(shè)班級網(wǎng)站，為各班在學(xué)校的校園網(wǎng)上提供展示自己班級風(fēng)采的平臺。

1班級網(wǎng)站的需求分析與功能設(shè)計(jì)

隨著高中校園信息化、智能化教學(xué)方式的不斷普及，人們愈加意識到傳統(tǒng)的面對面交流的管理方法有一定的局限性，即無法跨越時間、地點(diǎn)的限制，而互聯(lián)網(wǎng)的即時性、異地性等卻能較好地彌補(bǔ)這些不足，因此有必要建設(shè)一個專屬于高中班級的交流平臺，即班級網(wǎng)站。為滿足班級管理信息化的要求，該平臺應(yīng)該滿足以下兩方面需求：1）給學(xué)生、老師、家長提供交流和獲取信息的平臺，同時針對本班學(xué)生的各科目實(shí)情提供課后自主學(xué)習(xí)的平臺；2）每個學(xué)生都是一個獨(dú)立的個體，需要構(gòu)建一個環(huán)境讓每個孩子都有自我展示的機(jī)會，也包括對教師個人教學(xué)理念的展示，以方便師、生、家長間的互相了解，所謂“親其師、信其道”。這樣的網(wǎng)絡(luò)互動平臺，是傳統(tǒng)班級管理手段的有益補(bǔ)充，也能在一定程度上促進(jìn)班級文化建設(shè)。

綜上分析，本班級網(wǎng)站的內(nèi)容建設(shè)圍繞著本班級的課程學(xué)習(xí)、學(xué)校通知、學(xué)生生活、教師博客、家長交流等模塊開展，為全班老師、同學(xué)和家長使用。因此，本班級網(wǎng)站的功能需求如圖1所示。

1）通知與文件：主要放學(xué)校或班級的重要通知、相關(guān)文件下載，也包括周末或假期的放學(xué)、到校時間，請假表格等。為了方便大家的使用，按時間順序列表顯示，并可按關(guān)鍵詞或時間檢索。另外，學(xué)校校歷、申請表格等常用的文件下載也放在這個欄目下。

2）課程學(xué)習(xí)：二級菜單按科目分，每科科目下再分知識區(qū)和習(xí)題區(qū)，知識區(qū)主要放各科目的一些重點(diǎn)知識點(diǎn)的微視頻，課件可下載，供學(xué)生回家后復(fù)習(xí)使用，習(xí)題點(diǎn)區(qū)放重點(diǎn)題型的回顧。

3）精彩瞬間：圖片形式的班級新聞或?qū)W生活動的相片展示。既可以讓家長通過班級最新信息，了解孩子動態(tài)；又是學(xué)生們青春成長過程中的一份珍貴的記憶。同樣，可按關(guān)鍵詞或時間搜索，也可以按學(xué)生姓名搜索。

4）風(fēng)華正茂：班級每人一個空間，既可以放自己的學(xué)霸筆記、錯題集、精品作文，也可以放自己的社會實(shí)踐或?qū)W習(xí)感悟、繪畫等，以體現(xiàn)“每個人都是一個獨(dú)特的個體”。

5）教師博客：展現(xiàn)教師的教學(xué)理念，并設(shè)私信區(qū)，方便學(xué)生、家長等留言（可匿名）。

6）家長交流：家長間互幫互動的交流平臺。并對一些優(yōu)秀的教育經(jīng)驗(yàn)進(jìn)行置頂。

總之，本班級網(wǎng)站旨在為師生間、生生間以及家長老師間搭建一個信息溝通的平臺，即服務(wù)于“老師+學(xué)生+家長”三方的、集班級信息發(fā)布、學(xué)生自主學(xué)習(xí)、交流互動于一體的網(wǎng)絡(luò)平臺。

2設(shè)計(jì)與實(shí)現(xiàn)

2.1網(wǎng)站開發(fā)技術(shù)的選擇

開發(fā)班級網(wǎng)站可以用多種技術(shù)方案來實(shí)現(xiàn)，既可以使用靜態(tài)頁面開發(fā)技術(shù)，也可以使用動態(tài)頁面開發(fā)技術(shù)。其中，靜態(tài)頁面開發(fā)速度快、部署簡單，開發(fā)工具也比較多。如FrontPage，就是可視化的編輯界面，但缺點(diǎn)是后期內(nèi)容和網(wǎng)站的管理、維護(hù)工作量大，搜索速度慢，很不方便。而動態(tài)頁面開發(fā)技術(shù)是目前的主流，但技術(shù)較為復(fù)雜，網(wǎng)站開發(fā)又分前端（web）腳本和服務(wù)器（server）腳本。前端開發(fā)工具主要有C#、java、PHP等，而數(shù)據(jù)庫開發(fā)工具也比較多，主要有Access、MySQL、SQL Server等。用這種方式開發(fā)的班級網(wǎng)站，后期管理和維護(hù)比較簡單，但開發(fā)難度較大。

針對以上問題，近年來又出現(xiàn)了一些專用的網(wǎng)站開發(fā)系統(tǒng)，提供向?qū)?、模板式開發(fā)，如各種自助建站系統(tǒng)，其優(yōu)點(diǎn)是開發(fā)容易、建站速度快，幾乎是零基礎(chǔ)上手。但這些系統(tǒng)不能二次開發(fā)，且只能用它所提供的空間、模板、功能模塊等，其接入速度較慢，用戶體驗(yàn)較差。

當(dāng)然，還有一種選擇，就是內(nèi)容管理系統(tǒng)（CMS）。它是一種運(yùn)用服務(wù)端腳本語言對網(wǎng)站欄目、內(nèi)容及模板進(jìn)行管理和維護(hù)的系統(tǒng)。其基本思想是將界面設(shè)計(jì)交由模板文件來處理，而網(wǎng)站內(nèi)容放在數(shù)據(jù)庫中，是一種以網(wǎng)站形式對信息資源進(jìn)行組織和管理的比較好方式。由于國內(nèi)外開源的CMS系統(tǒng)較多，使得網(wǎng)站開發(fā)周期短，系統(tǒng)穩(wěn)定?？梢哉f，CMS系統(tǒng)既有靜態(tài)網(wǎng)站的快速訪問性，又有動態(tài)網(wǎng)站的易維護(hù)性。

綜上，本班級網(wǎng)站擬采用開源CMS進(jìn)行開發(fā)。

2.2首頁的制作和前臺頁面模板的選擇

在網(wǎng)站設(shè)計(jì)中首頁作為最重要的一環(huán)，代表了整個網(wǎng)站的形象，其整體的美觀性和易操作性也決定了用戶的興趣度。因此，網(wǎng)站首頁采用的是藍(lán)色和白色為主的背景色調(diào)，功能橫向式間隔排列和滾動式圖片新聞作為背景，整體給用戶帶來一種簡潔舒適的視覺感受。與此同時，考慮到電腦瀏覽和手機(jī)瀏覽的方便性，本班級網(wǎng)站采用自適應(yīng)的頁面模板，從電腦端訪問和從手機(jī)端訪問，其頁面顯示分別如下圖2和圖3所示。

2.3后臺數(shù)據(jù)的管理

一個優(yōu)秀的網(wǎng)站設(shè)計(jì)所需的不僅僅是前臺網(wǎng)頁的簡潔和瀏覽的舒暢，同樣也應(yīng)該讓后臺數(shù)據(jù)的管理操作簡單和便捷。因此，本網(wǎng)站注重的后臺數(shù)據(jù)管理方便性的設(shè)計(jì)。通過登錄后臺管理后，管理者可實(shí)時進(jìn)行數(shù)據(jù)更新，如發(fā)通知、發(fā)新聞、刪除消息等，如圖4、下圖5所示。

2.4手機(jī)側(cè)滑功能的實(shí)現(xiàn)

今天，人們已經(jīng)習(xí)慣了使用智能手機(jī)直接訪問網(wǎng)站，這時如果直接加載電腦端網(wǎng)頁則會因手機(jī)屏幕過小而帶來操作不方便的困擾。為此，本網(wǎng)站根據(jù)移動用戶的使用習(xí)慣，設(shè)計(jì)了手機(jī)端自適應(yīng)顯示，并設(shè)計(jì)了手機(jī)側(cè)滑菜單功能，將網(wǎng)頁的顯示方式從電腦端網(wǎng)頁橫向排版轉(zhuǎn)為手機(jī)端的豎式顯示、頂部菜單改為左滑菜單，如上圖6所示。為了頁面的生動性，我們還在手機(jī)端頁面的功能欄旁增設(shè)了小圖標(biāo)設(shè)計(jì)。

3班級網(wǎng)站的運(yùn)行測試

班級網(wǎng)站目前已經(jīng)投入運(yùn)行，各界面運(yùn)行情況良好。用戶可以瀏覽班級新聞、學(xué)生個人風(fēng)采展示、老師課件學(xué)習(xí)、文件下載等。因篇幅原因，這里只截圖展示教師課件學(xué)習(xí)與文件下載，分別如圖7、8所示。

4結(jié)束語

由于采用開源CMS系統(tǒng)開發(fā)班級網(wǎng)站速度快、后期維護(hù)方便等原因，本文開發(fā)了一個基于開源CMS的班級網(wǎng)站。該班級網(wǎng)站集班級通知、老師課件展示、學(xué)生個人風(fēng)采展示、家長交流等功能于一體，架起了老師、學(xué)生和家長間互動的橋梁。班級網(wǎng)站運(yùn)行以來，獲得了大家的好評。

參考文獻(xiàn)：

[1]張海燕. 讓班級網(wǎng)站獨(dú)具魅力[J]. 中學(xué)課程輔導(dǎo)（江蘇教師），2013（8）：85.

[2]汪嬋，張雯. 讓班級網(wǎng)站為作文教學(xué)增光添彩[J]. 中國教育技術(shù)裝備，2015（1）：45-46.

[3]蔡秀娜. 班級網(wǎng)站系統(tǒng)功能的分析與設(shè)計(jì)[J]. 中國科技信息，2014（7）：165-167.

[4]張展梓. 班級網(wǎng)站的建立與維護(hù)[J]. 教師，2015（35）：95.

[5]劉姝虹. 淺談網(wǎng)站建設(shè)和網(wǎng)頁制作的方法[J]. 數(shù)字技術(shù)與應(yīng)用，2015（12）：233.

[6]王晴. 班級網(wǎng)站構(gòu)建實(shí)例詳解[J]. 南通航運(yùn)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2006（2）：60-65.

[7] 陳道喜.基于CMS的班級網(wǎng)站設(shè)計(jì)與應(yīng)用[J].電腦學(xué)習(xí)，2010（4）：23-25.

[8]王德靈，張巧超. CMS在高校院系網(wǎng)站建設(shè)中的應(yīng)用[J]. 遼寧經(jīng)濟(jì)管理干部學(xué)院（遼寧經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院學(xué)報(bào)）， 2011（1）：52-54.