VI-TWO: Javascript Framework for interactive Videos

After a couple of years of development and testing I finally managed to make VI-TWO public available as open source solution for interactive hypervideo learning environments.

VI-TWO is an modular software framework to playback and organize collections of enriched videos. It supports several annotation types such as tags or time-depended hyperlinks. It supports access and individual organisation of video-based information.

The client-side architecture allows flexible integration in other Web CMS oder Frameworks. So fare VI-TWO has been applied as extension for MediaWiki, WordPress and Drupal. The framework is highly extensible by widgets.

Main features

  • time-related annotations: table of contents, temporal tags, search
  • time-depended annoations: slides, images, maps, web-content, quizzes, hyperlinks
  • video manager to get a brief overview of a collection of videos
  • recommendations of related videos
  • playlists
  • search within metadata and extracted text of time-depended annotations

Demo: IWRM education

The first stand alone application build with VI-TWO is a interactive learning resource called IWRM education. IWRM education consists of 42 enriched university lectures. The application supports self organized learning processes by providing easy information access through categories, tags, full-text search and fosters easy browsing within the information space by offering related videos, a playlist and its main feature: hyperlinks. As a real hypervideo realization the user can follow 255 time-based semantic relations between the lectures. Try out, its Open Source and a Open Educational Resource (CC):


VI-TWO is provided under MIT license at github. The source code includes so far two demo applications.


The framework can be extended through widgets.

ICWRER e-learning session program

In about 40 hours ICWRER will open and only five days later our session about progressive e-learning concepts begins. The session is split in two parts. In the first part Claudia Bremer, Heribert Nacken and Claudio Caponi will focus the topic from different perspectives. In the second part a hands-on demo session takes place. Introduced by a so called madness exhibitors will show their e-learning applications and digital learning resources.

Talks on progressive e-learning concepts

08:30 am
New Media in Education: about eLearning, open educational resources and MOOCs
Author: Claudia Bremer | Goethe-University Frankfurt/Main | Frankfurt/Main | DE

09:00 am
Blended Learning and the way to Lifelong Learning
Author: Univ.-Prof. Dr.-Ing. Heribert Nacken | RWTH Aachen | Aachen | DE

09:30 am
E-learning for staff of operational Hydrological Services: making it happen in the real world
Author: Claudio Caponi | World Meteorological Organization | Geneva | CH

[10:15 – 10:45 Break]

10:45 am – 12:00 am

Presentation of existing e-learning solutions for water and environmental dynamics

Moderator: Niels Seidel | Dresden University of Technology | Zittau | DE

„E-learning for staff of operational Hydrological Services“
Claudio Caponi | World Meteorological Organization | Geneva | CH

„Interactive hydrological modeling using GeoGebra worksheets“
Andy Philipp | University of Technology Dresden | Dresden | DE

„The FLOODmaster Study Program“
Marco Leidel | University of Technology Dresden | Tharandt | DE

„IWRM Education: A Hypervideo Lecture Series“
Niels Seidel | University of Technology Dresden | Zittau | DE

[Several applications]
Univ.-Prof. Dr.-Ing. Heribert Nacken | RWTH Aachen | Aachen | DE

Future Climate & Water @ MOOC Production Fellowship

Yesterday Christian Bernhofer, Marco Leidel and me applied for a founding of our Massive Open Online Course about the Adoption to Climate Change and Hydrological Extrems. The course is titled „Future Climate & Water“.
Although there are more then hundred applicants we are optimistic to obtain much attention thus the topic concerns everybody around the world. Further more we are experience with open online course formats such as

Climate change is happening and it affects water resources and water availability. Therefore, the adaptation to climate change, resulting hydrological extreme events (i.e. floods and droughts) and water availability for societal tasks has to be on the political agenda. Yet, capacities are often limited, and experiences have yet to be widely shared.
This MOOC will therefore start with lectures on climate change and how this change impacts water resources, e.g. impacts on the agriculture. It is explained, how global and regional climate projections can be used for supporting decision making and thus for a robust and adaptive water management. Climate information is required for many decisions in regional and urban development and river basin management. Downscaled global circulation models provide detailed information about possible future climate conditions of small regions. In a further step, basics on hydrological extreme events will be explained and adaptive measures mitigating those events are shown (e.g. flood risk management).

See our full application at the MOOC Production Fellowship website.

Please feel free to vote for us or make a reference at facebook or twitter.

IWRM Education: E-Learning Module on Integrated Water Resources Management

One possibility to support the worldwide implementation of IWRM is to improve respective research and education.
This is why IWAS (International Water Research Alliance Saxony), together with the German IHP/HWRP (International Hydrological Programme of UNESCO and Hydrology and Water Resources Programme of WMO), has developed an E-learning module on IWRM that is supposed to complement classical learning options.
Since IWRM is complex and as interdisciplinarity is often missing in water management, the module interlinks lectures, i.e. thematic and geographical linkages (e.g. climate change) between the lectures appear, allowing the user to switch from one lecture to another one.

The objective was to develop a portable and stand-alone hypervideo web application. Software development and hypervideo architecture was build upon standard technology and a specified social video library called vi-two.

Contractee: International Hydrology Program / Hydrology Water Resources Program (UNESCO) in cooperation with Technische Universität Dresden and Helmholtz Centre for Environmental Research – UFZ / Leipzig.


The Module has been listed as on of the UN Climate Change Learning Platforms.