iPhone


▲Androidでキバンインターナショナルのラーニング・マネジメント・システム SmartBrain http://smartbrain.info/ が動作する様子。

キーワードは「コスト削減」と「教育効果」2011年9月9日発行
■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

eラーニング導入こぼれ話 Vol.0054

■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

「最高の学びをすべての人に!」

こんにちは!いつも大変お世話になっております、株式会社キバンインターナショナルの田中です。

日本国内でAndroidのシェアがiPhoneを抜いたという話題から数カ月。「Androidで動画が思ったように動いてくれない!」というお問い合わせを数々頂きました。

そこで今回は、Androidで動画が再生できない場合の対処法についてご紹介します。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
●今回のポイント
1. Androidで動画が再生できない!?
2. 原因その1:プレイヤー
3. 原因その2:メタ情報
4. 原因その3:データ量
5. eラーニング動画:MP4Boxマニュアル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

===(お知らせ)=====================

●iPhone、iPad、PC、ブラウザを選ばず学習できる
LMS(ラーニング・マネジメント・システム)
『SmartBrain』・・・1ユーザー210円/月(税込)
20ユーザーまで無料。お試し登録はこちらからどうぞ。
http://smartbrain.info/

==============================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【main contents】Android動画の作成と再生

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

●Androidで動画が再生できない!?

Androidを搭載したスマートフォンやタブレットデバイスは、PCと同じように、機種により仕様が異なります。

当然、iPhoneでは再生できる動画がAndroidでは再生できないということも起こりますし、他のAndroid端末で再生できた動画が他の端末では再生できないということも起こりえます。

まず、Android向けの動画を作成する際の、おすすめ動画形式は、.mp4です。

理由は、動画形式にはいろいろな種類がありますが、.mp4は、PC、Androidスマートフォン、iPhone、Androidタブレット、iPadどれでも対応可能な為です。

しかし、.mp4なら再生できるかと言えば、必ずしもそうでもない場合が多々ありますので、その原因を見ていきましょう。

●原因1:動画プレイヤー

Android端末は数多くの機種がありますが、動画を閲覧できるプレイヤーがインストールされていないこともあります。また、プレイヤーがインストールされていても、見たい動画の形式に対応していないと、やはり再生することはできません。

そんなときは、新たに動画プレイヤーをインストールしましょう。
動画プレイヤーにもいくつもの種類があり、それぞれに特徴があります。

ここでは、一通りの動画を再生でき、無料で利用できる『Rock Player Lite』というアプリを入手してインストールするやり方をご紹介します。(ご利用は自己責任でお願い致します。)

手順1. Android market https://market.android.com/?hl=ja(またはアプリ)にアクセス。
手順2. Rock Player Liteで検索。
手順3. 「インストール」の下にある「無料」をタップ。
手順4. 「OK」をクリック。

これで、次回動画を再生するときに、動画がプレイヤーに対応した形式であれば、どのプレイヤーで閲覧するか、選択する画面が表示されます。

●原因2:メタデータ(メタ情報)

メタデータが原因で動画が再生されないこともあります。

メタデータとは聞きなれない言葉ですね。いったいメタデータとは何なのでしょうか。

===
メタデータとは、データについてのデータ。あるデータそのものではなく、そのデータに関連する情報のこと。データの作成日時や作成者、データ形式、タイトル、注釈などが考えられる。データを効率的に管理したり検索したりするために重要な情報である。文書や画像などを保存するファイル形式の多くは、ファイルの先頭にメタデータを格納し、続いてデータ本体を格納するようにできている。
(IT用語辞典より引用)
===

MP4Box http://www.videohelp.com/tools/mp4box というフリーソフト(PC用ソフトです)を利用すれば、Android向けにメタデータを書き換えることができます。(ご利用は自己責任でお願い致します。)

MP4Boxの使い方は、今週のeラーニング教材でご紹介致します。
(このメルマガの最後でご紹介します)

キーワードは「コスト削減」と「教育効果」2011年9月2日発行
■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

eラーニング導入こぼれ話 Vol.0053

■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

「最高の学びをすべての人に!」

こんにちは!いつも大変お世話になっております、株式会社キバンインターナショナルの田中です。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
●今回のポイント
1. 高画質ならいいといものではない!?
2. ネットで見てもらうなら「軽くてキレイな動画」
3. エンコードとは?
4. 大量動画エンコード 3つのポイント
5. 動画エンコードマニュアル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

===(お知らせ)=====================
●iPhone、iPad、PC、ブラウザを選ばず学習できる
LMS(ラーニング・マネジメント・システム)
『SmartBrain』・・・1ユーザー210円/月(税込)
20ユーザーまで無料。お試し登録はこちらからどうぞ。
http://smartbrain.info/
==============================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【main contents】大量動画を一括エンコード!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

●高画質ならいいといものではない!?

ビデオカメラで撮影した動画は、多くの場合高画質です。
高画質で撮影したものだけあって、再生してもキレイに映ります。画質が高いというのはいいことです。しかし、少し話が違ってくる場合もありますので気をつけなくてはなりません。

例えば、私たちキバンインターナショナルが提供するeラーニングシステムSmartBrain http://smartbrain.info/ は「いつでもどこでも」がキーワード。

その為、デスクトップPC、ノートPC、iPhone、Androidなど多くの端末でビデオコンテンツを視聴、学習することができます。

●ネットで見てもらうなら「軽くてキレイな動画」

しかし、オンラインで視聴するとなると、高画質がアダとなることがあります。

高画質とは、すなわち容量が大きいということであり、インターネット回線によっては、動画がカクカク動いたりして視聴しづらくなってしまうのです。

特にモバイル回線では、PCと比べてインターネット通信が弱いことがほとんどですので、容量を抑えて動画を用意しなくてはなりません。

しかし、容量を抑えるとは画質を落とすこと。「納得いかないレベルにまでは落としたくない」、「軽くてキレイな動画」がいい!とお思いの方も多いことでしょう。

●エンコードとは?

TMPEG

そこで我々は、「軽くてキレイ」な動画を実現できる、動画エンコードセッティングを公開しております。(もともと高画質で撮影していることが前提となります)
http://smartbrain.info/?p=8272

ここで、エンコードとは何かについてご説明しましょう。

エンコードとは、音声や動画などを圧縮する事です。さきほどもご説明しました通り、画質が高すぎる動画は、スマートフォンではうまく再生されません。PC向けでも重すぎる動画はNGです。

したがって、iPhone・iPad・Androidなど、モバイル向け動画を作成する際、あるいはPC向け動画でも適度にエンコードすることが必要となります。

詳しくは、メールマガジンのバックナンバーをご覧ください。
http://blog.elearning.co.jp/archives/25393.php
http://blog.elearning.co.jp/archives/25394.php

SmartBrain1.15からの新機能「クイズの一括更新」をご紹介します。
この機能は、一度コースに登録したクイズの内容を変更したい場合にとても役立ちます。
これまではクイズ教材管理画面でクイズの変更をしたあとに、コース管理画面へ移動して変更を適用する作業が必要でした。
しかし「クイズの一括更新」を使えば画面を移動することなく全てのコースに対して変更を適用することができます。
クイズ教材を変更する場合は以下の操作を行ってください。

 

まず、クイズ教材管理画面から変更したいクイズを開いてください。

 

次に、クイズの説明文や設問の内容などの変更を行ってください。

変更が完了したら「このクイズを使用しているSCOを最新に更新」ボタンをクリックします。
ボタンを押すと、このクイズを含む全てのコースの中に自動的に変更が適用されます。


ちなみに、SmartBrain1.14以前は、 1つ1つのコースを開いてクイズの更新をする必要がありました。
クイズの内容を変更する場合には、ぜひ一括更新ボタンをご使用ください。

 

いつも弊社製品をご利用いただきましてありがとうございます。

本日14:00頃にSmartBrain version 1.15をリリースいたしました。

期間制限機能追加、クイズ教材一括更新機能追加やAndroid端末への対応強化も先の1.14系と合わせて行なっております。

詳細は以下のとおりです。

 

新機能

・基本機能

  • 学習開始から〇〇日間有効 タイプの期間制限機能を追加
  • ポータル管理からadmin(管理者) に表示する管理機能を変更(制限)機能を追加(ただし特権管理者のみ可能で、通常のASP環境ではご利用いただけません)
  • 履歴ダウンロード時に学習履歴の無いコース・コンテンツを除外する機能を追加
  • クイズ教材詳細画面から SCOとして割り当てられているクイズを一括更新できる機能を追加
  • 学習結果のpassed(◯)とfailed(☓)を表示・非表示できる機能を追加(非表示にすると●アイコンしか表示されません)
  • 無料体験申込時にアップデートを行うかどうかの選択を可能にした。子環境側からでも変更可能。(これはアップデート処理の目安として利用するための項目です)

・クイズ機能

  • まとめて解答時に 次へボタン、戻るボタンを表示する機能を追加
  • Android端末の画面幅・高さが共に640pxを越えている場合はPC向けのスタイルを適用

機能修正

・基本機能

  • 成績のグループCSVダウンロード機能で、削除済みユーザの情報は出力しないように変更
  • HTTPCache-Controlで60秒のキャッシュをするように設定されていたが、一切キャッシュしないように変更
  • メールの署名変更フォームの1行目に改行を入れても反映されるよう修正
  • 掲示板のニックネームが正しく表示されるよう修正
  • HTTPSのみの環境下でグラフが閲覧できるよう変更
  • jquery-CDN利用部分がhttp参照固定であったので動的に変化するように変更
  • IE6でユーザのTOP画面のレイアウトが崩れないよう変更
  • IE6でパスワードヘルパーの画面のレイアウトが崩れないよう変更
  • IE6でuserがfaqを見た場合にレイアウトが崩れないよう変更
  • 閲覧履歴グラフにおいて何も選択しない状態だと(全ユーザ・全コース)、管理コース関係なくすべてのコースデータを取得してきてしまう問題を修正
  • aタグの表示部分に何か文字列がある場合に、自動的にdownload_asとしてファイル名をhrefに追加してしまう問題があったので修正
  • Androidの場合学習画面の「戻る」が動作しない場合があるという問題を修正

・クイズ機能

  • 「最新のクイズに更新」押下でクイズ再生成時、QuizPlayer同梱ファイルのAsset情報が失われていたので、正しく取得されるように修正
  • 始めるボタンを押したときにLMSInitializeしていたが、ページを表示した時にInitializeするように変更
  • スマートフォンで選択肢ドラッグ直後に設問が移動することがあるので修正
  • スマートフォンの穴埋め問題で、選択肢を穴の上に載せて、提出ボタンを押さずに設問を再表示したとき、穴の上から選択肢を外すことができなくなるので修正

・携帯電話

  • topのリンク先を修正
  • cookie未対応の場合、topへのリンクを非表示にするように修正
今後新機能についてはblogなどで画像を交えて情報公開を行ってまいりますので、ぜひ楽しみにしていてください。

 

 

新しいSmartBrainは以下のリンクから簡単にお試しいただけます!

無料環境作成

20名まで無料で利用可能なPC,iPhone,iPad,Android,携帯電話対応のSmartBrainを是非ご利用ください!
(すべての端末での動作を保証するものではありません。ご了承ください。)

SmartBrain version 1.15が来週月曜日(2011/08/29)の午後14時にリリースされます。

いくつもの新機能を搭載していますが、その中から 学習期間制限機能 をご紹介します。

この機能をつかえば、「学習者が学習できる期間を設定したいんだけど。。」ということや「学習開始から30日間利用させたいんだけど。。。」といったことも可能になります。

それでは使い方です

1.まずは管理者ユーザでログインしましょう。

管理者以上でログインし、管理機能のユーザ管理を選択します

管理者以上でログインし、管理機能のユーザ管理を選択します

今回は「学習者」ユーザを選択しましょう

今回は「学習者」ユーザを選択します

学習者の詳細を開くと「閲覧可能コース」という項目があります。そこの「 期間編集」をクリックします。

学習者の詳細を開くと「閲覧可能コース」という項目があります。そこの「 期間編集」をクリックします。

「学習開始から利用可能日数を設定」を選択し、「30」と日数を指定します。

「学習開始から利用可能日数を設定」を選択し、「30」と日数を指定します。

保存を押すと、このように期間表示が変わります。

保存を押すと、このように期間表示が変わります。

2.ここまで来たら、管理者ユーザをログアウトし、先ほど期間制限をした学習者でログインしましょう。

ログインすると、期間制限を行ったコースに期間が表示されています。まだこの段階ではカウントは始まっていません。

ログインすると、期間制限を行ったコースに期間が表示されています。まだこの段階ではカウントは始まっていません。

コース内のコンテンツ(教材)を学習すると、その日からカウントがスタートします。

コース内のコンテンツ(教材)を学習すると、その日からカウントがスタートします。

 

いかがでしょうか。この機能は1.15から利用可能です。

以下のフォームから簡単にお試しいただけます!

無料環境作成

20名まで無料で利用可能なPC,iPhone,Android対応のSmartBrainを是非ご利用ください!

クイズ機能のチューニングとリバースプロクシ+SSL+mod_rewrite環境下での安定性を向上させました。

クイズ機能のチューニングとリバースプロクシ+SSL+mod_rewrite環境下での安定性を向上させました。

主に1.14.3のバグフィックスを行いました。
変更点は以下の通りです。

 

クイズ機能

1.Android端末の画面幅・高さが共に640pxを越えている場合はPC向けのスタイルを適用
(ICONIA TABなどの大画面のタブレットでも、綺麗に表示させるための対応です)
2.スマートフォンの穴埋め問題で、穴にはまっている選択肢の右端をドラッグして何も無い所へ出しても、穴から外に出ていない問題を修正
3.スマートフォンで選択肢ドラッグ直後に設問が移動することがある問題を修正
4.正誤判定・採点ロジックには問題ありませんが、WQCインポートで作成したクイズにおいて、学習履歴で正答例のラベルが正しく表示されない問題を修正

 

基本機能

1.リバースプロクシ+SSL+mod_rewrite使用の際 httpにリダイレクトしてしまう場合があったので修正
2.IE8の場合,Javascriptのwindow.innerHtmlでエラーが発生していたので修正

 

今後もクイズ機能のAndroid対応や基本機能を強化してまいりますので、ユーザ数20名まで無料のSmartBrainをよろしくお願い致します。

▲モバイル動画エンコード設定

▲モバイル動画エンコード設定

キーワードは「コスト削減」と「教育効果」2011年7月15日発行
■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

 

eラーニング導入こぼれ話 Vol.0046

■□■━━━━━━━━━━━━━━━━━━━━━━━━■□■

「最高の学びをすべての人に!」

こんにちは!いつも大変お世話になっております、株式会社キバンインターナショナルの田中です。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
●今回のポイント
1. モバイル対応eラーニング動画を用意するには?
2. エンコードって何?
3. おすすめエンコーダー
4. これだけ用語解説
5. 秘伝?モバイル向けプリセット公開!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

===(お知らせ)=====================

●iPhone、Android、PC、ブラウザを選ばず学習できる
LMS(ラーニング・マネジメント・システム)
『SmartBrain』・・・1ユーザー210円/月(税込)
20ユーザーまで無料。お試し登録はこちらからどうぞ。
http://smartbrain.info/

==============================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【main contents】モバイル向け動画エンコードを学ぼう!

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

●モバイル対応eラーニング動画を用意するには?

「自社で作成した動画を、モバイル端末で再生しようとしたら、できなかった!」

最近、このようなお問い合わせをよく頂きます。
モバイル端末でのeラーニングを導入しようという企業様がどんどん増え、実行しようとしたとき、このようなことが起こりがちです。

実は、画質が高すぎる動画は、スマートフォンでは再生されません。
iPhone・iPad・Androidなど、モバイル向け動画を作成するには、それに適した「エンコード」が必要となります。

●エンコードって何?

エンコードとは、音声や動画などを圧縮する事です。エンコードを行うには、エンコーダーというソフトが必要になります。

一般に、PC用の動画は画質が高く、モバイル端末では再生できません。そこで、その動画をエンコードすることで、モバイル端末で再生可能な動画ができます。

実際にエンコードをする作業は、最初に設定さえしてしまえば、あとは動画ファイルをドラッグアンドドロップするなどの単純な操作がメイン。さほど難しいことではありません。

●エンコードに必要なもの

エンコードに必要なもの・事は主に3つあります。

1.エンコードする動画
2.エンコーダー
3.エンコーダーの設定

以下に、具体的なツールや設定方法をご紹介します。これを使えば、どなたでもモバイル端末で再生できる動画を作成できるようになるでしょう。

▲参考:PowerPointからモバイル対応動画を作成できる『PPT2Mobile』

▲参考:PowerPointからモバイル対応動画を作成できる『PPT2Mobile』

画質が高すぎる動画は、スマートフォンでは再生されません。
iPhone・iPad・Android向け動画を作成するには、それに適したエンコードが必要となります。
私たちキバンインターナショナル http://www.kiban.jp/ が使用しているエンコードソフトのひとつに、TMPGEnc Video Mastering Works 5 http://tmpgenc.pegasys-inc.com/ja/product/tvmw5.htmlがあります。

▲TMPGEnc Video Mastering Works 5

▲TMPGEnc Video Mastering Works 5

▲ダウンロード版とパッケージ版で価格が異なります。

▲ダウンロード版とパッケージ版で価格が異なります。

今回はTMPEG用のプリセットファイルを公開します。プリセットファイルとは、どのようなエンコードをするか設定したものです。これをお使い頂くと、iPhone・iPad・Android向け動画を作成することができます。

手順1.

TMPEGをダウンロード、インストールします。(試用版もあります)
http://tmpgenc.pegasys-inc.com/ja/product/tvmw5.html

※.flvにエンコードしたい場合は、別途、プラグインの購入が必要になります。
http://tmpgenc.pegasys-inc.com/ja/download/f4p5.html

手順2.

以下のリンクをクリックすると、
http://smartbrain.info/data/tmpegpreset.zip
tmpegpreset.zipというファイルがダウンロードされます。解凍し、以下の、それぞれのデバイスに対応したプリセットファイルをご利用ください。

iPhone・Android向け・・・iphone_android.tvmw5e
iPad向け・・・ipad.tvmw5e
PC向け・・・flv_pc.tvmw5e

手順3.

TMPEGでのプリセットファイル使用方法は、以下をご覧ください。
http://scrapbook.mintgreen.biz/archives/256

注:Android向けの動画は、さらに設定が必要となります。以下に詳細に記してありますのでご覧ください。
http://blog.elearning.co.jp/archives/6180.php

画質が高すぎる動画は、スマートフォンでは再生されません。
iPhone・iPad・Android向け動画を作成するには、それに適したエンコードが必要となります。
私たちキバンインターナショナル http://www.kiban.jp/ が使用しているエンコードソフトのひとつに、GOM ENCODER(ゴム・エンコーダー) http://www.gomplayer.jp/encoder/(通常版:4,980円、拡張版5,980円)があります。

今回はGOM ENCODER用のプリセットファイルを公開します。プリセットファイルとは、どのようなエンコードをするか設定したものです。これをお使い頂くと、iPhone・iPad・Android向け動画を作成することができます。

手順1.

GOM ENCODER(ゴム・エンコーダー)をダウンロード、インストールします。(試用版もあります)
http://www.gomplayer.jp/encoder/

手順2.

以下のリンクをクリックすると、
http://smartbrain.info/data/gomencoderpreset.zip
gomencoderpreset.zipというファイルがダウンロードされます。解凍し、以下の、それぞれのデバイスに対応したプリセットファイルをご利用ください。

iPhone・Android向け・・・iphoneandroid.gep
iPad向け・・・ipad.gep
PC向け・・・pcflv.gep

手順3.

GOM ENCODERでのプリセットファイル使用方法は、以下をご覧ください。
http://www.gomplayer.jp/encoder/option/preset_manage.html

注:Android向けの動画は、さらに設定が必要となります。以下に詳細に記してありますのでご覧ください。
http://blog.elearning.co.jp/archives/6180.php

プログラマーを3名募集しようと思っています。

現在、キバンインターナショナルでは、すべての開発を基本的に函館にある北海道研究所で行っていますが、既存のeラーニング、電子書籍、生中継の課金決済と北海道研究所の負荷があがっていることもあり、東京でも開発チームを作っていきたいと思います。

東京の開発チームでは、主に、Androidアプリ、iPhoneアプリ関連の開発を行いたいと思います。キバンインターナショナルで作っているeラーニングシステム SmartBrainのアプリ化や、ドリル形式の問題を解くタイプのアプリの開発が増えているからです。

募集に際しては、実際に体験入社で2週間のトライアルで各種課題に取り組んで頂き、2週間後に結論をだすような形で採用を進めたいと思います。

勤務地は、原則、東京で募集をかける予定ですが、希望があれば、北海道研究所(函館)でも就業可能な形で募集をします。2週間のトライアルに東京、北海道への参加ができない場合は、面接後は、Skypeを利用しながら、課題の進捗確認をさせていただき、在宅でも、このトライアルに参加できるようにしたいと思っています。

DSC04950.JPG

募集の詳細ができ次第、このブログでも、随時募集をかけていきたいと思います。