網(wǎng)絡(luò)教育應(yīng)用技術(shù)分析

劉博文

摘 要 隨著社會(huì)的發(fā)展，網(wǎng)絡(luò)教育愈趨繁榮。本文以網(wǎng)易公開課為例，從網(wǎng)站設(shè)計(jì)技術(shù)、網(wǎng)站開發(fā)技術(shù)、網(wǎng)站安全技術(shù)、網(wǎng)站推廣技術(shù)四個(gè)方面著手，對(duì)其進(jìn)行技術(shù)分析。希望本文能對(duì)整個(gè)網(wǎng)絡(luò)教育應(yīng)用的技術(shù)研究起到一定的作用。

關(guān)鍵詞 網(wǎng)絡(luò)教育應(yīng)用 網(wǎng)易公開課 技術(shù)分析

中圖分類號(hào)：G434文獻(xiàn)標(biāo)識(shí)碼：A ??DOI：10.16400/j.cnki.kjdks.2015.04.070

Technology Analysis on Network Education Application

——A Case Study of Netease Open-course

LIU Bowen

（School of Education Science， Hu'nan Normal University， Changsha， Hu'nan 410081）

Abstract With the development of the society， network education is being more and more prosperous. Taking Netease open course for instance， this paper makes a technology analysis from four aspects which are website design technology， website development technology， website security technology， website promotion technology respectively. I expect that this paper could play a certain role in technology research on whole network education application.

Key words Network education application; Netease open course; technology analysis

0 引言

隨著信息技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)技術(shù)以其獨(dú)特的優(yōu)勢(shì)進(jìn)入到了人們工作、學(xué)習(xí)和生活的各個(gè)方面。身處“知識(shí)爆炸”時(shí)代，人們對(duì)知識(shí)的需求空前高漲，隨之，MOOC、微課堂、可汗學(xué)院等網(wǎng)絡(luò)教育模式呈現(xiàn)出了“百花齊放”的大好局勢(shì)。

網(wǎng)絡(luò)教育是以計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng)為支撐，以現(xiàn)代教育思想和學(xué)習(xí)指導(dǎo)理論為指導(dǎo)，充分發(fā)揮靈活的互動(dòng)功能和利用豐富的教育資源，開展以學(xué)習(xí)者為中心的非面授教育活動(dòng)。將網(wǎng)絡(luò)應(yīng)用到教育中，使得學(xué)習(xí)變成一種隨時(shí)、隨地、無人數(shù)限制的活動(dòng)，彌補(bǔ)了傳統(tǒng)教育的時(shí)空限制等不足。

網(wǎng)絡(luò)在教育中的應(yīng)用，即網(wǎng)絡(luò)教育應(yīng)用。網(wǎng)易公開課，依托網(wǎng)易平臺(tái)，在網(wǎng)絡(luò)教育應(yīng)用的實(shí)踐中取得了不錯(cuò)的成績(jī)。通過網(wǎng)易公開課，用戶不僅可以免費(fèi)觀看來自國(guó)際、國(guó)內(nèi)名校的公開課課程及TED、可汗學(xué)院等教育性組織的精彩視頻，同時(shí)也有機(jī)會(huì)與其他學(xué)習(xí)者一起討論疑難問題、交流學(xué)習(xí)心得、共同取得進(jìn)步。

1 網(wǎng)站設(shè)計(jì)技術(shù)分析

1.1 域名分析

域名（Domain Name）是對(duì)IP地址（IP地址是接入網(wǎng)絡(luò)中的每一個(gè)主機(jī)唯一標(biāo)識(shí)，它按照互聯(lián)網(wǎng)協(xié)議給網(wǎng)絡(luò)上的每一臺(tái)設(shè)備一個(gè)編號(hào)，以實(shí)現(xiàn)網(wǎng)絡(luò)通信）的映射。由于IP地址是一個(gè)32/128位的二進(jìn)制數(shù)，所以通過IP地址訪問在Internet上的服務(wù)器非常麻煩。域名就很好地解決了這一不便，它通過使用英文字母、阿拉伯?dāng)?shù)字及“-”、“.”符號(hào)，并按照一定的規(guī)則分層排列，實(shí)現(xiàn)了對(duì)復(fù)雜的IP地址的映射，這時(shí)，用戶通過簡(jiǎn)單的域名就可以實(shí)現(xiàn)網(wǎng)絡(luò)通信了。

網(wǎng)易公開課的域名為：open.163.com。其中，com為國(guó)際頂級(jí)域名，表示域名注冊(cè)人為工商企業(yè)。163為二級(jí)域名，指域名注冊(cè)人的網(wǎng)上名稱，這就要求二級(jí)域名既要方便記憶，又要符合注冊(cè)人自身的特征。中國(guó)人對(duì)數(shù)字的敏感度要高于英文字母，并且在網(wǎng)易域名申請(qǐng)時(shí)，163在中國(guó)已經(jīng)具有了指向Internet的含義，網(wǎng)民上網(wǎng)都要通過163撥號(hào)。因而，網(wǎng)易選取人們既熟悉又具上網(wǎng)意義的數(shù)字163作為自己的網(wǎng)上名稱，很快就贏得了大量網(wǎng)友的認(rèn)可。open為三級(jí)域名，譯為“公開的”，旨在告訴網(wǎng)友：這是一個(gè)公開平臺(tái)。加上這個(gè)單詞本身構(gòu)詞簡(jiǎn)單，極大地方便了人們記憶。

網(wǎng)易公開課的域名充分考慮到了符合自身特征、方便人們記憶等多方面要求，對(duì)其在Internet上的成功推廣取得了事半功倍的效果。

1.2 網(wǎng)站體系結(jié)構(gòu)分析

網(wǎng)站體系結(jié)構(gòu)有B/S（Browser/Server，瀏覽器/服務(wù)器）、C/S（Client/Server，客戶端/服務(wù)器）兩種。B/S結(jié)構(gòu)中，用戶只需通過瀏覽器就可以直接實(shí)現(xiàn)與服務(wù)器的通信，獲取服務(wù)器的數(shù)據(jù)。而C/S結(jié)構(gòu)則需安裝專門的客戶端軟件才能與服務(wù)器進(jìn)行交互。

網(wǎng)易公開課基于B/S（Browser/Server）結(jié)構(gòu)開發(fā)，大大簡(jiǎn)化了用戶的使用和操作，其自身的系統(tǒng)維護(hù)工作也更易開展。圖1為網(wǎng)易公開課簡(jiǎn)單模擬B/S結(jié)構(gòu)。

如圖1所示，用戶只需通過自身聯(lián)網(wǎng)計(jì)算機(jī)的瀏覽器就可以訪問到網(wǎng)易公開課服務(wù)器，而不需要安裝專門的客戶端軟件。而且網(wǎng)易公開課的核心部分也都集中在服務(wù)器上，這也極大地方便了系統(tǒng)維護(hù)工作的進(jìn)行。

圖1 網(wǎng)易公開課簡(jiǎn)單模擬B/S結(jié)構(gòu)

1.3 設(shè)計(jì)風(fēng)格分析

網(wǎng)站風(fēng)格的精心設(shè)計(jì)可以給用戶帶來“美”的享受。通過瀏覽器訪問網(wǎng)易公開課，可以體會(huì)到其設(shè)計(jì)者的別出心裁。整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格體現(xiàn)在如下幾方面：（1）布局簡(jiǎn)單?；臼褂脧纳现料碌亩鄼诓季?，不僅可以在同一空間呈現(xiàn)更多的內(nèi)容，同時(shí)查找信息更容易，用戶也能獲得更加平和、穩(wěn)定的瀏覽體驗(yàn)。（2）背景色自然、柔和。網(wǎng)易公開課頁面使用淺灰色作為背景色，不僅緩解了用戶的視覺疲勞，同時(shí)也突出了網(wǎng)頁內(nèi)容。（3）適當(dāng)?shù)牧舭卓臻g。網(wǎng)易公開課頁面元素之間有一定的留白間距，能使用戶獲得較好的視覺體驗(yàn)，而且通過元素間距也更容易表達(dá)它們之間的關(guān)聯(lián)性。

2 網(wǎng)站開發(fā)技術(shù)分析

通過查看網(wǎng)頁源文件，可以看出網(wǎng)易公開課平臺(tái)運(yùn)用到了HTML、JSP、JavaScript、CSS等開發(fā)技術(shù)，下面就各開發(fā)技術(shù)作出相應(yīng)闡述。

2.1 HTML

HTML（HyperText Markup Language），即超文本標(biāo)記語言。HTML通過標(biāo)記，可以使得網(wǎng)頁顯示各種文字、圖片、動(dòng)畫、表格、鏈接等。可以說，HTML是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。網(wǎng)易公開課平臺(tái)頁面中運(yùn)用的主要語言就是HTML，這使得它可以顯示出各種各樣的學(xué)習(xí)資源，包括文字、圖片、視頻等。

2.2 JSP

JSP（Java Server Pages），即java服務(wù)器頁面。JSP網(wǎng)頁主要由HTML、Java程序片段和JSP標(biāo)簽構(gòu)成。JSP主要用于建立動(dòng)態(tài)網(wǎng)站，也就是說，用戶向服務(wù)器發(fā)送請(qǐng)求，由服務(wù)器執(zhí)行用戶請(qǐng)求并向客戶端返回結(jié)果。這樣這樣大大降低了對(duì)客戶瀏覽器的要求，即使客戶瀏覽器端不支持Java，也可以訪問JSP網(wǎng)頁。

網(wǎng)易公開課平臺(tái)中也使用了JSP開發(fā)技術(shù)，比如它的注冊(cè)界面。用戶在注冊(cè)界面中輸入自己的注冊(cè)信息后，點(diǎn)擊“立即注冊(cè)”按鈕，這時(shí)，JSP頁面會(huì)將用戶的信息傳送到服務(wù)器端，交由服務(wù)器驗(yàn)證，驗(yàn)證通過后，服務(wù)器便將用戶信息保存至數(shù)據(jù)庫，接著向客戶端發(fā)出“注冊(cè)成功”提示。這樣，用戶就可以通過注冊(cè)的賬號(hào)和密碼登錄。

2.3 JavaScript

JavaScript是一種基于對(duì)象的腳本語言，使用它可以開發(fā)Internet客戶端的應(yīng)用程序。JavaScript主要用來向HTML頁面添加交互行為，增加網(wǎng)頁的互動(dòng)性。它能及時(shí)響應(yīng)用戶的操作，具有對(duì)表單提交做即時(shí)的檢查、驗(yàn)證等功能，為WEB應(yīng)用設(shè)計(jì)人員提供了極大的靈活性和控制手段。網(wǎng)易公開課平臺(tái)中，使用JavaScript技術(shù)實(shí)現(xiàn)了用戶注冊(cè)驗(yàn)證等功能，使得其與學(xué)習(xí)者的互動(dòng)性得到增強(qiáng)。

2.4 CSS

CSS（Cascading Style Sheets），即層疊樣式表，主要用于實(shí)現(xiàn)網(wǎng)頁數(shù)據(jù)與網(wǎng)頁顯示樣式的分離。CSS能夠通過像素級(jí)的精確控制對(duì)網(wǎng)頁中的文字、圖片等對(duì)象進(jìn)行位置排版，使網(wǎng)頁對(duì)象的顯示位置更加精準(zhǔn)，同時(shí)它還能提升網(wǎng)頁的訪問速度。此外，CSS可用多套樣式，使網(wǎng)頁具有任意樣式切換的效果。網(wǎng)易公開課平臺(tái)頁面中，使用了大量的CSS技術(shù)，用來對(duì)網(wǎng)頁內(nèi)容的顯示樣式進(jìn)行精確控制，使得網(wǎng)頁以最完美的狀態(tài)展示在學(xué)習(xí)者面前。

網(wǎng)易公開課平臺(tái)將這四種技術(shù)結(jié)合起來，不僅保證了其功能的完美實(shí)現(xiàn)，同時(shí)也充分考慮了數(shù)據(jù)安全、用戶友好度等方面的要求，為網(wǎng)絡(luò)教育應(yīng)用構(gòu)建了一種技術(shù)規(guī)范。

3 網(wǎng)站安全技術(shù)分析

3.1 數(shù)據(jù)提交方式

數(shù)據(jù)提交方式，就是按照HTTP（HyperText Transfer Protocol，超文本傳輸協(xié)議）定義的與服務(wù)器進(jìn)行交互的方法，WEB客戶端向WEB服務(wù)器端提交數(shù)據(jù)的方式，其中最基本的方法是：GET和POST。使用GET方法通過URL（Uniform Resource Locator，統(tǒng)一資源定位器）向服務(wù)器發(fā)送請(qǐng)求時(shí)，其傳遞的數(shù)據(jù)會(huì)直接顯示在URL之后，URL和傳輸?shù)臄?shù)據(jù)間以“？”分割，參數(shù)之間以“&”相連。由上可知，GET方法發(fā)送請(qǐng)求時(shí)，用戶提交的數(shù)據(jù)將直接顯示在瀏覽器地址欄中，他人通過查看瀏覽器緩存或?yàn)g覽歷史記錄就可以輕易獲取數(shù)據(jù)，這使得數(shù)據(jù)安全性能大大降低。而使用POST方式向服務(wù)器提交數(shù)據(jù)時(shí)，它通過HTTP POST機(jī)制把提交的數(shù)據(jù)放置在是HTTP包的包體中，再傳送到ACTION屬性所指的URL地址。這樣，數(shù)據(jù)安全性就得到了一定程度的保障，因?yàn)镻OST機(jī)制使得傳輸?shù)臄?shù)據(jù)對(duì)用戶不可見。網(wǎng)易公開課平臺(tái)使用POST數(shù)據(jù)提交方式，較好地保證了用戶數(shù)據(jù)的安全性。

3.2 強(qiáng)制用戶身份驗(yàn)證

一個(gè)網(wǎng)站中有許多需要通過身份驗(yàn)證后才可以被訪問的頁面，我們需要保證，即使用戶知道了這些頁面的URL也不能繞過用戶身份驗(yàn)證，直接進(jìn)入到該頁面，這就需要網(wǎng)站設(shè)置強(qiáng)制用戶身份驗(yàn)證機(jī)制。網(wǎng)易公開課平臺(tái)中，用戶登陸后，進(jìn)入“我的公開課”能得到這樣一個(gè)URL：http：//c.open.163.com/center/myCourse.htm#/myCourse，用戶退出后，這時(shí)在瀏覽器中直接訪問上述URL，并不能訪問到網(wǎng)頁的數(shù)據(jù)，并且還會(huì)向用戶發(fā)出“請(qǐng)登錄”提示。通過設(shè)置強(qiáng)制用戶身份驗(yàn)證機(jī)制，網(wǎng)易公開課平臺(tái)的安全性得到進(jìn)一步提升。

4 網(wǎng)站推廣技術(shù)

4.1 搜索引擎友好度

一個(gè)網(wǎng)站的搜索引擎友好度是指搜索引擎能以最快捷的方式檢索到網(wǎng)站信息，并以靠前的位置將網(wǎng)站信息顯示給用戶。對(duì)于搜索引擎來說，富有語義的結(jié)構(gòu)會(huì)優(yōu)先讓搜索引擎蜘蛛爬取，從而使網(wǎng)站在搜索引擎檢索信息排名中獲得一個(gè)較前的位置。通過查看網(wǎng)易公開課源文件可知，其頁面主要使用富有語義結(jié)構(gòu)的DIV+CSS方式布局，充分考慮了對(duì)搜索引擎的友好度，以方便用戶通過搜索引擎進(jìn)行查找。

4.2 外部平臺(tái)合作

與外部平臺(tái)的友好合作能夠相互推廣自己網(wǎng)站的內(nèi)容，實(shí)現(xiàn)合作者的共贏。任何網(wǎng)站能提供給用戶（下轉(zhuǎn)第145頁）（上接第143頁）的資源都是有限的，通過在網(wǎng)頁中加入外部平臺(tái)，能夠幫助用戶獲得更多的資源。與此同時(shí)，在用戶相互使用外部平臺(tái)的過程中，參與合作的網(wǎng)站的訪問量無疑都會(huì)得到提升，這樣也起到了對(duì)各網(wǎng)站進(jìn)行推廣的作用。要知道，在當(dāng)今的互聯(lián)網(wǎng)社會(huì)，任何成功都不是靠“閉門造車”而取得的。網(wǎng)易公開課通過網(wǎng)易平臺(tái)積極與外部平臺(tái)合作，秉承“開放、平等、協(xié)作、分享，讓知識(shí)無國(guó)界！”的互聯(lián)網(wǎng)精神，取得了較大的成功。

5 結(jié)語

目前，網(wǎng)絡(luò)教育應(yīng)用的發(fā)展正處欣欣向榮之時(shí)，與之相應(yīng)的各種網(wǎng)絡(luò)教育應(yīng)用理論、應(yīng)用模式等也層出不窮，但理論終將要應(yīng)用于實(shí)踐、指導(dǎo)實(shí)踐、為實(shí)踐服務(wù)。網(wǎng)易公開課平臺(tái)就是網(wǎng)絡(luò)教育應(yīng)用的一個(gè)成功實(shí)踐，它的成功也證實(shí)了網(wǎng)絡(luò)教育應(yīng)用的可行性，使得網(wǎng)絡(luò)教育應(yīng)用不再僅限于理論研究，對(duì)今后的網(wǎng)絡(luò)教育應(yīng)用實(shí)踐有著一定的旗幟作用。

本文從技術(shù)層面出發(fā)，分別從網(wǎng)站設(shè)計(jì)技術(shù)、網(wǎng)站開發(fā)技術(shù)、網(wǎng)站安全技術(shù)以及網(wǎng)站推廣技術(shù)四個(gè)方面分析網(wǎng)易公開課平臺(tái)的技術(shù)應(yīng)用情況，力求給出較完整的分析結(jié)論。但因?yàn)榘鏅?quán)保護(hù)，不可能獲取到網(wǎng)易公開課平臺(tái)的所有技術(shù)信息，加上筆者自身的知識(shí)和經(jīng)驗(yàn)有限，只能做到淺層次的技術(shù)分析，希望通過本分析能對(duì)今后網(wǎng)絡(luò)教育應(yīng)用的技術(shù)開發(fā)和實(shí)踐起到拋磚引玉的作用。

參考文獻(xiàn)

[1] 祝智庭，王陸網(wǎng)絡(luò)教育應(yīng)用[M].北京：北京師范大學(xué)出版社，2012：31.

[2] 賀相春.專題學(xué)習(xí)網(wǎng)站動(dòng)態(tài)生成系統(tǒng)的開發(fā)與應(yīng)用[J].電化教育研究，2013：1003-1553（2013）03-0068-05：68-72，80.

[3] 王繼新，李玉海，李廣，呂鑒濤.網(wǎng)絡(luò)教育應(yīng)用軟件平臺(tái)設(shè)計(jì)初探[J].華中師范大學(xué)學(xué)報(bào)（自然科學(xué)版），2001，1000-1190（2001）04-0394-04：394-397，406.

[4] 法翠雯.從網(wǎng)易公開課頻道看網(wǎng)絡(luò)教育的優(yōu)勢(shì)與弊端[J].現(xiàn)代婦女（下旬），2014，1007-4244（2014）10-001-1：180.