DynamicSlide: Reference-based Interaction Techniques for - - PowerPoint PPT Presentation

dynamicslide reference based interaction techniques for
SMART_READER_LITE
LIVE PREVIEW

DynamicSlide: Reference-based Interaction Techniques for - - PowerPoint PPT Presentation

DynamicSlide: Reference-based Interaction Techniques for Slide-based Lecture Videos Hyeungshik Jung, KAIST Hijung Valentina Shin, Adobe Research Juho Kim, KAIST MOOC and video 2


slide-1
SLIDE 1

DynamicSlide: Reference-based Interaction Techniques for Slide-based Lecture Videos

Hyeungshik Jung, KAIST Hijung Valentina Shin, Adobe Research Juho Kim, KAIST

slide-2
SLIDE 2

MOOC and video

2 https://www.class-central.com/report/moocs-stats-and-trends-2017/

slide-3
SLIDE 3

Slides are widely used in lecture videos

3

slide-4
SLIDE 4

Decomposing Slide-based Video

Audio Frame

4

slide-5
SLIDE 5

Decomposing Slide-based Video

5

Audio

Slide

slide-6
SLIDE 6

Decomposing Slide-based Video

6

Audio

Slide

slide-7
SLIDE 7

Decomposing Slide-based Video

7

Audio Slide “Hash function” timeframe “Takes any string as input” “Fixed-size output (we’ll use 256 bits)” “Hash function” Image1 Image1

slide-8
SLIDE 8

Decomposing Slide-based Video

8

Audio Frame “Hash function” timeframe “Takes any string as input” “Fixed-size output (we’ll use 256 bits)” “Hash function” Image1 Image1

slide-9
SLIDE 9

Object-oriented tools for both learners & instructors

For Instructors (Lightweight editor) For Learners (Player)

9

slide-10
SLIDE 10

Object-oriented tools for both learners & instructors

For Instructors (Lightweight editor) For Learners (Player)

10

slide-11
SLIDE 11

Link between slide and narration

11

slide-12
SLIDE 12

Link between slide and narration

12

visual information hierarchy

slide-13
SLIDE 13

Link between slide and narration

13

visual information hierarchy auditory detailed explanation

slide-14
SLIDE 14

Link between slide and narration

How can we find leverage links between slides and narration for watching video?

14

slide-15
SLIDE 15

Interaction techniques powered by links between slides and narration

1. Automatic Highlighting 2. Item-based Navigation 3. In-video Bookmarking

15

slide-16
SLIDE 16

1. Automatic Highlighting 2. Item-based Navigation 3. In-video bookmarking

Interaction techniques powered by links between slides and narration

16

slide-17
SLIDE 17

Computational Pipeline

17

slide-18
SLIDE 18

Computational Pipeline

18

Pixel difference Text difference

slide-19
SLIDE 19

Computational Pipeline

19

Heuristic

slide-20
SLIDE 20

Computational Pipeline

20

slide-21
SLIDE 21

Computational Pipeline

21

slide-22
SLIDE 22

Computational Pipeline

22

slide-23
SLIDE 23

User Study (n=12)

Baseline DynamicSlide

1. Navigation -> Searching relevant part of the question 2. Cognitive load -> NASA-TLX

23

slide-24
SLIDE 24

Navigation task Cognitive Load

24

User Study (n=12)

slide-25
SLIDE 25
  • How to robustly find link between slides and narrations?
  • Do links commonly exist in lecture videos?
  • The effect of finding and leveraging wrong link

25

Discussion

slide-26
SLIDE 26

Object-oriented tools for both learners & instructors

For Instructors (Lightweight editor) For Students (Player)

26

slide-27
SLIDE 27

Lifespan of a lecture

t

27

slide-28
SLIDE 28

Lifespan of a lecture

t

28

  • Update the content of slide
  • Try different versions of explanation
slide-29
SLIDE 29

Lifespan of a lecture

t

29

  • Update the content of slide
  • Try different versions of explanation
  • Hard to update the published video
slide-30
SLIDE 30

Lifespan of a lecture

t

30

  • Update the content of slide
  • Try different versions of explanation
  • Hard to update the published video

How can we build a tool to help instructors directly update their video without having to patch and re-publish?

slide-31
SLIDE 31

Formative study

Interviews with 7 Instructors who made lecture video (Professors + Part time) 3 Video editors (Content team at the university)

31

slide-32
SLIDE 32

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

32

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-33
SLIDE 33

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents Before

  • Add supplementary content
  • Highlight the text
  • Cut part with mistakes

After

  • Fix typo
  • Fix figure

33

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-34
SLIDE 34

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents Before

  • Add supplementary content
  • Highlight the text
  • Cut part with mistakes

After

  • Fix typo
  • Fix figure

34

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-35
SLIDE 35

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

35

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-36
SLIDE 36

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

ABC

Changing text (ABC -> CBA)

36

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-37
SLIDE 37

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

ABC

Changing text (ABC -> CBA)

cba

Create patch

37

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-38
SLIDE 38

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

ABC

Changing text (ABC -> CBA)

CBA

Create patch

38

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-39
SLIDE 39

1. Instructors want to edit the videos before and after publications 2. Editing cost is prohibitive 3. Editing often involves substituting the original (slide) contents

ABC

Changing text (ABC -> CBA)

CBA

Overwrite + Adjust timing

39

Interviews with 7 Instructors who made lecture video (Professor + Part time) 3 Video editors (Content team at the university)

Formative study

slide-40
SLIDE 40

40

Design Goals

1. Provide an intuitive interface for instructors to directly edit their lecture videos 2. Enable users to update elements of the lecture slide within the video 3. Facilitate synchronization of visual and audio events in the video

slide-41
SLIDE 41

DynamicLecture

41

slide-42
SLIDE 42

DynamicLecture

42

slide-43
SLIDE 43

DynamicLecture

43

slide-44
SLIDE 44

DynamicLecture

44

slide-45
SLIDE 45

DynamicLecture

45

slide-46
SLIDE 46

DynamicLecture

46

slide-47
SLIDE 47

DynamicLecture

47

slide-48
SLIDE 48

Evaluation

1. Instructors review their lecture videos, then list up improvement items 2. Inststructors fix their video using the system

48

slide-49
SLIDE 49

Result

1. Instructors review their lecture videos, then list up improvement items 2. Inststructors fix their video using the system

49

slide-50
SLIDE 50

Conclusion

For Instructors (Lightweight editor) For Students (Player)

50

1. Parsing videos into objects can improve the way we interact, consume, & create lecture videos. 2. We need to explore novel object-based video interaction techniques. ( e.g., participatory video improvement by learners)