李婉茹 余楊奎

摘 ?要： 讓學(xué)習(xí)者能高效地從Web中提取有效知識(shí)，是長期以來互聯(lián)網(wǎng)領(lǐng)域不斷探索的重要內(nèi)容。以視覺設(shè)計(jì)為研究對(duì)象，對(duì)平臺(tái)的視覺設(shè)計(jì)要素進(jìn)行分析，以視覺信息傳達(dá)為主題，結(jié)合平臺(tái)界面設(shè)計(jì)的基本原則，從主題、色彩、文字等方面研究視覺信息傳達(dá)對(duì)平臺(tái)界面設(shè)計(jì)的重要作用，強(qiáng)調(diào)合理設(shè)計(jì)界面中的主題、色彩、文字等信息，將平臺(tái)界面設(shè)計(jì)得更加有條理，通過響應(yīng)式技術(shù)完成協(xié)同育人平臺(tái)的前端設(shè)計(jì)。

關(guān)鍵詞： 協(xié)同育人; 視覺傳達(dá)設(shè)計(jì); 響應(yīng)式; 平臺(tái)

中圖分類號(hào)：TP311.1 ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A ? ? 文章編號(hào)：1006-8228（2021）08-63-04

Design and implementation of responsive collaborative education platform

with visual communication design

Li Wanru1， Yu Yangkui2

（The Open University of Guangdong， Zhanjiang， Guangdong 524003， China）

Abstract： It has been an important research content in the field of Internet for a long time that learners can efficiently extract effective knowledge from webs. Taking visual design as the research object， this paper analyzes the visual design elements of the platform， taking visual information communication as the theme， combining with the basic principles of platform interface design， studies the important role of visual information communication in platform interface design from the aspects of theme， color， text， etc.， and emphasizes the reasonable design of theme， color， text and so on in the interface， to design a more order platform interface， and complete the front-end design of collaborative education platform with the responsive technology.

Key words： collaborative education; visual communication design; response; platform

0 引言

在信息時(shí)代，人們生活水平逐漸提高，對(duì)生活的品質(zhì)和要求也更高。從藝術(shù)品到日常生活用品，人們總是在追求更舒適的生活條件和學(xué)習(xí)習(xí)慣。

視覺傳達(dá)設(shè)計(jì)涵蓋的領(lǐng)域十分廣闊，在人們生活和學(xué)習(xí)中無處不在。

隨著網(wǎng)絡(luò)技術(shù)和通信技術(shù)不斷完善與發(fā)展，視覺傳達(dá)設(shè)計(jì)又開辟了一個(gè)全新的舞臺(tái)，例如網(wǎng)頁界面中的主題、顏色、文字等信息，設(shè)計(jì)者通過字體設(shè)計(jì)、版面改進(jìn)、動(dòng)畫插入、顏色調(diào)整等方式，向?qū)W習(xí)者傳達(dá)學(xué)習(xí)內(nèi)容的內(nèi)涵，激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。然而，傳統(tǒng)平臺(tái)只適合在臺(tái)式電腦和手提電腦上操作，在手機(jī)或平板電腦上觀看時(shí)會(huì)出現(xiàn)頁面比例失調(diào)、顯示緩慢等問題。為了適應(yīng)不同的設(shè)備，“響應(yīng)式Web設(shè)計(jì)”應(yīng)運(yùn)而生。基于響應(yīng)式Web設(shè)計(jì)的平臺(tái)能夠?qū)崿F(xiàn)自動(dòng)切換分辨率、改變圖片尺寸和相關(guān)腳本功能。

隨著移動(dòng)網(wǎng)絡(luò)的快速普及，人們選擇使用手機(jī)、平板等移動(dòng)設(shè)備隨時(shí)隨地的獲取信息。因此，在移動(dòng)設(shè)備多元化的背景下，需要在不同設(shè)備上呈現(xiàn)給用戶同樣的Web網(wǎng)頁。

本文在視覺傳達(dá)設(shè)計(jì)視角下，論述響應(yīng)式Web設(shè)計(jì)的概念，構(gòu)建協(xié)同育人平臺(tái)，通過基于頁面賦權(quán)的Web內(nèi)容提取方法中提出的Web網(wǎng)頁帶權(quán)搜索策略和基于模板算法Web具體內(nèi)容提取方式，能在Internet中快速精準(zhǔn)的定位網(wǎng)頁，提取網(wǎng)頁內(nèi)容，重構(gòu)開放性、可擴(kuò)展的協(xié)同育人平臺(tái)數(shù)據(jù)庫，完成對(duì)協(xié)同育人平臺(tái)的設(shè)計(jì)[1]。實(shí)現(xiàn)了各主體之間的即時(shí)溝通和同步合作，促進(jìn)數(shù)字化教學(xué)的開展?；陧憫?yīng)式Web設(shè)計(jì)協(xié)同育人平臺(tái)能夠?qū)崿F(xiàn)多方的在線溝通，具有可靠、及時(shí)、互動(dòng)的功能。將視覺傳達(dá)設(shè)計(jì)與響應(yīng)式Web設(shè)計(jì)結(jié)合起來，這顯得特別重要，使Web頁面變得引人注意，讓學(xué)習(xí)者更加容易從中獲取知識(shí)。

1 響應(yīng)式Web設(shè)計(jì)的概念

目前，有很多Web設(shè)計(jì)采用的是固定寬度的方式，可以為所有的終端提供一致的用戶界面，不過只能在電腦屏幕中正常顯示，在移動(dòng)終端的小屏幕中，頁面布局不能自適應(yīng)調(diào)整。傳統(tǒng)的Web設(shè)計(jì)不能滿足用戶的瀏覽需求，針對(duì)這一問題，設(shè)計(jì)人員根據(jù)用戶顯示屏尺寸設(shè)計(jì)多個(gè)版本的網(wǎng)頁，以滿足不同設(shè)備的用戶瀏覽。不過，這也會(huì)增加網(wǎng)站的負(fù)擔(dān)和增加網(wǎng)站投入的費(fèi)用。而且，先進(jìn)技術(shù)和設(shè)備的發(fā)展非?？?，未來會(huì)有更加新型的移動(dòng)設(shè)備充斥市場(chǎng)，單獨(dú)設(shè)計(jì)網(wǎng)頁版本顯然是不切實(shí)際[2]。

響應(yīng)式Web設(shè)計(jì)可以很好的解決以上問題，設(shè)計(jì)人員針對(duì)聯(lián)網(wǎng)設(shè)備的多樣性，設(shè)計(jì)一個(gè)能夠自動(dòng)適應(yīng)用戶終端設(shè)備的網(wǎng)站，讓網(wǎng)頁能夠根據(jù)用戶的瀏覽需求和設(shè)備環(huán)境作出響應(yīng)和調(diào)整。響應(yīng)式Web設(shè)計(jì)是一次性開發(fā)出來的網(wǎng)頁，能夠根據(jù)不同的終端設(shè)備自動(dòng)調(diào)整頁面尺寸，既省錢又省力。

2 協(xié)同育人平臺(tái)的關(guān)鍵技術(shù)分析

2.1 技術(shù)要求

⑴ 方便

設(shè)計(jì)人員在設(shè)計(jì)協(xié)同育人平臺(tái)時(shí)應(yīng)該從操縱時(shí)間和地點(diǎn)上考慮，使用響應(yīng)式的設(shè)計(jì)思路使頁面更加有彈性，自動(dòng)調(diào)整圖片的尺寸，保證頁面可以不受時(shí)間、地點(diǎn)和終端設(shè)備屏幕大小的限制，操作方便。

⑵ 穩(wěn)定

使用先進(jìn)的MYSQL數(shù)據(jù)庫，運(yùn)用成熟的B/S開發(fā)模式、SSH加密保護(hù)以及強(qiáng)大的系統(tǒng)容錯(cuò)機(jī)制，能夠保證系統(tǒng)穩(wěn)定、可靠地運(yùn)行。

⑶ 先進(jìn)

在協(xié)同育人平臺(tái)設(shè)計(jì)中采用架構(gòu)技術(shù)，運(yùn)用先進(jìn)的軟件平臺(tái)開發(fā)工具，保證系統(tǒng)具有擴(kuò)展性。

⑷ 可維護(hù)

系統(tǒng)管理員將平臺(tái)的維護(hù)集中在數(shù)據(jù)庫服務(wù)器和Web服務(wù)器上，使得系統(tǒng)維護(hù)更加的方便、省力[3]。

2.2 采用的關(guān)鍵技術(shù)

⑴ 響應(yīng)式Web技術(shù)

響應(yīng)式Web設(shè)計(jì)是網(wǎng)站開發(fā)和設(shè)計(jì)中運(yùn)用的一種技術(shù)方式，響應(yīng)式Web技術(shù)可以提高網(wǎng)站的自適應(yīng)性，使系統(tǒng)內(nèi)容布局能夠根據(jù)用戶的使用顯示器不同進(jìn)行調(diào)整，適應(yīng)于各種設(shè)備。響應(yīng)式Web技術(shù)能夠讓原本1292像素寬，四欄的內(nèi)容顯示在1025像素寬的顯示屏上，簡(jiǎn)化成二欄的內(nèi)容。響應(yīng)式Web設(shè)計(jì)是一種全新的思維模式，隨著移動(dòng)設(shè)備的不斷更新，響應(yīng)式設(shè)計(jì)也隨著發(fā)生著各種改變。

⑵ 安卓開發(fā)環(huán)境

安卓系統(tǒng)是一些手機(jī)或平板電腦等終端的操作系統(tǒng)，是一種手機(jī)智能平臺(tái)，在智能手機(jī)中的應(yīng)用較為廣泛。安卓手機(jī)操作系統(tǒng)基于Linux開放性內(nèi)核，由操作系統(tǒng)、中間件、應(yīng)用軟件和用戶界面等四部分組成。安卓系統(tǒng)不僅適用于手機(jī)中，還延伸到了其他便攜式、嵌入式設(shè)備（電子書、平板電腦、上網(wǎng)本、高清電視等）中，具有很好的發(fā)展前景。

⑶ SSH技術(shù)

SSH是目前市場(chǎng)中較為流行的Web應(yīng)用程序開源框架，集成框架SSH系統(tǒng)在職責(zé)上可以分為表示層、業(yè)務(wù)邏輯層、域模塊層、數(shù)據(jù)持久層等四層，幫助人們快速地開發(fā)結(jié)構(gòu)清晰、可復(fù)用性好和方便維護(hù)的Web應(yīng)用程序[4]。

3 協(xié)同育人平臺(tái)的系統(tǒng)設(shè)計(jì)

3.1 系統(tǒng)設(shè)計(jì)原則

協(xié)調(diào)育人平臺(tái)的系統(tǒng)設(shè)計(jì)原則主要有合適性原則、結(jié)構(gòu)穩(wěn)定性原則、可擴(kuò)展性原則和可復(fù)用性原則等。具體內(nèi)容主要有：①遵循合適性原則使用歸納和推理的方法設(shè)計(jì)出合適的體系結(jié)構(gòu)，滿足系統(tǒng)的功能性需求和非功能性需求。體系結(jié)構(gòu)在設(shè)計(jì)完成之后會(huì)在一段時(shí)間內(nèi)保持穩(wěn)定不變，按照結(jié)構(gòu)穩(wěn)定性原則需要在詳細(xì)設(shè)計(jì)階段對(duì)數(shù)據(jù)庫、模塊、數(shù)據(jù)結(jié)構(gòu)和用戶界面等進(jìn)行設(shè)計(jì)。②可擴(kuò)展性原則是軟件擴(kuò)展新功能的容易程度，擴(kuò)展功能越好，軟件適應(yīng)變化的能力越強(qiáng)。軟件的可擴(kuò)展性與穩(wěn)定性不存在沖突，可擴(kuò)展性保證系統(tǒng)結(jié)構(gòu)穩(wěn)定的基礎(chǔ)條件，遵循可擴(kuò)展性原則對(duì)體系結(jié)構(gòu)進(jìn)行分層開發(fā)，并不會(huì)破壞原有結(jié)構(gòu)的穩(wěn)定性。③可復(fù)用性原則，在設(shè)計(jì)過程中重復(fù)利用已經(jīng)存在的東西。協(xié)同育人平臺(tái)中的大部分內(nèi)容都是相當(dāng)成熟，還有一小部分內(nèi)容是創(chuàng)新的。在新產(chǎn)品的使用中延用上個(gè)產(chǎn)品的體系結(jié)構(gòu)，可以降低新產(chǎn)品的風(fēng)險(xiǎn)和研發(fā)成本?；诳蓮?fù)用性原則設(shè)計(jì)出的系統(tǒng)具有通用性，能夠重復(fù)使用。

3.2 系統(tǒng)安全設(shè)計(jì)

在移動(dòng)終端和系統(tǒng)中配置殺毒軟件和防火墻，避免因遭到惡意攻擊而使系統(tǒng)中的文件信息被破壞、更改和泄露。系統(tǒng)安全設(shè)計(jì)包括：完整性、真實(shí)性、保密性和安全性。常用的系統(tǒng)安全設(shè)計(jì)如下。

⑴ 物理安全設(shè)計(jì)

設(shè)計(jì)人員在設(shè)計(jì)協(xié)同育人平臺(tái)時(shí)應(yīng)該按照電子信息系統(tǒng)機(jī)房的相關(guān)設(shè)計(jì)規(guī)范，在2-4的建筑內(nèi)選擇機(jī)房場(chǎng)地時(shí)，應(yīng)該避開雨水滲漏位置和用水設(shè)備，選擇的物理位置要能夠抵御6級(jí)地震和8級(jí)臺(tái)風(fēng)。機(jī)房供電選擇“市電+柴油發(fā)電機(jī)+UPS”的供電方式，這種電力供應(yīng)方式比較安全可靠[5]。在機(jī)房內(nèi)安裝報(bào)警設(shè)備和監(jiān)控系統(tǒng)，將主機(jī)和服務(wù)器等重要設(shè)備放置在主機(jī)房內(nèi)，將主要設(shè)備與部門固定在地板上，通信線纜鋪設(shè)在地下。

⑵ 網(wǎng)絡(luò)安全設(shè)計(jì)

在此次設(shè)計(jì)中采用安全套接層協(xié)議SSL，作用于應(yīng)用層和傳輸層之間。該協(xié)議由SSL警報(bào)協(xié)議、SSL記錄協(xié)議、SSL握手協(xié)議組成，SSL警報(bào)協(xié)議是在服務(wù)器和客戶之間傳輸錯(cuò)誤信息的，SSL 記錄協(xié)議是SSL握手協(xié)議的參數(shù)，可以對(duì)應(yīng)用層傳輸過來的數(shù)據(jù)進(jìn)行加密、壓縮，然后通過網(wǎng)絡(luò)傳輸層進(jìn)行信息傳輸。在協(xié)同育人平臺(tái)系統(tǒng)中使用分級(jí)管理的方式，啟用 必要的訪問控制設(shè)備與功能，對(duì)登錄平臺(tái)的用戶進(jìn)行身份鑒別，設(shè)置登錄口令，需要為8位數(shù)以上的字母與組合，然后定期更換。設(shè)置防火墻和入侵檢測(cè)監(jiān)視攻擊行為，對(duì)網(wǎng)絡(luò)系統(tǒng)中的內(nèi)部和外部進(jìn)行實(shí)施監(jiān)測(cè)，及時(shí)發(fā)現(xiàn)系統(tǒng)中存在的攻擊風(fēng)險(xiǎn)，然后發(fā)出警報(bào)提醒工作人員[6]。記錄攻擊來源，加強(qiáng)防范，出具具體的檢查結(jié)果，為安全性分析報(bào)告提供可靠依據(jù)，提高網(wǎng)絡(luò)的安全整體水平。

⑶ 主機(jī)安全設(shè)計(jì)

對(duì)登錄操作系統(tǒng)和數(shù)據(jù)庫的用戶設(shè)置身份鑒別，用戶身份是唯一性的。用戶輸入口令后才能夠登錄，每次登錄失敗后用結(jié)束會(huì)話框進(jìn)行提醒。用戶網(wǎng)絡(luò)登錄連接超時(shí)或長時(shí)間沒有操作時(shí)，就會(huì)自動(dòng)退出系統(tǒng)。使用加密和防竊聽的保護(hù)措施，防止修改、惡性刪除和覆蓋信息。在重要的服務(wù)器內(nèi)設(shè)置防火墻，采用防范病毒和入侵檢測(cè)等產(chǎn)品監(jiān)控，預(yù)防可能會(huì)出現(xiàn)的攻擊行為。設(shè)置升級(jí)服務(wù)器，每周更新病毒庫，升級(jí)更新系統(tǒng)補(bǔ)丁。

3.3 系統(tǒng)設(shè)計(jì)方法

在此次研究中，筆者采取了結(jié)構(gòu)化系統(tǒng)分析的方法，根據(jù)用戶至上的原則系統(tǒng)化、結(jié)構(gòu)化、模塊化的對(duì)信息系統(tǒng)進(jìn)行開發(fā)和設(shè)計(jì)，基本思想是使用系統(tǒng)的思想、系統(tǒng)的方法自頂向下的實(shí)現(xiàn)系統(tǒng)的分析[7]。

4 協(xié)同育人平臺(tái)的實(shí)現(xiàn)

4.1 用戶界面

協(xié)同育人平臺(tái)的系統(tǒng)界面包括：用戶登錄頁面（輸入了登錄指令后的合法用戶能夠登錄界面進(jìn)入系統(tǒng)）、管理員登錄系統(tǒng)后臺(tái)（機(jī)房管理員才能夠登錄系統(tǒng)后臺(tái)界面對(duì)系統(tǒng)進(jìn)行管理和監(jiān)測(cè)）、管理員發(fā)布公告頁面（管理員在系統(tǒng)中發(fā)布公告信息）、更改密碼（用戶登錄后可以隨時(shí)修改密碼，避免賬號(hào)被他人盜取，影響系統(tǒng)正常使用。在更改密碼的頁面，系統(tǒng)會(huì)進(jìn)行提示，先輸入原密碼、然后輸入兩次新密碼，進(jìn)行確認(rèn)就可以了）。平臺(tái)界面設(shè)計(jì)離不開視覺傳達(dá)設(shè)計(jì)的指導(dǎo)，從文字、色彩、圖片、動(dòng)畫等多維度、多視角、多層次對(duì)平臺(tái)進(jìn)行包裝，從而吸引受眾的注意力，達(dá)到預(yù)期效果。

4.2 業(yè)務(wù)邏輯層的功能

Public Collection queryato：封裝了查詢的方法。

Public Course getCourse（string ID）：返回指定ID的課程。

Public static void addCourse：添加一門新的課程。

Public static void deleteCourse（stering id）：刪除指定ID

的課程。

Public Collection getCourse：返回所有課程信息。

Public int getMessage Count：返回留言總數(shù)。

Public void addMessage：添加留言。

Public voiddeleteMessage：刪除留言。

Public vector getResult：返回查詢結(jié)果。

4.3 工程構(gòu)建

工程構(gòu)建是協(xié)同育人平臺(tái)設(shè)計(jì)的重要環(huán)節(jié)，設(shè)計(jì)人員可以使用SSH技術(shù)實(shí)現(xiàn)工程構(gòu)建。SSH框架是最常用的框架之一，SSH分別是Struts、Spring、Hibernate是一個(gè)MVC框架，能夠攔截前端的請(qǐng)求;Spring可以使代碼更容易維護(hù);Hibernate是對(duì)象數(shù)據(jù)庫，能夠?qū)崿F(xiàn)數(shù)據(jù)交互[7]。MVC（Model-View-Controller）把數(shù)據(jù)處理、數(shù)據(jù)表示及程序輸入輸出控制進(jìn)行分離，對(duì)不同部分對(duì)象間的通信方式進(jìn)行了描述，使其不受其他數(shù)據(jù)模型及其方法的影響，從而讓程序結(jié)構(gòu)更加清晰并具有靈活性[8]。MVC作為一種開發(fā)模式在解決大型Web項(xiàng)目問題上發(fā)揮了重要作用[9]。MVC把應(yīng)用程序的輸入、輸出、處理強(qiáng)行分離，MVC的應(yīng)用程序分為模型、控制器及視圖三個(gè)部件[10]。在平臺(tái)構(gòu)建方面，數(shù)據(jù)庫構(gòu)建是一項(xiàng)重要課題，通過本課題提出的基于頁面賦權(quán)的網(wǎng)頁內(nèi)容提取技術(shù)，重構(gòu)開放性、可擴(kuò)展的Hibernate對(duì)象數(shù)據(jù)庫為平臺(tái)做好資源支撐，完成協(xié)同育人平臺(tái)的實(shí)現(xiàn)。

5 結(jié)束語

基于視覺傳達(dá)設(shè)計(jì)視角下響應(yīng)式Web的協(xié)同育人平臺(tái)在設(shè)計(jì)中將視覺傳達(dá)設(shè)計(jì)與響應(yīng)式web設(shè)計(jì)有機(jī)結(jié)合起來，運(yùn)用了相關(guān)先進(jìn)技術(shù)，完成了系統(tǒng)實(shí)體構(gòu)建，實(shí)現(xiàn)了系統(tǒng)后臺(tái)的多個(gè)登錄頁面。在協(xié)同育人平臺(tái)中教育者、學(xué)習(xí)者和企業(yè)能夠修改和查看信息，為教學(xué)管理和受眾學(xué)習(xí)提供了很大的便利。響應(yīng)式協(xié)同育人平臺(tái)的構(gòu)建實(shí)現(xiàn)了網(wǎng)絡(luò)教育中整合資源的目的，方便多方機(jī)構(gòu)、主體即時(shí)交流，鞏固校企合作，增強(qiáng)終身教育對(duì)社會(huì)的正面影響。隨著新技術(shù)的不斷研發(fā)，協(xié)同育人平臺(tái)的功能會(huì)日趨完善，設(shè)計(jì)人員遵循相關(guān)設(shè)計(jì)原則，對(duì)系統(tǒng)運(yùn)行中存在的問題進(jìn)行分析和調(diào)整，會(huì)提升協(xié)同育人平臺(tái)的使用效果。

響應(yīng)式協(xié)同育人平臺(tái)目前缺陷在于不同的終端需要用不同的CSS樣式來控制界面，在樣式調(diào)用過程中容易出錯(cuò)，導(dǎo)致界面不協(xié)調(diào)的問題，同時(shí)也增加了管理員維護(hù)開銷。

參考文獻(xiàn)（References）：

[1] 余楊奎.《計(jì)算機(jī)教育教學(xué)改革與實(shí)踐》下的食品專業(yè)計(jì)算機(jī)應(yīng)用課程教學(xué)改革研究[J].食品工業(yè)，2020.41（12）：413-414

[2] 臧進(jìn)進(jìn)，鄂海紅.基于響應(yīng)式Web設(shè)計(jì)的網(wǎng)頁生成系統(tǒng)研究與實(shí)現(xiàn)[J].軟件，2015.6：37-41

[3] 貝巖.響應(yīng)式 Web 設(shè)計(jì)實(shí)現(xiàn)方法研究[J].渤海大學(xué)學(xué)報(bào)（自然科學(xué)版），2014.2：170-172

[4] 席先杰.基于響應(yīng)式Web設(shè)計(jì)在線學(xué)習(xí)資源系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].林區(qū)教學(xué)，2017.1：94-95

[5] 張幸芝，徐東東，賈菲.基于響應(yīng)式Web設(shè)計(jì)的教務(wù)系統(tǒng)移動(dòng)平臺(tái)研究與建設(shè)[J].軟件，2013.6：5-7

[6] 王永臣.綏芬河市職教中心網(wǎng)絡(luò)教學(xué)平臺(tái)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].電子科技大學(xué)，2014.

[7] 陳倬.基于Web技術(shù)的學(xué)生學(xué)習(xí)平臺(tái)開發(fā)[D].電子科技大學(xué)，2013.

[8] 王愛剛.基于Web的職業(yè)院校網(wǎng)絡(luò)辦公系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].黑龍江大學(xué)，2015.

[9] 滕文.基于MVC模式的PHP程序開發(fā)[J].科技視界，2012.28：262

[10] 余楊奎.基于MVC模式下的開發(fā)框架建設(shè)與改進(jìn)[J].海峽科技與產(chǎn)業(yè)，2017.5：98-100

[11] 呂智強(qiáng).基于MVC模式的PHP框架設(shè)計(jì)[J].科技視界，2013.24

收稿日期：2021-02-26

*基金項(xiàng)目：2020年度廣東遠(yuǎn)程開放教育科研基金項(xiàng)目“視覺傳達(dá)設(shè)計(jì)視角下構(gòu)建協(xié)同育人平臺(tái)創(chuàng)新研究”（YJ2009）; 2019年度湛江開放大學(xué)系統(tǒng)科研項(xiàng)目“基于頁面賦權(quán)的網(wǎng)頁內(nèi)容提取方法研究”（X201901）

作者簡(jiǎn)介：李婉茹（1994-），女，山西太原人，本科，助教，主要研究方向：視覺傳達(dá)設(shè)計(jì)。

通訊作者：余楊奎（1983-），男，安徽安慶人，本科，講師，主要研究方向：計(jì)算機(jī)應(yīng)用開發(fā)。