移动web端网站无障碍人工检测系统的设计与实现

发布时间：2021-07-13 04:00

　　随着信息技术的飞速发展,互联网在我们的日常生活中担任着越来越重要的角色,使我们的生活越来越便利、多样、精彩。然而对于残疾人、老年人等特殊群体以及有特殊需求的健全人而言,互联网在给他们带来了新的机遇的同时,却也使他们面临着前所未有的挑战。实现网站信息无障碍将为残障人士搭建起平等的共享互联网信息的平台,使所有人都能享受信息时代的美好。网站无障碍检测系统结合自动检测和人工检测评估网站是否符合无障碍标准,评估结果可以促进网站进行无障碍改造,使得包括残障人士在内的所有互联网用户都能无障碍地获取网页内容。本次开发了移动web端网站无障碍人工检测系统,旨在更好的推进网站无障碍检测,让更多人能快速地参与到网站无障碍检测中来,同时也使志愿者能更方便地进行无障碍检测。在本次移动web端网站无障碍人工检测系统的开发中,我们使用了前后端分离的开发模式单独搭建了前端子系统,使开发更加高效,同时我们加入了移动端网页触摸手势操作的交互方式,使人工检测变得更加便捷。另外,我们提出了基于用户特征的检测结果审核机制,通过对用户检测结果进行评估,仅使用可信度较高的检测结果,从而使得最终的结果质量有所提升。 

【文章来源】：浙江大学浙江省 211工程院校 985工程院校 教育部直属院校

【文章页数】：76 页

【学位级别】：硕士

【部分图文】：

目前网站无障碍检测系统在pe端显示的检测页面

Ｖｕｅ的另一个核心是构建组件化应用。组件系统是Ｖｕｅ的一个重要概念，因??为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。??事实上，几乎任意类型的应用界面都可以抽象为一个组件树，如图２．３所示。??图２．３应用界面可以抽象为组件树??例如，我们需要在某个页面中渲染一个列表，而列表中的每一项都是定制的，??这种情况下我们可以将列表项抽出来做成一个列表项组件，单独实现，最后我们??只需要在列表中使用列表项组件即可，如果其他页面也要渲染一个类似的列表，??我们就可以直接调用己实现的列表项组件。我们还可以进一步改进列表项组件，??提供更为复杂的模板和逻辑，但并不会影响到列表。在一个大型应用中，有必要??将整个应用程序划分为组件，使开发更易管理。??２．３前后端分离模式??随着不同终端（ｐｃ端、移动端如手机、平板）的兴起，ｐｃｗｅｂ端页面加入响??应式设计己经不能满足用户体验的高要求

然而这只能叫做前后端分工。??前后端不分离的情况下，后端需要处理前端模版，这样势必增油后端的复杂??度，可维护性差，如图２．４所示。??前端逻辑?前端??视图模板?＾???＾?■数据接口??模板环境????—后端??业务服务??数据服务?）??图２．４前后端耦合??前后端分离的主要概念就是：后端只需要提供ＡＰＩ接口，前端调用后端接口??实现数据呈现与交互。可能并不是所有的场景都适合前后端分离的应用，但是现??在己经有越来越多的开发团队开始采用前后端分离的开发模式，大多数项目都能??够实现前后端分罔。这里以前后端分尚的经典模式ＳＰＡ?（Ｓｉｎｇｌｅ－ｐａｇｅａｐｐｌｉｃａｔｉｏｎ，??单页应用）［１４１为例，ＳＰＡ中所有用于展现的数据都是通过异步请求后端接口（如??通过ａｊａｘ、ｊｓｏｎｐ）的方式提供的，前端只负责展现数据实现交互逻辑，如图２．５??所示，这样的方式使得前后端分工更加明确，开发效率明显提升，维护成本也降??低了不少。??１３??

【参考文献】：
期刊论文
[1]模板匹配的三维手势识别算法[J]. 刘杰,黄进,韩冬奇,田丰,戴国忠,王宏安.  计算机辅助设计与图形学学报. 2016(08)
[2]基于隐性马尔可夫模型的手势识别设计和优化[J]. 刘珠峰,周良,丁秋林.  计算机应用研究. 2011(06)
[3]MVC设计模式的改进与应用[J]. 黎永良,崔杜武.  计算机工程. 2005(09)



本文编号：3281298