オフラインとオンラインをつなぐ電子書籍
清原文代（大阪府立大学高等教育推進機構）
第12回e-Learning教育学会"
2014年3月15日"
関東学院大学 横浜・金沢文庫キャンパス!1

なぜEPUBか？
スマートフォンの急速な普及、高校生の97%が携帯電話を所有、そのうち８割がスマートフォン。
「平成25年度青少年のインターネット利用環境実態調査 調査結果（速報）」（内閣府）"
これまで：模範音声付き、録音もできるPDF教材＋CALL教室"
これから：スマートフォンの小さな画面でもパソコンの大きな画面でも見られる教材が必要。
!2

EPUBとは何か？
International Digital Publishing Forumによるオープンな電子書籍の規格。"
GoogleやAppleが採用し、独自形式を採用するAmazonもEPUBからのコンバータを提供、実質的に電子書籍の世界標準規格。
!3

EPUBとは何か？
リフロー
端末の大きさに合わせて文字が配置される。
→どんな画面の大きさでも読みやすい。"
EPUB3（2011年）で高まった表現力。
テキスト（横書き・縦書き・ルビ）、画像、Web
リンク、音声、動画、メディアオーバーレイ（音声の、JavaScript

再生と同期してテキストがハイライト）!4

EPUBによる中国語学習教材の試作品
試験配信中のもの"『接客のための中国語』
音声（MP3）・音声付きPDF・音声付きEPUBをPodcastで配信。
https://itunes.apple.com/jp/podcast/jie-kenotameno-zhong-guo-yu/
id312365350?mt=2『大阪府立大学中国語ポッドキャスト旅行会話編補充教材』
ブログ記事をEPUBにしたもの。ネット上に置いたPDF教材や音声ファイルへのリンクあり。
http://p.booklog.jp/book/2272!5

EPUBによる中国語学習教材の試作品
現在作成中のもの"『中国の大学生と話そう』
現在音声（MP3）と音声付きPDFをPodcast配信中、同じ素材を使って音声付きEPUBを作成中。
http://xunyicao.iic.hokudai.ac.jp/kaken/"「反転授業」のためのEPUB
ShowMe、Quizlet、HotPotatoes等を使用して作った教材へのリンク。自作教材へのリンク。既存教材へのリンク。
!6

外国語教育における反転授業の可能性
第二外国語の問題点"
少ない授業時間数、１クラスの人数の多さ"０から始める外国語→文法や語彙に関する説明がどうしても必要。"
文法や語彙の説明を事前に予習→授業では教員やクラスメートがいないとできない活動を。
!7

反転授業のための材料
東京外大言語モジュール中国語文法モジュール（Flash不要版）
http://www.coelang.tufs.ac.jp/mt/zh/gmod/steplist.html"
ShowMe：iPadで音声と同期した板書動画を作る。
http://www.showme.com/kiyohara"
Quizlet：音声（TTS）がついて、テストやゲームができる単語カードセットを作る。
http://quizlet.com/kiyohara
http://www.las.osakafu-u.ac.jp/~kiyohara/JACLE_Kansai_2012_Quizlet/"
HotPotatoes：選択問題や並べ替え問題を作る。
!8

オフライン＋オンラインをEPUBで１つにパッケージ

東京外大言語モジュール

テキスト→EPUBに内包。"

中国語文法モジュール

音声→EPUBに内包。"→EPUBからリンク"

JavaScriptによる選択問題

Quizlet→EPUBからリン→EPUBに内包。"

ク。"

ShowMeの板書動画→EPUBに

HotPotatoes→EPUBから内包またはEPUBからリンクリンク。
!9EPUBの閲覧環境
音声動画の再生やメディアオーバーレイに対応している代表的なもの"
パソコン用（Windows＆Mac OS X）
WebブラウザGoogle Chrome＋エクステンションReadium"
iOS用
iBooks（内蔵辞書、検索、しおり、ハイライト、メモ）"
Android用
Himawari Reader!10EPUBと教育
TIESのCHiLO Book
http://www.cccties.org/service/chilobook/"
JMOOCにおける放送大学はCHiLO Bookを採用
http://www.jmooc.jp"
EDUPUB"【参考】EPUB 第36回 電子教科書の国際標準：EDUPUB2報
告会 （2014.02.19）
http://www.epubcafe.jp/egls/epubseminar36!11教員のためのEPUB作成環境
ワープロソフトを使える人なら憶えられる操作性。"
使い慣れているWordのファイルからの読み込みが可能であればなお良い。但し、Wordファイルを作成する際に構造化が必要、見出しと本文を見た目ではなく、スタイルで定義する。"
無料または教員がポケットマネーでも手が届く価格。
!12

教員のためのEPUB作成環境
ワープロソフトからEPUB書き出し。"
Windows用一太郎2014徹画像

Web
リンク

音声

動画

○○

×

○

Wordファイル読み込み可。
リフローと固定レイアウト両方作成可能。"!13

教員のためのEPUB作成環境
ワープロソフトからEPUB書き出し。"
画像

Web
リンク

音声動画

○○

○

○

MacOS X用Pages5"
iOS用

Wordファイル読み込み可。"

Pages2!14

PagesのTips
MacOS X版
「ファイルメニュー」→「書き出す」からEPUBに書き出す。"
iOS版「共有」→「別のAppで開く」からEPUBに書き出す。
!15

教員のためのEPUB作成環境

EPUB作成専用ソフト

画像Web
リンク

音声

動画

○○

○

○

Windows用Wordファイル読み込み可。"

FUSEe

リフローと固定レイアウト両方作成可能。

!16

FUSEeのTips
Wordのファイルを「ファイルメニュー」→「プラグイン」→「Wordファイルをインポート」から読み込む。"
音声ファイル（MP3）を先にツリービューの「multimedia」にドラッグして入れる。"
テキストの中の音声を挿入したい箇所にカーソルを置き、「ツールバー」にある「オーディオファイルを追加」のアイコンをクリックして音声ファイルを選ぶ。"
EPUBへの書き出しは「ファイルメニュー」の「書き出し」から行う。修
正に備えてFUSEeのオリジナルファイルも保存しておく。
!17

教員のためのEPUB作成環境

EPUB作成専用ソフト

画像Web
リンク

音声動画

○○

○

○

Windows用
Smart ePub

Wordファイル読み込み可。

!18

Smart ePubのTips
Wordのファイルを「ファイルメニュー」→「外部ファイルのインポート」からWordファイルを読み込む。"
音声挿入場所にカーソルを置いて挿入メニューから「オーディオ」から音声ファイル（MP3）を選ぶ。"
EPUBへの書き出しはプロジェクトメニューの「書き出し」から行う。修正に備えてSmart ePubのオリジナルファイルも保存しておく。
!19

教員のためのEPUB作成環境
EPUB作成アプリ"
画像

Web
リンク

音声

動画

○○

○

○

iOS用
Creative Book Builder"

まだ機能的にiOS用にリフローと固定レイアウト両方作成可能。"
固定レイアウトのみメディアオーバー追いついていない。

レイ作成機能あり。 "Android用もあるが、選択問題作成機能あり。
!20

教員のためのEPUB作成環境

画像

Web
リンク

音声動画

○

○

×

×

EPUB作成Webサービス"
でんでんコンバーター

メディアオーバーレイの作成支援機能あり。 "http://blog.livedoor.jp/denden_proj/archives/32984962.html!21

教員のためのEPUB作成環境

画像

Web
リンク

音声動画

○

○

×

×

EPUB作成Webサービス"
パブー

ブログからの読み込み機能あり。"
作成したEPUBとPDFの販売機能あり。

!22

まとめ
オープンな規格であるEPUBで、スマートフォンでもタブレットでもパソコンでも使える教材を作る。"
オフラインとオンラインのコンテンツを１つの電子書籍にパッケージする。
!23

本発表は、JSPS科研費25370642、23501090、22520574の助成を受けたものです。

!24