SlideShare a Scribd company logo
EDUPUB解剖
JEPA 村田 真
2014/7/2 1EDUPUB報告会3
EDUPUBを構成する領域
• Widget
• Annotation(注釈)
• Distributable Objects
• メタデータ
• 固定レイアウト
• リフロー
• アセスメント
2014/7/2 2EDUPUB報告会3
Widget
• HTML5とJavascriptからなる対話部品
– チャート
– グラフ
• EPUB3では、Javascriptの使用を推奨はしてい
なかった。
• EDUPUBでは、教育用コンテンツでは、
Javascriptを使うしかないので、積極的に標準
化している。
2014/7/2 3EDUPUB報告会3
特徴的な狙い
• Widgetを組み込んで、容易に対話的教科書
を作れるようにする
• 複数のWidgetをかんたん組み合わせられる
ようにする
• Widgetの管理のためのメタデータの充実
2014/7/2 4EDUPUB報告会3
仕様書および検討中の案
• Widgets
– 全体像
– http://goo.gl/7RKq2I
• EPUB Widget Packaging and Integration
– ほとんど完成している
– http://goo.gl/GI17rG
• EPUB Widget Communication
– まだこれから
– http://goo.gl/aPlPzJ
2014/7/2 5EDUPUB報告会3
パッケージ化と組み込み
• Widgetコンテナ
– Widget一つを管理・配布するためだけのEPUB出版物
– エンドユーザに利用されることはない。
• 組み込み先EPUB出版物
– コンテナから抜き出されたWidgetを組み込んだEPUB
出版物
– エンドユーザに利用される。
• Widgetベース文書
– WidgetのルートであるXHTML5文書。一つのコンテナ
にただ一つ。
2014/7/2 6EDUPUB報告会3
Widgetコンテナのファイル構造
• /Gallery ディレクトリ: コア資源
• /sharedディレクトリ: 共有部品
• 仕様書のA.1にある例 http://goo.gl/rV4q6v
2014/7/2 7EDUPUB報告会3
Widgetコンテナのメタデータ
• パッケージ文書にWidgetの性質を表すメタ
データを置く
• 仕様書のA.2にある例 http://goo.gl/utYDNE
2014/7/2 8EDUPUB報告会3
組み込み先EPUB出版物のファイル構
造
• Widgetコンテナから取り込まれたリソースは、
すべて/components/WidgetIncディレクトリに
おかれる(WidgetIncは単なる例)。
• 仕様書のA.3にある例 http://goo.gl/BhsSwS
2014/7/2 9EDUPUB報告会3
組み込み先EPUB出版物のパッケージ
文書
• パッケージ文書中のcollection要素を用いて、
Widgetコンテナから取り込まれたリソースを
明示する。
• 仕様書のA.4にある例 http://goo.gl/GE7a7C
2014/7/2 10EDUPUB報告会3
通信
• 通信機構
• 状態管理
• イベント処理
• 組み立て
• Domain local storage
• ドメインごとのローカル記憶
• アクセシビリティ
• 表示とレイアウト制御
2014/7/2 11EDUPUB報告会3
通信機構
• HTML5 Web MessagingのpostMessageを使う
• IDPF ePub Widget Framework(オープンソース
実装)
https://github.com/IDPF/widgets/tree/master
/CommunicationAPI
2014/7/2 12EDUPUB報告会3
Annotations(注釈)
• 教科書に生徒・先生が注釈をつける
• 虎の巻を、教科書への注釈として出版する
• 手書き注釈も可能
• よく聞く話、以前からある話ではある
– 日本の固定レイアウトデジタル教科書でも実装さ
れている
– ソーシャルリーディングはいまの電子書籍リーダ
でも実装されている。
2014/7/2 13EDUPUB報告会3
メリットとデメリット
↑特定の電子書籍リーダに依存しない
↑標準化された形式で注釈が保存されるので、
安心して使える
↓W3Cにおける標準化はまだCommunity
Specificationであり、正式WGは今年発足する
ものと思われる。
2014/7/2 14EDUPUB報告会3
仕様書
• 仕様書 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/2
0130208/
2014/7/2 15EDUPUB報告会3
独立した注釈と埋め込まれた注釈
• 独立した注釈
– 本文となるEPUB出版物は別にある
• 埋め込まれた注釈
– 本文と同じEPUB出版物に含まれる
2014/7/2 16EDUPUB報告会3
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>"
}
}
]
}
2014/7/2 17EDUPUB報告会3
仕様書にある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
2014/7/2 18EDUPUB報告会3
参考資料(日本語)
• 日本よっ!これがOpen Annotationだっ! !
http://code.kzakza.com/2013/08/open-
annotation_data_model/
2014/7/2 19EDUPUB報告会3
EPUB Distributable Objects
• 教材の一部を再利用するため
– 例: 教科書の図を、問題集にも入れる
– 例: 本Aの一章と本Bの二章だけを、あるコースの
教科書とする。
2014/7/2 20EDUPUB報告会3
仕様書
• 要求仕様 Discrete Entities in Educational
Content http://goo.gl/g78hkb
• 仕様書 EPUB Distributable Objects
http://goo.gl/Z3A3gs
2014/7/2 21EDUPUB報告会3
技術内容
• 元のEPUB出版物中でのdistributable object
の表現
• 組み込み先出版物中でのdistributable object
の表現
• メタデータ
– Dublin Core
– アクセシビリティ
2014/7/2 22EDUPUB報告会3
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>
2014/7/2 23EDUPUB報告会3
メタデータ
• 見つけやすくすることが目的
– 生徒用?先生用?
– 学習に要する時間?
– 対象年齢?
2014/7/2 24EDUPUB報告会3
Schema.orgの利用
• Schema.orgとは
– Google、Yahoo!、Microsoft3社が共同で始めた、
検索結果に詳細情報を反映するためのメタデー
タ標準化イニシアティブ
• EPUB publication documentでSchema.orgのメ
タデータを指定する
– 教育用メタデータ
– アクセシビリティメタデータ
2014/7/2 25EDUPUB報告会3
仕様書
• EPUB 3 EDUPUB Profileの9章
http://www.idpf.org/epub/profiles/edu/spec/
#h.nsjfhxwfp3rp
• Schema.org Metadata Integration Guide for
EPUB 3 http://goo.gl/XP56G8
2014/7/2 26EDUPUB報告会3
固定レイアウト
• 日本から出した提案 Proposal: Fixed Layout in
EDUPUB (ACCESS, ATDO, Benesse, EAST, and
JEPA) http://goo.gl/5YXyxF
• IDPF仕様
– XHTMLベースのアクセシブルな固定レイアウト
– アクセシブルでない固定レイアウトにするなら、ア
クセシブルなリフローも一緒に格納する(Multiple
Renditions)
2014/7/2 27EDUPUB報告会3
リフロー: 構造と意味
• 要するにepub:type属性の値を、教育用に増や
している。
• 何の役に立つの?
1. EDUPUB用のCSSスタイルシートを共有するため
2. 編集側の部品化のため
3. EDUPUB用の閲覧システムで、epub:type属性
の値をみて振る舞いを変えるため
2014/7/2 28EDUPUB報告会3
アセスメント(テスト)
• 対話的テスト、自動採点、集計、分析など
• 基本的なプロトコルさえあればよく、あとはプログラム
で書けばいいという考え方
– プログラミングは大変
• プログラムではなくすべてマークアップ言語で書くとい
う考え方
– 複雑怪奇な巨大マークアップ言語
• Wilbert Kraanのセミナーで説明します。乞うご期待!
2014/7/2 29EDUPUB報告会3

More Related Content

Similar to 2014.07.02 EDUPUB技術の日本への適用

文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
Shohei Okada
 
EDUPUB Phoenix 2015 報告
EDUPUB Phoenix 2015 報告EDUPUB Phoenix 2015 報告
EDUPUB Phoenix 2015 報告
Japan Electronic Publishing Association
 
電子教科書の技術動向とEDUPUB
電子教科書の技術動向とEDUPUB電子教科書の技術動向とEDUPUB
電子教科書の技術動向とEDUPUB
Yasuhisa Tamura
 
Rjpusers1218kawamura
Rjpusers1218kawamuraRjpusers1218kawamura
Rjpusers1218kawamura
KAWAMURAYUSUKE
 
Epub3.0の国際デジュール動向、現在協議検討されていることについて
Epub3.0の国際デジュール動向、現在協議検討されていることについてEpub3.0の国際デジュール動向、現在協議検討されていることについて
Epub3.0の国際デジュール動向、現在協議検討されていることについて
Makoto Murata
 
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
Kenichi Kamiya
 
卒論執筆・スライド作成のポイント
卒論執筆・スライド作成のポイント卒論執筆・スライド作成のポイント
卒論執筆・スライド作成のポイント
Tsubasa Hirakawa
 
TogoRecipes 120907
TogoRecipes 120907TogoRecipes 120907
TogoRecipes 120907
Hidemasa Bono
 
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
DNA Data Bank of Japan center
 
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
Kenji Shirane
 
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
Hiroshi Takase
 

Similar to 2014.07.02 EDUPUB技術の日本への適用 (11)

文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
文献紹介:An Iterative 'Sudoku Style' Approach to Subgraph-based Word Sense DIsamb...
 
EDUPUB Phoenix 2015 報告
EDUPUB Phoenix 2015 報告EDUPUB Phoenix 2015 報告
EDUPUB Phoenix 2015 報告
 
電子教科書の技術動向とEDUPUB
電子教科書の技術動向とEDUPUB電子教科書の技術動向とEDUPUB
電子教科書の技術動向とEDUPUB
 
Rjpusers1218kawamura
Rjpusers1218kawamuraRjpusers1218kawamura
Rjpusers1218kawamura
 
Epub3.0の国際デジュール動向、現在協議検討されていることについて
Epub3.0の国際デジュール動向、現在協議検討されていることについてEpub3.0の国際デジュール動向、現在協議検討されていることについて
Epub3.0の国際デジュール動向、現在協議検討されていることについて
 
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
データベースソフトウェアを利用した外国語教育のための教材作成支援と教材データの多目的利用
 
卒論執筆・スライド作成のポイント
卒論執筆・スライド作成のポイント卒論執筆・スライド作成のポイント
卒論執筆・スライド作成のポイント
 
TogoRecipes 120907
TogoRecipes 120907TogoRecipes 120907
TogoRecipes 120907
 
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
[DDBJing31] 軽量仮想環境を用いてNGSデータの解析再現性を担保する
 
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
Drupal、group、quiz、webformを利用したeラーニングサイト「sqt」
 
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
書籍解説 “What is EPUB 3?” & “Accessible EPUB 3”
 

More from Japan Electronic Publishing Association

出版ビジネスとブロックチェーン
出版ビジネスとブロックチェーン出版ビジネスとブロックチェーン
出版ビジネスとブロックチェーン
Japan Electronic Publishing Association
 
Net Galleyのご紹介
Net Galleyのご紹介Net Galleyのご紹介
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.92017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
Japan Electronic Publishing Association
 
電子書籍・電子雑誌市場ハイライト2017
電子書籍・電子雑誌市場ハイライト2017電子書籍・電子雑誌市場ハイライト2017
電子書籍・電子雑誌市場ハイライト2017
Japan Electronic Publishing Association
 
米国電子書籍産業動向2017
米国電子書籍産業動向2017米国電子書籍産業動向2017
米国電子書籍産業動向2017
Japan Electronic Publishing Association
 
APL EPUB WG報告
APL EPUB WG報告APL EPUB WG報告
APL JLreq WG報告
APL JLreq WG報告APL JLreq WG報告
APL Accessibility WG報告
APL Accessibility WG報告APL Accessibility WG報告
APL Accessibility WG報告
Japan Electronic Publishing Association
 
APL LCPと従来のDRM
APL LCPと従来のDRMAPL LCPと従来のDRM
Web時代の 出版ビジネスモデルを考える JEPA金原会長
Web時代の 出版ビジネスモデルを考える JEPA金原会長Web時代の 出版ビジネスモデルを考える JEPA金原会長
Web時代の 出版ビジネスモデルを考える JEPA金原会長
Japan Electronic Publishing Association
 
TIMEMAPとインプレスグループ
TIMEMAPとインプレスグループTIMEMAPとインプレスグループ
TIMEMAPとインプレスグループ
Japan Electronic Publishing Association
 
TIMEMAPができるまで 時間情報をもつデータの扱い⽅
TIMEMAPができるまで 時間情報をもつデータの扱い⽅TIMEMAPができるまで 時間情報をもつデータの扱い⽅
TIMEMAPができるまで 時間情報をもつデータの扱い⽅
Japan Electronic Publishing Association
 
朝日新聞メディアラボの取り組みと人工知能研究
朝日新聞メディアラボの取り組みと人工知能研究朝日新聞メディアラボの取り組みと人工知能研究
朝日新聞メディアラボの取り組みと人工知能研究
Japan Electronic Publishing Association
 
電子コミック・コミックアプリ動向
電子コミック・コミックアプリ動向電子コミック・コミックアプリ動向
電子コミック・コミックアプリ動向
Japan Electronic Publishing Association
 
Word talkerご紹介
Word talkerご紹介Word talkerご紹介
情報アクセシビリティの現状とマイクロソフトの取り組み
情報アクセシビリティの現状とマイクロソフトの取り組み情報アクセシビリティの現状とマイクロソフトの取り組み
情報アクセシビリティの現状とマイクロソフトの取り組み
Japan Electronic Publishing Association
 
電子書店概況 2017(jepaセミナー資料 by鷹野凌)
電子書店概況 2017(jepaセミナー資料 by鷹野凌)電子書店概況 2017(jepaセミナー資料 by鷹野凌)
電子書店概況 2017(jepaセミナー資料 by鷹野凌)
Japan Electronic Publishing Association
 
デジタル時代の明治20年問題 橋口氏
デジタル時代の明治20年問題 橋口氏デジタル時代の明治20年問題 橋口氏
デジタル時代の明治20年問題 橋口氏
Japan Electronic Publishing Association
 
米国電子出版動向2017
米国電子出版動向2017米国電子出版動向2017
米国電子出版動向2017
Japan Electronic Publishing Association
 
モリサワ LayoutSquare のご紹介 村山氏
モリサワ LayoutSquare のご紹介  村山氏モリサワ LayoutSquare のご紹介  村山氏
モリサワ LayoutSquare のご紹介 村山氏
Japan Electronic Publishing Association
 

More from Japan Electronic Publishing Association (20)

出版ビジネスとブロックチェーン
出版ビジネスとブロックチェーン出版ビジネスとブロックチェーン
出版ビジネスとブロックチェーン
 
Net Galleyのご紹介
Net Galleyのご紹介Net Galleyのご紹介
Net Galleyのご紹介
 
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.92017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
2017年の電子出版関連ニュース 振り返りと、2018年の動向予測──jepaセミナー資料 by 鷹野凌 2018.1.9
 
電子書籍・電子雑誌市場ハイライト2017
電子書籍・電子雑誌市場ハイライト2017電子書籍・電子雑誌市場ハイライト2017
電子書籍・電子雑誌市場ハイライト2017
 
米国電子書籍産業動向2017
米国電子書籍産業動向2017米国電子書籍産業動向2017
米国電子書籍産業動向2017
 
APL EPUB WG報告
APL EPUB WG報告APL EPUB WG報告
APL EPUB WG報告
 
APL JLreq WG報告
APL JLreq WG報告APL JLreq WG報告
APL JLreq WG報告
 
APL Accessibility WG報告
APL Accessibility WG報告APL Accessibility WG報告
APL Accessibility WG報告
 
APL LCPと従来のDRM
APL LCPと従来のDRMAPL LCPと従来のDRM
APL LCPと従来のDRM
 
Web時代の 出版ビジネスモデルを考える JEPA金原会長
Web時代の 出版ビジネスモデルを考える JEPA金原会長Web時代の 出版ビジネスモデルを考える JEPA金原会長
Web時代の 出版ビジネスモデルを考える JEPA金原会長
 
TIMEMAPとインプレスグループ
TIMEMAPとインプレスグループTIMEMAPとインプレスグループ
TIMEMAPとインプレスグループ
 
TIMEMAPができるまで 時間情報をもつデータの扱い⽅
TIMEMAPができるまで 時間情報をもつデータの扱い⽅TIMEMAPができるまで 時間情報をもつデータの扱い⽅
TIMEMAPができるまで 時間情報をもつデータの扱い⽅
 
朝日新聞メディアラボの取り組みと人工知能研究
朝日新聞メディアラボの取り組みと人工知能研究朝日新聞メディアラボの取り組みと人工知能研究
朝日新聞メディアラボの取り組みと人工知能研究
 
電子コミック・コミックアプリ動向
電子コミック・コミックアプリ動向電子コミック・コミックアプリ動向
電子コミック・コミックアプリ動向
 
Word talkerご紹介
Word talkerご紹介Word talkerご紹介
Word talkerご紹介
 
情報アクセシビリティの現状とマイクロソフトの取り組み
情報アクセシビリティの現状とマイクロソフトの取り組み情報アクセシビリティの現状とマイクロソフトの取り組み
情報アクセシビリティの現状とマイクロソフトの取り組み
 
電子書店概況 2017(jepaセミナー資料 by鷹野凌)
電子書店概況 2017(jepaセミナー資料 by鷹野凌)電子書店概況 2017(jepaセミナー資料 by鷹野凌)
電子書店概況 2017(jepaセミナー資料 by鷹野凌)
 
デジタル時代の明治20年問題 橋口氏
デジタル時代の明治20年問題 橋口氏デジタル時代の明治20年問題 橋口氏
デジタル時代の明治20年問題 橋口氏
 
米国電子出版動向2017
米国電子出版動向2017米国電子出版動向2017
米国電子出版動向2017
 
モリサワ LayoutSquare のご紹介 村山氏
モリサワ LayoutSquare のご紹介  村山氏モリサワ LayoutSquare のご紹介  村山氏
モリサワ LayoutSquare のご紹介 村山氏
 

2014.07.02 EDUPUB技術の日本への適用