Basic Search / Detailed Display

Author: 林玟瑄
Wen-Hsuan Lin
Thesis Title: Web2.0網站相容性與可及性之研究
Research on the Compatibility and Accessibility of Web 2.0 Website
Advisor: 葉耀明
Degree: 碩士
Master
Department: 資訊工程學系
Department of Computer Science and Information Engineering
Thesis Publication Year: 2010
Academic Year: 98
Language: 中文
Number of pages: 64
Keywords (in Chinese): Web2.0可及性相容性HTML5部落格XML原生資料庫
Keywords (in English): Web2.0,, accessibility, compatibility, HTML5, blog, XML native database
Thesis Type: Academic thesis/ dissertation
Reference times: Clicks: 335Downloads: 6
Share:
School Collection Retrieve National Library Collection Retrieve Error Report
  • 隨著Web2.0網站的興起,各式各樣新技術的發展讓網頁的功能愈來愈強大。儘管全球資訊網相關協定與標準持續發表新版,各家瀏覽器供應者亦不斷更新瀏覽器功能,身心障礙者縱使可利用電腦輔具建立起與數位資訊溝通的介面,但如果想要達到充分了解資訊的內容與意義,則往往得要視資訊提供者是否提供具有完善編輯、語法和結構的資訊來源而定。為了縮短身心障礙者數位落差,探討網站的相容性與可及性為本研究的重要議題。
      本研究旨在發展出一套可及性部落格系統,依據XML檔案本身具有結構性的特性,以XML原生資料庫(eXist)來儲存XML檔案,並使用W3C訂定的下一代網頁語言HTML 5技術開發部落格相關功能。部落格可及性功能方面,本研究以WCAG 2.0 (Web Content Accessibility Guidelines 2.0)無障礙網頁規範做為無障礙的標準。本系統具有以下特色:符合無障礙結構化和語意化的設計、擁有HTML5更具相容性的影音功能、提供具有可及性的CAPTCHA驗證功能。除此之外,本研究配合實驗室開發多年的改良式螢幕鍵盤當作電腦輔具操作測試本系統,並且提出系統功能測試報告、WCAG2.0可及性分析、以及相容性測試分析。
    目前市面上的部落格系統考慮無障礙網路的可及性因素成果不佳,本研究致力於符合 W3C規範,期望讓網頁能夠在各種平台與瀏覽器上都能夠正確的顯示,發展出可及性部落格的雛型讓身心障礙者未來在使用部落格時能更便利,讓網際網路的環境更友善。

    With the rise of Web 2.0 and new technologies, the functionality of web pages is getting more powerful. However, disabilities still encounter many difficulties to access web pages, in spite of using assistive devices as an interface with computers. It is because web content developers usually lack of knowledge to provide proper structure and syntax when they design web pages.
      The purpose of this thesis is to develop an accessible blog system for disabilities. The system developed uses XML native database (eXist) to store XML files, HTML5 technology to develop associated functions, and WCAG 2.0 (Web Content Accessibility Guidelines 2.0) as the standard for testing accessibility. Its features include structured and semantic design on accessibility, more compatible media design using HTML5, and providing accessible CAPTCHA. In addition, we use enhanced on-screened keyboard as an assistive device to test the accessible blog system. We conduct systems functionality test, WCAG2.0 accessibility analysis, and compatible analysis for our blog system and associated reports are provided in the thesis.
    Our system satisfies the conformance requirement of W3C guidelines. We wish that our blog can provide correct display on every kind of platforms and browsers, also our developing model of accessible blog system will support disabilities to use blog system in more convenient way in the near future.

    第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 2 1.3 論文規劃 2 第二章 文獻探討 3 2.1 Web 2.0 3 2.1.1 起源與概念 3 2.1.2 Web 2.0 設計原則 3 2.1.3 代表網站 4 2.2 可及性(Accessibility) 5 2.2.1 無障礙網頁 5 2.2.2 電腦輔具 8 2.3 相容性(Compatibility) 8 2.4 HTML 5 10 2.4.1 歷史 10 2.4.2 新功能 10 2.5 原生資料庫 11 2.5.1 Native XML Database簡介 11 2.5.2 Native XML Databases的功能 12 2.5.3 eXist資料庫簡介 13 第三章 可及性部落格之規劃 15 3.1 改良式螢幕鍵盤功能特色 15 3.2 HTML5實作可及性部落格之內容 18 3.2.1 結構 18 3.2.2 視頻與音頻 20 3.2.2.1 影片 20 3.2.2.2 音頻 20 3.2.2.3 Source元素 21 3.3 XML文件格式設計 22 3.4 XQuery查詢語言 24 3.4.1 XQuery簡介 24 3.4.2 XQuery查詢語法 25 3.4.3 XQuery Update語法 26 3.5 Web2.0網站可及性分析 32 3.5.1 Web2.0功能設計 32 3.5.2 可及性功能設計 33 第四章 系統發展與測試 34 4.1 系統架構規劃 34 4.2 系統設計細節 35 4.3 螢幕鍵盤系統功能測試 47 4.3.1 測試規劃 47 4.3.2 測試結果 48 4.4 系統可及性分析 49 4.5 相容性測試 52 4.5.1 HTML5相容性支援歷史 52 4.5.2 系統相容性測試 56 第五章 結論與未來展望 57 5.1 結論 57 5.2 未來展望 58 參考文獻 59 附錄A–WCAG2.0 HTML技術文件 62

    [1] 吳俊融(2007)。XML文件再利用軟體工具。國立台灣科技大學資訊工程系碩士論文。
    [2] 洪淑惠(2005)。無障礙網站使用性之研究-以視覺障礙人士為例。世新大學管理學院資訊管理學系碩士論文。
    [3] 李家豪(2008)。以XML原生資料庫實現內容管理儲存庫之研究,國立台灣師範大學資訊工程研究所碩士論文。
    [4] 行政院研究發展考核委員會。無障礙網頁開發規範。2003年。
    [5] 毛新生(2007)。Web2.0與SOA。IBM中國開發中心。
    [6] 曾文志(2004)。中文之線上學習網站的網頁可及性研究,臺北師範學院學報,第十七卷,第一期,第271-298頁,2004。
    [7] 陳明聰、李天佑、葉耀明(2003)。網路資訊可及性分析研究。第十一屆國際電腦輔助教學研討會ICCAI 2003大會論文集,D4-5。
    [8] 黃建富(2009)。無障礙網頁對於提升搜尋引擎排名之研究。世新大學資訊管理學系碩士論文。
    [9] 陳昀辰(2007)。改良式螢幕鍵盤對肢體障礙者操作功能選單效能之比較硏究。國立臺灣師範大學資訊教育研究所碩士論文。
    [10] eXist, “eXist:open source native XML database”, Available at: http://exist.sourceforge.net/
    [11]W3C, “Web Content Accessibility Guidelines (WCAG) 2.0”, Available at: http://www.w3c.org/TR/WCAG20/.
    [12] W3C, “Introduction to Web Accessibility”, Available at: http://www.w3.org/WAI/intro/accessibility.php.
    [13] W3C, “Accessibility”, Available at: http://www.w3.org/standards/webdesign/accessibility
    [14] W3C,“XML path language (XPath) version 1.0”, Available at: http://www.w3.org/TR/xpath
    [15] W3C,“XQuery 1.0: An XML Query Language”, Available at: http://www.w3.org/TR/xquery/
    [16] W3C,“Extensible Markup Language(XML) W3C Recommendation” , Available at: http://www.w3.org/XML/
    [17] W3C, “HTML5”, Working Draft Available at: http://www.w3.org/TR/html5/.
    [18] W3School, “HTML5 Tutorial”, http://www.w3schools.com/html5/default.asp
    [19] Lachlan Hunt, “A Preview of HTML 5”,2007, http://www.alistapart.com/articles/previewofhtml5
    [20] T. O’Reilly, “What Is Web 2.0,” 2005, http://oreilly.com/web2/archive/what-is-web-20.html
    [21] Kevin Roth, “Cross-Browser Rich Text Editor (RTE)” , http://www.kevinroth.com/rte/
    [22] reCAPTCHA, http://recaptcha.net/
    [23] Compatibility Table, http://caniuse.com/
    [24] Microsoft, “How to Create an HTML Editor Application”, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/editing/tutorials/html_editor.asp.
    [25] Microsoft, “Activating the MSHTML Editor”, http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/editing/activateeditor.asp.
    [26] Yao-Ming Yeh, Wen-Cheng Tsai, Yeong-Sheng Chen, Shih-Hsiang Lin., “Development of Web Accessibility Guidelines and related tools”, Proceeding of E-Learning 2004, World Conference on E-Learning in Corporate, Government, Healthcare, & Higher Education, pp.3028-3034,2004.
    [27] Vaughan-Nichols, S.J. , “Will HTML 5 Restandardize the Web?”, Computer, vol.43(4), pp.13-15, 2010.
    [28] Xingpeng Wang and Li Gui, “The Development Model of Web2.0 Oriented Application ”, Fifth International Conference on Semantics, Knowledge and Grid, 2009.
    [29] W3School, “XQuery Tutorial”, http://www.w3schools.com/xquery/default.asp
    [30] W3C, “XQuery Update Facility 1.0” ,Available at: http://www.w3.org/TR/xquery-update-10/

    下載圖示
    QR CODE