Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report123

概要キーワード

Proposal and development of interfaces to visualize the operation
history of digital textbooks and teaching materials for learners
SARA TANEMURA†1

NAOKI KATO†2

YUDAI ISHII†31.
1.1
ICT Informa[3]tion and Communication TechnologyGIGA
1.0

1[1]e-Booke-Book[4][5]
Lentrance Analytics

[2]

1ICT

1 [6] Lentrance Analytics
Lentrance®

3
Faculty of Education, Tokyo Gakugei University

FUJI SOFT INCORPORATED

2Tokyo Gakugei Universityⓒ2023 Information Processing Society of Japan1

Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report
(1)

(2)

1 Lentrance Analytics [6]Figure 1 Lentrance Analytics [6]
(3)
1.2

2.2

1.3

2.1
2[7]
2

3.
3.1

2.
2.1
3(1)

ーーー(2)ーー

Figure 22Classification of terms related to operational historyⓒ2023 Information Processing Society of Japan2

Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report

3.2(1)234(a)
3232(a) 2D display of 3D data with bar graph

3a413(2) 2342(b) 23b(b) 2D heatmap

3133c(3)(c) 23(c) Visualization of 3D data with 2D heatmap

3d(d)(d) Seating heatmap

(4)

23e
3.3
3.1

3.2(e)(e) Table(1)
Figure 33Visualization methods

4a2ⓒ2023 Information Processing Society of Japan3

Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report(a)(a) Visualization graph of number of operations by student
4b(2)
(b)
(b) Visualization graph of number of operations by student
and function limited to pen function

2nn(c)(c) Heatmap of degree of operation by student

4c

3.4(2)

1(d)(d) Heatmap of degree of operation by student and function
limited to pen function
4d(3)

24e

ⓒ2023 Information Processing Society of Japan(e)(e) Visualization graph of number of operations by function
4Figure 4

Mapping of data and visualization methods (1)4Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report

(4)

(a)
(a) Indications focused on student location and degree of use

5(b)(b) Visualization graph of number of operators

5a(5)

(c)
(c) Visualization table focusing on audio and video

5b5
Figure 5

Mapping of data and visualization methods (2)(6)

6a6b55c3.4(1)ⓒ2023 Information Processing Society of Japan6c(2)5Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report(a)(a) Tooltip display of operation count graph by student(a)(a) Extraction displays of any student(b)(b) Tooltip display of operation count graph by function(b)(b) Extraction displays of any function(c)(c) Tooltip display of number of operators graph(c)(c) Checkbox to switch between audio and video
6Figure 6

Operation designs(d)(d) Tooltip display of degree of operation heatmap by student
7Figure 7Tooltip displays for detailed understanding

17aTable 1cSearch conditions for data request

IDactor7dfind_begin

YYYYMMDDhhmm

find_end

YYYYMMDDhhmm

sort_type

4.

top

4.1

limit

1

Web API

1:, 2:()

index

:1:10

CSV
21

1
4.2.1
ID

4.2
2.2

ⓒ2023 Information Processing Society of Japan

6

Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report
8d(1)
(1)

IDPC
ID
8a8bID(2)

CSV
CSV9b1CSVID(a)(a) Data loading part for offline use after class(b)(b) Data loading part for online use after class

(2)

8a(c)
(c) Time selection sliderc8c
4.2.2

(d)
(d) Data loading part for real-time use in classID
8Figure 8ⓒ2023 Information Processing Society of Japan

Data loading section and its functions

7Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report

5.
Table2

Web2
Response contents to data request

dateindex

CSV

index

actor

JSONID

actionbookIdWeb APIID

chapter1

typeWeb API

pageIdx

Web API

JSONappId

2ID

targetJavaScript HTML CSS
3Chart.js. Version 3.7.1

Table34.2.1
GoogleNoFirebase Realtime Database

15.1

21314

100.1

110

0.8 100

1.0/100+0.1
0Types of operations visualized

70

567100150

0.9 150

4Table4

1.0

Subjects' target grades and subjects taught

36.
6.1

A6B

6C

6D
E

6122023

16.2
52022

1241ⓒ2023 Information Processing Society of Japan

2-2

58

Vol.2023-CE-169 No.1
2023/3/11

IPSJ SIG Technical Report
6.3
910-0.6
[1]
[2]

1.02

GIGA

[3]
[4]
Vol.
33, No. 2, pp.58 66, 2016.
[5]

[6]

Vol.8, pp.75 76, 2019.
Lentrance Analytics
https://prtimes.jp/main/html/rd/p/000000032.000032268.html(2023-02-03)

[7]

7.

9
Figure9Aggregate results of usability (by teachers)

10
Figure10Aggregate results of usability (by students)ⓒ2023 Information Processing Society of Japan

9