デジタル教科書の国際標準「EDUPUB」 第5回 2015.03.11　日本電子出版協会

1. IDPF, IMS, W3Cのデジタル教
科書・教材関連標準化動向
国際大学GLOCOM
JEPA CTO
IDPF Advanced Hybrid Layouts WG共同議長
村田 真

2. IDPF側から見たEDUPUB
世界的に普及したEPUBをうまく使って、
世界で使えるデジタル教科書・教材を作ろう。
(文芸書だけじゃないぞ）

3. •EPUBの教育用プロファイル EDUPUB Profile
•注釈 Open Annotation in EPUB
•部品 Distributable Objects
•Widget (Javascript)
2015/3/11 EDUPUB報告会5 3

4. Annotations(注釈)
• 教科書に生徒・先生が注釈をつける
• 虎の巻を、教科書への注釈として出版する
• 手書き注釈も可能
• よく聞く話、以前からある話ではある
• 日本の固定レイアウトデジタル教科書でも実装されている
• ソーシャルリーディングはいまの電子書籍リーダでも実装されている。
2015/3/11 4EDUPUB報告会5

5. メリットとデメリット
↑特定の電子書籍リーダに依存しない
↑標準化された形式で注釈が保存されるので、安心して使える
↓W3Cにおける標準化は、正式WGが発足し、最初のドラフトができた
段階。
2015/3/11 5EDUPUB報告会5

6. 仕様書
• 仕様書 Open Annotation in EPUB http://www.idpf.org/epub/oa/
• 要求仕様 EPUB annotations - use cases http://goo.gl/dEvSLg
• W3CのOpen Annotation Data Model(Community Draft)
http://www.openannotation.org/spec/core/20130208/
2015/3/11 6EDUPUB報告会5

7. 独立した注釈と埋め込まれた注釈
• 独立した注釈
• 本文となるEPUB出版物は別にある
• 埋め込まれた注釈
• 本文と同じEPUB出版物に含まれる
2015/3/11 7EDUPUB報告会5

8. JSON LDによる表現
{
"@context": "http://www.idpf.org/epub/oa/1.0/context.json",
"@id": "http://example.org/epub/annotations.json",
"@type": "epub:AnnotationCollection",
"annotations": [
{
"@id": "urn:uuid:B81AF8C4-B04A-4D3D-B1D3-23F7C02E56BB",
"@type": "oa:Annotation",
"motivatedBy": "oa:replying",
"hasTarget": "urn:uuid:E7E3799F-3CD5-4F69-87C6-5478B22873D6",
"hasBody": {
"@type": "dctypes:Text",
"format": "application/xhtml+xml",
"chars": "<span xmlns='http://www.w3.org/1999/xhtml'>I agree!</span>"
}
}
]
}
2015/3/11 8EDUPUB報告会5

9. 仕様書にある15の例
• Commentary Annotation on Publication with URI
• Commentary Annotation on Publication without Identifying URI
• Collection Metadata
• Annotation Provenance
• Annotation with Ancillary Resources in the Zip
• Reading Location Bookmarking
• Text Selection Highlighting
• Commentary on Text Selection
• Specifying a Rendition
• Annotating Multiple Targets
• Styling of Selection
• Styling of Comment
• Tagging
• Specifying Intended Audience(s)
• Replying to an Annotation
2015/3/11 9EDUPUB報告会5

10. 参考資料（日本語）
• 日本よっ！これがOpen Annotationだっ！ ！
http://code.kzakza.com/2013/08/open-annotation_data_model/
2015/3/11 10EDUPUB報告会5

11. EPUB Distributable Objects
• 教材の一部を再利用するため
• 例: 教科書の図を、問題集にも入れる
• 例: 本Aの一章と本Bの二章だけを、あるコースの教科書とする。
• 仕様書 EPUB Distributable Objects http://www.idpf.org/epub/do/
2015/3/11 11EDUPUB報告会5

12. 技術内容
埋め込まれたdistributable object
流通用にパッケージ化されたdistributable object
メタデータ
Dublin Core
アクセシビリティ
2015/3/11 EDUPUB報告会5 12

13. MathML数式とイメージとからなる
distributable object<collection role="distributable-object">
<metadata>
<dc:title>Learning Object 1</dc:title>
<dc:identifier>urn:uuid:5856b480-e1be-11e3-8b68-0800200c9a66</dc:identifier>
<dc:creator>Object Author</dc:creator>
<dc:language>en</dc:language>
<meta property="schema:typicalAgeRange">9-11</meta>
<meta property="schema:accessibilityFeature">mathml</meta>
…
</metadata>
<collection role="manifest">
<link href="images/mathml01.gif" media-type="image/gif"/>
<link href="css/epub.css" media-type="text/stylesheet"/>
<link href="css/mathml.css" media-type="text/stylesheet"/>
</collection>
<link href="xhtml/chapter01.xhtml#learningobject01"/>
</collection>
2015/3/11 13EDUPUB報告会5

14. Widget
• HTML5とJavascriptからなる対話部品
• チャート
• グラフ
• EPUB3では、Javascriptの使用を推奨はしていなかった。
• EDUPUBでは、教育用コンテンツでは、Javascriptを使うしかないので、
積極的に標準化している。
2015/3/11 14EDUPUB報告会5

15. 特徴的な狙い
• Widgetを組み込んで、容易に対話的教科書を作れるようにする
• 複数のWidgetをかんたん組み合わせられるようにする
• Widgetの管理のためのメタデータの充実
2015/3/11 15EDUPUB報告会5

16. 仕様書および検討中の案
• EPUB Scriptable Components 1.0
• http://www.idpf.org/epub/sc/api/
• EPUB Scriptable Components
Packaging and Integration 1.0
• http://www.idpf.org/epub/sc/pkg/
2015/3/11 16EDUPUB報告会5

17. パッケージ化と組み込み
• Widgetコンテナ
• Widget一つを管理・配布するためだけのEPUB出版物
• エンドユーザに利用されることはない。
• 組み込み先EPUB出版物
• コンテナから抜き出されたWidgetを組み込んだEPUB出版物
• エンドユーザに利用される。
• Widgetベース文書
• WidgetのルートであるXHTML5文書。一つのコンテナにただ一つ。
2015/3/11 17EDUPUB報告会5

18. Widgetコンテナのファイル構造
• /Gallery ディレクトリ: コア資源
• /sharedディレクトリ: 共有部品
• 仕様書のA.1にある例
http://www.idpf.org/epub/sc/pkg/#h.dhkni8rtyp2k
2015/3/11 18EDUPUB報告会5

19. Widgetコンテナのメタデータ
• パッケージ文書にWidgetの性質を表すメタデータを置く
• 仕様書のA.2にある例
http://www.idpf.org/epub/sc/pkg/#h.bcbwe2estw3y
2015/3/11 19EDUPUB報告会5

20. 組み込み先EPUB出版物のファイル構造
• Widgetコンテナから取り込まれたリソースは、すべて
/components/WidgetIncディレクトリにおかれる（WidgetIncは単なる
例）。
• 仕様書のA.3にある例
http://www.idpf.org/epub/sc/pkg/#h.fktchsaoccpk
2015/3/11 20EDUPUB報告会5

21. 組み込み先EPUB出版物のパッケージ文書
• パッケージ文書中のcollection要素を用いて、 Widgetコンテナから取
り込まれたリソースを明示する。
• 仕様書のA.4にある例
http://www.idpf.org/epub/sc/pkg/#h.p169yjw9rik0
2015/3/11 21EDUPUB報告会5

22. 通信
• 通信機構
• 状態管理
• イベント処理
• 組み立て
• Domain local storage
• ドメインごとのローカル記憶
• アクセシビリティ
• 表示とレイアウト制御
2015/3/11 22EDUPUB報告会5

23. 通信機構
• HTML5 Web MessagingのpostMessageを使う
• IDPF ePub Widget Framework（オープンソース実装）
https://github.com/IDPF/widgets/tree/master/CommunicationAPI
2015/3/11 23EDUPUB報告会5

24. IDPFのWidgetフレームワーク
• Javascriptで4千6百行
• HTMLで3千行
2015/3/11 EDUPUB報告会5 24

25. IMS側から見たEDUPUB
IMSが培ってきたeラーニング対応の技術をEPUBとつなげよう。
(盛り上がっているEPUBをIMSでもやろう）

26. デジタル教科書・教材が….
• 学習管理システムや学習分析サーバと連携する。LTI
• 学習分析データを収集できる。 Caliper
• 生徒にテストをして、採点できる。QTI
2015/3/11 EDUPUB報告会5 26

27. IMSから見たEDUPUB全体の
アーキテクチャモデル
2015/3/11 EDUPUB報告会5 28

28. Sensor API(IMS Caliper)による
学習データ収集
2015/3/11 EDUPUB報告会5 29

29. 外部のツールを起動してのテスト
2015/3/11 EDUPUB報告会5 30

30. EPUB出版物に埋め込まれたテスト
2015/3/11 EDUPUB報告会5 31

31. IMSによるReadiumのフォーク
• IMS会員しか触れない
2015/3/11 EDUPUB報告会5 32

32. 去年6月段階でのソース（その後の変更はコ
ミットされていない）
• IMSの手が入ったソースファイル は10あまり
• LTIの実装は進んでいるらしく、実装ファイルは5つ。
• Caliperの実装に着手しているが、初期化の部分ぐらいが実装されて
いる。
• QTIの実装は未着手。
2015/3/11 EDUPUB報告会5 33

33. 参考資料
• Using IMS Caliper Analytics™, Question and Test Interoperability™
and Learning Tools Interoperability™ with EPUB3TM: EDUPUB Best
Practice
http://www.imsglobal.org/edupub/EPUB3QTILTICaliper_BestPractices
vd8.pdf
2015/3/11 EDUPUB報告会5 34

34. W3C側から見たEDUPUB
出版サイドからの要求をW3Cでもきちんと考慮し、
EPUBをさらに良くしよう。
(出版関係者にも会員になってもらおう）

35. W3C Digital Publishing Interest Group
• 注釈
• レイアウトとスタイル
• メタデータ
• コンテンツとマークアップ
• アクセシビリティ
• 数式・化学式など
2015/3/11 EDUPUB報告会5 36

36. EPUB-WEB
Web
電子書籍
2015/3/11 EDUPUB報告会5 37

37. 参考資料
• W3C DPUB IG Status Report
http://www.imsglobal.org/edupub/w3Cdigitalpublishingupdate.pdf
• Advancing Portable Documents for the Open Web Platform: EPUB-
WEB https://w3c.github.io/epubweb/
• EPUB-WEB ― 本とウェブとの境目をゼロにするビジョン
http://densho.hatenablog.com/entry/intro-to-epub-web
2015/3/11 EDUPUB報告会5 38