移動(dòng)web端網(wǎng)站無障礙人工檢測系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)
發(fā)布時(shí)間:2021-07-13 04:00
隨著信息技術(shù)的飛速發(fā)展,互聯(lián)網(wǎng)在我們的日常生活中擔(dān)任著越來越重要的角色,使我們的生活越來越便利、多樣、精彩。然而對于殘疾人、老年人等特殊群體以及有特殊需求的健全人而言,互聯(lián)網(wǎng)在給他們帶來了新的機(jī)遇的同時(shí),卻也使他們面臨著前所未有的挑戰(zhàn)。實(shí)現(xiàn)網(wǎng)站信息無障礙將為殘障人士搭建起平等的共享互聯(lián)網(wǎng)信息的平臺,使所有人都能享受信息時(shí)代的美好。網(wǎng)站無障礙檢測系統(tǒng)結(jié)合自動(dòng)檢測和人工檢測評估網(wǎng)站是否符合無障礙標(biāo)準(zhǔn),評估結(jié)果可以促進(jìn)網(wǎng)站進(jìn)行無障礙改造,使得包括殘障人士在內(nèi)的所有互聯(lián)網(wǎng)用戶都能無障礙地獲取網(wǎng)頁內(nèi)容。本次開發(fā)了移動(dòng)web端網(wǎng)站無障礙人工檢測系統(tǒng),旨在更好的推進(jìn)網(wǎng)站無障礙檢測,讓更多人能快速地參與到網(wǎng)站無障礙檢測中來,同時(shí)也使志愿者能更方便地進(jìn)行無障礙檢測。在本次移動(dòng)web端網(wǎng)站無障礙人工檢測系統(tǒng)的開發(fā)中,我們使用了前后端分離的開發(fā)模式單獨(dú)搭建了前端子系統(tǒng),使開發(fā)更加高效,同時(shí)我們加入了移動(dòng)端網(wǎng)頁觸摸手勢操作的交互方式,使人工檢測變得更加便捷。另外,我們提出了基于用戶特征的檢測結(jié)果審核機(jī)制,通過對用戶檢測結(jié)果進(jìn)行評估,僅使用可信度較高的檢測結(jié)果,從而使得最終的結(jié)果質(zhì)量有所提升。
【文章來源】:浙江大學(xué)浙江省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:76 頁
【學(xué)位級別】:碩士
【部分圖文】:
目前網(wǎng)站無障礙檢測系統(tǒng)在pe端顯示的檢測頁面
Vue的另一個(gè)核心是構(gòu)建組件化應(yīng)用。組件系統(tǒng)是Vue的一個(gè)重要概念,因??為它是一種抽象,允許我們使用小型、獨(dú)立和通?蓮(fù)用的組件構(gòu)建大型應(yīng)用。??事實(shí)上,幾乎任意類型的應(yīng)用界面都可以抽象為一個(gè)組件樹,如圖2.3所示。??圖2.3應(yīng)用界面可以抽象為組件樹??例如,我們需要在某個(gè)頁面中渲染一個(gè)列表,而列表中的每一項(xiàng)都是定制的,??這種情況下我們可以將列表項(xiàng)抽出來做成一個(gè)列表項(xiàng)組件,單獨(dú)實(shí)現(xiàn),最后我們??只需要在列表中使用列表項(xiàng)組件即可,如果其他頁面也要渲染一個(gè)類似的列表,??我們就可以直接調(diào)用己實(shí)現(xiàn)的列表項(xiàng)組件。我們還可以進(jìn)一步改進(jìn)列表項(xiàng)組件,??提供更為復(fù)雜的模板和邏輯,但并不會影響到列表。在一個(gè)大型應(yīng)用中,有必要??將整個(gè)應(yīng)用程序劃分為組件,使開發(fā)更易管理。??2.3前后端分離模式??隨著不同終端(pc端、移動(dòng)端如手機(jī)、平板)的興起,pcweb端頁面加入響??應(yīng)式設(shè)計(jì)己經(jīng)不能滿足用戶體驗(yàn)的高要求
然而這只能叫做前后端分工。??前后端不分離的情況下,后端需要處理前端模版,這樣勢必增油后端的復(fù)雜??度,可維護(hù)性差,如圖2.4所示。??前端邏輯?前端??視圖模板?^???^?■數(shù)據(jù)接口??模板環(huán)境????—后端??業(yè)務(wù)服務(wù)??數(shù)據(jù)服務(wù)?)??圖2.4前后端耦合??前后端分離的主要概念就是:后端只需要提供API接口,前端調(diào)用后端接口??實(shí)現(xiàn)數(shù)據(jù)呈現(xiàn)與交互?赡懿⒉皇撬械膱鼍岸歼m合前后端分離的應(yīng)用,但是現(xiàn)??在己經(jīng)有越來越多的開發(fā)團(tuán)隊(duì)開始采用前后端分離的開發(fā)模式,大多數(shù)項(xiàng)目都能??夠?qū)崿F(xiàn)前后端分罔。這里以前后端分尚的經(jīng)典模式SPA?(Single-pageapplication,??單頁應(yīng)用)[141為例,SPA中所有用于展現(xiàn)的數(shù)據(jù)都是通過異步請求后端接口(如??通過ajax、jsonp)的方式提供的,前端只負(fù)責(zé)展現(xiàn)數(shù)據(jù)實(shí)現(xiàn)交互邏輯,如圖2.5??所示,這樣的方式使得前后端分工更加明確,開發(fā)效率明顯提升,維護(hù)成本也降??低了不少。??13??
【參考文獻(xiàn)】:
期刊論文
[1]模板匹配的三維手勢識別算法[J]. 劉杰,黃進(jìn),韓冬奇,田豐,戴國忠,王宏安. 計(jì)算機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào). 2016(08)
[2]基于隱性馬爾可夫模型的手勢識別設(shè)計(jì)和優(yōu)化[J]. 劉珠峰,周良,丁秋林. 計(jì)算機(jī)應(yīng)用研究. 2011(06)
[3]MVC設(shè)計(jì)模式的改進(jìn)與應(yīng)用[J]. 黎永良,崔杜武. 計(jì)算機(jī)工程. 2005(09)
本文編號:3281298
【文章來源】:浙江大學(xué)浙江省 211工程院校 985工程院校 教育部直屬院校
【文章頁數(shù)】:76 頁
【學(xué)位級別】:碩士
【部分圖文】:
目前網(wǎng)站無障礙檢測系統(tǒng)在pe端顯示的檢測頁面
Vue的另一個(gè)核心是構(gòu)建組件化應(yīng)用。組件系統(tǒng)是Vue的一個(gè)重要概念,因??為它是一種抽象,允許我們使用小型、獨(dú)立和通?蓮(fù)用的組件構(gòu)建大型應(yīng)用。??事實(shí)上,幾乎任意類型的應(yīng)用界面都可以抽象為一個(gè)組件樹,如圖2.3所示。??圖2.3應(yīng)用界面可以抽象為組件樹??例如,我們需要在某個(gè)頁面中渲染一個(gè)列表,而列表中的每一項(xiàng)都是定制的,??這種情況下我們可以將列表項(xiàng)抽出來做成一個(gè)列表項(xiàng)組件,單獨(dú)實(shí)現(xiàn),最后我們??只需要在列表中使用列表項(xiàng)組件即可,如果其他頁面也要渲染一個(gè)類似的列表,??我們就可以直接調(diào)用己實(shí)現(xiàn)的列表項(xiàng)組件。我們還可以進(jìn)一步改進(jìn)列表項(xiàng)組件,??提供更為復(fù)雜的模板和邏輯,但并不會影響到列表。在一個(gè)大型應(yīng)用中,有必要??將整個(gè)應(yīng)用程序劃分為組件,使開發(fā)更易管理。??2.3前后端分離模式??隨著不同終端(pc端、移動(dòng)端如手機(jī)、平板)的興起,pcweb端頁面加入響??應(yīng)式設(shè)計(jì)己經(jīng)不能滿足用戶體驗(yàn)的高要求
然而這只能叫做前后端分工。??前后端不分離的情況下,后端需要處理前端模版,這樣勢必增油后端的復(fù)雜??度,可維護(hù)性差,如圖2.4所示。??前端邏輯?前端??視圖模板?^???^?■數(shù)據(jù)接口??模板環(huán)境????—后端??業(yè)務(wù)服務(wù)??數(shù)據(jù)服務(wù)?)??圖2.4前后端耦合??前后端分離的主要概念就是:后端只需要提供API接口,前端調(diào)用后端接口??實(shí)現(xiàn)數(shù)據(jù)呈現(xiàn)與交互?赡懿⒉皇撬械膱鼍岸歼m合前后端分離的應(yīng)用,但是現(xiàn)??在己經(jīng)有越來越多的開發(fā)團(tuán)隊(duì)開始采用前后端分離的開發(fā)模式,大多數(shù)項(xiàng)目都能??夠?qū)崿F(xiàn)前后端分罔。這里以前后端分尚的經(jīng)典模式SPA?(Single-pageapplication,??單頁應(yīng)用)[141為例,SPA中所有用于展現(xiàn)的數(shù)據(jù)都是通過異步請求后端接口(如??通過ajax、jsonp)的方式提供的,前端只負(fù)責(zé)展現(xiàn)數(shù)據(jù)實(shí)現(xiàn)交互邏輯,如圖2.5??所示,這樣的方式使得前后端分工更加明確,開發(fā)效率明顯提升,維護(hù)成本也降??低了不少。??13??
【參考文獻(xiàn)】:
期刊論文
[1]模板匹配的三維手勢識別算法[J]. 劉杰,黃進(jìn),韓冬奇,田豐,戴國忠,王宏安. 計(jì)算機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào). 2016(08)
[2]基于隱性馬爾可夫模型的手勢識別設(shè)計(jì)和優(yōu)化[J]. 劉珠峰,周良,丁秋林. 計(jì)算機(jī)應(yīng)用研究. 2011(06)
[3]MVC設(shè)計(jì)模式的改進(jìn)與應(yīng)用[J]. 黎永良,崔杜武. 計(jì)算機(jī)工程. 2005(09)
本文編號:3281298
本文鏈接:http://sikaile.net/guanlilunwen/ydhl/3281298.html
最近更新
教材專著