基于Node.js的教育技術學資源網站的設計與開發

姚佳花 彭楚瑤

摘? ?要：文章根據教育技術學專業學習者及教學管理者的需求分析，設計并開發了基于Node.js技術的教育技術學資源網站。該網站前臺邏輯和頁面效果主要采用HTML，CSS和JavaScript實現，選用Express框架和MongoDB數據庫為網站后臺開發提供支撐。基于不同角色的用戶，網站分別提供對應學習者角色的功能模塊以及對應教學管理者角色的功能模塊。該網站響應速度快、易于擴展，并能高效處理高并發場景，可以為教育技術學專業學習者以及教學管理者提供相關服務。

關鍵詞：Node.js;教育技術學;網站;開發;設計

1? ? 背景簡介

隨著知識型社會的構建和終生學習理念的提出，當今時代對于能夠“利用新技術、新理念和新方法滿足不同用戶學習需求、解決各種教育問題”的教育技術專業創新型人才的需求也逐年增加。何克抗等[1]學者指出，目前社會需要的教育技術學專業人才，應掌握教育技術學理論、計算機知識，具備以教學設計為中心的能力、構建維護物態教學的能力、軟件開發能力、多媒體制作能力、信息采集及編輯處理能力以及綜合應用能力。

教育技術學具有廣闊的發展前景，但目前互聯網上針對該專業的學習網站較少、相關資源雜亂無章，且已有的網站功能也并不完整。為此，本研究提出對教育技術學專業學習資源進行規范化分類整理和共享，擴展學習者的學習空間和學習方式，并設計出能夠滿足相關用戶學習需求的專業網站，幫助學習者與時俱進地掌握相關教育技術、理念和方法，為專業人才培養提供新的實踐方向，緩解當今社會對于教育技術學專業創新人才的需求壓力，促進現代教育的信息化發展[2]。

2? ? 技術路線

2.1? Node.js

Node.js由Ryan Dahl開發，發布于2009年5月，作為讓JavaScript運行在服務端的開發平臺，實質是對Chrome V8引擎進行了封裝。Node.js擁有異步非阻塞、環境搭建簡單、實踐應用快等特性，主要應用在Http Web服務器的搭建和快速實現的獨立服務器。在實踐項目中，Node.js更適合應用于一些小型系統服務器或者一些大項目的部分功能的實現[3]。

2.2? Express框架

Express集成了Web的HTTP服務器創建、請求和文件管理以及Session的處理等功能，作為Node.js Web應用框架，它可以輔助創建各種Web應用，具備豐富的Http工具，使用起來靈活簡便[4]。

2.3? MongoDB

MongoDB自帶的JavaScript shell工具對MongoDB實例的管理和數據操作都較為便捷全面[5]。它支持的數據結構非常松散，類似json的bson格式，可以存儲比較復雜的數據類型。其特點是高性能、易部署、易使用，存儲數據十分方便。此外，Mongo支持的查詢語言語法與面向對象的查詢相似，查詢功能方便多樣，還支持對數據建立索引[6]。

3? ? 教育技術學資源網站設計

3.1? 網站架構

基于Node.js的教育技術學資源網站的前臺的邏輯和頁面效果主要采用HTML+CSS+Javascript來實現，后臺采用Node.js框架實現，數據庫采用MongoDB來實現。通過Express創建的網站是一個典型的模型—視圖—控制器（Model View Controller，MVC）結構，瀏覽器發出請求，由路由控制接收，根據不同的路徑定向到不同的控制器。控制器處理用戶的具體請求，可能會訪問數據庫中的對象、集模型部分。控制器還要訪問模板引擎、生成視圖的HTML，最后再由控制器返回給瀏覽器，完成請求[7]。Express網站架構如圖1所示。

3.2? 網站功能需求分析

研究所開發的教育技術學資源網站是對教育技術學專業學習資源整合并分類，設計相應的網站功能。面向學習者需求的功能有：專業介紹（專業簡介、學習方向、就業指導）、學習筆記發布、交流討論等，根據預期的設定功能設計并開發出較美觀且功能相對齊全、符合學習者需求的網站。一個完整的網站平臺少不了強大的后臺管理功能，面向教學管理者對網站需求的功能有：用戶管理、信息資源管理、網站資源分類管理、用戶評論管理等[8-9]。

3.2.1? 學習者對功能的需求

（1）了解專業基本情況：學習者注冊后，可登錄瀏覽專業介紹板塊，閱讀教育技術學專業簡介，了解專業的學習方向和就業方向以及時了解專業最新形勢，方便用戶對此專業有更充分的了解。

（2）學習筆記：用戶可發布或查看學習筆記，及時對專業知識進行鞏固學習。

（3）交流討論：在對網站上提供的資源的學習過程中，若用戶產生疑問或遇到暫時無法解決的問題，可在學習筆記下方評論，作者就可查看到評論。

3.2.2? 教學管理者對功能的需求

（1）用戶管理：教學管理者可對用戶進行增、刪、查、改處理，并且可以設置用戶的權限，將其設為網站教學管理者，方便對網站的學習資源進行管理，維持網站的秩序，更好地發揮網站的作用，為用戶提供服務。

（2）內容管理：教學管理者可對用戶在網站發布的資源內容進行管理，對資源進行基本的審核，查看用戶所發布的資源是否違反了網站的相關規定。若出現不健康或與網站服務功能無關的內容可對其進行編輯或刪除。

（3）評論管理：用戶的學習筆記中若出現不正當的言論，教學管理者可進行刪除，對網站上的內容進行實時監控，保證網站所出現的內容都是積極健康的。

（4）菜單管理：軟件學習是教育技術學學習者在學習當中的一個重要模塊，但現代信息發展速度飛快，網站所提供的內容也需及時更新。教學管理者可對菜單進行更新，更好地將網站內容分類以完善網站的性能[10-11]。

3.3? 網站功能模塊設計

3.3.1? 注冊登錄模塊

注冊登錄模塊（見圖2）包括用戶登錄和用戶注冊兩個部分，當用戶開始登錄網站時，可以進入登錄頁面進行登錄。如果用戶沒有登錄，用戶只能以游客的身份瀏覽網站，可以瀏覽網站的信息和其他用戶發表的文章評論信息，但是不能發表評論和與其他用戶交流。當用戶登錄后就有個人信息頁面，對自己的資料和發布的學習筆記有管理的權限，而其他人對其信息和文章只有訪問權限[12]。

3.3.2? 學習筆記發布模塊

用戶完成登錄 ，就可以發布學習筆記以及對已有的學習資源進行瀏覽，對自己資源的管理有查看、發布、修改和刪除的權限。用戶對于自身的每一篇學習筆記，可以發表和刪除評論，游客無此功能。

3.3.3? 后臺管理模塊

只有教學管理者才能進入后臺管理，進入后臺管理后，教學管理者可查看用戶的注冊信息。對學習資源進行分類管理，對分類執行增、刪、查、改操作。同時，也可在網站上發表文章、對已發表的文章進行刪、查、改操作，對用戶的文章評論進行查看、刪除操作，以便及時維持網站上的秩序和保證網站內容積極健康，具體如圖3所示。

3.4? 數據庫設計

教育技術學資源網站數據表的結構設計較簡單，因為網站處于初期建設階段，儲存的數據較少，具體數據表僅包括用戶表、文章信息表以及學習資源分類信息表。

3.4.1? 用戶信息表

用于存儲用戶注冊登錄信息，具體結構如表1所示。

3.4.2? 文章信息表

用于存儲發布的學習筆記等文章信息，以及用戶在文章底下的評論交流信息，具體結構如表2所示。

用于存儲學習資源分類信息，具體結構如表3所示。

4? ? 教育技術學資源網站功能的實現

4.1? 網站界面實現

網站主要為教育技術學專業學習者或需要掌握教育技術技能的學習者提供服務，因此，網站的界面較為簡潔明了、顏色偏向冷靜沉著風格、布局清晰有條理、網站功能分類明確易于查找。

4.1.1? 前臺界面

進入網站的首頁后，網頁頭為導航部分，導航設計的菜單有：首頁、教育技術學、學習資源、學術交流、個人中心。部分菜單也包含了其子菜單，并且已經把網站的主要功能歸類好。網頁中間左側則展示學習資源的全部內容，突出網站的主題，也能向用戶展示最新的學習資源等信息。右側包含了登錄注冊模塊和社區模塊，其中，登錄注冊模塊通過按鈕能夠自由切換登錄面板和注冊面板，社區模塊則向用戶提供關于教育技術的一些最新資訊，用戶可點擊訪問鏈接了解詳情[13]。

首頁及內容頁的色彩搭配為藍白色。導航的背景色采用帶有不透明度的白色，主要內容的板塊都采用純白色帶圓角和陰影，主題文字為藍色或黑色，單一的色彩不會讓學習者產生視覺上的不適或審美疲勞。網站的Logo設計為鼠標點擊書籍，寓意為通過“線上+線下”的學習方式掌握教育技術能力，將教育技術應用于教學和學習，努力實現現代信息化教育。首頁如圖4所示。

4.1.2? 后臺界面

后臺管理部分首先進入的是歡迎教學管理者的界面，頂部的菜單設置的功能有：用戶管理、分類管理、內容管理。3個管理界面的布局和色彩搭配采用一致的樣式，都較為簡潔明了，便于教學管理者進行后臺管理。配色采用白色背景黑色字體，列表各行采用不同顏色顯示，便于快速查找信息，后臺界面如圖5所示。

4.2? 功能模塊實現

4.2.1? 學習者模塊

學習者模塊包括用戶登錄注冊、瀏覽學習資源和評論交流等3個主要功能。功能描述如下[14-15]。

（1）用戶登錄注冊。用戶進入首頁界面可看到右側的“登錄”版面，若用戶尚未注冊則可點擊“馬上注冊”跳轉至“注冊”版面。若不登錄，則只能以游客的身份進行瀏覽，游客無法在學習資源提供的學習筆記等文章下方進行評論，右側版面也不會顯示用戶信息。

（2）瀏覽學習資源。用戶點擊導航中的菜單可查看當前網站已上傳的學習資源，資源按照分類顯示以便于用戶快速查找。現有的學習資源包括一些前端學習、后臺學習、多媒體技術、攝影攝像等學習筆記的文章，文章包含主題、摘要、主要內容發布時間、作者、瀏覽數、評論數等信息。用戶可點擊“閱讀全文”對資料進行深入了解和學習。

（3）評論交流。用戶點擊“閱讀全文”按鈕后，文章除了會展示完整內容外，下方還設置了評論板塊，可供用戶隨時隨地發表自己的見解和提出疑難問題，以便用戶進行交流，相互促進學習。

4.2.2? 教學管理者模塊

教學管理者模塊包括用戶管理、學習資源分類管理和內容管理3個主要板塊。只有教學管理者才有權限進入后臺管理界面，教學管理者登錄后，首頁將顯示教學管理者信息及提供教學管理者進入管理界面的鏈接，教學管理者進入后臺管理便會顯示歡迎教學管理者的界面。

教學管理者通過點擊菜單上的功能進行管理操作，管理功能描述如下。

（1）用戶管理：點擊菜單欄中的“用戶管理”，可進入用戶管理界面。用戶管理界面可以看到用戶的賬號信息和是否為教學管理者身份，但無法對信息進行編輯。同時，列表具有分頁功能和統計數據條數功能，方便教學管理者查看和統計用戶數量。

（2）學習資源分類管理：由于教育技術學學習方向較多，內容紛繁復雜，因此對學習資源進行分類管理十分必要。教學管理者可對內容分類進行增、刪、查、改操作，以便對內容進行及時更新，能夠隨著信息快速發展的步伐對資源進行整合，以滿足用戶需求。

（3）信息發布管理：該列表包含的內容最多。教學管理者可在后臺發布學習資源，發布時可選擇相應的資源分類，同時，能夠對已發布的文章進行刪、查、改操作。