試論《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)

計明

【摘? ? 要】隨著科學(xué)技術(shù)的快速發(fā)展，各種先進(jìn)技術(shù)層出不窮，逐漸融合于人們的日常生活和工作中。而隨著教育體制改革不斷深入，為滿足新時期教育發(fā)展要求，《計算機網(wǎng)絡(luò)》課程教學(xué)也需與時俱進(jìn)，積極與計算機、互聯(lián)網(wǎng)等技術(shù)相融合，打造現(xiàn)代化教學(xué)與學(xué)習(xí)系統(tǒng)，從而提升教師教學(xué)與學(xué)生學(xué)習(xí)效率，為院?？沙掷m(xù)發(fā)展提供保障?；诖耍疚囊砸苿訉W(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的重要性為切入點，分析移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的相關(guān)技術(shù)，提出《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的實踐，以期為相關(guān)學(xué)者研究提供參考。

【關(guān)鍵詞】計算機網(wǎng)絡(luò)課程? 移動學(xué)習(xí)網(wǎng)站? 設(shè)計開發(fā)

中圖分類號：G4? ? ? 文獻(xiàn)標(biāo)識碼：A DOI：10.3969/j.issn.1672-0407.2021.22.005

一、移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的重要性

在新時代背景下，人們已經(jīng)步入信息化時代，而《計算機網(wǎng)絡(luò)》課程也在各種因素的影響下，逐漸與信息技術(shù)相融合，發(fā)展成為符合新時代教育發(fā)展要求的計算機網(wǎng)絡(luò)課程教育體系，其中最有代表性的就是《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站?！队嬎銠C網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站對于學(xué)生學(xué)習(xí)管理具有重要作用。打破時間與空間約束的《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站不僅可以促進(jìn)高校管理模式現(xiàn)代化發(fā)展，還有利于提升學(xué)生學(xué)習(xí)的效率與質(zhì)量，對于高校的長遠(yuǎn)發(fā)展意義重大?；诖?，促使《計算機網(wǎng)絡(luò)》課程建設(shè)向智能化、自動化、信息化、集中化方向發(fā)展是現(xiàn)階段教育發(fā)展背景下的大勢所趨，《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)是新時代教育背景下的必然選擇，具有重要意義。

二、移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的相關(guān)技術(shù)

（一）標(biāo)記語言HTML5、Ajax技術(shù)與Jqmobi框架

在實際《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)過程中，應(yīng)側(cè)重網(wǎng)站上視頻、音頻等教學(xué)資源的應(yīng)用成效，而標(biāo)記語言HTML5能夠通過添加“audio、video”等標(biāo)簽，讓教學(xué)音頻與視頻播放流暢。Ajax技術(shù)是設(shè)計交互式網(wǎng)頁的主要技術(shù)，該項技術(shù)已經(jīng)較為成熟，且近幾年隨著科技發(fā)展也得到了優(yōu)化。當(dāng)前在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)中應(yīng)用Ajax技術(shù)可以實現(xiàn)web局部更新，這樣學(xué)生在移動網(wǎng)站上學(xué)習(xí)時不需要重新加載整個網(wǎng)頁。查詢程序庫、jqUi、jqPlugin是Jqmobi框架的主要構(gòu)成部分，《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站的界面布局需要依靠jqUi實現(xiàn)，jqPlugin與查詢程序庫則是進(jìn)一步優(yōu)化學(xué)習(xí)網(wǎng)站使用功能的技術(shù)。

（二）Visual Foxpro技術(shù)

Visual Foxpro6.0是打造《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站信息化管理系統(tǒng)的主要技術(shù)軟件。Visual Foxpro6.0也是目前新一代小型數(shù)據(jù)庫管理系統(tǒng)的杰出代表，相較于從前的版本而言，其具有性能更完善、完整性更高、工具更加豐富、速度更快、兼容性更強等優(yōu)勢。在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)中，可以利用Visual Foxpro6.0項目管理器訪問和創(chuàng)建所需要的工具。同時，Visual Foxpro6.0可以將原教務(wù)管理系統(tǒng)關(guān)于《計算機網(wǎng)絡(luò)》課程相關(guān)的數(shù)據(jù)進(jìn)行復(fù)制與共享，不用擔(dān)心相關(guān)數(shù)據(jù)遺失。此外，Visual Foxpro6.0數(shù)據(jù)庫采用的是SQR Server2000關(guān)系數(shù)據(jù)庫管理系統(tǒng)，其安全性能較高，并且該系統(tǒng)的數(shù)據(jù)庫引擎具有超高的可伸縮性，可以在不同的平臺上進(jìn)行安裝運用。SQR Server2000的Visual Foxpro6.0可以為《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)提供一個數(shù)據(jù)完整、安全性高、功能豐富強大的數(shù)據(jù)庫平臺。

（三）MIS技術(shù)

在進(jìn)行MIS（管理信息系統(tǒng)，Management Information System）功能整體設(shè)計時，要明晰每一個模塊的效用，從而保證創(chuàng)建完成后的《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站系統(tǒng)中的各個模塊功能清晰明了，進(jìn)而在后續(xù)操作使用時“涇渭分明”，不會發(fā)生互相“干擾糾纏”的現(xiàn)象。MIS整體模塊設(shè)計主要包含以下幾點：

第一：移動學(xué)習(xí)網(wǎng)站系統(tǒng)→課程管理模塊→課表查詢。

第二：移動學(xué)習(xí)網(wǎng)站系統(tǒng)→成績管理模塊→任課教師錄入/學(xué)生查詢。

第三：移動學(xué)習(xí)網(wǎng)站系統(tǒng)→教材管理模塊→根據(jù)課程方式錄入/根據(jù)班級方式錄入。

第四：移動學(xué)習(xí)網(wǎng)站系統(tǒng)→課程考試/計算機等級考試/學(xué)分查詢。

三、《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站需求分析

（一）學(xué)習(xí)者需求

基于以下問題了解學(xué)生對課程移動學(xué)習(xí)網(wǎng)站的認(rèn)識與認(rèn)可度。第一，移動學(xué)習(xí)網(wǎng)站能否激發(fā)學(xué)生學(xué)習(xí)的積極性和主動性？第二，移動學(xué)習(xí)網(wǎng)站能否提高學(xué)生與教師、學(xué)生與學(xué)生之間交流的頻率？第三，移動學(xué)習(xí)網(wǎng)站中哪方面的檢測可以幫助學(xué)生及時掌握知識？第四，移動學(xué)習(xí)網(wǎng)站上的哪些內(nèi)容對學(xué)生的學(xué)習(xí)有幫助？第五，每天平均使用網(wǎng)絡(luò)資源的時間是多少？第六，在移動學(xué)習(xí)網(wǎng)站上主要通過什么方式進(jìn)行學(xué)習(xí)？移動學(xué)習(xí)網(wǎng)站是以互聯(lián)網(wǎng)分享為媒介，具有視頻、解惑、調(diào)研、簽到等特點的一種新型教學(xué)模式，該教學(xué)模式不僅具有資源共享體系，學(xué)生可以在此教學(xué)模式下進(jìn)行知識分享和討論，還可以選擇自己喜歡的知識載體，可以是圖片、視頻、網(wǎng)課等任意形式進(jìn)行課程學(xué)習(xí)。通過調(diào)查發(fā)現(xiàn)，學(xué)生對移動學(xué)習(xí)網(wǎng)站的認(rèn)可度較高，在日常教學(xué)中需要通過移動學(xué)習(xí)網(wǎng)站進(jìn)行學(xué)習(xí)。

（二）學(xué)校管理需求

首先，課程內(nèi)容管理。在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)時，課程內(nèi)容管理是其一大關(guān)鍵任務(wù)，因為在進(jìn)行課程內(nèi)容管理時需要參考諸多因素。上課不能在同一時間段安排同一教師進(jìn)行兩個班級授課，不能在同一時間段為同一班級同時安排兩門課程等。此外，在課程管理時還應(yīng)注意以下內(nèi)容：第一，同一門課程安排應(yīng)有一定的間隔性，不應(yīng)過于集中，尤其不能將一周課程全部集中在同一天。第二，對于已經(jīng)上傳教務(wù)系統(tǒng)的課程表安排不應(yīng)隨意更改，甚至增加相應(yīng)課程。第三，盡量不要將一天全部排滿文化課程，應(yīng)注重勞逸結(jié)合。第四，應(yīng)盡量將專業(yè)課程固定在每天的同一時間段。第五，在與其他課程相撞時，應(yīng)先安排公開課時間，再安排專業(yè)課。第六，在課程安排時應(yīng)先安排專業(yè)課，再安排任選課。

其次，成績管理。在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)中進(jìn)行成績管理時，可以根據(jù)不同需求分別采用學(xué)期計劃錄入添加與相關(guān)課程錄入添加。二者最后呈現(xiàn)的結(jié)果是相同的，目的都是便于學(xué)生與教師在教務(wù)系統(tǒng)中查詢成績，但二者在成績錄入形式方面存在不同。按照課程錄入成績時是需要手動輸入的，即在計算機上輸入相關(guān)課程名稱或者課程代碼，該成績管理方式在一定程度上是對學(xué)生重修成績進(jìn)行補錄的輔助技術(shù)，具有保留該類學(xué)生原成績但又可以呈現(xiàn)新成績優(yōu)勢。按照課程添加課程成績信息的成績管理方式不僅具有成績補錄優(yōu)勢，還可以對教務(wù)系統(tǒng)中學(xué)生的課程學(xué)分與學(xué)時進(jìn)行編輯修改。此外，成績管理模塊還具有成績導(dǎo)入與導(dǎo)出功能，學(xué)生可以導(dǎo)出自己的課程成績，而教師也可以在教務(wù)管理員的協(xié)助下導(dǎo)出班級所有學(xué)生的課程成績。

最后，教材管理。教材管理模塊是《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站相較于傳統(tǒng)管理系統(tǒng)新增加的管理模塊。隨著教育體制改革的不斷深入，隨之而來的教材數(shù)量與種類也在日益增加，致使負(fù)責(zé)教材管理工作的相關(guān)工作人員的工作壓力劇增，并且教材信息不完善、數(shù)量不精準(zhǔn)等問題頻發(fā)?；诖?，為改善教材管理工作模式，提高教材管理工作效率，《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計應(yīng)該在開發(fā)時增加教材管理功能，從而可以幫助工作人員通過教材管理功能將各種教材信息進(jìn)行信息化錄入，將其保存到計算機教材管理模塊內(nèi)，并且可以在計算機內(nèi)將各種教材按照學(xué)院、年級、班級進(jìn)行分類，從而使教材使用情況清晰可見，便于教材統(tǒng)計與管理。

四、《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)的實踐

（一）網(wǎng)站系統(tǒng)構(gòu)架設(shè)計

服務(wù)端與客戶端是《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站的主要構(gòu)架，客戶端用于學(xué)生學(xué)習(xí)，服務(wù)端的作用是處理學(xué)生請求。在網(wǎng)站系統(tǒng)構(gòu)架設(shè)計時應(yīng)該盡量細(xì)化服務(wù)端的功能，因為客戶端為學(xué)生移動學(xué)習(xí)終端，整體構(gòu)架較為單一，但服務(wù)端則與之相反，在服務(wù)端設(shè)計時為了滿足學(xué)生的不同請求，需要保證各項功能健全，便于學(xué)生在移動學(xué)習(xí)網(wǎng)站開展登錄、注冊、學(xué)習(xí)、查詢等請求。在進(jìn)行服務(wù)端設(shè)計時首先應(yīng)用Jqmobi框架對移動網(wǎng)站頁面進(jìn)行布局，同時應(yīng)用Jsp對動態(tài)頁面進(jìn)行開發(fā)。其次，移動學(xué)習(xí)網(wǎng)站服務(wù)端還應(yīng)設(shè)有數(shù)據(jù)庫，這一要求需要Access完成。最后，利用Ajax來保障移動學(xué)習(xí)網(wǎng)站上的數(shù)據(jù)處理。

（二）網(wǎng)站的功能模塊設(shè)計

MIS整體模塊設(shè)計是大框設(shè)計，為了保證網(wǎng)站的實際應(yīng)用效果，在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計開發(fā)過程中還應(yīng)做好網(wǎng)站的功能模塊設(shè)計。整體結(jié)構(gòu)主要分為三級，一級模塊為移動學(xué)習(xí)網(wǎng)站;二級模塊為網(wǎng)站管理、理論知識、試驗學(xué)習(xí)、在線測試、學(xué)習(xí)筆記;三級模塊則為用戶登錄、用戶注冊（網(wǎng)站管理模塊）、知識學(xué)習(xí)、標(biāo)記知識點（理論知識模塊）、知識學(xué)習(xí)、標(biāo)記實驗（實驗學(xué)習(xí)模塊）、在線做題、試題管理（在線測試模塊）、我的重點、我的難點、未完成、我的題庫、交流站（學(xué)習(xí)筆記模塊）。

理論知識模塊具體操作流程與涵蓋的內(nèi)容為：用戶登錄→是否登錄→理論知識模塊→選擇知識點→知識點學(xué)習(xí)（文本、課件、視頻）或知識點標(biāo)記（重點、難點、未完成）。

實驗學(xué)習(xí)模塊具體操作流程與涵蓋的內(nèi)容為：用戶登錄→是否登錄→實驗學(xué)習(xí)模塊→選擇實驗→實驗知識點學(xué)習(xí)（文本、課件、視頻）或?qū)嶒炛R點標(biāo)記（重點、難點、未完成）。

在線測試模塊具體操作流程與涵蓋的內(nèi)容為：用戶登錄→是否登錄→在線測試模塊→選擇測試題→上一題（下一題）→（是）試題內(nèi)容或（否）挑戰(zhàn)到上一題（下一題）→查看答案→顯示答案。

學(xué)習(xí)筆記模塊具體操作流程與涵蓋的內(nèi)容為：用戶登錄→是否登錄→學(xué)習(xí)筆記模塊→我的重點、我的難點、未完成、我的題庫、交流站。在我的重點模塊下設(shè)有是否登錄→我的重點列表→知識點學(xué)習(xí)。在交流貼模塊下設(shè)有發(fā)帖、我的帖子、全部帖子→查看帖子→回復(fù)帖子。

（三）網(wǎng)站界面設(shè)計

隨著社會文化的發(fā)展，學(xué)生的審美能力得到有效提升，網(wǎng)站界面的精美度在一定程度上會影響學(xué)生的學(xué)習(xí)興趣與積極性，因此在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)時應(yīng)對網(wǎng)站界面設(shè)計加以重視。主要關(guān)注點可以包含以下幾個層面。第一，界面的整潔度。要保證界面重點內(nèi)容清晰可見，減少不必要的信息披露。第二，界面的友好性。要保證界面上的操作流暢以及操作的簡易程度，避免繁雜設(shè)計。第三，界面的美觀度，要保證界面的色彩、布局、文字、背景等要素之間的合理協(xié)調(diào)性，確保風(fēng)格、形式、內(nèi)容統(tǒng)一。具體參考如下，由于移動學(xué)習(xí)網(wǎng)站相較于PC端學(xué)習(xí)網(wǎng)站而言屏幕較小，在主界面設(shè)計時必須要保證文字少且內(nèi)容精煉。整體分布要遵循上中下結(jié)構(gòu)，上為頁頭，中為內(nèi)容，下為頁腳，背景顏色應(yīng)以具有保護(hù)視力作用的清新顏色為主色調(diào)，字體顏色應(yīng)以黑色為主，規(guī)避掉多彩字體。

（四）網(wǎng)站導(dǎo)航設(shè)計

《計算機網(wǎng)絡(luò)》課程屬于高校課程，知識點較為繁雜且技術(shù)類知識較多，對于《計算機網(wǎng)絡(luò)》課程整體而言需要學(xué)習(xí)的內(nèi)容較多，為此，在移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)時，需要結(jié)合《計算機網(wǎng)絡(luò)》課程實際教學(xué)需求設(shè)計出多個板塊。而在諸多板塊中學(xué)生容易出現(xiàn)“迷航”，無法及時找到自身需要的板塊，為此在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)計與開發(fā)時應(yīng)設(shè)計網(wǎng)站導(dǎo)航。網(wǎng)站導(dǎo)航具有很好的指引作用，通過網(wǎng)站導(dǎo)航，學(xué)生能夠輕松找到學(xué)習(xí)內(nèi)容。在網(wǎng)站導(dǎo)航設(shè)計時應(yīng)遵循簡單要求，保證導(dǎo)航的清晰性、完整性，讓學(xué)生一眼就能看明白導(dǎo)航。在實際設(shè)計《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站導(dǎo)航時可以采取模塊導(dǎo)航與分層導(dǎo)航模式。

首先，模塊導(dǎo)航。模塊導(dǎo)航設(shè)計較為簡單，主要根據(jù)《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站設(shè)有的四大模塊，在主界面頁腳將四大模塊添加上即可，學(xué)生通過點擊各個模塊就可以直接跳轉(zhuǎn)至相應(yīng)界面。模塊導(dǎo)航只適用于幫助學(xué)生找到相應(yīng)的模塊，但無法引導(dǎo)學(xué)生到達(dá)更為細(xì)致的小模塊，為此應(yīng)將模塊導(dǎo)航與分層導(dǎo)航相結(jié)合。

其次，分層導(dǎo)航。分層導(dǎo)航在《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站上的應(yīng)用更為細(xì)致，可以將網(wǎng)站上主要的模塊像目錄一樣列舉出來，并在一級導(dǎo)航下設(shè)有二級導(dǎo)航、三級導(dǎo)航。如，理論知識模塊為一級導(dǎo)航，知識點學(xué)習(xí)為該一級導(dǎo)航下的二級導(dǎo)航，其下的文本、課件、視頻則均為三級導(dǎo)航，通過細(xì)致地分層導(dǎo)航，學(xué)生可以快速找到相應(yīng)學(xué)習(xí)模塊開展學(xué)習(xí)。在分層導(dǎo)航設(shè)計時還應(yīng)設(shè)計隱藏程序，點擊一下一級導(dǎo)航會出現(xiàn)二級與三級導(dǎo)航目錄，再點擊一下則可以將二級與三級目錄收起來，這樣會使界面更加整潔。

綜上所述，伴隨著現(xiàn)代化科學(xué)技術(shù)的迅猛發(fā)展，移動學(xué)習(xí)端應(yīng)運而生，不僅可以打破時間與空間的桎梏，促使學(xué)生隨時隨地學(xué)習(xí)，還能夠激發(fā)學(xué)生的興趣，讓學(xué)生全身心投入到學(xué)習(xí)中。由此可見，設(shè)計與開發(fā)《計算機網(wǎng)絡(luò)》課程移動學(xué)習(xí)網(wǎng)站具有重要意義，是新時代教育背景下的必然選擇。

參考文獻(xiàn)

[1]吳強.在線學(xué)習(xí)網(wǎng)站數(shù)據(jù)庫集群技術(shù)設(shè)計分析——以“江蘇學(xué)習(xí)在線”網(wǎng)站為例[J].軟件，2021，42（06）：35-37.

[2]李云龍，李連玉，李啟鵬，禹立原.淺析微型計算機學(xué)習(xí)網(wǎng)站的設(shè)計與實現(xiàn)[J].數(shù)字通信世界，2021（01）：125-126.

[3]李暉，張志佳，桑海峰，姚曉慧，馮皓.基于考核導(dǎo)向的計算機網(wǎng)絡(luò)類課程教學(xué)模式的探索與實踐[J].教育現(xiàn)代化，2020，7（55）：46-49.

[4]李麗，張楠.計算機科學(xué)技術(shù)學(xué)習(xí)網(wǎng)站的設(shè)計與實現(xiàn)[J].信息記錄材料，2020，21（05）：135-136.

[5]劉曉倩.移動學(xué)習(xí)網(wǎng)站界面布局與導(dǎo)航樣式對用戶體驗影響因素的眼動研究[J].教育教學(xué)論壇，2019（35）：61-62.