簡易檢索 / 詳目顯示

研究生: 帕格蒂
Muley, Pragati
論文名稱: Accessible Web Page of Indian Tourist Spots
Accessible Web Page of Indian Tourist Spots
指導教授: 葉耀明
Yeh, Yao-Ming
林均翰
Lin, Chun-Han
學位類別: 碩士
Master
系所名稱: 資訊工程學系
Department of Computer Science and Information Engineering
論文出版年: 2016
畢業學年度: 104
語文別: 英文
論文頁數: 72
中文關鍵詞: WCAG 2.0WWWHTML5CSS3jQueryJavaScriptAJAX
英文關鍵詞: WCAG 2.0, WWW, CSS3, HTML5, jQuery, JavaScript, AJAX
DOI URL: https://doi.org/10.6345/NTNU202205177
論文種類: 學術論文
相關次數: 點閱:138下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 抽象
    在現今的社會中,網路科技變得不可或缺,網路與其相關服務在我們的生活中隨處可見,政府與企業間也透過網路互相交流連結。讓網站對大眾開放且容易取得是無障礙網站未來科技發展創新的關鍵。因此,本研究利用Hypertext Markup Language 5 (HTML5) 及其他工具,建立了一個更有親和力且具革命性創新的無障礙網站,以改善日常生活的不便。單有美觀卻不具親和力的網站是無法展現網站完整潛能的。
    本研究提出了數個與現代網頁相關的技術及種類,包括HTML5、 CSS3、jQuery 及 JavaScript。此網頁包含了很多張圖片、一支影片以及15個印度熱門觀光景點的介紹資訊。此無障礙網站包含了數個高親和力的新特點,例如影像切換功能、影片、配合音效的CSS3與拍立得影像畫廊。本網站依照網頁內容親和力方針2.0 (WCAG 2.0) 來設計,使用者可以輕易地在任何瀏覽器上使用,包括電腦及智慧型手機。
    Keywords: WWW, HTML5, CSS3, jQuery, JavaScript, AJAX and WCAG 2.0.

    In today’s super-fast changing world, internet technology become ineluctable in almost every section of society. We live in an environment where internet and its associated services are accessible and immediate. Government, public and private sectors are equally interconnected and can communicate with each other instantly through World Wide Web (WWW). Accessibility of this WWW is depend upon the web developing techniques. Keeping the web open and accessible for everyone is the key for technological advancement and innovation in the future. Therefore, I have tried to create a web site which is loaded with more accessibilities. The Web is here to stay, and with the potential of HTML5 and other modern tools, we can build powerful applications that improve our day-to-day lives, as well as applications that revolutionize our lives. There is grandeur in this view, but without idealism and relentless pursue of universal accessibility, the full potential of the open web might never be reached.
    In this work, I have introduced the Hypertext Markup Language 5 (HTML5) speciation as well as several related techniques for modern web development. It provides very good reference for developing website by using HTML5, CSS3, jQuery and JavaScript. This webpage contains many images, one video and information of famous top fifteen Indian tourist’s spots. Several new features such as responsive image slider, accessible video, CSS3 image gallery with sound effect and Polaroid image gallery are created with lots of accessibility. I have followed Web Content Accessibility Guidelines 2.0(WCAG 2.0) requirements for creating this web site. Users can easily operate this websites not only on personal computers and laptops but also on android and iPhone too. The website have full support all modern browsers.

    Table of Contents Chapter 1 Introduction…………………………………………………. 11 1.1 Introduction…………………………………………………... 11 1.2 Contributions…………………………………………………. 12 1.3 Outline………………………………………………………... 12 Chapter 2 Research Background and Techniques………………......... 13 2.1 Research Background………………………………………… 13 2.2 Purpose………………………………………………….......... 14 2.3 Technique and component……………………………………. 15 2.3.1 CSS and CSS3………………………………………………... 15 2.3.2 JavaScript……………………………………………….......... 16 2.3.3 JQuery………………………………………………………… 16 2.3.4 Ajax…………………………………………………………... 17 2.3.5 Web content accessibility guidelines (WCAG) 2.0……........... 17 2.3.6 HTML and HTML5………………………………………….. 20 Chapter 3 Results and Discussions……………………………………... 23 3.1 Homepage……………………………………………….......... 23 3.2 Responsive image slider……………………………………… 29 3.3 Accessible video…………………………………………….... 32 3.4 Gallery………………………………………………………... 36 3.4. (A) CSS3 image gallery with sound effect…………………........... 37 3.4. (B) Polaroid image gallery………………………………………... 41 3.5 Feedback form………………………………………………... 46 3.6 Google map…………………………………………………… 56 3.7 Contact us…………………………………………………….. 58 Chapter 4 Comparisons…………………………………………………. 60 4.1 Comparison between HTML and HTML5…………………… 60 4.2 Comparison between HTML4 and HTML5………………….. 62 4.3 Study of browser support and comparisons…………………... 64 I Responsive image gallery…………………………………….. 64 II CSS3 image galley with sound effect………………………… 64 III Polaroid image gallery………………………………………... 65 IV Accessible video……………………………………………... 66 4.4 WCAG 2.0 Guidelines support for content of this website 66 Chapter 5 Conclusion and Future Work………………………………. 68 References……………………………………………………. 72

    1. W3C Web content accessibility guidelines2.0 available at http://www.w3.org/WAI/WCAG20/quickref/
    2. Phil Dutso, Responsive Mobile Design: Designing for Every Device, Addison-Wesley Professional, Aug 28, 2014.
    3. Bryan Yan, Grace A. Lewis, Evaluation of the Applicability of HTML5 for Mobile Applications in Resource Constrained Edge Environments, Critical System Capabilities, July 2014.
    4. Catherine Easton, Revisiting the law on website accessibility in the light of the UK’s Equality Act 2010 and the United Nations Convention on the Rights of Persons with Disabilities, Oxford Journals, International Journal of Law and Information Technology, Vol 20 (1), pp 19-47, 2011.
    5. Ben Frain, Responsive Web Design with HTML5 and CSS3, Packet Publishing Ltd, Jan 1, 2012.
    6. Ian S. Graham, The HTML Sourcebook March 28, 1995.
    7. T. N. Sharma, Priyanka Bhardwaj, Manish Bhardwaj, Differences between HTML and HTML 5, International Journal of Computational Engineering Research, Vol 2 (5), 2012.
    8. "Is this HTML5?” HTML5 (including next generation additions still in development), WHATWG, 4 May 2010.
    9. Lampros Goussis, Ioannis E. Foukarakis, Dimitios N. Kallergis, "Aspects and Challenges of Mashup Creator Design", IEEE, Vol 22, pp 38-42, 2012.
    10. Jennifer Niederst Robbins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web, O'Reilly Media, Inc., 2012.
    11. Mark Pilgrim, HTML5: Up and Running, O'Reilly Media, Inc., 6 Aug 2010.
    12. W3C Web content accessibility guidelines2.0 available at http://www.w3.org/WAI/WCAG20/quickref/#keyboard-operation
    13. Web Services Description Language (WSDL) Version 2.0. Recommendation, W3C, June 2007. Available at http://www.w3.org/TR/wsdl20/.
    14. Responsive image slider at http://www.jssor.com/development/reference-ui- definition.html#captiondefinition
    15. Silvia Pfeiffer, Conrad Parker, Accessibility for the HTML5 <video> element
    International Cross-Disciplinary Conference on Web Accessibility (W4A) '09, pp 98-100, 2009
    16. Opera release on Labs - Opera Developer Community. Dev.opera.com. 07 Nov 2007.
    17. W3C Web content accessibility guidelines2.0 available at http://www.w3.org/TR/WCAG20/#alt-time-based-mediadef
    18. Fang Yu, Tevfik Bultan, Marco Cova, Oscar H. Ibarra, Symbolic String Verification: An Automata-Based Approach, Proceedings of the 15th international workshop on Model Checking Software, Los Angeles, CA, USA 10-12 Aug 2008.
    19. Shisheng Li, Buqi Cheng, Xiaofeng Li, JavaScript Typing System with Prediction, Journal of Computer Research and Development, Vol 49(2), pp 421-431, 2012.
    20. Tengjiao He, Yue Wu, Message management architecture based on JavaScript, Journal of Computer Applications, Vol 29(6), pp 279-281, 2009.
    21. M. Tariq Banday, Shafiya Afzal Sheikh, Design of CAPTCHA Script for Indian Regional Websites, Security in Computing and Communications in Computer and Information Science, Vol 377, pp 98-109, 2013.
    22. Jennifer Niederst Robbins, HTML5 Pocket Reference, "O'Reilly Media, Inc.", 19 Jul, 2013.
    23. Brisaboa, N. R., Farina, A., Luaces, M. R., Parama, J. R., Penabad, M. R., Places, A. S, and Viqueira, J. R.. Using geographical information systems to browse touristic information, Information Technology and Tourism, Vol 6, pp 31-46, 2003.
    24. Bing Pan, John C. Crotts, Brian Muller, Developing Web-Based Tourist Information Tools Using Google Map, Information and Communication Technologies in Tourism, pp 503-512, 2007.
    25. I. Hickson, D. Hyatt, HTML 5, editors. W3C, Jun 2008.
    26. H. Sivonen, Activating the Right Layout Mode Using the Doctype Declaration, Jan 2008.

    無法下載圖示 本全文未授權公開
    QR CODE