Aqua Phoenix
     >>  Research >>  Lecture Video Browser  
 

Navigator
   
 
       
   

5.4.3 Topological View

The Topological View symbolically presents the segmented and clustered information from a lecture video by representing Sections and Topics by media type icons, and visually linking Sections of the same Topic. The graph is intended to provide a visual overview of a lecture's structure by emphasizing the potential nesting of Topics. This graph is useful in visually isolating Topics, which recur due to breaks in the lecture (i.e. Topics with more than one Section).

The Topological View was modified between each version of the Lecture Browser due to feedback and user study results.

5.4.3.1 Topological View: Version 2

Each Section (consecutively appearing Slides of same content) is represented by its media type icon. The icons are placed in a virtual two-dimensional matrix, where the x-axis represents non-linear increasing time. This temporal dimension corresponds to the horizontal placement of film strips in the Key Frame View, and it is non-linear, because a Section can represent anywhere from one-to-m Slides.

Figure 1.18: Topological View, Version 2. Media type icons represent individual Sections.
Click image to enlarge, or click here to open
Topics, which are composed of more than one Section, are marked with tapering lines between Sections, symbolizing the decreasing temporal context between the Sections over time. To avoid interference between the Section connection and newly introduced Topics, additional Topics are placed in a lower vertical position. The growing depth does not indicate lower importance of those Topics, but rather the number of discussed Topics started but not yet completed.

Figure 1.19: Topological View, Version 2, one Section highlighted.
Click image to enlarge, or click here to open
Sections and Topics can be selected in this interface by clicking on the media type icons. When Sections and Topics are selected in other parts of the interface, they are also marked in the Topological View.

Figure 1.20: Topological View, Version 2, one Topic highlighted.
Click image to enlarge, or click here to open

5.4.3.2 Topological View: Version 1

In Version 1 of the Lecture Browser, the Topological View presents Slide Sections in the form of ellipses, which are colored characteristically of the contents' media type. In structure and functionality, this version of the Topological View resembles Version 2.

Figure 1.21: Topological View, Version 1. Ellipses represent individual Sections, and are colored characteristically for the Sections's media type.
Click image to enlarge, or click here to open
Figure 1.22: Topological View, Version 1, one Section highlighted
Click image to enlarge, or click here to open
Figure 1.23: Topological View, Version 1, one Topic highlighted.
Click image to enlarge, or click here to open

5.4.3.3 Topological View: Version 0

In its earliest version, the Topological View resembled a highly experimental visualization.

Topics are placed at the bottom of the frame, increasing in time from left to right, and are represented by boxes. Topics with only one section are colored gray. The smaller rectangle in the center of each Topic box is colored to match the contents' media type.

Figure 1.24: Box View
Click image to enlarge, or click here to open
Topics which feature more than one Section are colored uniquely throughout the graph, so that they can be more easily tracked. For the temporal duration of the Topic, additional boxes are added to the graph - they grow upwards (tree-branch-like) and to the right. Collisions with other growing Topics are handled by sharing the space of a box and coloring it appropriately.

Figure 1.25: Box View with selected Section
Click image to enlarge, or click here to open
In functionality and interaction, this visualization resembles versions 1 and 2. A mouse-click on a Section selects it and its Slides in the other visualization frames. A second click either deselects it or selected all related Sections in the Topic. In this case, a final click deselects the Topic.

Figure 1.26: Box View with selected Topic
Click image to enlarge, or click here to open