マルチデバイス用コンテンツの作成方法(動 画書き出し - ロゴスウェア

[ ホワイトペーパー]
STORM Maker
マルチデバイス用コンテンツの作成方法(動
画書き出し機能によるスマートフォン対応)
文書番号
: 10 製-ST030139-05
第5版
: 2012 年 12 月 6 日
対象製品
: バージョン 1.6.0 以降
対象ユーザー
: STORM Maker をご利用中の方。
概要
マルチデバイス用コンテンツとは、パソコン(Windows, MacOS)でも、スマートフォ
ン(iPhone、iPad、Android)でも閲覧できるコンテンツです。STORM Maker のマル
チデバイス用コンテンツの実現方式には、以下の 2 つがあります。

「標準的な方法(HTML5)」

「動画書き出し機能を使用する方法」

それぞれの方式の違いについては、以下の資料を参照してください。
「マルチデバイス用コンテンツ(スマートフォン対応)の概要」
http://doclib.logosware.com/content.html#!/128/
このホワイトペーパーでは、
「動画書き出し機能を使用する方法」の設定について説明
します。パソコンや iPhone・iPad からご確認下さい。

動画書き出し機能を使用したマルチデバイス用コンテンツのサンプルは、以下から
ご覧いただけます。
http://suite.logosware.com/wp-content/uploads/storm/contents/sample_slide_mpeg4/index.html

ロゴスウェアの学習管理システム「Platon」では、本書の方法よりも簡単に、スマ
ートフォン用の mp4 動画を設定できます。Platon の教材アップロード画面でスマ
ートフォン用の mp4 を指定します。詳細は Platon 操作マニュアルをご参照くださ
い。
http://doclib.logosware.com/content.html#!/44/
1/5
設定方法
動画書き出し機能を使用してマルチデバイス用コンテンツを作成するには、「Web 公開
用」で書き出したコンテンツと「動画(mp4)」で書き出したコンテンツを連動させる
必要があります。
1.
パソコン用コンテンツを用意します。
1.7.1 以前の STORM Maker をお使いの方は通常通り「Web 公開用」または「LMS
教材用(SCORM1.2、2004)」で書き出してください。
1.8.0 以降のバージョンをお使いの方は、スマートフォンコンテンツを書き出さない
ように設定して書き出してください。コンテンツ一覧で該当のコンテンツを右クリ
ックし、コンテンツ設定画面の「スマートフォンコンテンツを書き出す」のチェッ
クがはずれた状態で、「Web 公開用」で書き出します。
2/5
2.
書き出したコンテンツフォルダの直下にある index.html のコードを編集します。

index.html の編集はテキストエディタやメモ帳で行って下さい。余分な制御コ
ードが含まれる可能性があるため、ワードパッドは利用しないでください。

Web 公開用
追加するコード)
<script type="text/javascript" src="./mobile/ss_director.js"></script>
以下の記述の「下」に追加する)
<meta http-equiv="Generater" content="[email protected]" />

LMS 教材用(SCORM1.2)
追加するコード)
<script type="text/javascript" src="./mobile/ss_director.js"></script>
以下の記述の「下」に追加する)
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0" onload="SCOInitialize()" onunload="SCOFinish()"
onbeforeunload="SCOFinish()">

LMS 教材用(SCORM2004)
追加するコード)
<script type="text/javascript" src="./mobile/ss_director.js"></script>
以下の記述の「下」に追記する)
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0" onunload="SCOFinish()" onbeforeunload="SCOFinish()">
3.
スマートフォン用コンテンツを用意します。具体的には、STORM の動画書き出し
機能で mp4 データを作成します。手順は以下文書をご参照ください。
操作マニュアル http://doclib.logosware.com/content.html#!/41/
サウンドデバイス設定 http://doclib.logosware.com/content.html#!/132/
3/5
4.
以下の URL からデータをダウンロードします。

Web 公開用
http://download.logosware.com/soft/storm/dl-free/ST030139_mobile-template.zip

LMS 教材用(SCORM1.2、2004)
http://download.logosware.com/soft/storm/dl-free/ST030139_mobile-template-SCOR
M.zip
5.
zip を解凍し「mobile」フォルダを手順 1 で書き出したコンテンツ内に格納します。
6.
手順 3 で用意した mp4 ファイルを、手順 3 の¥mobile¥mp4 に格納します。
7.
mobile フォルダ内の index.html を編集します。
以下の******.mp4 の部分を格納した mp4 ファイル名に変更します。ここでは、
「201010261223.mp4」というファイル名に変更しています。
8.
コンテンツをサーバーにアップし、パソコンとスマートフォンでアクセスします。
それぞれのコンテンツが表示できることを確認します。
4/5
文書に関する情報
お問合せ窓口
ご購入後の製品に関してご不明な点は、以下の窓口までお問い合わせください。
E-mail
:support@logosware.com
TEL
:03-5818-8011
FAX
:03-5818-8012
受付時間
:10:00~18:00(土日、祝祭日は除く)
更新履歴
第1版
2010 年 11 月 1 日
第2版
2010 年 12 月 22 日
第3版
2011 年 7 月 27 日
第4版
2012 年 9 月 18 日 レイアウト変更、ダウンロード URL 変更、リンク変更
第5版
2012 年 12 月 6 日 SCORM1.2、2004 について記載
参照(関連文書)
11 製-ST010186「マルチデバイス用コンテンツ(スマートフォン対応)の概要」
5/5