網頁文字與圖片註記工具之設計與實作

繆宇翔 ； 林明宗 ； 王祥安

《TANET2016 臺灣網際網路研討會》 2016 (2016/11) Pp. 54-59-010

https://doi.org/10.6679/TANET.2016.10

摘要

網頁註記工具可幫助人們補充網頁中不足或相關的內容，而有些網頁註記工具只包含單一註記的功能，造成網頁必須使用多種註記工具以達成多媒體註記的目的，因此本研究開發可對文字以及圖片的註記工具，只需讓網頁掛載本工具的程式，便可讓註記功能加入網頁中。此外有些註記工具依據不同的規範設計，造成獨立的註記資訊，故本工具遵循W3C Web Annotation Working Group 在2016中推薦的Web Annotation Data Model規範設計，只須對註記資訊稍做修改，便可讓符合此規範的平台使用本研究的註記資訊。為了使文字註記不容易受網頁更動所影響，本工具使用記錄選取的前後文改善文字註記的定位；並發現圖片尺寸的變動與圖片超連結會對圖片註記產生影響，本研究對此提出解決方法。與其他註記工具比較，我們的工具擁有較完善的註記功能與定位處理能力。

關鍵字

Web based annotation tool ； Web Annotation Data Model

並列摘要

The Web annotation tool could provide people a method to add information on the Web content. However, some Web annotation tools may only have a single function so that the Web page has to use multiple methods to add multimedia annotation on the Web page. Therefore, we develop an annotation tool for Web image and text. Using our program on the Web page, the Web page will have the annotation function. In addition, some Web annotation tools may follow different principle to design lead to annotation information can’t be shared between platforms. So our database schema’s design is following the spec that proposed by W3C Web Annotation Working Group so that we can share our information between platforms. In order to reduce the influence on text annotation while the Web page has been changed, we use two methods to locate the annotation. In addition, we found that image annotation will break down in some kind of situation, so our tool provides a solution for that. After comparing with other annotation tools, our tool is better than other tools.

並列關鍵字

Web based annotation tool ； Web Annotation Data Model