shan-zhang / hyvideo

MapVideo - Version 1.0

User: Lecturer

Interface:

1. Video Canvas (Top Left): Source videos captured or created by the lecturers are played in Video Canvas.
2. Control Panel (Buttom Left): Auxiliary functionalities are mainly positioned on Control Panel.
3. Subtitle Display Board (Top Right): Captions or subtitles are displayed with time on Subtitle Display Board.
4. Concept Map Generator (Buttom Right): Concept maps are designed in Concept Map Generator automatically or manually with keywords.

Functionality Introduction

1. Video Canvas Functionalities Video Canvas is basically an embedded video player (as shown above) for playing source video streams.

   1. Play/Pause: Play or Pause the source video at a specific position.
   2. Progress bar: Locate a specific position of the source video.
   3. Audio control panel: Control the volume of the audio.
   4. Caption display/hide button: Turn on/off the subtitle.
   5. Full screen button: Play the source video in full screen mode.

2. Control Panel Functionalities

   1. 2-D Timeline: Highlight the corresponding timestamps when one or more concept bubbles are selected in the Concept Map Generator.
   2. Clear button: Clear all the marked timestamps on the 2-D Timeline.
   3. Concept-Map button: Automatically generate concept bubbles according to current displayed subtitle sentences.
   4. Suggested Key Concepts: Automatically generate key words with their corresponding explanation links based on the entire subtitle text.
   5. Load/Download Concept-Map buttons: Load existing concept map into Concept Map Generator or download a designed concept map from Concept Map Generator and save it on a local disk.

3. Subtitle Display Board Functionalities The Subtitle Display Board is for displaying the subtitle with time.

   1. Sentences of the entire subtitle text are separately displayed according to the timestamps.
   2. Keywords can be automatically detected from the subtitle sentences and then represented as concept bubbles in the Concept Map Generator.
   3. Customized keyword can be dragged directly from the subtitle sentences.

4. Concept Map Generator Functionalities Concept Map Generator is the main panel for designing a concept map.

   1. Selection: Left click on a concept bubble. The contour is turned red. All the corresponding keywords are highlighted in the subtitle display board and all the corresponding timestamps are highlighted in the 2-D Timeline.
   2. Move (drag): Select a concept bubble and keep left mouse button pressed. Then the selected concept bubble can be moved.
   3. Edit: Select a concept bubble and press “E” on the keyboard. There would be an editing interface shown on the video canvas for modifying specific attributes of the concept bubble.
   4. Delete: Select a concept bubble and press “Delete” on the keyboard.
   5. Create an empty concept bubble: Double click left mouse button and an empty bubble would be created.
   6. Search a concept: Press "Ctrl" + "F" on the keyboard and there would be a search bar shown on the top of the Concept Map Generator. Type a keyword matching a concept in the concept map and the corresponding concept bubble is marked with yellow color.
   7. Connection: keep pressing “Ctrl” on the keyboard, click one concept bubble as an origin and click the target concept bubble. There would be a line connector shown with an arrow heading. The connection can be selected by left click, edited by press “E” on the keyboard and deleted by press “Delete” on the keyboard.
   8. Concept bubble’s size is displayed based on the keyword’s frequency in the entire subtitle text. Each concept bubble’s size can be enlarged by manually drag more keywords from Subtitle Display Board.
   9. Using mouse wheel to zoom in and out of the entire concept map.