周洺羽

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

一、“學(xué)霸聯(lián)盟”共享學(xué)習(xí)網(wǎng)站概述

(一)網(wǎng)站建設(shè)背景

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

在移動互聯(lián)網(wǎng)和教育的快速發(fā)展的形勢下，大學(xué)生要積極主動地適應(yīng)現(xiàn)代化的網(wǎng)絡(luò)學(xué)習(xí)環(huán)境，不斷增強自我學(xué)習(xí)能動性。但學(xué)生自身對網(wǎng)絡(luò)信息識別能力較弱，為避免不良信息造成的影響，設(shè)計“學(xué)霸聯(lián)盟”網(wǎng)站可以幫助學(xué)生有效地制訂學(xué)習(xí)計劃，使其可以更好地監(jiān)控與管理自身的學(xué)習(xí)過程，及時對學(xué)習(xí)進度進行調(diào)整，積極利用網(wǎng)站學(xué)習(xí)[1]。

(二)網(wǎng)站建設(shè)目的

整合教育資源，杜絕教育資源浪費現(xiàn)象的發(fā)生，將教育發(fā)達(dá)的雙一流學(xué)校，如北京、上海、廣州、深圳等優(yōu)質(zhì)資源豐富的學(xué)校，通過互聯(lián)網(wǎng)向資源匱乏的普通本科或?qū)？圃盒?“搬運”。網(wǎng)站不僅能做到教育資源共享，也會做到職業(yè)認(rèn)證考試、高校應(yīng)屆生招聘、高校競賽信息推廣的全面覆蓋，一切都是為了滿足學(xué)生在“學(xué)霸聯(lián)盟”網(wǎng)站一站式提升自己的能力。

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

二、“學(xué)霸聯(lián)盟”共享學(xué)習(xí)網(wǎng)站開發(fā)環(huán)境

開發(fā)“學(xué)霸聯(lián)盟”共享學(xué)習(xí)網(wǎng)站所用到的相關(guān)技術(shù)。如表1所示。

表1 網(wǎng)站應(yīng)用環(huán)境

(一)HTML語言

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

(二)CSS框架

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

(三)JavaScript框架

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

(四)jQuery框架

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

三、“學(xué)霸聯(lián)盟”共享學(xué)習(xí)網(wǎng)站分析

(一)學(xué)生需求分析

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

(二)網(wǎng)站需求分析

1.功能需求

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

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

2.性能需求

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

(三)網(wǎng)站可行性分析

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

四、“學(xué)霸聯(lián)盟”網(wǎng)站設(shè)計開發(fā)與實現(xiàn)

根據(jù)設(shè)計的需求分析結(jié)論，把“學(xué)霸聯(lián)盟”網(wǎng)站分成幾個功能模塊，分別是：考試動態(tài)模塊、學(xué)習(xí)分享模塊、人才招聘模塊、加入我們模塊。

(一)考試動態(tài)模塊

包括學(xué)生考試經(jīng)驗交流、考試資料分享、學(xué)習(xí)筆記分享等?？荚嚱?jīng)驗的分享，不僅拓寬了學(xué)生的知識結(jié)構(gòu)，也打開了他們的新視野。這一切都提高了社會競爭力和就業(yè)率。此模塊還具有考試信息發(fā)布、考試復(fù)習(xí)方向指導(dǎo)、考試注意事項提示、考試成績查詢等功能。

(二)學(xué)習(xí)分享模塊

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

(三)人才招聘模塊

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

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

(四)加入我們模塊

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

五、網(wǎng)站后期維護

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

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