情報処理学会 インタラクション 2015
IPSJ Interaction 2015

T eTra: A27
2015/3/5

<6OP+4)'

3!&41GJŅǀ ÏÁ†1,a)  ƑÞ ú†2   ǟƍÑ†1  Ü z†1
LYfEvpAvÔŽ' "3]xXVAGvI*ÔŽ<Ń28{#ǃƒ# 8ǣ&6ǢRbsTXŭĦ&%RTS_\r#)]xXþ*ǢĒ÷øǢÔŽſ)Ƣšśƭƈ3Ǟ ǣħũ#*ǢEvpAvÔŽ'8RbsTXŭĦ#)]xXþ<ēď82'ǢŖǖ{'čŤ9" 8ÒäƯĘ<Ć#&8$'57]xXVAGvI<ƌ UxrTeTra <čĬ8ǣ]xXþ'8ÔŽ¯ŏ<Ǟ282'ÍśƢšƭƈ)Ʋń $ƔƕSlv\r$ƁƕSlv\r)yƆ 5,ǋƖ÷)½{ )Ɨň6WLAvƒ<ÖżǢTeTra <×Ə)#È¾8ǣT eTra: A Proposal for a Tracing-Based Note-Taking Tool
Hiroki WATANABE†1 Shinya NISHIKAWA†2 Maiko IMOTO†1 Jyouji NAKAYAMA†1
A bstract: Note-taking is a key component to furthering the online learning experience. However, taking notes on atablet device is difficult and clumsy, forcing learners to work harder than necessary in order to merely take notes. In
this paper, we present TeTra, a tool which allows users to take notes by tracing subtitled text onscreen and thereby
engage in online learning more smoothly. In order to improve learning efficiency, we defined design requirementsfrom the viewpoints of “reduction of the extraneous cognitive load”,”synchronization of visual channel and auditorychannel” and ” improvement of browsability”, developing TeTra based on these requirements.

1. 

 AvRx\TX<ĞǂĀƲ'ªŔ#85'&7Ǣ\TXuxH{#ƫż<¶ƫ8EvpAvÔ
Žŗś'3æ7<Ɠ"8ǣǠMassive Open Online Coursesǡ$+ǢMOOCsEvpAvÔŽ)ëûƵåľŜ<Ǒ2"7ǢłÍ#* Coursera1ǢedX2Ǣ
Ä¤#3 gacco3 &%)ĔƂKx`OĤ¼ÏÔ)ƫż4įč8ƫż<Ǒ2"ǂ"8ǣMOOCs &%Ƶå)EvpAvÔŽ#*Ǣ³'ƫżĞ<ƔƁ8#&VOX4sfxX&%ƨǚ'µ7Ŷ1óƒ7ǢÔŽſÿÖ)ĹŇ<Hq?8$ĺ269"8ǣ)2¶ƫſ*Ǣ82'ĉį¤Ø<57ŃőƘ8$ǃƒ#8$)Ćđ8ǣ]xXVAGvI'Ǌ8)ŢŪ'57Ǣ]xX<µ8ƌŉ*³&8Ɯý)ÍÅ±#*&Ǣöž)ctQO<®7ǢǇĥƜý-)Öş<ƻ7ǢƐǒ&Àǚ4ėŬ<őƘ8$'¯Īś#8$Ĝ6'&"v)ÔŽŒÊ'ƮŎ8$È¾9"8[2]ǣ)5&]xXVA

GvI'8Ɯǆęç$"ǢPC &%#GxexY8ǣ ÔŽſ)őƘ<2)yĀķ$"Ǣ]xX<µ8$¯Īś#Ã 1 TeTra )ÍƗ

8[1]ǣEvpA"3Ǣ]xXƜǆ)ŀ°ÔŽþĪ'¬<ƌ

8ǣWNRrVGOX$"Ó8ªň$"ǢĮŴ÷4ŸǑ÷Ǣůő)4, VGOX)¥ªŔ&%ć698ǣ yę#ǢMOOCs &%#*grSW^AOÙô'57 PCÍ#)RbsTXŭĦ#EvpAvÔŽ<8ĴË
"xY†1 ĚħǕǕƟīçť NTT Kx`ODeqmxMovŢŪÿNTT Service Evolution Laboratories, NTT Corporation†2 æÝÏÔÏÔǍßÔŢŪŦGraduate School of Engineering, Hiroshima University.
a) watanabe.hiroki@lab.ntt.co.jp
1 https://www.coursera.org/
2 https://www.edx.com/
3 http://gacco.org/© 2015 Information Processing Society of JapanWNRrVGOX$"Ɯǆ8$*yƇś#8ǣ&6ǢyƇś'RTSĒ#)Gxe¬*)Ē÷6]xXþ'ƽ"

8$*ƙ

ǔǢ]xXþ)¯ŏƊ|8$ö;98ǣ
ORpAOdv&%<ŔĀĢ'58]xX?cq&%3ŚÉ"

8Ǣ/$/ėŬ<Ɯǆ7ǢĶ"Ƨ0478Éº'*ǢWNRrVGOX#Ɯǆ8Éº'ĸ."ğǉ"/ǣ254 #ǢħŢŪ#*ǢŌ'RbsTXŒÊ'8EvRbsTX PC )dvpAvÔŽğ)]xXþ<ēď82'ǢÃ 1 'Ť#ǢħŢŪ#*ǢRbsTXŒÊ#dv&]xXVAGvIUxr TeTra <čĬ8ǣTeTra5¬#þjk#*ƨǚ'ÍśƢšƭƈ)Ʋń
v\r)yƆ

ğ'&7°<ŀŔƾăį)0#ųěóƒ&ùĈ7ƶ7'ìū

È<jk8$#8ǣµðjk*RTSĒ'GvIUxr)Įƛ<ƌǣÙôŸǑUxr'5"ǢƏǜ4¥ŸǑǢĞ$)ƺ

3. T e T r a  G J

Đ<Øĝ'ƌ$#ǢǋƖ÷)Ǟ

]xXþ¬<Ŕ$ƔƕSlv\r$ƁƕSl*ǢƫżĞ'­98ÒäĔĨ<ŀŔ"ǢĞƔƁ'ǂü58ǣ¬ęĽ<žĬǢ/ñŽ4ǋƖ÷)½{3žü]xXVA3.1 ( "  3 Y 5

8$#8ǣ ×Ő8]xXVAGvIUxr'óƒ&ƒ<ž

2. b ` R S8ǣ

2 Ŭ57ǢRbsTXŒÊ#¯ŏś&]xXVAGvI< EvpAvÔŽ'8RbsTXŭĦ<ŔĢƴ0)¯Ī¨ĩ<ƌŢŪ$"ǢÕƋwĭǄ[3])ŢŪ
8ǣÕƋ6*ǢEvpAvÔŽ'Ŕ

698

¬W^Aƌ

2'*ÍśƢšƭƈ)Ʋń

$ƁƕSlv\r)yƆ

$ƔƕSlv\róƒ# /ÍśƢšƭƈ)Ʋń

8$ö;98ǣ<2'*%)5'

O$"ǢŲÐǢGxexYǢdvRbsTXǢRbs

WLAv8.#TXŭĦǠdvÉºǢ%)5&ÍśƢšƭƈřœ8:

X<µ8$į#*Ǣƫã)ƙƉ<ƀ9<]xX¬ǡ#ĸƳ<ƌ'58ÔŽ¯Ī<¨ĩ"Ħ<ŔdvǢ¬W^AO)Ƽ

8ǣÕƋ6*ǢRbsTXŭ¬'58Ģƴ0)Ĥ¯÷<ǢƜýwő'Ģ¦ƜǆƘVOX5,jkĢ)Ķţ÷6ŤǢ9<ƦĜ¨74

8jF[Pi$"Wm?rwSlv\rwkWr[4]įƌ;9"<ć"ĳ#

8ǣWm?rwSlv\rwkWr#*ǢƁƕ8ĮƛǣĠķǢ]xX<µ8ǣ]x$ǢƜǆėÒ4ėŬ<ƚĶ7

ƙƉ'ŻĎ78ŸǑ)ŨǛ)

8ǣÔŽſ'5"Ɯǆ8ORAr*

8Ǣƫż'Ɯǆ$ŸǑ)į<ź7ƶ"]

Slv\r$ƔƕSlv\r<»ĥ8$¯ŏś&xX<þ"įƜýØǅ)ªŔĽ#&6ǢŸǑ)į#*ǢGxexY)ĚħƤÌĎ#X PC )dv

8$ž

69"

8ǣRbsT¬#*ǢGxexYĒ)ĚħƤÌĎ4

$yƇś#7ǢƥƜ)ƚĶ#8$ö;98ǣ7ÔŽ¤Ø$ŝċǊ)&W^AOǉ#)Ɣŷ)ŧ°&%)ÍśƢšƭƈ<ƲńǢÍśƢšƭƈřœ8·ƃ÷ǞZsxMov'º;"ėŬ'|ŷ<è&%ǢZsxĻǙ"Mov'»ĥ"JvVvU<ľƔ4

$#&&7ǢƁƕSlv\r$)}yƆ<èư$6Ǣ¯ǣ/ǢŸǑį'8$ǢŐÅ)ƫż)ZsxMov$»ĥ8

ŏś'įƜýØǅ<¤ØőƘ'Îǂ¨#8$"·ƃ÷38ǣƫż'*İ¬ŸǑ į<ƿǢƜǆ 'ĻǙ#8 yęǢÔŽ¯Ī<Ǟ282'*ǢƜǆ]xX<Ɠ

WLAv<8$ǃƒ#ƶ$3ǃƒ# ĵ'ƔƕSlv\r$ƁƕSlv\r)yƆ

8$ƙ;9"

8ǣKiewra[5]6*Ǣ

8ǣÍśƢšƭƈ)Ʋń )Ɨň68$Ǣ
8$ö;98ǣ<]xX<Ɠƶ$#ÔŽþŹ½{8$<×ǝ'5

2'*%)5'WLAv8.<ĮƛǣEv"Ĝ6'Ǣ/ǢƓ§4éƩ<8&%?BXpAvÔŽ'"ƔƕSlv\r$ƁƕSlv\r<ypAvëç#ƜƷ9]xX<Ɠƶ$#ǢÔŽ)¯Ɔ8$*ǢZsxMov'º;"ǢnxLǊƺĪ<57Ǟ28$#8$Ʒ."

8Ã4VGOX<´ŋ"8ǣÔŽ¯Ī<Ǟ8$ǃƒ#8ǣÕƋw

282'3Ǣ]xXþğ'*î#Ɠƶǎ)ǋƖ÷

ĭǄ[6]*Ǣe px[vIĔĨ''ǂü8óƒƔƕJvVvU'»ĥfAvR<čŤǢÔŽſ)Ɣ

8$ö;98ǣ ÕƋ6)ŢŪ#*ǢRbsTXŭĦ'ƎŤ9JvVvU'Ù"ŝċdv¬<ƌǣ&6Ǣdv$ōļ<ÙƬ$"¬#*ǢǇė<Ɯǆ7Ǣ"ǢƁƕJvVvU$

ň<JvXtxr8$¯Īś#8$<Ť¿"8ǣ)2]xXVAGvI)ǎ'3ǢnxL)Ɣŷ
ZsxMov)Ůÿ'Ƹï#85&WLAv'8Ķ"Ƨ0478Éº'*ğǉ"$ǃƒ#/ {)Įƛ57Ǣ¯Īś&]xXVAGvI<×Ő8Ǣƫż¤Ø<¨74/$28$"&į'*½ǣ/ǢÕƋ6*ñŽ'58őƘ<¯Ī$8$ö;98ǣUxr)WLAvƒ$"Ǣĵ)Ǥ

$Öżǣ"ǢƯĘ¤'ŝċjk<Ģƴ1$#Ɠŝǎ'ÔŽ(1) [ a  W d  :  9   6 K¤Ø)¥œ<®8$Ʒ."(2) [ a    ? D    8 ; H N  F P     8Ǣ°Ŗò)JvVv

U#*Ģƴ0#Ǣjk$ĞMxv<Ùô!8$ǔ )5© 2015 Information Processing Society of Japan

3!c*24#03TEZV^Aǣ']xXþî)ǋƖ÷(3) + 4 ) ' $Ɨň#*Ǣ(1)$(2))ƒ#*ÍśƢšƭƈ)Ʋń<Ŝś$"8ǣ255

Ã 3 &7°Ã 2 MOViıƒÃ(3))ƒ#*ƔƕSlv\r$ƁƕSlv\r)yƆ<Ŝś$"8ǣ yę#ǢƌŢŪ#*ǋƖ÷ )Ɨň#ƨǚñŽ4î)ÔŽ'ŀŔ#85&ǋƖ÷)Ǟ

ǣÃ 4 Ɯǆ)Ŗǖ

]xX<þ82'*Ǣjk6ƒň<Ėő"Ɠ§4éƩżĞ<ƔƁ&6jk<Ɯǆ8ǠƜǆǡǣƫżŵ<­îǢ]xXŸǑŖǖ'"Ǣjk'Ɠ§4qOX±&%)"Ĳƹś'ƜƷ#8óƒ

8ǣ/, ǋƖ÷<½{82'Ǣ]xX)ƜƷ$Ğ)Mxv<qvHĖë<­8Ŷ0[7]("57čĬ9"8ǣħŢŪ#*ǢîĚǢ]xXŸǑŖǖ<ǈ9<RbsTX{#3Øĝ'ƌĮƛǣ{ñŽ'ŀŔ8ǠñŽǡǣ

8557ǢǋƖ÷<Ǟ28WLAv$"ĵ)ƒ<­(4) [ aǣ./M_=

(5) . /  \ @7ǢČĕ7"]xX<þ8ǠŸǑǡǣ"Ǣþ]xX<Ɠŝ ĵŰǌ#*Ǣ
Ɯǆ w
ŸǑ wñŽ )¹OVTc#WLAvƒ<ņĴƃ<%)5

I7#43>C

'Ŷ0ƴ=<ƦĜ8ǣ

3.2 T eT ra  L Y

3.2.2 [a$'%, ħŰ#*×Ő TeTra )ıƒ'L*Ɯǆ wŸǑ wñŽ)Ǥ

"ƦĜ8ǣnx)OVTc'

"

(1) 

<68;ƒ  (2 )(3 )<ņ
 2 Ŭ#Ʒ.ƒ¬ęĽ$"ǢÃ 3

TeTra <ªŔ8ǣ3.2.1 #*MOVi¡)ıƒ''Ť5"Ʒ.Ǣ3.2.2 ǌ#*¹OVTc'Ù"ǢWLAvƒ7ÙƬ)ƯĘ$"ǢĞ$£'ǂâ98ÒäJvV<ĄvU<ŀŔǢÒä)čŤ9"

Ǣ%)5&Ĵƃ<×Ő<ƦĜ8ǣ&Ǣ&7°'58¬ęĽ<ĊŔ8ǣ&8Ŗǖǁ<Ć#&

3.2.1 #$'-LY8$'57Ǣ)&Ůÿ<jk$"]xX'Ɯ Ã 2 'MOVi¡)ıƒ<ŤǣTeTra °8ǆ"2)MOViƒ*ǢÔŽJvVvU°Ŗ$"čvÔŽ#*ĞJvVvU)Î'Òä~9"7Ǣ9Ǣƫã)řƙ)ėÒùÈǠÒäùÈǡÓÅ8$#Ğ<ƔƁ&6ÒäĔĨ<Ɠ8$#8Ĳþ)38ǣÂ)×Ə#*ǢHTML5wJavaScript <Ŕ")Î$#8ǣMOOCs &%)Ƶå)EvpAǣ)¬ęĽ)ªň$"*ZsxMov6Web AvRxaCxO#×ŐǣÔŽŔ)°Ŗ*nxL

Ķţ'ėÒ<Ɯǆ8$#82ǢĚħƤÌĎ4ƥ)ŭĦ{#OXqxhvI¥œ9Ǣ»ğ'ǂâ9ÒƜ)Ķ<ƌäùÈƺ°"čŤ98ǣsOfvMbWLAv<Ċ'Úõ"ŔǢRbsTXŒÊ#& PC ŒÊ#3»ĳ'ĒóŊś'Ɣŷ<ÒäJvVvU'Ŝ<½8óƒ8$#8ǣÃ 2 'Ť5

ƒ  (3 ) #ĺ269"

8Ɯǆ$ŸǑ'"99'Ō±Ŗǖ<ƝǣnxL*)Ŗǖ<©7ģƒ  (1 ) <ņ52Ǣƒ
$·ƃ#'Ǣ]xXþ'"į<ƌ$#8'ǢƜǆ$ŸǑ#

¨8

8ǣ

"

ƒ  (2 ) <ņ5óƒ&Ǣƒ'Ɯǆ¬8$#8ǣ/Ć#&8ǎ'*Ǣ
85

7Ǣ'ǢZsxMov#Ƨ0{8Ůÿ'º;"Òä<&8$·ƃ#8ǣ(2) [aQe]U ĵ'ǢTeTra #Ɯǆ)Ŗǖ<Ã 4 'ŤǣŖǖà{'*Ğ<čŤǢ¸²¨'*ÒäJvVvU<čŤ8ǣ

 ħMOVi<"nxL]xX<þ8Éº)OÒäJvVvU*Ğ$ƺ°"ǢZsxMov)ƠêŮ

VTc*|)5

ÿéƩ"ƎŤ985'&8ǣ]xXƜǆŖǖ<ǈǢƫ© 2015 Information Processing Society of Japan'&"7ǢnxL)ľƔ

256

ň<ƣÛ85'&"

8ǣà|'µ7ƴ=jk<(5 )<ņ5Ǣjk$)Ơê8Ğ<Øĝ'qvH

yğś'^Ta>8ǘÆ<Ɲ"7Ǣµ7ƴ=jk

8$#8ǣnxL*ñŽğ'Ǣ]xX'ƜƷ9*yƖ8$#8ǣjk<µ7ƴ1ǎ'*ǢjRW

jk<RTSĒ#ĆÖǢƠê8ĞMxv6¥

xR$"Ơê)Òä<ƎŤ8ğ«ǠJvVvU'œ8$#ǢőƘ<Ń28$#8ǣ

8¥œğ«ǡ3º;"ƅ°ś'Ɯǆ8ǣ9*îƷ/Ǣ]xX*HpBYŒÊ'Ó#8)#Ǣ%)W8ñŽOVTc#ŀŔ8ǣ^AO63´ŋ·ƃ#3.2.3 Wd$'%,OX<ĮŴ"´ŋ8$3#8ǣ Ɯǆî*Ǣ]xXŸǑŖǖ<ǈ5ƒ  (4 ) <ņ"Ǣƒ'Ǣµ7ƴ=jk'Ɠ§<­7Ǣjk<ƅ¨8ǣÃ 5 'Ť)ƙƉ#Ėő7Ĳƹś&ŸǑ·ƃ#5'ǢŸǑĴƃ*UxreTHO'/$269"7ǢƜǆ9jk<ĆÖ"UxreTHO#ŸǑ<­8 )57Ǣóƒ&$'WNRrVG' TeTra #þ]xX*ǋƖ÷ǞǢÔŽ)Ĉ7ƶ74ñŽ<ƻ8¯Ī8$ĥí98ǣ

4.    +Ǣjk)Ĳƹ±wƏǜ'*Ǣjk< ħũ#*ǢRbsTXŒÊ'8EvpAvÔŽ<ēRTS#ƾă"6ǢUxreTHO{)Ɠ§4qOď82'Ǣ&7°<ŀŔ]xXVAGvIU

$#8ǣX±&%<ĆÖ8ǠH24li&%) HTML ƒų<xr TeTra <čĬǣTeTra *RbsTXŒÊ'ĆÖǡ$#ƎŤ)ORAr<Ìġ8$#8ǣ/dvǢjk)ǗŘ3RTSĒ#ƅŕ'xX<µ8$#8ǣUxr)WLAv'ƃ#9ģ8$·Ž¯Ī<Ǟ282ÍśƢšƭƈ)Ʋń

8ǣ /Ǣjk)¤Ø*Òä)ƙƉ)//ƱƜ9"

v\r$ƁƕSlv\r)yƆ

/2Ǣƅ¨)ƙƉ'ŻĎ)Ɨň6Ǣ9<5­Éº7Ė7"Ķ<8ǣUxreTHO#*űĝ)VGOX

DW@RªŔ#82ǢÃ 6 )5'Ɯǆjk<"¬<ƌ;$3ǢRTS'58&7°)0#]"*Ô$ƔƕSl5,ǋƖ÷)½{&WLAvƒ<Öżǣƒ*(1) ƜǆaCxP$ŸǑaCxP¨Ǔ9"$ (2) Ɯǆ)0'Úõ#88¬ęĽĊŔ9"¬#Ķ8$#8ǣnxL*ŸǑğ

8$ (3) ]xXVAGvI)ǎ'3ZsxMovŮÿ

'*Ĳƹ±'Ǒ#8)#Ǣ¤Ø<Š"Ėő9' (4) Ɯǆjk<Ĳƹ±#8$ (5)jk$Ơê]xX<þ8$·ƃ#8Ğ)Ùô!#8$#GxexY

ň¨74

7ǢñŽ#Ɠƶǎ'ƒ

<ņ5ǣ

3.2.4 BX$'%,ŸǑŖǖ)UxreTHO'*ñŽ'ŀŔ#8Ĵƃ
$"jk)ƠêŮÿ6Ğ)¥œ<ƌĴƃ

8ǣ

TeTra #*Òä<&7°#Ɯǆ8ǎ'ǢjRWxR$"Òä<ƎŤ8ğ«<µð"ƒ8ǣ)2ƒ

7ǢTeTra *96ƒ×ƏǣîǢTeTra )ĤŔ÷<Ť2'*ǢRbsTXŒÊ'8)]xXƜǆęç$ĸ."ǢnxL)ÍśƢš
ƭƈ4ÔŽğ)ƌ°%)5'Ì±ǢÔŽ¤Ø'Ù8őƘ)Ń/74Ɯý)Ăą'98<ƞ"óƒ"%)5'á068ǣ       Ã 5 ŸǑ)Ŗǖ

Ã 6 jk)Ķ© 2015 Information Processing Society of Japan1) Boch, F., Piolat, A., “ Note taking and learning: A Summaryof research,” The WAC Journal, 16, pp101-113, 20052) Ü×Ǣ¢ŁyǢÜħĿǏǢEvpAvÔŽ'8ÔŽſ]xX)¤Øƞ$ÔŽþŹ$)ǊƺǢÔāÈǢET2011-49Ǣ
pp13-18 , 20113) ÕƋǐĿǢĭǄŞƄǢe px[vI'8RbsTX PC <Ŕ Ģƴ0)¨ĩǢĚħĔƂßÔƪėơǢ35(2)Ǣpp109-123Ǣ
20114) Clark, J.M., Paivio, A., “ Dual coding theory and education,”
Educational Psychology Review, 3, pp149-210, 1991
5) Kiewra, K. A., DuBois, N. F., Christian, D., McShane, A.,
Meyerhoffer, M., & Roskelley, D., “Note-taking functions andtechniques,” Journal of Educational Psychology, 83, 240-245,
19916) ÕƋǐĿǢĭǄŞƄǢ
Wm?rwSlv\rwkWr'Ç!
e px[vIwgrSjW@?ĔĨ'8fAvRčŤ)¯Ī¨ĩǢĚħĔƂßÔƪėơǢ32(1)Ǣpp43-56Ǣ20087) Li, Y., Wald, M., Wills, G., Khoja, S., Millard, D., Kajaba, J.,Singh, P., Gilbert, L., “Synote: development of a Web-based tool
for synchronized annotations,” New Review of Hypermedia andMultimedia, p. 1-18, 2011257