大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站設(shè)計與實(shí)現(xiàn)

張紅巖，張軍輝 (安徽工程大學(xué)現(xiàn)代教育技術(shù)中心，安徽 蕪湖 241003)

大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站設(shè)計與實(shí)現(xiàn)

張紅巖，張軍輝 (安徽工程大學(xué)現(xiàn)代教育技術(shù)中心，安徽 蕪湖 241003)

為了給廣大師生提供倫理教育交流的平臺，設(shè)計了大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站。闡述了該網(wǎng)站的總體設(shè)計，詳細(xì)介紹了網(wǎng)站功能模塊設(shè)計，并對網(wǎng)站實(shí)現(xiàn)進(jìn)行具體分析。該網(wǎng)站試運(yùn)行后，效果良好，得到廣大師生的認(rèn)可。

網(wǎng)絡(luò)倫理教育；主題網(wǎng)站；設(shè)計

大學(xué)生作為接觸網(wǎng)絡(luò)的高頻人群，如何在虛擬環(huán)境下整合中西方網(wǎng)絡(luò)倫理教育資源，通過主題網(wǎng)站開展網(wǎng)絡(luò)倫理教育，是一個值得探討的重要課題。為此，筆者對大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站設(shè)計與實(shí)現(xiàn)進(jìn)行探討?安徽工程大學(xué)青年基金資助項目“安徽省大學(xué)生網(wǎng)絡(luò)倫理現(xiàn)狀調(diào)查與教育對策研究”(2008YQ016)。。

1 網(wǎng)站總體設(shè)計

1.1網(wǎng)站總體架構(gòu)

圖1 網(wǎng)站總體框架圖

網(wǎng)站的總體設(shè)計以學(xué)習(xí)者為中心，對學(xué)習(xí)者的學(xué)習(xí)過程進(jìn)行分解，具體分為以下5個功能模塊：在線課堂模塊，其功能是實(shí)時講授和在線點(diǎn)播；學(xué)習(xí)社區(qū)模塊，其功能是主題討論、我是新生和小組交流；資源中心模塊，其功能是用戶登錄、案例分析、教學(xué)教案和專業(yè)資源；博客部落模塊，包括學(xué)生日志、學(xué)生相冊、博客明星和博客公告等內(nèi)容；網(wǎng)絡(luò)調(diào)查模塊，其功能是在線調(diào)查和統(tǒng)計分析，網(wǎng)站總體框架如圖1所示。

1.2網(wǎng)站結(jié)構(gòu)設(shè)計

1)頁面鏈接結(jié)構(gòu)設(shè)計 基于Web信息的最大特點(diǎn)是任意鏈接，如何將信息放入邏輯順序并創(chuàng)建一個有趣易懂的資源庫是網(wǎng)站建設(shè)的重點(diǎn)。線性結(jié)構(gòu)、樹狀結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)和分欄式結(jié)構(gòu)是網(wǎng)站通常采用的頁面鏈接結(jié)構(gòu)形式。由于該網(wǎng)站定位為互動學(xué)習(xí)類主題教育網(wǎng)站，因此在結(jié)構(gòu)設(shè)計上主要采用分欄式結(jié)構(gòu)與網(wǎng)狀結(jié)構(gòu)相結(jié)合的方式，這樣網(wǎng)站中的模塊以分欄的方式非常清晰地排列在首頁上，當(dāng)訪問者選擇相應(yīng)模塊進(jìn)入到相應(yīng)頁面后，可以在頁面之間隨意跳轉(zhuǎn)。

2)網(wǎng)站的導(dǎo)航設(shè)計 該網(wǎng)站的導(dǎo)航系統(tǒng)和其它類型網(wǎng)站的導(dǎo)航系統(tǒng)不同，主要表現(xiàn)在以下幾方面:①導(dǎo)航內(nèi)容具有專業(yè)性和學(xué)術(shù)性，其包括教育資源、學(xué)習(xí)資源、知識資源等。②導(dǎo)航服務(wù)對象具有針對性，可以指導(dǎo)學(xué)習(xí)者方便地進(jìn)行選擇性學(xué)習(xí)。網(wǎng)站欄目導(dǎo)航是通向網(wǎng)站主要欄目的鏈接，是網(wǎng)站一級層次結(jié)構(gòu)。網(wǎng)站欄目導(dǎo)航如表1所示。

表1 網(wǎng)站欄目導(dǎo)航

圖3 教師管理視頻流程

3)公共服務(wù)設(shè)計 公共服務(wù)是網(wǎng)站的一些重要元素的鏈接，這些鏈接可以幫助訪客使用網(wǎng)站(如幫助、網(wǎng)站地圖等)或者能夠提供有關(guān)網(wǎng)站組織者的信息(如關(guān)于我們、與我們聯(lián)系等)。

4)當(dāng)前位置設(shè)計 當(dāng)前位置告訴訪問者目前正處于網(wǎng)站的哪個地方，其作用是通過顯示在瀏覽進(jìn)程中的位置，減少訪問者在網(wǎng)站內(nèi)的“空間迷失”。

1.3網(wǎng)站資源設(shè)計

網(wǎng)站的資源是網(wǎng)站得以存在的物質(zhì)基礎(chǔ)。網(wǎng)站資源設(shè)計是指確定主題教育網(wǎng)站所需的信息資源的種類、明確每種資源在主題教育網(wǎng)站中的作用以及確定站點(diǎn)信息資源的來源與依據(jù)。一個主題教育網(wǎng)站中的信息資源應(yīng)該非常豐富，在類別上主要包括專題知識內(nèi)容、文獻(xiàn)和各種素材庫、信息資源庫、案例庫、試題庫等，在資源呈現(xiàn)方式上主要包括文字、圖片、動畫、聲音、視頻、虛擬現(xiàn)實(shí)等[1]。參照現(xiàn)有網(wǎng)站的資源設(shè)計理念，該網(wǎng)站的信息資源也分為上述類型。其中，文字圖片類的資源主要來自日常搜集的教材以及網(wǎng)絡(luò)上的熱點(diǎn)案例，聲音視頻類的資源除了一些學(xué)習(xí)類的視頻、案例視頻外，還包括課程的教學(xué)視頻資源等。為此，筆者采用分層分級的設(shè)計方法，使資源的呈現(xiàn)方式更具邏輯性和可用性，同時方便資源更新，網(wǎng)站資源設(shè)計層級圖如圖2所示。

2 網(wǎng)站功能模塊設(shè)計

2.1在線課堂模塊

在線課堂模塊的功能是設(shè)計在線的視頻資源，這樣可以方便學(xué)習(xí)者自主觀看講座視頻，使其系統(tǒng)地學(xué)習(xí)網(wǎng)絡(luò)倫理教育的相關(guān)內(nèi)容，具體功能如下：①教師添加、修改和刪除在線視頻(見圖3)；②提供學(xué)生在線觀看視頻教學(xué)頁面；③呈現(xiàn)可隨時任意跳轉(zhuǎn)的目標(biāo)鏈接，方便學(xué)習(xí)者對學(xué)習(xí)內(nèi)容進(jìn)行選擇。圖3是教師管理視頻流程。

2.2學(xué)習(xí)社區(qū)模塊

圖4 學(xué)習(xí)社區(qū)模塊示意圖

圖5 博客部落模塊示意圖

由學(xué)習(xí)內(nèi)容建構(gòu)的討論區(qū)和公共留言板是該網(wǎng)站學(xué)習(xí)社區(qū)的2個組成部分。BBS論壇交互式的在線溝通方式為學(xué)習(xí)者之間以及教室與學(xué)習(xí)者之間提供相互交流的平臺，是學(xué)生進(jìn)行協(xié)作學(xué)習(xí)的重要工具，也是教師了解學(xué)生學(xué)習(xí)狀況的重要信息來源。因此，教師通過BBS論壇可以針對某個專題提出討論主題，讓學(xué)生參與主題討論發(fā)表自己的觀點(diǎn)，同事管理員也能在線向用戶發(fā)布公告信息。學(xué)習(xí)社區(qū)模塊的示意圖如圖4所示。

2.3博客部落模塊

博客部落即博客群，是博客管理與博客專集組織的基本形式，博客站點(diǎn)以“群”的方式組織博客專集，以此推動同一類型文章的展示或討論某一主題，如SOHU博客就建立了諸如IT博客群、讀書博客群等[2]。博客部落模塊的主要功能如下：學(xué)習(xí)者申請博客；提供學(xué)習(xí)者在線管理博客頁面；提供群主管理頁面。博客部落模塊示意圖如圖5所示。

3 網(wǎng)站的實(shí)現(xiàn)

3.1網(wǎng)站藝術(shù)實(shí)現(xiàn)

1)網(wǎng)站風(fēng)格 在網(wǎng)站設(shè)計中，當(dāng)確定了網(wǎng)站的主題、預(yù)設(shè)目標(biāo)群體、信息資源內(nèi)容以及結(jié)構(gòu)和導(dǎo)航體系后，還需進(jìn)一步找出最能體現(xiàn)網(wǎng)站風(fēng)格的元素[3]。對于該網(wǎng)站來說，由于其預(yù)設(shè)目標(biāo)群體是大學(xué)生，因此在風(fēng)格設(shè)計中，應(yīng)更注重青春、活潑、生動、親切、有活力的“整體形象”的營造。網(wǎng)站首頁如圖6所示。

2)網(wǎng)站的CI設(shè)計 目前，CI設(shè)計概念已廣泛應(yīng)用到網(wǎng)站的設(shè)計中，其主要作用是通過視覺來統(tǒng)一網(wǎng)站的形象。由于該網(wǎng)站是師生網(wǎng)上學(xué)習(xí)、交流的平臺，因而在設(shè)計中應(yīng)給訪問者一種明確的站點(diǎn)形象，具體包括以下幾方面:設(shè)計網(wǎng)站標(biāo)志；確定網(wǎng)站的標(biāo)準(zhǔn)色彩；確定網(wǎng)站標(biāo)志、標(biāo)題和主菜單的標(biāo)準(zhǔn)字體。

3)網(wǎng)站的色彩設(shè)計 色彩作為創(chuàng)造有序的視覺信息流程的重要因素，是決定網(wǎng)頁界面?zhèn)鬟f信息的關(guān)鍵。設(shè)計該網(wǎng)站的色彩時應(yīng)考慮如下內(nèi)容：頁面背景與文字、圖片、邊框、圖標(biāo)、鏈接等搭配是否符合網(wǎng)站的整體風(fēng)格；利用不同的色彩分布與搭配，將不同類型的信息分布排列，從而形成有序的視覺流程。此外， 在設(shè)計過程中應(yīng)考慮到網(wǎng)頁的色彩是否能引人注日，是否照顧訪問者的視覺感受，是否與所表達(dá)的內(nèi)容相一致等。

圖6 網(wǎng)站首頁 圖7 資源審核模塊界面

3.2網(wǎng)站資源審核模塊技術(shù)實(shí)現(xiàn)

資源審核部分主要由站點(diǎn)超級管理員負(fù)責(zé)，也可以由超級管理員賦予其他管理員相應(yīng)的權(quán)限進(jìn)行設(shè)置，其目的是防止上傳資源內(nèi)容不合法或不安全，資源審核模塊界面界面如圖7所示。

在數(shù)據(jù)庫表設(shè)計方面，資源審核的功能實(shí)現(xiàn)較為簡單，僅在資源表中添加一字段進(jìn)行判斷即可，通過判斷該資源記錄所對應(yīng)的資源的值即可判斷該資源是否已審核，從而在前臺頁面窗口進(jìn)行相應(yīng)的顯示。在前臺頁面，數(shù)據(jù)庫中已添加一個字段chk作為置頂?shù)臉?biāo)記，0代表審核中，1代表審核完。在后臺代碼編寫頁面修改時，用選擇框選擇0或1， 也可以用復(fù)選框，也可以直接用文本框填寫0或1。

4 結(jié) 語

大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站的設(shè)計建立在對安徽省大學(xué)生網(wǎng)絡(luò)倫理現(xiàn)狀調(diào)查和相關(guān)網(wǎng)站分析基礎(chǔ)上，在設(shè)計時應(yīng)充分體現(xiàn)以學(xué)習(xí)者為中心的理念，通過用戶管理模塊將學(xué)習(xí)者納入網(wǎng)站管理核心，同時在學(xué)習(xí)社區(qū)模塊通過開發(fā)學(xué)習(xí)論壇和問答中心使學(xué)習(xí)者形成以知識建構(gòu)為目標(biāo)的學(xué)習(xí)共同體。博客部落模塊的設(shè)計和開發(fā)也體現(xiàn)了主題教育網(wǎng)站與博客相結(jié)合的新型的學(xué)習(xí)模式，使得學(xué)習(xí)過程更為活潑和開放。在線課堂模塊的設(shè)計和實(shí)現(xiàn)運(yùn)用了當(dāng)前流行的流媒體技術(shù)，從而豐富學(xué)習(xí)資源的形式。該網(wǎng)站經(jīng)過試運(yùn)行后，效果良好，得到廣大師生的認(rèn)可。

[1]徐苗.教育主題網(wǎng)站的總體策劃[D].徐州：徐州師范大學(xué)，2005.

[2]百度百科博客群[DB/OL].http://baike.baidu.com/view/128108.htm.2009-3-24.

[3]百度百科網(wǎng)站制作[DB/OL].http://baike.baidu.com/view/10410.html#3.2012-3-2.

10.3969/j.issn.1673-1409(N).2012.08.041

TP393.092

A

1673-1409(2012)08-N124-04

2012-04-16

張紅巖(1980-)，女，2002年大學(xué)畢業(yè)，碩士，工程師，現(xiàn)主要從事媒介素養(yǎng)、網(wǎng)絡(luò)傳播技術(shù)方面的教學(xué)與研究工作。

[編輯] 李啟棟