Hyper-Hitchcock F. Shipman, A. Girgensohn, and L. Wilcox, "Hyper-Hitchcock: Towards the Easy Authoring of Interactive Video", Proceedings of INTERACT 2003,

Slides:



Advertisements
Similar presentations
Introduction to Macromedia Director 8.5 – Lingo
Advertisements

User interface Adobe video and audio applications provide a consistent, customizable workspace. Although each application has its own set of panels (such.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
Hypervideo Group Name: Adept. Group Members Vinay Kalasannavar –Content authoring, presentation –Code samples Sagar Sahay –Strategy authoring Poorna Chandra.
Microsoft Office Illustrated Fundamentals Unit N: Polishing and Running a Presentation.
Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.
Chapter 2 Multimedia Authoring and Tools
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
Visual Basic 2010 How to Program Reference: Instructor: Maysoon Bin Duwais slides Visual Basic 2010 how to program by Deitel © by Pearson Education,
Hypervideo Expression: Experiences with Hyper-Hitchcock Frank Shipman, Texas A&M University Andreas Girgensohn & Lynn Wilcox, FX Palo Alto Laboratory.
Hyper-Hitchcock: Authoring Interactive Videos and Generating Interactive Summaries Frank Shipman Texas A&M University Andreas Girgensohn Lynn Wilcox FX.
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
Combining Spatial and Navigational Hypermedia in the Hyper-Hitchcock Hypervideo Editor Frank Shipman, Andreas Girgensohn, Lynn Wilcox FX Palo Alto Laboratory.
1 of 6 Parts of Your Notebook Below is a graphic overview of the different parts of a OneNote 2007 notebook. Microsoft ® OneNote ® 2007 notebooks are digital.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Projects in the Intelligent User Interfaces Group Frank Shipman Associate Director, Center for the Study of Digital Libraries.
Multimedia Enabling Software. The Human Perceptual System Since the multimedia systems are intended to be used by human, it is a pragmatic approach to.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Animating and Using Multimedia Effects Lesson 10.
With Windows 7 Comprehensive© 2012 Pearson Education, Inc. Publishing as Prentice Hall1 PowerPoint Presentation to Accompany GO! with Windows 7 Comprehensive.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
CS 275Tidwell Course NotesPage 33 Chapter 3: Getting Around In complex software applications, it is critical to reveal where the user currently is, as.
What is Director?  A tool for creating interactive CDs or interactive media and games on the Web.  Combines graphics, sound, video and other media together.
Advanced Forms Lesson 10.
CIS—100 Chapter 9—PowerPoint 1. The PowerPoint User Interface 2 There is a tall band across the screen that contains many, very visual commands arranged.
Learning Microsoft Power Point Getting Started  There are three features that you should remember as you work within PowerPoint 2007: the Microsoft.
Unit 3: Multimedia The Development Process. What is Multimedia? An interactive piece of software using several types of media: –Text –Graphics (photographs.
Working with iMovie: The Basics Created by MJ. Importing Video Footage attach your camera to your computer and set to VTR mode move the camera button.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Today’s Topics Image and video processing Image and video applications.
CHAPTER 9 Introducing Microsoft Office Learning Objectives Start Office programs and explore common elements Use the Ribbon Work with files Use.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.
The Development Process
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
XP New Perspectives on Microsoft FrontPage 2002 Tutorial 1 1 Microsoft FrontPage 2002 Tutorial 1 – Introducing FrontPage 2002.
Chapter 6 SAS ® OLAP Cube Studio. Section 6.1 SAS OLAP Cube Studio Architecture.
Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
Windows Movie Maker Getting Started. What is Windows Movie Maker? Windows Movie Maker allows a user to capture (from a video camera) or import audio,
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
MULTIMEDIA DEFINITION OF MULTIMEDIA
CHAPTER TEN AUTHORING.
Computing Fundamentals Module Lesson 3 — Changing Settings and Customizing the Desktop Computer Literacy BASICS.
Photo Story 3 Importing Pictures. When you create a new Photo Story, the first thing that you will do is import pictures. You can import pictures from.
Create Forms Lesson 5. Objectives Software Orientation The Forms group (below) is located on the Create tab in the Ribbon and can be used to create a.
Enhancing a Video/Movie. I.Narrate the Timeline To narrate the timeline Add any video clips, pictures, titles, or credits that you want to display in.
With Windows 7 Introductory© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Windows 7 Introductory Chapter 3 Advanced File Management and Advanced.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Lesson 1: Introduction to After Effects CMM204 – Digital Media Effects.
MACROMEDIA DIRECTOR - LECTURE NOTES -. INTRODUCTION Macromedia Director 8.5 is the best selling multimedia authoring program and leading tool for creating.
using Premiere Elements 10
I. Getting Started with the Interface Microsoft ® Windows ® Movie Maker.
IMovie 10 Overview. Importing Files from a Video Camera into iMovie 1.Plug the camera into a wall outlet using the power supply. (Some cameras will not.
Digital Storytelling Use of Windows Live Movie Maker to create a digital story using the “Auto” function. Create a digital story in minutes! Sept 2010Malcolm.
Photo Story. How to use Photo Story Photo Story 3 can be located in the Accessories folder on school computers. You will need to have your pictures already.
Video Topics Hard to separate video processing techniques from image processing – Image and video processing for video authoring – Image and video applications.
Objective % Select and utilize tools for digital video production.
Adobe Premiere interface overview
Video Topics Hard to separate video processing techniques from image processing Image and video processing for video authoring Image and video applications.
Chapter Lessons Understand the Macromedia Flash workspace
Understanding Web Sites
CHAPTER 8 Multimedia Authoring Tools
Importing Files Importing is not the same as capturing.
An Introduction to MS MovieMaker
Learning Audio/Video Production
Chapter 4 Enhancing the Graphical User Interface
Presentation transcript:

Hyper-Hitchcock F. Shipman, A. Girgensohn, and L. Wilcox, "Hyper-Hitchcock: Towards the Easy Authoring of Interactive Video", Proceedings of INTERACT 2003, pp

Background There is a need for video editors that support a wide interactive group of authors. Due to merging tv, games and interactive fiction Use of digital video and still cameras Currently there is a trade off: Expressiveness Ease of use Hypervideo allows users to move through portions of video Potential applications are Educational Environments Narrative Story Telling

Background With format like iDVD authors can create navigation of video through an interactive menu One form of interactive hypervideo Restricts the interactions to following links between videos (greater range than chapter selections like iDVD) Another type is “Detail on Demand” video This is the type this paper studies Called Hyper-Hitchcock Supports only on link at a given time (v.s. multiple link anchors in a video frame)

“Detail on Demand” A more simple form of hypervideo At most one link available at a time Authoring is via direct manipulation Not scripting languages which might be unsuitable for a broad audience of authors. Accessible to less technically savvy authors Author selects a video segment, for which the link will be active and that video will be shown to the viewer if the viewer selects that link This saves the viewer time Allows them to select what is relevant

Hierarchical Video with Links The representation’s primary features are links between hierarchical video compositions and link properties Video consists of one of more linear video sequences and links between the elements of these sequences Segments of clips are grouped into composites, and they may be part of higher level composites

Hierarchical Video with Links Links can exist between any two elements If more than one link is available the most specific is exposed The source defines how long the link is available Destination defines which video is played if the link is followed

Link Labels and Behaviors Has source and destination anchors Link label Return behavior (2) What happens when video finishes playing What happens if ends the presentation prior to finishing Author chooses from a set of predefined behaviors

Hyper-Hitchcock A direct manipulation environment For authoring and viewing detail on demand video Authoring tool consists of 3 panes Upper left - selection panels Authoring workspace - bottom Tree View - upper right

Hyper-Hitchcock Video editor Displays hierarchically arranged set of key frames representing source video Metadata about the clip is found in the info bars at the bottom of clips Clips are arranged in “piles” Users can browse through piles by mousing over them Clips are dragged from selection area to the workspace Clips grouped into composites are displayed with 2-4 key frames (1st and last always included) Length of composite clip is reflected by its size The tree view illustrates the structure complicated of composites

Hyper-Hitchcock

Navigational Links Can be created between any 2 elements in the workspace Visualized on workspace by colored arrows between clips and composites Placement tells if he link is in or out Location and color tell if link is connected to whole element or a component Labels can be attached to give view additional information about the destination

Hyper-Hitchcock The player Combines elements from web-browsing and changing television channels. Player indicates when links are available Can follow think link or allow video to keep playing Destination video will play until completion Then the original video will continue based on the link behavior If the destination video is no what the viewer wants they can go “back”

Hyper-Hitchcock The Player cont. When a link is taken an icon appears briefly to indicate what has happened. Jumping straight from video to video confuses viewers It would be useful to use transitions (fade, wipe, cross) but transitions require render time and are not possible until they can be generated in real time.

Hyper-Hitchcock Types of videos created by users A story about a trip to Japan A mountain bike race Feedback Initial confusion of the auto return behavior of links Participant was attempting to do what the system already did Both participants used link attributes to label links and define return routes. Suggested they would use the video editor: for extended story telling Being able to edit video to keep wife happy Difficulties Tracking logical path of the links Difficult to decide what to keep (audio important in decision)

Conclusions Introduced detail on demand video with simplified authoring interface Well suited for Educational materials How to videos allowing navigation to higher detail or different levels of information Supports a much wider range of authors due to ease of learning and use of system Give authors autonomy to specify what happens when a video is finished

Questions The preliminary study for this system only involved two users, Do you think this actually gives any relevant feedback? How would you alter this study? What other applications do you think this type of system has? When do you think it is more important to retain expressiveness and forgo ease of use?