CIEC第99回研究会で使用予定のスライドです。まだ，順番など変更の可能性が有ります。将来的には差し替える可能性も有ります。ご了承下さい。

1. iBooks Authorを通じて考える
電子教科書の可能性
曽我 聡起（北海道文教大学）
CIEC第99回研究会, 東京学芸大学附属高等学校, 2013.12.14

2. 資料
•
本資料のPDFをSlideShareにアップ
ロードしてあります。
•
Ciec第99回研究会, Toshioki Soga

3. はじめに

4. “Dynabook”
"A Personal Computer for Children of All Ages", Alan.Kay, 1972

5. “iPad”
2010~

6. はじめに
•
2013 PCカンファレンス（2013.8.3, 東京大学）：
•
イブニングトーク：「iBooks Authorによる本当にインタラクティブな
デジタル教科書について考える」
•
•
「電子書籍を作るのは難しい」？
PCカンファレンス北海道2013（2013.11.4, 北海道工業大学）workshop：
札幌平岸高等学校
•
•
•
iBooksを通じて行う国際交流
http://www.hiragishi-h.sapporo-c.ed.jp/PictureBook/
電子教科書とPost PC時代の未来を考える

7. iBooks Authorとは
- 特徴 -

8. “Education”
“Apple Special Event”Guggenheim Museum, January 19, 2012

9. “iBooks”
iBookstore,
Library,
e-Books Browser
“iTunes U”
online catalog of free
education content
“Apple Special Event”Guggenheim Museum, January 19, 2012

10. “iBooks Author”,
Mac App(Free) to create “Multi-Touch
textbooks” for iPad.
and for Mac.
（2013~）
iPadのためのマルチタッチブック制作
アプリケーション

11. “iBooks Author”,
Mac app to create “Multi-Touch
textbooks” for iPad.

12. “iBooks Author”,
Mac app to create “Multi-Touch
textbooks” for iPad.
“iBooks Store”で販売可能

13. “iBooks Author”,
Mac app to create “Multi-Touch
textbooks” for iPad.
誰でも世界中に向けて販売可能である

14. iBooks Store
•
EPUB形式
•
iBooks形式（マルチタッチブック, ◀by iBooks Author）
▼
•
“Made for iBooks”（ジャンル, 日本ではまだ（2013.12.12
時点））

15. iBooks Store

16. iBooks Store
Demo
CSS Transforms:
An Interactive
Guide
Vicki Murley

17. 数式入力に対応
•
挿入＞方程式…
•
•
LaTeXまたはMathML形式
例： “MathPad”（iOS APP）で作成
•
Demo

18. 様々なインタラクティブ要素を簡単に付加できる機能

19. Widgets

20. Widgets
graphic
movies, sound
quiz
presentation document
interactive
3d
(iBooks contents)
iBooks (browser)

21. Widgets
graphic
!
movies, sound
!
quiz
!
presentation document
!
interactive
!
3d
!
(iBooks contents)
closed
iBooks (browser)

22. Widgets
internet
open
HTML Widget
iBooks (browser)

23. iBooks Author
“.iba”ファイル
“.ibooks”ファイル
共有
（書き出し）
iPadへ

24. iBooks 配信方法
出版
台数が多いと
困難か
iTunes
クラウド（Dropboxなど）
比較的手軽
WebDAV

25. iBooks 配信方法
共有>書き出す…

26. iBooks 配信方法
ダウンロード後
共有ボタンから
“iBooksで開く”を選ぶ（例Dropbox）

27. 教科書とインタラクティブ

28. “School Yourself”
http://schoolyourself.org

29. Flipped Class/Flipped Learning
反転授業

30. 従来のクラス
In class
At home
授業中に教師の話を
必死で聴く
家で応用問題を解く
教師は「壇上の賢人」

31. Flipped Class
At home
In class
家で事前に授業を
ビデオ学習
授業は対話型で効果的に
おこなえるように
教師は「学習者に寄り添うガイド」

32. 反転授業
•
説明型の講義をオンライン教材化して宿題にし、
•
従来宿題であった応用課題を教室で対話的に学ぶ授業

33. 予習の確認
•
反転授業では予習が必須
•
チェック：オンラインテスト

34. デジタル教科書の活用
•
テキストを読む
•
必要に応じて映像による確認
•
LMSによる確認テスト

35. 映像活用の有用性
•
デールの「経験の円錐形（三角錐）」（Edgar Dale,
1969）

36. デールの「経験の円錐形（三角錐）」
抽象的
抽象度
現実・具体的
言語的シンボル
視覚的シンボル
レコード・ラジオ・写真
映画
テレビ
展示
見学
遠示
劇化された経験
ひながた経験
直接的、目的的経験
デール（E.Dale）による「経験の円錐」, 視聴覚メディアと教育, 山口榮一, p.29（曽我 改）

37. デールの「経験の円錐形（三角錐）」
抽象的
抽象度
現実・具体的
言語的シンボル
視覚的シンボル
レコード・ラジオ・写真
映画
テレビ
展示
見学
遠示
劇化された経験
ひながた経験
直接的、目的的経験

38. デールの「経験の円錐形（三角錐）」
抽象的
抽象度
現実・具体的
プリント
視覚的シンボル
レコード・ラジオ・写真
映像
テレビ
展示
見学
実習（demonstration）
劇化された経験
ひながた経験
直接的、目的的経験

39. 携帯情報端末の操作と
積極的受動態
抽象的
抽象度
現実・具体的
言語的シンボル
視覚的シンボル
マルチメディア型コン
レコード・ラジオ・写真
ピュータで映像や音楽を
映画
受け身に聴く
テレビ
展示
見学
遠示
劇化された経験
ひながた経験
直接的、目的的経験

40. HTML widgetと拡張性

41. What HTML Widget?
?

42. What HTML Widget?
?
Dashboard Widget
( “.wdgt”)

43. Lorem Ipsum Dolor
?
Dashboard Widget
( “.wdgt”)

44. Dashboard Widget
( “.wdgt”)
HTML,
CSS,
JavaScript
≒
(Web App)

45. Dashboard Widget
( “.wdgt”)
Dashcode(Free), Apple

46. Dashcode

47. Dashcode
HTML,
CSS,
JavaScript,
jQuery,
jQuery Mobile,
…
etc

48. HTML Widget
internet
HTML Widget
(HTML5, CSS3 followed)
iBooks (browser)

49. 手軽にHTML Widgetを生成する
•
サービス/アプリケーション
Book Widgets: クイズなど教育関連ウィジェットを出力（App）
•
•
Bookry: クイズなど教育関連ウィジェットを出力（Web）
•
•
https://bookry.com
Hype: HTML5アニメーションを出力（App）
•
•
http://www.ibook-widgets.com
http://tumult.com
MotionComposer: HTML5, FLASHアニメーションを出力（App）
•
http://www.aquafadas.com

50. LMSとの連携

51. Widgets

52. Widgets
練習の成果を見るのみ（履歴が残らない）
教員は練習成果を評価できない
▼
HTMLウィジェットによるLMS（Learning
Management System）との連携

53. Book Widgetsの例

54. LMSの準備（starQuiz）
問題完成後Web出力

55. URL
Save

56. Drag and
Drop

57. URL
Save

58. Demo
!
ACTIVE IN HOKKAIDO
川名典人教授（札幌国際大学）

59. アプリケーションで成果を確認

60. まとめ

61. iBooks Author
•
•
だれもが手軽にインタラクティブ性の高いマルチタッチブックを作
ることが出来る。
iBooks Storeで販売も可能。
•
有料販売を行なう場合は米国納税者番号が必要。
•
数式表現が可能。
•
Webアプリケーションの知識があれば，LMSとの連携など様々な
アイデアを活かしたHTML widgetを作ることができる。
•
反転授業にも利用可能

62. これから
•
携帯情報端末の利用
•
インタラクティブを意識した教材の作成
•
クラウドの利用
▼今後の可能性
•
ビッグデータの可能性
•
LMSからAIへ

63. 「2014 PCカンファレンス」
札幌学院大学でお会いしましょう
To be continued…