Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

IDPF、W3Cのデジタル教科書、教材関連標準化動向

2,098 views

Published on

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

Published in: Internet
  • Be the first to comment

IDPF、W3Cのデジタル教科書、教材関連標準化動向

  1. 1. IDPF, IMS, W3Cのデジタル教 科書・教材関連標準化動向 国際大学GLOCOM JEPA CTO IDPF Advanced Hybrid Layouts WG共同議長 村田 真
  2. 2. IDPF側から見たEDUPUB 世界的に普及したEPUBをうまく使って、 世界で使えるデジタル教科書・教材を作ろう。 (文芸書だけじゃないぞ)
  3. 3. •EPUBの教育用プロファイル EDUPUB Profile •注釈 Open Annotation in EPUB •部品 Distributable Objects •Widget (Javascript) 2015/3/11 EDUPUB報告会5 3
  4. 4. Annotations(注釈) • 教科書に生徒・先生が注釈をつける • 虎の巻を、教科書への注釈として出版する • 手書き注釈も可能 • よく聞く話、以前からある話ではある • 日本の固定レイアウトデジタル教科書でも実装されている • ソーシャルリーディングはいまの電子書籍リーダでも実装されている。 2015/3/11 4EDUPUB報告会5
  5. 5. メリットとデメリット ↑特定の電子書籍リーダに依存しない ↑標準化された形式で注釈が保存されるので、安心して使える ↓W3Cにおける標準化は、正式WGが発足し、最初のドラフトができた 段階。 2015/3/11 5EDUPUB報告会5
  6. 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. 7. 独立した注釈と埋め込まれた注釈 • 独立した注釈 • 本文となるEPUB出版物は別にある • 埋め込まれた注釈 • 本文と同じEPUB出版物に含まれる 2015/3/11 7EDUPUB報告会5
  8. 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. 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. 10. 参考資料(日本語) • 日本よっ!これがOpen Annotationだっ! ! http://code.kzakza.com/2013/08/open-annotation_data_model/ 2015/3/11 10EDUPUB報告会5
  11. 11. EPUB Distributable Objects • 教材の一部を再利用するため • 例: 教科書の図を、問題集にも入れる • 例: 本Aの一章と本Bの二章だけを、あるコースの教科書とする。 • 仕様書 EPUB Distributable Objects http://www.idpf.org/epub/do/ 2015/3/11 11EDUPUB報告会5
  12. 12. 技術内容 埋め込まれたdistributable object 流通用にパッケージ化されたdistributable object メタデータ Dublin Core アクセシビリティ 2015/3/11 EDUPUB報告会5 12
  13. 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. 14. Widget • HTML5とJavascriptからなる対話部品 • チャート • グラフ • EPUB3では、Javascriptの使用を推奨はしていなかった。 • EDUPUBでは、教育用コンテンツでは、Javascriptを使うしかないので、 積極的に標準化している。 2015/3/11 14EDUPUB報告会5
  15. 15. 特徴的な狙い • Widgetを組み込んで、容易に対話的教科書を作れるようにする • 複数のWidgetをかんたん組み合わせられるようにする • Widgetの管理のためのメタデータの充実 2015/3/11 15EDUPUB報告会5
  16. 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. 17. パッケージ化と組み込み • Widgetコンテナ • Widget一つを管理・配布するためだけのEPUB出版物 • エンドユーザに利用されることはない。 • 組み込み先EPUB出版物 • コンテナから抜き出されたWidgetを組み込んだEPUB出版物 • エンドユーザに利用される。 • Widgetベース文書 • WidgetのルートであるXHTML5文書。一つのコンテナにただ一つ。 2015/3/11 17EDUPUB報告会5
  18. 18. Widgetコンテナのファイル構造 • /Gallery ディレクトリ: コア資源 • /sharedディレクトリ: 共有部品 • 仕様書のA.1にある例 http://www.idpf.org/epub/sc/pkg/#h.dhkni8rtyp2k 2015/3/11 18EDUPUB報告会5
  19. 19. Widgetコンテナのメタデータ • パッケージ文書にWidgetの性質を表すメタデータを置く • 仕様書のA.2にある例 http://www.idpf.org/epub/sc/pkg/#h.bcbwe2estw3y 2015/3/11 19EDUPUB報告会5
  20. 20. 組み込み先EPUB出版物のファイル構造 • Widgetコンテナから取り込まれたリソースは、すべて /components/WidgetIncディレクトリにおかれる(WidgetIncは単なる 例)。 • 仕様書のA.3にある例 http://www.idpf.org/epub/sc/pkg/#h.fktchsaoccpk 2015/3/11 20EDUPUB報告会5
  21. 21. 組み込み先EPUB出版物のパッケージ文書 • パッケージ文書中のcollection要素を用いて、 Widgetコンテナから取 り込まれたリソースを明示する。 • 仕様書のA.4にある例 http://www.idpf.org/epub/sc/pkg/#h.p169yjw9rik0 2015/3/11 21EDUPUB報告会5
  22. 22. 通信 • 通信機構 • 状態管理 • イベント処理 • 組み立て • Domain local storage • ドメインごとのローカル記憶 • アクセシビリティ • 表示とレイアウト制御 2015/3/11 22EDUPUB報告会5
  23. 23. 通信機構 • HTML5 Web MessagingのpostMessageを使う • IDPF ePub Widget Framework(オープンソース実装) https://github.com/IDPF/widgets/tree/master/CommunicationAPI 2015/3/11 23EDUPUB報告会5
  24. 24. IDPFのWidgetフレームワーク • Javascriptで4千6百行 • HTMLで3千行 2015/3/11 EDUPUB報告会5 24
  25. 25. IMS側から見たEDUPUB IMSが培ってきたeラーニング対応の技術をEPUBとつなげよう。 (盛り上がっているEPUBをIMSでもやろう)
  26. 26. デジタル教科書・教材が…. • 学習管理システムや学習分析サーバと連携する。LTI • 学習分析データを収集できる。 Caliper • 生徒にテストをして、採点できる。QTI 2015/3/11 EDUPUB報告会5 26
  27. 27. IMSから見たEDUPUB全体の アーキテクチャモデル 2015/3/11 EDUPUB報告会5 28
  28. 28. Sensor API(IMS Caliper)による 学習データ収集 2015/3/11 EDUPUB報告会5 29
  29. 29. 外部のツールを起動してのテスト 2015/3/11 EDUPUB報告会5 30
  30. 30. EPUB出版物に埋め込まれたテスト 2015/3/11 EDUPUB報告会5 31
  31. 31. IMSによるReadiumのフォーク • IMS会員しか触れない 2015/3/11 EDUPUB報告会5 32
  32. 32. 去年6月段階でのソース(その後の変更はコ ミットされていない) • IMSの手が入ったソースファイル は10あまり • LTIの実装は進んでいるらしく、実装ファイルは5つ。 • Caliperの実装に着手しているが、初期化の部分ぐらいが実装されて いる。 • QTIの実装は未着手。 2015/3/11 EDUPUB報告会5 33
  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. 34. W3C側から見たEDUPUB 出版サイドからの要求をW3Cでもきちんと考慮し、 EPUBをさらに良くしよう。 (出版関係者にも会員になってもらおう)
  35. 35. W3C Digital Publishing Interest Group • 注釈 • レイアウトとスタイル • メタデータ • コンテンツとマークアップ • アクセシビリティ • 数式・化学式など 2015/3/11 EDUPUB報告会5 36
  36. 36. EPUB-WEB Web 電子書籍 2015/3/11 EDUPUB報告会5 37
  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

×