“學霸聯盟”學習資源共享網站設計探索與實踐

周洺羽

(渤海大學 教育科學學院，遼寧 錦州 121000)

一、“學霸聯盟”共享學習網站概述

(一)網站建設背景

受新冠肺炎疫情的影響，2020年全國教育系統推遲線下上課時間，大多開始采用線上授課模式，但是線上授課的一個弊端就是無法及時快速獲取有效的學習資料。學生獲取學習資源具有局限性，學生獲取知識的方式只能是以學校為原點的區域半徑，無法獲取本地區以外更優質的學習資源。在某種意義上說，其他地區非常優質的學習資源無法得到有效的整合并加以利用的話，就會造成教育資源的浪費。“學霸聯盟”教育資源整合網站能夠很好地解決這一難題。

在移動互聯網和教育的快速發展的形勢下，大學生要積極主動地適應現代化的網絡學習環境，不斷增強自我學習能動性。但學生自身對網絡信息識別能力較弱，為避免不良信息造成的影響，設計“學霸聯盟”網站可以幫助學生有效地制訂學習計劃，使其可以更好地監控與管理自身的學習過程，及時對學習進度進行調整，積極利用網站學習[1]。

(二)網站建設目的

整合教育資源，杜絕教育資源浪費現象的發生，將教育發達的雙一流學校，如北京、上海、廣州、深圳等優質資源豐富的學校，通過互聯網向資源匱乏的普通本科或專科院校 “搬運”。網站不僅能做到教育資源共享，也會做到職業認證考試、高校應屆生招聘、高校競賽信息推廣的全面覆蓋，一切都是為了滿足學生在“學霸聯盟”網站一站式提升自己的能力。

新冠肺炎疫情防控背景下，針對學生宅家學習的“危機”[2]，將所有想學習但是找不到好的學習方法、學習資源、學習團體的各位“學霸”集中起來，分享自己擅長并且很出色的專業學習經驗，開發設計一款“學霸聯盟”學習資源共享網站。網站接收學有所長學生分享的學習經驗、教育領先地區高校學生分享的學習資源再整合全國各類職業資格考試信息及培訓計劃，最后使學生能在網站“招聘”板塊找到自己心儀的企業入職。教育資源整合的模式積極引導了大學生在學習環境中努力將客觀認識轉化為主觀行動，實現從“被迫學”到“主動學”的轉變。通過知識共享、線上交流等方式讓更多的學生宅家也能體會到豐富多彩的校園活動，體會更多在線學習的樂趣。在網站中找到學習的相關書籍和課程，讓熱愛學習的學生能夠找到學習的動力與資源，帶動學習意識薄弱的學生上進。

二、“學霸聯盟”共享學習網站開發環境

開發“學霸聯盟”共享學習網站所用到的相關技術。如表1所示。

表1 網站應用環境

(一)HTML語言

HTML語言是Hyper Text Markup Language的縮寫，即超文本標記語言。HTML語言可以通過標記符號等方法對網頁中的板塊進行標記，并且實現全世界廣域網文檔的基本單元——網頁的書寫。網頁文件又稱HTML文件，為了展現網頁的結構框架、網頁的主題內容、網頁外觀等功能信息，一個HTML網頁可以存在多個命令標記符，以滿足網頁的需要[3]。這些標記符都是一些命令，通過這些命令的實現來展現網頁的結構、外觀等內容信息[4]。

(二)CSS框架

CSS框架的英文為Cascading Style Sheets，CSS樣式主要分為行內樣式、內部樣式和外部樣式。本網站主要采用的是外部樣式，就是利用標簽將寫在不同CSS內的樣式不同的樣式鏈接到HTML頁面中。例如，給每個頁面都會有的一些樣式寫一個公共樣式，給所有的導航單獨寫在一個樣式里，給所有的表格單獨寫在一個表格里。這樣既可以節省代碼，大大縮減了代碼頁面的體積，又可以讓代碼查看起來特別容易。

(三)JavaScript框架

JavaScript作為一種直譯式、解釋性腳本語言具有動態、弱類型、高端等特點。為了實現JavaScript腳本的自身功能，技術人員可以將其單獨寫成JavaScript文件或者是嵌入到HTML中。JavaScript可以對用戶的輸入作出響應。例如，用戶在瀏覽“學霸聯盟”電子商務網站中的某一個網頁時，用戶會根據自身的需要對網站作出一定的命令，并通過鼠標光標的左右移動、選擇性點擊、窗口的拖動等操作得以實現。而JavaScript為滿足用戶的使用，會立刻對用戶發出的命令作出回應。

(四)jQuery框架

jQuery在GNU 通用公共許可證下具有免費、開放源、雙許可的特征。高效、有效的Web應用程序和Web頁面借助jQuery庫的高級模塊化機制得以開發。同時jQuery庫具備的一些用戶友好的策略和功能為應用程序的開發打下基礎。jQuery因功能簡單的特點使其在開發應用中倍受歡迎。當用戶發出命令時，jQuery在獲取頁面的同時快速響應用戶的頁面操作，很好地為網站頁面添加動態效果。

三、“學霸聯盟”共享學習網站分析

(一)學生需求分析

疫情期間，互聯網在線教育To Online模式巨大潛力，預示著它將成為未來教育的潮流。“學霸聯盟”教育資源整合網站不僅能夠提供大學生在線網絡授課服務，還能在資源分享、站內溝通、就業招聘等其他方面擴大學生的需求。在疫情期間，通過互聯網問卷的方式，向全國各地區在校大學生做了在線調研。調查結果顯示：87.32%的學生在疫情期間對其學習生活現狀不滿意，9.82%的學生較滿意，僅有2.86%的學生很滿意自己疫情期間的學習生活，屬于兩極分化的現象。如圖1所示。有88.73%的學生希望可以通過類似于“學霸聯盟”網站這樣的平臺進行學習交流，如圖2所示。

(二)網站需求分析

1.功能需求

針對當前大學生普遍的學習狀況，做了一次針對性的問卷調查。問卷調查報告顯示：大多數學生會應用網絡來解決學習生活中所遇到的問題，大部分學生的學習模式都是自主學習。大學校園中人際交往更為復雜，大學生獨立性更強、更具社會性，同學之間缺乏學習上的交流和溝通，這也就缺少了探索知識的競爭性和博弈性。

大多數學生為疫情期間找不到一起學習交流的同伴而苦惱，很多學生對自己的專業想深入了解。調查顯示，“學霸聯盟”學習資源共享網站在功能設置上滿足了大學生理想中學習網站的功能需求，提供了各專業大學生關于學習的經驗、課程推薦、購買課程等功能服務。最重要的是“學霸聯盟”網站是要以網絡為基礎為學生提供交流互助的學習平臺。(1)交流功能：網站作為大學生學習交流分享的平臺，將網絡作為載體，能讓學生之間對學習經驗和方法進行交流。用戶可以通過網站提供的交流平臺，針對在自學中、考試中、生活中遇到的問題，與其他同學進行溝通交流。(2)共享功能：能使學生在學習上突飛猛進的是良好的學習方法和豐富多彩的經驗。用戶可以看到由其他用戶分享的有價值的學習經驗或者管理員為用戶們整理發布的考試心得和學習經驗，學生可以依據這些用戶的經驗進行科學高效的學習，根據自身特點總結出一套適合自己的學習方法。(3)反饋功能：網站反饋平臺的建立是為了收集用戶們的寶貴意見，相當于建立一個用戶意見收納箱。學生可以通過反饋平臺對網站提出意見和要求，這樣有利于網站的進一步完善和維護，從而為用戶提供一個更優質、完善的學習平臺。

2.性能需求

(1)網站色彩搭配合理：網站的色彩是網站形象的代表，合理的色彩搭配能夠體現網站整體的風格。“學霸聯盟”網站運用最簡單的色彩表達最豐富的含義，選用藍白色調的色彩模式，藍色代表海洋也被視為代表科學的象征色，寓意著學生們可以通過網站在知識的海洋中遨游。網站設計搭配白色，白色象征知識的圣潔、不容侵犯性，可以使主題顯得分外純凈[5]。(2)互動性高：網站為了方便用戶的使用，開發了會員注冊模塊。用戶通過會員通道在網站中和志同道合的用戶進行學習交流，共同解決疑難問題。網站管理員會定期開展一些活動，用戶按照規則參與，即可獲得網站送出的小禮品，通過這樣的方式能增強網站的互動性。(3)針對性強：網站目標用戶群體是大學生，為學生提供學習問題交流的平臺。針對學生專業開展專業圖書、課程等相關服務，對不同專業的學生推薦不同的學習經驗和職業資格證書考試經驗。

(三)網站可行性分析

(1)技術可行性分析：主要從網站實施的角度分析，網站的頁面開發主要運用的技術包括HTML、JavaScript、CSS以及PhotoShop等，要考慮網站建設需要的條件和工時花費，在技術方面是可行的。(2)經濟可行性分析：主要從項目開發過程需要的資金來分析。由于頁面開發使用的是免費接口，所以在接口方面就不需要投入資金。開發方面因為筆者已經熟練掌握網站開發設計技術，所以為網站開發解決了很大的經濟問題。(3)社會可行性分析：網站完全服務于大學生，網站信息真實可靠，不存在虛假、詐騙等不安全信息。網站的建立能夠真正地為用戶學習帶來方便，不存在違法損害他人利益等問題，具備社會的可行性。

四、“學霸聯盟”網站設計開發與實現

根據設計的需求分析結論，把“學霸聯盟”網站分成幾個功能模塊，分別是：考試動態模塊、學習分享模塊、人才招聘模塊、加入我們模塊。

(一)考試動態模塊

包括學生考試經驗交流、考試資料分享、學習筆記分享等。考試經驗的分享，不僅拓寬了學生的知識結構，也打開了他們的新視野。這一切都提高了社會競爭力和就業率。此模塊還具有考試信息發布、考試復習方向指導、考試注意事項提示、考試成績查詢等功能。

(二)學習分享模塊

在頁面中根據大學階段每個專業的分類，推薦學習圖書供用戶購買。根據學生的學習需求，網站推薦相關學習課程。通過網站學習教學可以滿足學生自主選擇感興趣的或薄弱環節多頻次學習的需要，突破時間和空間的限制，使優質資源共享并得到傳播，特別是在此次新冠肺炎疫情特殊時期發揮了重要作用。為保障在線教學的效果和學生的在線學習條件，應選擇合適的在線教育資源，制訂合理的在線教育計劃以及建立監督和評價管理體系。網站安全信息真實可靠，為學生提供了學習保障。

(三)人才招聘模塊

分專業類別為學生提供各專業企業招聘信息、兼職信息，同時收集發布各省事業單位招聘信息及國企招聘信息等。人才招聘模塊需要有用戶管理的功能，使企業用戶能夠發布自己需求職位，應聘者可以與企業交流獲取有用的招聘信息。企業用戶可以完善招聘職位、公司名稱、職位薪資、職位要求等信息；學生應聘用戶可以上傳簡歷、投遞簡歷、查看面試信息等，也可以直接向用戶企業招聘方發起聊天，通過網站與對方直接溝通。

項目使用ReactJs框架搭建前端交互頁面，將所有的相關活動設置在一個Web頁面中，僅在Web頁面初始化時加載相應的CSS、HTML和JavaScript。一旦頁面加載完成，SPA不會因為用戶的操作而進行頁面的重新加載或跳轉，從而提供較為流暢的用戶體驗[6]。針對每個不同用戶，其操作也不一樣。普通應聘用戶操作如圖3所示，企業用戶操作如圖4所示。

(四)加入我們模塊

用戶未注冊“學霸聯盟”，要先打開注冊頁面。該頁面也是由圖片和文字組成，同時經過表單驗證，用戶只有輸入格式正確的個人信息才能完成注冊。該模塊有網站聯系方式，方便客戶留言反饋意見。加入我們模塊頁面截圖，如圖5所示：

五、網站后期維護

在“學霸聯盟”網站后期維護工作上，要建立健全網站制度，并及時進行完善，規范日常維護行為。一是合理安排人員對網站進行維護，明確劃分維護人員的工作內容，如網站技術方面的內容更新、網站日常的垃圾清理、網速的提升等，需要以明確、具體的人員分工進行日常維護；二是制定明確的維護時間，網站需要進行定期的日常維護，日常維護的時間必須以文字的形式確立；三是建立工作日志，明確每一步工作任務，將每個人的任務落實好，為下一步工作提供便利，做到有章可循。

在建設“學霸聯盟”電子商務網站時要對數據庫安全隱患控制策略進行分析后，提出解決策略：建立數據庫備份和恢復機制，整個“學霸聯盟”網站運行中學生數據庫信息資源是最重要因素之一，如果數據網絡系統遭到侵襲，應該在最快的時間內將數據進行備份處理，使得原始數據能夠得到保護[7]。對數據進行加密：公開形式密鑰加密技術的使用能夠使用戶互聯共享網絡資源，可以保證信息數據傳遞過程中同時進行網絡安全交易的穩定性。加強“學霸聯盟”網站后臺管理系統的安全性：用戶名和口令的設置需要難度系數高一點兒的密碼進行加密[7]。由于“學霸聯盟”網站建設中數據庫系統較為復雜，在其中有許多安全隱患，需要采取一定的措施及時處理，才能保證“學霸聯盟”網站建設中數據庫能夠穩定運行。