Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

無料のオープンソースを使った モバイルラーニング実践

2,940 views

Published on

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

Published in: Education
  • Login to see the comments

無料のオープンソースを使った モバイルラーニング実践

  1. 1. 株式会社イーラーニングCEO 松崎剛 株式会社イーラーニングが提供しているサービス
  2. 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. 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. 4. • デバイスによってテーマを変える – タブレット、モバイルでテーマを選択可能 – モバイルテーマ、MyMobileもあるが • Moolde 2.5までしか対応していない • 完成度があまり高くない • モバイルアプリ – HQ公式, Android, iPhone – Webサービスを有効にする – 実際のコンテンツはブラザーを起動 • レスポンシブテーマ – Moodle 2.5よりTwitter Bootstrapをベースにしたテーマが 提供されている。 – 標準では 非常にシンプルなCleanのみ。2.7ではレスポン シブテーマがディフォルト Moodleではテーマによって見栄えを大幅に変更できる。3つの手法が考えら れるが現在はレスポンシブテーマがお勧め MyMobile Moodleアプリ
  5. 5. パッド iPad Air iOS 7.1.1 Chrome PC Windows Vista Chrome 34.0.1847.131 m スマホ Galaxy-s4 Android4.3 ChromeMoodleカスタムテーマ レスポンシブテーマでどのように見えるのか?
  6. 6. パッド PC スマホ スマホでも実用になる....面白みはないが、、、
  7. 7. パッド PC スマホ スキマ時間の勉強に最適
  8. 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. 9. パッド PC スマホ ACFVideo(OSS) iFrameからの最大化はブラウザーで挙動が違うので注意。別ウィンドウにすれ ば問題なし
  10. 10. • HTML5変換ツールを利用する – オープンなものから有料まで様々なソフト が有る – 単純なものなら変換ができるが複雑なも のへの対応は? • 1つの方法として写真ビューアを使う 方法があります – アニメなしのPPTに限る – PPTから画像としてファイルを書き出し、 ビュアーで見せる – 画像なので文字コピーが不可能 – 見た目はオリジナルと同じになる -> 細か いチェックの必要なし – オープンソースプレイヤー • IrfanView, JPEGView, JQuery Panorama Viwer, Galleria Galleria PPTを画像変換して、写真ビュアーで見せる
  11. 11. パッド PC スマホ スライド加工サービス 金をかけずにきれいなコンテンツを
  12. 12. • Moodleではpaypalモジュールが標準となっている(ディフォルト ではOFF) • 1コースに対する売り切り課金のみサポート 購読課金、複数コース課金 モバイル対応課金の仕組みがMoodleでは無料
  13. 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. 14. 言語の切り替えでシステム、コンテンツの言語切替が可能。コ ンテンツはHTMLタグで両方を記述する Moodle言語パック 123言語 Moodle + Adobe Connect のシングルサインオン http://www.slideshare.net/matsuzakit/mood le-adobe-connect

×