Ciec第99回研究会

927 views

Published on

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

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
927
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ciec第99回研究会

  1. 1. iBooks Authorを通じて考える 電子教科書の可能性 曽我 聡起(北海道文教大学) CIEC第99回研究会, 東京学芸大学附属高等学校, 2013.12.14
  2. 2. 資料 • 本資料のPDFをSlideShareにアップ ロードしてあります。 • Ciec第99回研究会, Toshioki Soga
  3. 3. はじめに
  4. 4. “Dynabook” "A Personal Computer for Children of All Ages", Alan.Kay, 1972
  5. 5. “iPad” 2010~
  6. 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. 7. iBooks Authorとは - 特徴 -
  8. 8. “Education” “Apple Special Event”Guggenheim Museum, January 19, 2012
  9. 9. “iBooks” iBookstore, Library, e-Books Browser “iTunes U” online catalog of free education content “Apple Special Event”Guggenheim Museum, January 19, 2012
  10. 10. “iBooks Author”, Mac App(Free) to create “Multi-Touch textbooks” for iPad. and for Mac. (2013~) iPadのためのマルチタッチブック制作 アプリケーション
  11. 11. “iBooks Author”, Mac app to create “Multi-Touch textbooks” for iPad.
  12. 12. “iBooks Author”, Mac app to create “Multi-Touch textbooks” for iPad. “iBooks Store”で販売可能
  13. 13. “iBooks Author”, Mac app to create “Multi-Touch textbooks” for iPad. 誰でも世界中に向けて販売可能である
  14. 14. iBooks Store • EPUB形式 • iBooks形式(マルチタッチブック, ◀by iBooks Author) ▼ • “Made for iBooks”(ジャンル, 日本ではまだ(2013.12.12 時点))
  15. 15. iBooks Store
  16. 16. iBooks Store Demo CSS Transforms: An Interactive Guide Vicki Murley
  17. 17. 数式入力に対応 • 挿入>方程式… • • LaTeXまたはMathML形式 例: “MathPad”(iOS APP)で作成 • Demo
  18. 18. 様々なインタラクティブ要素を簡単に付加できる機能
  19. 19. Widgets
  20. 20. Widgets graphic movies, sound quiz presentation document interactive 3d (iBooks contents) iBooks (browser)
  21. 21. Widgets graphic ! movies, sound ! quiz ! presentation document ! interactive ! 3d ! (iBooks contents) closed iBooks (browser)
  22. 22. Widgets internet open HTML Widget iBooks (browser)
  23. 23. iBooks Author “.iba”ファイル “.ibooks”ファイル 共有 (書き出し) iPadへ
  24. 24. iBooks 配信方法 出版 台数が多いと 困難か iTunes クラウド(Dropboxなど) 比較的手軽 WebDAV
  25. 25. iBooks 配信方法 共有>書き出す…
  26. 26. iBooks 配信方法 ダウンロード後 共有ボタンから “iBooksで開く”を選ぶ(例Dropbox)
  27. 27. 教科書とインタラクティブ
  28. 28. “School Yourself” http://schoolyourself.org
  29. 29. Flipped Class/Flipped Learning 反転授業
  30. 30. 従来のクラス In class At home 授業中に教師の話を 必死で聴く 家で応用問題を解く 教師は「壇上の賢人」
  31. 31. Flipped Class At home In class 家で事前に授業を ビデオ学習 授業は対話型で効果的に おこなえるように 教師は「学習者に寄り添うガイド」
  32. 32. 反転授業 • 説明型の講義をオンライン教材化して宿題にし、 • 従来宿題であった応用課題を教室で対話的に学ぶ授業
  33. 33. 予習の確認 • 反転授業では予習が必須 • チェック:オンラインテスト
  34. 34. デジタル教科書の活用 • テキストを読む • 必要に応じて映像による確認 • LMSによる確認テスト
  35. 35. 映像活用の有用性 • デールの「経験の円錐形(三角錐)」(Edgar Dale, 1969)
  36. 36. デールの「経験の円錐形(三角錐)」 抽象的 抽象度 現実・具体的 言語的シンボル 視覚的シンボル レコード・ラジオ・写真 映画 テレビ 展示 見学 遠示 劇化された経験 ひながた経験 直接的、目的的経験 デール(E.Dale)による「経験の円錐」, 視聴覚メディアと教育, 山口榮一, p.29(曽我 改)
  37. 37. デールの「経験の円錐形(三角錐)」 抽象的 抽象度 現実・具体的 言語的シンボル 視覚的シンボル レコード・ラジオ・写真 映画 テレビ 展示 見学 遠示 劇化された経験 ひながた経験 直接的、目的的経験
  38. 38. デールの「経験の円錐形(三角錐)」 抽象的 抽象度 現実・具体的 プリント 視覚的シンボル レコード・ラジオ・写真 映像 テレビ 展示 見学 実習(demonstration) 劇化された経験 ひながた経験 直接的、目的的経験
  39. 39. 携帯情報端末の操作と 積極的受動態 抽象的 抽象度 現実・具体的 言語的シンボル 視覚的シンボル マルチメディア型コン レコード・ラジオ・写真 ピュータで映像や音楽を 映画 受け身に聴く テレビ 展示 見学 遠示 劇化された経験 ひながた経験 直接的、目的的経験
  40. 40. HTML widgetと拡張性
  41. 41. What HTML Widget? ?
  42. 42. What HTML Widget? ? Dashboard Widget ( “.wdgt”)
  43. 43. Lorem Ipsum Dolor ? Dashboard Widget ( “.wdgt”)
  44. 44. Dashboard Widget ( “.wdgt”) HTML, CSS, JavaScript ≒ (Web App)
  45. 45. Dashboard Widget ( “.wdgt”) Dashcode(Free), Apple
  46. 46. Dashcode
  47. 47. Dashcode HTML, CSS, JavaScript, jQuery, jQuery Mobile, … etc
  48. 48. HTML Widget internet HTML Widget (HTML5, CSS3 followed) iBooks (browser)
  49. 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. 50. LMSとの連携
  51. 51. Widgets
  52. 52. Widgets 練習の成果を見るのみ(履歴が残らない) 教員は練習成果を評価できない ▼ HTMLウィジェットによるLMS(Learning Management System)との連携
  53. 53. Book Widgetsの例
  54. 54. LMSの準備(starQuiz) 問題完成後Web出力
  55. 55. URL Save
  56. 56. Drag and Drop
  57. 57. URL Save
  58. 58. Demo ! ACTIVE IN HOKKAIDO 川名典人教授(札幌国際大学)
  59. 59. アプリケーションで成果を確認
  60. 60. まとめ
  61. 61. iBooks Author • • だれもが手軽にインタラクティブ性の高いマルチタッチブックを作 ることが出来る。 iBooks Storeで販売も可能。 • 有料販売を行なう場合は米国納税者番号が必要。 • 数式表現が可能。 • Webアプリケーションの知識があれば,LMSとの連携など様々な アイデアを活かしたHTML widgetを作ることができる。 • 反転授業にも利用可能
  62. 62. これから • 携帯情報端末の利用 • インタラクティブを意識した教材の作成 • クラウドの利用 ▼今後の可能性 • ビッグデータの可能性 • LMSからAIへ
  63. 63. 「2014 PCカンファレンス」 札幌学院大学でお会いしましょう To be continued…

×