Presentation is loading. Please wait.

Presentation is loading. Please wait.

Department of Computer and Information Science National Chiao Tung University, Hsinchu 300, Taiwan, R.O.C TEL: 03-5712121 Ext. 59265, 56631 FAX: 03-5721490.

Similar presentations


Presentation on theme: "Department of Computer and Information Science National Chiao Tung University, Hsinchu 300, Taiwan, R.O.C TEL: 03-5712121 Ext. 59265, 56631 FAX: 03-5721490."— Presentation transcript:

1 Department of Computer and Information Science National Chiao Tung University, Hsinchu 300, Taiwan, R.O.C TEL: Ext , FAX: Web Annotation & E-Learning Speaker: Shyan-Ming Yuan

2 Blog vs Web Annotation In blog, an author can post article and readers can post comments or feedbacks – However, it is difficult to follow if those comments did not include original content. In Web Annotation, those comments and notes can be attached to the related portion. 2

3 Introduction- example web pages Multimedia Annotation Toolbar is available at 3 【 Lon 】下等人使用的武器, 2010 年 3 月 23 日擷取無名小站

4 Web Annotation Service Providers – Google SideWiki Text annotation – Diigo Text annotation, social bookmarking. – Flickr Image tag(annotation) – Youtube Video sharing, video annotation 4

5 Google Side Wiki Demo 5 中央社新聞 - 台鐵也擬超商取票 手續費只要 5 元, 2010/3/21 擷取自

6 Diigo Demo 6 華視新聞 - 秒殺清明節車票 台鐵剉咧等, 2010/3/21 擷取自

7 flickr Demo 7 flickr- Undervisning5, 2010/3/21 擷取自

8 Youtube Demo 8 Youtube 影片 - Video Tips &Tricks ep09: How to add YouTube Annotations, 2010/3/21 擷取自

9 Multimedia annotation toolbar video annotation You can still add annotations even if you are not the video owner. 9 Youtube 影片 - Video Tips &Tricks ep09: How to add YouTube Annotations, 2010/3/21 擷取自

10 Objectives Precise annotation for reading and sharing. – Support annotations on multimedia content such as figures and videos directly. – Support reference annotations on a web page Let web annotations saved and exchanged efficiently on internet. – Clear and simple XML document. – Support share list for users and groups 10

11 Multimedia Annotation XML DOM annotations annotation datetypecreator pageurl contentshare list commentposition*size* highlighted Text shape time duration annotation startendwidthheightxy 11 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自

12 MAXML 12

13 MAXML example 13

14 MAXML example 14 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自 newuser public text 如果能做到一定很棒 P,0 30 Wii 動態強化感測器號稱能達到 1:1 完全對應的精細操控

15 MAXML example 15 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自 … newuser private image Resort 就是指度假勝地

16 MAXML example 16 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自 … newuser public video 這就是 Wii MotionPlus

17 MAXML example 17 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自 … … … newuser private href P,0 2 劍道

18 Reference System architecture 18 Doc imgtextvideo Web Site Annotation Server Request Authentication OpenID Provider (O.P) MAXML Login Require login Login response Authentication Response videoimgtext Web Browser Annotated Doc Browser plug-in

19 Browser Plug-in Used programming language – Javascript, actionscript XML Processor – Submit and query annotations Browser plug-in XML Processor Browser toolbar Annotator Renderer 19

20 Browser Plug-in Browser toolbar – User interface of plug-in Annotator – Add text annotation, image annotation and reference link directly – Flash video annotator Add video annotation Renderer – Render annotations which queried by XML processor 20

21 Annotation Server Web Server – Apache with PHP extension Annotation DB – MySQL server Annotation Server Annotation DB Web Server XML Processor Annotation 21 OpenID Authenticator

22 Annotation Server XML Processor – Processes add and query annotations request from browser plug-in. OpenID Authenticator – Open source library with little fix. – Process OpenID login request from browser plug- in. 22

23 Evaluation Our Schema MADCOWdiigoAnnoteaYoutube TextYes No ImageYes No VideoYesIndirectNo Yes Reference Annotation YesNo Share listYesNoYesNoYes Annotation schema XML-based JSONRDFUnknown RepositorySites create their own, local file MADCOW, local file diigoW3C, Sites create their own, local file Youtube 23

24 E-learning thru Web Annotation Peer Assessments by annotation Cooperative Learning by annotation Information Problem Solving – behavior tracing – Information collection – search – Information processing – reading, annotation, sharing, … – ….. 24

25 Q&A Multimedia annotation toolbar is available at – 25 Thank you!

26 Reference [1] J. Kahan, M. Koivunen, E. Prud'Hommeaux, and R. Swick. “Annotea: An Open RDF Infrastructure for Shared Web Annotations”, In Proc. WWW10 International Conference, Hong Kong, [2] D. Yamamoto and K. Nagao. “iVAS: Web-based video annotation system and its applications”, In Proceedings of the 3rd International Semantic Web Conference, Demonstration Session, [3] P. Bottoni, R. Civica, S. Levialdi, L. Orso, E. Panizzi, and R. Trinchese. “MADCOW: a Multimedia Digital Annotation System”, In Proc. Working Conference on Advanced Visual Interfaces,

27 Demo 27

28 Appendix 28 RankDomain nameARO 1yahoo.com.tw1,263,879 2wretch.cc534,216 3hinet.net65,428 4pchome.com.tw64,659 5live.com51,874 6ruten.com.tw50,970 7google.com48,558 8msn.com.tw46,355 9yam.com42,332 10youtube.com41,955 Table 1 ARO top 10 of Taiwan web sites 2009 February, retrieved from INSIGHTXPLORER

29 Annotation use [7] I. A. Ovsiannikov, M. A. Arbib, T. H. Mcneill. “Annotation Technology”, Int. J. Human-Computer Studies, 50, ,

30 annotations annotation datetypecreator pageurl contentshare list commentposition*size* highlighted Text shape time duration annotation startendwidthheightxy 30 【 E3 09 】 12 項全能《 Wii 運動 度假勝地》更精確體感遊樂趣味, 2009 年 6 月 23 日擷取自 This node might not exist * Data in this node would be different due to the type of annotation


Download ppt "Department of Computer and Information Science National Chiao Tung University, Hsinchu 300, Taiwan, R.O.C TEL: 03-5712121 Ext. 59265, 56631 FAX: 03-5721490."

Similar presentations


Ads by Google