CIEC 第99回研究会 iBooks Authorではじめるインタラクティブなデジタルハンドアウト

iBooks Authorでつくる インタラクティブなデジタルハンドアウト

合同会社三玄舎 中原敬広

前半：iBooks Authorをはじめよう !

後半：HTMLウィジェットのはなし

自己紹介中原 敬広 Web : http://www.3strings.co.jp Facebook : Takahiro NAKAHARA Twitter : @NakaharaTT !趣味 : 料理、三線 !2011年沖縄で合同会社三玄舎を設立。 Moodleの構築・管理・カスタマイズ・モジュール開発に加え、デジタル教材制作を中心とし、iOSアプリ開発やデジタルブック開発など、教育分野におけるICT活用のお手伝いを日々の仕事としています。 最近は北海道移住を狙っています。

デジタルハンドアウト？

• 教科書をつくるのは大変 （検定とかもあるしね）

• まずは授業で使うプリントの代わりに （気軽に始めよう

• 慣れてきたら教科書にチャレンジも！

Tips 1. ツールバーをカスタマイズ

Tips 2. レイアウトをカスタマイズ

Tips 3. 左から右

Tips 4. スペースを恐れない

Tips 5. 無料のアイコンを使う

Tips 6. Keynoteを活用

Tips 7. ウィジェットを使う

Tips 8. HTMLウィジェット作成ツール

休憩

HTML Widget後半

HTML5 + JavaScript

フォルダ名 xxxxx.wdgt

Dashcodeで手軽に始める（始めれるはずだった…）

最小構成• info.plist

• main.html

• (Default.png)

Hello,World.

使えるなもの

• LocalStorageとCOOKIE

• iPadのタッチイベント

• インターネット通信

• AJAXを使った非同期通信

• jQuery

Bookry.com

Book Widgethttp://www.ibook-widgets.com/

http://html-widgets.com手前味噌ですが…

LMS連携

Moodle

LearningApps.org

今後のLMSとの連携

• LMS側で少しカスタマイズをしたほうがよい

• JavaScriptが使えるので、ちゃんとしたAPIとウィジェットを作るのが理想

HTMLウィジェット＝拡張性

• デフォルトのウィジェットの不足を補う

• JavaScriptのアプリケーションは利用できる可能性大

• Webサービスやアプリの利用

• HTML5アニメーション作成アプリとの連携　　Adobe Edge Animate,Hype, MotionComposer 　　Google Web Designer,Animatronなど

“電子教科書で何でも出来る。

そう、HTMLウィジェットならね”