Embed Size (px)
DESCRIPTION
Wikis are Web-based collaborative systems that allow users to create, share and interlink content. Existing wikis restrict users to edit and arrange text with other embedded media formats. Unfortunately moving pictures are handled as a whole without considering their temporal dimension. Their time-related composition and association with other parts of the wiki are withhold from the users influence. Thus, current wikis cannot be used to host or author rich dynamic and interactive hypervideos along with hypertext elements. In this presentation I introduce ViWiki, an approach for seamless and collaborative integration of interactive hypervideos into existing wiki environments. ViWiki combines the wiki metaphor with a direct manipulation user interface for hypervideo authoring and particular markup conventions. In a first use case we transfered a book about a German Concentration Camp into a wiki and added further hypervideo interviews with survivals and contemporary witnesses.
Citation preview
Collaborative Hypervideo Authoringin Common Wikis EnginesNiels Seidel
Collaborative Hypervideo Authoring in Common Wikis Engines: Niels Seidel 1 / 28
Agenda
Motivation
Features of Video
Related Works
User Interface Concepts
Solutions
ViWiki Use Case
Collaborative Hypervideo Authoring in Common Wikis Engines: Niels Seidel 2 / 28
MotivationCollaborative Hypervideo Authoring in Common Wikis Engines: Motivation Niels Seidel 3 / 28
Demand for editing the Web
„editing web content is as important as browsing“(Tim Berners Lee) [1]
⇒ 80% of the internet traffic is video traffic.
⇒ Are videos already accessible for editing?
⇒ Can we use Wikis as appropriate toolfor collaborative text and video authoring?
Wiki’s limitations of video composition and manipulation:I characteristically temporal peculiarities of videos are not
addressedI only spatial position and dimension can be assignedI wikis are hypertext systems but do not support hypervideoI video authoring is much more complex then text manipulationI current video authoring concepts are not suitable for hypervideo
authoring
Collaborative Hypervideo Authoring in Common Wikis Engines: Motivation Niels Seidel 4 / 28
Demand for editing the Web
„editing web content is as important as browsing“(Tim Berners Lee) [1]
⇒ 80% of the internet traffic is video traffic.
⇒ Are videos already accessible for editing?
⇒ Can we use Wikis as appropriate toolfor collaborative text and video authoring?
Wiki’s limitations of video composition and manipulation:I characteristically temporal peculiarities of videos are not
addressedI only spatial position and dimension can be assignedI wikis are hypertext systems but do not support hypervideoI video authoring is much more complex then text manipulationI current video authoring concepts are not suitable for hypervideo
authoring
Collaborative Hypervideo Authoring in Common Wikis Engines: Motivation Niels Seidel 4 / 28
Demand for editing the Web
„editing web content is as important as browsing“(Tim Berners Lee) [1]
⇒ 80% of the internet traffic is video traffic.
⇒ Are videos already accessible for editing?
⇒ Can we use Wikis as appropriate toolfor collaborative text and video authoring?
Wiki’s limitations of video composition and manipulation:I characteristically temporal peculiarities of videos are not
addressedI only spatial position and dimension can be assignedI wikis are hypertext systems but do not support hypervideoI video authoring is much more complex then text manipulationI current video authoring concepts are not suitable for hypervideo
authoring
Collaborative Hypervideo Authoring in Common Wikis Engines: Motivation Niels Seidel 4 / 28
Demand for editing the Web
„editing web content is as important as browsing“(Tim Berners Lee) [1]
⇒ 80% of the internet traffic is video traffic.
⇒ Are videos already accessible for editing?
⇒ Can we use Wikis as appropriate toolfor collaborative text and video authoring?
Wiki’s limitations of video composition and manipulation:I characteristically temporal peculiarities of videos are not
addressedI only spatial position and dimension can be assignedI wikis are hypertext systems but do not support hypervideoI video authoring is much more complex then text manipulationI current video authoring concepts are not suitable for hypervideo
authoring
Collaborative Hypervideo Authoring in Common Wikis Engines: Motivation Niels Seidel 4 / 28
Features of VideoCollaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 5 / 28
General Features of Videos
Transport of all symbol systems [4]:I moving images in all levels of detailI static imagesI spoken and written languageI sound effects and music
Additional temporal dimension
Collaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 6 / 28
Video-based Learning
I realistic situations;I vivid visualizations;I spatio-temporal processes;I 3D relations;I motion and interaction sequences.
More: Clark & Mayer’s Cognitive theory of multimedia learning [3, p. 121]
Collaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 7 / 28
Videos on Wikipedia
Collaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 8 / 28
First Conclusions and Research Questions
I Moving images within Wikis can communicate ideas in ways thattext can not.
I Videos are sometimes superior to text onlyI Video can improve learning outcome
Questions about Wiki-based collaborative video authoringI How can we escape the text dominance in order to fulfil
multimedia learning principles?I How to enrich the Wiki word processor for adequate (hyper)video
editing?I How can we interlink text passages and video sequences?
Collaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 9 / 28
First Conclusions and Research Questions
I Moving images within Wikis can communicate ideas in ways thattext can not.
I Videos are sometimes superior to text onlyI Video can improve learning outcome
Questions about Wiki-based collaborative video authoringI How can we escape the text dominance in order to fulfil
multimedia learning principles?I How to enrich the Wiki word processor for adequate (hyper)video
editing?I How can we interlink text passages and video sequences?
Collaborative Hypervideo Authoring in Common Wikis Engines: Features of Video Niels Seidel 9 / 28
Related WorksCollaborative Hypervideo Authoring in Common Wikis Engines: Related Works Niels Seidel 10 / 28
Video Learning Platforms of Today
YOVISTO YouTube EDU iTunesU Khan Academy
# videos: ? ? 350.000 2100
# user: ? ? ? +/- 1.000.000
features: time-related tags,discussions andslides
time-relatedannotation like hy-perlinks, subtitles,ect.
broad distributionof static videos
powerful blackboard approach
Collaborative Hypervideo Authoring in Common Wikis Engines: Related Works Niels Seidel 11 / 28
Kaltura
collaborative video editingI CMS-independent (WP,
Drupal, MediaWiki, elgg, ...)I timeline approachI HTML5
See: http://www.kaltura.com/
+ easy to use+ compatible with text editing+ based on open standards- no hyperlink annotation- closed editing source
Collaborative Hypervideo Authoring in Common Wikis Engines: Related Works Niels Seidel 12 / 28
Video-Wiki (Blankinship & Mikhak, 2007)
markup-free video editingI audio transcription as closed
captionI editing by rearrangement of
closed captions
See: [2]
+ easy to use+ open editing source+ compatible with text editing- no hyperlink annotation
Collaborative Hypervideo Authoring in Common Wikis Engines: Related Works Niels Seidel 13 / 28
Popcorn & Butter
See: http://popcornjs.org/ and http://butterapp.com/
+ easy to use+ compatible with text editing+ hyperlinks as plugin- no open editing source
Collaborative Hypervideo Authoring in Common Wikis Engines: Related Works Niels Seidel 14 / 28
User Interface ConceptsCollaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 15 / 28
Multi Track Editing
+ well known concept- complex UI- high cognitive load- interfere with text
editing- WYSI [not] WYG
Collaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 16 / 28
Graph-based circular timelines
+ new & stylish- space consuming- hardly scalable- interfere with text
editing- WYSI [not] WYG
See also: [6, 7]
Collaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 17 / 28
Direct Manipulation UI
+ WYSIWYG- lost in hyper space?- interfere with text
editing
Collaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 18 / 28
The Wiki [Markup] Way
== A tipical headline ==# first# second<hypervideo>[[Video:myClip.ogg # 10 | 120 myId]][[Video:myClip.ogg someId]]+[[Hyperlink:some wiki page]]+[[Hyperlink:other wiki page#anchor-label]]+[Hyperlink:http://www.ihi-zittau.de/]+[[Hyperlink:some wiki page] 100px 200px][[Video:myClip.ogg someId]]+[[Hyperlink:some wiki page] #10 | 20]</hypervideo>
+ compatible with text editing+ machine readable- WYSIWYG- preferred by expert users
Collaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 19 / 28
Concluding Requirements for seamless HypervideoIntegration
I incoming and outgoing time-related linksI source view / machine-readabilityI WYSIWYG supportI scalable GUII compatibility with text editing
Collaborative Hypervideo Authoring in Common Wikis Engines: User Interface Concepts Niels Seidel 20 / 28
SolutionsCollaborative Hypervideo Authoring in Common Wikis Engines: Solutions Niels Seidel 21 / 28
UI SolutionWiki Markup + Direct Manipulation UI
Collaborative Hypervideo Authoring in Common Wikis Engines: Solutions Niels Seidel 22 / 28
UI SolutionMarkup Extension in Detail
Type Syntax
Video ...
Naming [[Video:myClip.ogg myId]]
Sequence[[Video:myClip.ogg myId]][[Video:nextClip.ogg someOtherId]][[Video:myClip.ogg anotherId]]
Clip [[Video:myClip.ogg # 10 | 120 myId]]
Hyperlink ...
annotation
[[Video:myClip.ogg someId]]+[[Hyperlink:some wiki page]]+[[Hyperlink:other wiki page#anchor-label]]+[Hyperlink:http://www.ihi-zittau.de/]
position [[Video:myClip.ogg someId]]+[[Hyperlink:some wiki page] 100px 200px]
time [[Video:myClip.ogg someId]]+[[Hyperlink:some wiki page] #10 | 20]
Collaborative Hypervideo Authoring in Common Wikis Engines: Solutions Niels Seidel 23 / 28
UI SolutionFrontend
Player
Link Design
Collaborative Hypervideo Authoring in Common Wikis Engines: Solutions Niels Seidel 24 / 28
Making it real: ViWikiA wiki-independend plug-in
Implementation
HTML5 vi2 hypervideo library
Supported Wiki EnginesI MediaWiki =⇒ ExtensionI Drupal Wiki =⇒ Module
Collaborative Hypervideo Authoring in Common Wikis Engines: Solutions Niels Seidel 25 / 28
ViWiki Use CaseCollaborative Hypervideo Authoring in Common Wikis Engines: ViWiki Use Case Niels Seidel 26 / 28
ViWiki Use CaseDocumentation of a Concentration Camp in Lower Silesia
Project: 04/2011 - 12/2011Book Source: „Die KZ-Außenlager Görlitz und Rennersdorf“ [5]
Wiki Engine: MediaWikiConversion: 220 book pages =⇒ 49 Wiki articles
Wiki Gardeners: 2 historians + 2 teachersHypervideos: 20
Collaborative Hypervideo Authoring in Common Wikis Engines: ViWiki Use Case Niels Seidel 27 / 28
Thank You!
http://elearning.ihi-zittau.de/beta/vi2/
www.nise81.com
Collaborative Hypervideo Authoring in Common Wikis Engines: ViWiki Use Case Niels Seidel 28 / 28
Literature I
Tim Berners-Lee.
Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web.HarperCollins, New York, 1999.
Erik Blankinship, Media Modifications, and One Broadway.
Video-Wikis and Media Fluency.In IDC’07, pages 175–176, Aalborg, 2007.
Ruth Colvin Clark and Richard E. Mayer.
e-Learning and the science of Instruction – Proven Guidlines for Consumers and Designers of Multimedia Learning.Pfeiffer, San Francisco, 2nd edition, 2008.
Stephan Schwan.
Gestaltungsanforderungen für Video in Multimedia- Anwendungen.http://www.eteaching.org/didaktik/gestaltung/visualisierung/video/schwan.pdf [01.03.2011], 2005.
Niels Seidel.
Die KZ-Außenlager Görlitz und Rennersdorf. Ein Beitrag zur Aufarbeitung der Geschehnisse im KZ Groß- Rosen.Neisse Verlag, Dresden, 2008.
Niels Seidel.
Web-based Hypervideo-Production.Diploma thesis, Universität Ulm, 2008.
John Tolva.
MediaLoom: An Interactive Authoring Tool for Hypervideo, 1998.
Collaborative Hypervideo Authoring in Common Wikis Engines: Literature Niels Seidel 1 / 2
About the Author
Niels Seidel ([email protected]) works as a research associate at
the information technology department at the International Graduate
School (IHI) Zittau / Germany. He holds a degree in computer science
and multimedia of the University of Ulm. Currently, he is researching
in collaborative E-Learning, Hypervideos and related Design
Patterns. His private interest in Shoah history research resulted in
several publication in print and digital media.Collaborative Hypervideo Authoring in Common Wikis Engines: About Niels Seidel 2 / 2
