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.

オープンソースで作る動画配信サイト OSC2013名古屋

8,302 views

Published on

Published in: Technology
  • Be the first to comment

オープンソースで作る動画配信サイト OSC2013名古屋

  1. 1. オープンソースで作る動画配信サイト特定非営利活動法人コモンズネット後藤 雅樹 (株式会社 ウィズ・ワン)
  2. 2. 後藤 雅樹 (ごとう まさき)• 所属: 株式会社 ウィズ・ワン• 趣味: 楽しくお酒を飲むこと• 特技: ガムテープ貼り• Twitter: @withone_pr自己紹介
  3. 3. 後藤 雅樹 (ごとう まさき)• 所属: 株式会社 ウィズ・ワン• 趣味: 楽しくお酒を飲むこと• 特技: ガムテープ貼り• Twitter: @withone_pr自己紹介
  4. 4. 後藤 雅樹 (ごとう まさき)• 所属: 株式会社 ウィズ・ワン• 趣味: 楽しくお酒を飲むこと• 特技: ガムテープ貼り• Twitter: @withone_pr自己紹介
  5. 5. 後藤 雅樹 (ごとう まさき)• 所属: 株式会社 ウィズ・ワン• 趣味: 楽しくお酒を飲むこと• 特技: ガムテープ貼り• Twitter: @withone_pr自己紹介
  6. 6. 後藤 雅樹 (ごとう まさき)• 所属: 株式会社 ウィズ・ワン• 趣味: 楽しくお酒を飲むこと• 特技: ガムテープ貼り• Twitter: @withone_pr自己紹介
  7. 7. • ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ動画配信サイトを作ってみよう
  8. 8. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ誰でも閲覧可能
  9. 9. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じログインした人のみが閲覧可能
  10. 10. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じログインした本人のみが閲覧可能
  11. 11. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ投稿者が自由に設定可能
  12. 12. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じAndroid&iOS端末で再生可能
  13. 13. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ専門的な知識不要で直感的に操作可能
  14. 14. 動画配信サイトを作ってみよう• ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ無料かつ簡単
  15. 15. 完成目標イメージ
  16. 16. 動画配信サイトを作るまでの流れ1. サーバ環境準備3. 動画環境設定2. Webサイト構築たったの3ステップ!It’s very easy !
  17. 17. • OS : CentOS 6.3 (64bit)※Win 7上の仮想マシン• CPU : Core i7 2.90GHz (4コア)• メモリ : 4GBサーバスペックサーバ環境準備OSのインストールから始めると時間が足りないので(汗)、あらかじめ用意してある環境を使用
  18. 18. • Apache 2.2.15• MySQL 5.1.67• PHP 5.3.3ミドルウェアサーバ環境準備同じく時間の都合上、LAMP環境が整っている(上記をインストール済み)状態からスタート
  19. 19. Webサイト構築1. NetCommonsをインストール・・・以上 (これだけ)
  20. 20. • 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱えるNetCommonsとは次世代型情報共有基盤システム
  21. 21. NetCommonsとは• 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システム信頼性抜群
  22. 22. NetCommonsとは• 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システムライセンス料とか一切不要
  23. 23. NetCommonsとは• 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システムアイディア次第で用途は無限大
  24. 24. NetCommonsとは• 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システムマニュアル要らずの使いやすさ
  25. 25. • 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱えるNetCommonsとは次世代型情報共有基盤システムワープロは使えなくても大丈夫!マニュアル要らずの使いやすさ
  26. 26. NetCommonsとは• 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システムワープロは使えなくても大丈夫!?
  27. 27. • 国立情報学研究所(NII)が開発/メンテナンスを行っている国産CMS• オープンソースとして公開されているため、無料で利用可能• 多くの機能(モジュール)が備わっており、幅広い用途で利用可能• デジカメとワープロが使えれば簡単に扱える次世代型情報共有基盤システムワープロは使えなくても大丈夫!NetCommonsとは??
  28. 28. ???
  29. 29. • 氏名:緑川 陽菜 (みどりかわ ひな)• 年齢:24歳• Twitter:@MidorikawaHina• NetCommons公式キャラクターこの人はだれ?NetCommons公式本(入門編)に出てるよ
  30. 30. • 氏名:緑川 陽菜 (みどりかわ ひな)• 年齢:24歳• Twitter:@MidorikawaHina• NetCommons公式キャラクターこの人はだれ?NetCommons公式本(入門編)に出てるよ新公式キャラクター誕生!
  31. 31. 話が脱線しすぎたので、本題に戻りますm(_ _)m
  32. 32. 多彩な標準モジュール(27モジュール) メニュー お知らせ カウンタ 言語選択 ログイン基本機能 日誌 登録フォーム アンケート 回覧板 フォトアルバム情報発信 / 取得機能 新着情報 検索 オンライン状況情報集約機能 RSS Iframe リンクリスト 連想図書検索 IMAGINE外部連携機能 掲示板 キャビネット Todo 汎用データベース カレンダー 施設予約情報共有機能 小テスト レポート簡易e-Learning機能 チャット プライベートメッセージコミュニケーション機能
  33. 33. 導入事例
  34. 34. 学校ホームページ(小、中、高等学校、特別支援校)・北海道 135 / 270校・宮城県 32校(登米市)・石川県 94校・群馬県 77校(前橋市)・茨城県 13校(大子町)・愛知県 11校(日進市)・岐阜県 4校(川辺町)・鳥取県 250校・兵庫県 312校(神戸市)・岡山県 29校(新見市)・徳島県 80校・鹿児島県 7校(屋久島町)・沖縄県 16校(浦添市)・東京都 34校(荒川区)ホームページ(HP)として導入グループウェア(GW)として導入導入を検討中(教育センターで使用)教育機関での調査研究、研修を行なっている2012年導入状況文部科学省・東日本大震災 子どもの学び支援ポータルサイト(H24年5月)国立教育政策研究所(NIER) 運営サイト・みんなでつくる被災地学校運営支援サイト・教育課程研究センター指定校サイト・全国教育研究所連盟サイト日本教育工学振興会(JAPET)サイトユネスコスクールサイト発達障害教育情報センター(国立特別支援教育総合研究所)発達障害情報・支援センター教育センター・北海道立教育研究所 付属情報処理教育センター・北海道立教育研究所 付属理科教育センター・岩手教育情報交流ネット・山形県教育センター・福島県教育センター・栃木総合教育センター とちぎ学びの杜・群馬県総合教育センター カリキュラムセンター・埼玉県立総合教育センター・山梨県総合教育センター・静岡県総合教育センター・広島県立教育センター・熊本県立教育センター・神戸市総合教育センター2012年11月現在 教育機関での利用状況・石川県教育センター スクールネット・前橋市教育情報ネットワーク・京都府中丹教育局・京都府綾部市教育委員会・栃木県佐野市教育センター・栃木県真岡市教育委員会・埼玉県和光市教育情報ネットワーク・埼玉県深谷市教育委員会ほか・栃木県 81校+38校(佐野市)+27校(真岡市)+41校(栃木市)・埼玉県 180校+11校(和光市)+29校(深谷市)・千葉県 125校・静岡県 9校+35校(富士宮市)+15校(伊東市)+31校(掛川市予定)・京都府 46校+20校(京田辺市)+16校(綾部市)+25校(福知山市)ほか
  35. 35. • ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じNetCommonsをインストールするだけで上記項目の大半をクリア!動画配信サイトを作ってみよう(おさらい)
  36. 36. • 動画変換用ソフト ffmpeg をサーバに導入• mp4ファイル編集用コマンドラインツールMP4BOX をサーバに導入必要な作業動画環境設定
  37. 37. コマンドラインツール?動画ファイルを手動で変換するために導入動画配信モジュールに変換させるために導入
  38. 38. • NetCommons公式サイトから配布されている拡張モジュール• 動画ファイルアップロード時に、動画の変換を行ってくれる• スマホ&タブレットで再生可能動画配信モジュールとは動画を簡単に扱うための拡張機能
  39. 39. 動画配信モジュールとは• NetCommons公式サイトから配布されている拡張モジュール• 動画ファイルアップロード時に、動画の変換を行ってくれる• スマホ&タブレットで再生可能動画を簡単に扱うための拡張機能無料で利用可能
  40. 40. 動画配信モジュールとは• NetCommons公式サイトから配布されている拡張モジュール• 動画ファイルアップロード時に、動画の変換を行ってくれる• スマホ&タブレットで再生可能動画を簡単に扱うための拡張機能様々な動画のファイル形式に対応
  41. 41. • NetCommons公式サイトから配布されている拡張モジュール• 動画ファイルアップロード時に、動画の変換を行ってくれる• スマホ&タブレットで再生可能動画配信モジュールとは動画を簡単に扱うための拡張機能Android&iOSに対応
  42. 42. • ホームページとして利用できる• 会員制サイトとして利用できる• 各会員専用ページを設けることができる• 動画ごとに公開範囲を設定できる• スマホ&タブレットでも再生できる• コンテンツの管理が楽• お金をかけずに短時間で作れる今回作るサイトはこんな感じ✓✓✓✓✓ NetCommons+動画配信モジュールの組み合わせで上記項目を全てクリア!動画配信サイトを作ってみよう(おさらい)
  43. 43. まとめNetCommonsを使えば短時間でサイトを構築できるNetCommonsをダウンロード&インストールして便利さを体験してみてください!動画配信モジュールを使えば動画を簡単に扱える
  44. 44. 告知①研修制度も充実! NetCommonsの使い方、教えます!初めてNetCommonsに触れる方 ➭入門講座テーマの作成を学びたい方 ➭デザインカスタマイズ講座モジュールの作成方法を学びたい方 ➭モジュールカスタマイズ講座運用・保守を学びたい方 ➭システム運用講座管理者として、参加型サイトの構築を学びたい方 ➭活用講座
  45. 45. • 開催日:2013年8月21日(水)• 事例発表や展示ブース多数あり• 現在開発中の次期NetCommons3 の情報をゲットNetCommonsユーザカンファレンス2013告知②詳細はNetCommons公式サイトにて!http://www.netcommons.org/• リアル に会えるかも!?
  46. 46. おしまいご静聴ありがとうございました。

×