2014年5月29日に行われたモバイルラーニングコンソーシアムでのウェビナープレゼン資料です。 Moodleを中心としたOSSを組み合わせて無料でモバイルラーニングを構築する実践的な技法を紹介しています。

1. 株式会社イーラーニングCEO
松崎剛
株式会社イーラーニングが提供しているサービス

2. ● 松崎剛
● matsuzakit@e-learning.co.jp
● http://www.facebook.com/matsuzakit
● CEO of e-learning corporation ltd.
● 2000年設立
● http://www.e-learning.co.jp
● http://www.facebook.com/elearningJPN
● IT エンジニア向けコンテンツ
● 各種Moodleサービス
● 設置、サポート
● 開発
● トレーニング
● 日本ムードル協会ビジネス部会
長
● MCCC(Moodle Certified Course
Creater)

3. • Moodleとは？
– 世界標準のLMS
• 公式登録サイトのみで、
• 240カ国
• 85,389 登録サイト
• 77,095,449 ユーザ数
• 1,167,903 先生数
– OSS(オープンソース・ソフトウェア)であり、ソフ
トの使用料等は一切かからない
– 豊富なプラグイン
• 2014/5/1現在 800ケ
– 頻繁なアップデート->2.7はロングタームサ
ポート
オープンソースでのモバイルラーニングを考えた時に、中心となるLMSはやっ
ぱりMoodle
Moodle Official Site
Moodle Plugin

4. • デバイスによってテーマを変える
– タブレット、モバイルでテーマを選択可能
– モバイルテーマ、MyMobileもあるが
• Moolde 2.5までしか対応していない
• 完成度があまり高くない
• モバイルアプリ
– HQ公式, Android, iPhone
– Webサービスを有効にする
– 実際のコンテンツはブラザーを起動
• レスポンシブテーマ
– Moodle 2.5よりTwitter Bootstrapをベースにしたテーマが
提供されている。
– 標準では 非常にシンプルなCleanのみ。2.7ではレスポン
シブテーマがディフォルト
Moodleではテーマによって見栄えを大幅に変更できる。3つの手法が考えら
れるが現在はレスポンシブテーマがお勧め
MyMobile
Moodleアプリ

5. パッド
iPad Air
iOS 7.1.1
Chrome
PC
Windows Vista
Chrome 34.0.1847.131 m
スマホ
Galaxy-s4
Android4.3
ChromeMoodleカスタムテーマ
レスポンシブテーマでどのように見えるのか？

6. パッド
PC
スマホ
スマホでも実用になる....面白みはないが、、、

7. パッド
PC
スマホ
スキマ時間の勉強に最適

8. • MP4が標準(H.264/AAC)
• 単にMP4ファイルを「ファイル」として設定す
るだけでも、ブラウザーがサポートしていれ
ば表示される(見え方はブラウザーによって
まちまち)
• プレイヤーを使うと見栄えが統一される
• HTML5 プレイヤー
– VideoJS, JQuery Player, JW Player,... Youtube
• ビデオをどこに置くか？
– Youtube ... 広く公開されて良いのか？
– サーバローカル ... サーバCPU, ネットワーク
帯域は大丈夫か？
– CDN(Contents Delively Network) ... 有料
• Moodleとのアドイン
– AVFVideo ... 株式会社イーラーニング製,
VideoJSを内蔵, Amazon Cloud Frontとの連携
Google Chrom
Firefox
標準に合わせる

9. パッド
PC
スマホ
ACFVideo(OSS)
iFrameからの最大化はブラウザーで挙動が違うので注意。別ウィンドウにすれ
ば問題なし

10. • HTML5変換ツールを利用する
– オープンなものから有料まで様々なソフト
が有る
– 単純なものなら変換ができるが複雑なも
のへの対応は？
• 1つの方法として写真ビューアを使う
方法があります
– アニメなしのPPTに限る
– PPTから画像としてファイルを書き出し、
ビュアーで見せる
– 画像なので文字コピーが不可能
– 見た目はオリジナルと同じになる -> 細か
いチェックの必要なし
– オープンソースプレイヤー
• IrfanView, JPEGView, JQuery Panorama
Viwer, Galleria
Galleria
PPTを画像変換して、写真ビュアーで見せる

11. パッド
PC
スマホ
スライド加工サービス
金をかけずにきれいなコンテンツを

12. • Moodleではpaypalモジュールが標準となっている(ディフォルト
ではOFF)
• 1コースに対する売り切り課金のみサポート
購読課金、複数コース課金
モバイル対応課金の仕組みがMoodleでは無料

13. 株式会社イーラーニング http://www.e-learning.co.jp
Facebook https://www.facebook.com/elearningJPN
ACFVideo https://github.com/matsuzakit/moodle-activity_acfvideo
Slideshare http://www.slideshare.net/matsuzakit
Youtube http://www.youtube.com/playlist?list=PLgH_LJ_itFn-VhBcW5jW8dN0-
henVutBR
Moodle http://moodle.org
Moodle Plugin https://moodle.org/plugins/
日本ムードル協会 http://moodlejapan.org/home/
https://www.facebook.com/groups/103710113036755/
VideoJS http://www.videojs.com/
Galleria http://galleria.io/
ご紹介させていただいた内容のURLです。

14. 言語の切り替えでシステム、コンテンツの言語切替が可能。コ
ンテンツはHTMLタグで両方を記述する
Moodle言語パック 123言語
Moodle + Adobe Connect
のシングルサインオン
http://www.slideshare.net/matsuzakit/mood
le-adobe-connect