スマートフォン・タブレット対応の概要

［ホワイトペーパー］
STORM Maker
スマートフォン・タブレット対応の概要
文書番号
： 11 製-ST030186-06
第6版
： 2015 年 11 月 27 日
対象製品
：バージョン 1.14.0 以降
対象ユーザー
： STORM Maker をご利用中で、スマートフォン・タブレットコンテンツを作
成したい方。
概要
STORM Maker では、さまざまなスマートフォン対応コンテンツを作成できます。
本書では、それぞれについて、特徴と注意点を説明します。
目次

1．見た目を統一したい場合は？
→「PC＋スマートフォン／タブレット（HTML5）」

2． Flash、HTML5 のいいとこどりは？
→「PC＋スマートフォン／タブレット（Flash＋HTML5）」

3．スマートフォンでもビデオを見せたい場合は？
→応用的なコンテンツ表示（動画書き出し機能）

4. 作成方法と注意点

5. 方式の比較
1 / 11
1．
見た目を統一したい場合は？
→「PC＋スマートフォン／タブレット（HTML5）
」
パソコン、スマートフォン、タブレットすべて、HTML5 コンテンツを再生します。
できるだけ端末間での見た目をそろえたい場合に向いています。

パソコン、タブレットの表示
○ ビデオエリア表示
○ メニュー、NOTE、ロゴ画像表示可能（ヨ
コ置きで表示）
○ メニューごとの進捗管理可能
○ アニメーション効果（フェードイン・ア
ウトのみ）※1
○ 共有機能（Twitter 等）を設定可能
× テロップの表示不可
○ レイアウトり切り替え設定可能（※3）

スマートフォンの表示
× ビデオエリアなし（音声のみ）
× レイアウト切り替えの反映なし
× テロップの表示不可
○ アニメーション効果（フェードイン・ア
ウトのみ）※1
○ メニューごとの進捗管理可能
○ メニュー、NOTE、ロゴ画像、表示可能
○ 共有機能（Twitter 等）を設定可能

※1
PowerPoint のアニメーション効果の変換は、1.1.4.0 以降の STORM Maker で
作成できます。アニメーションの再現は、フェードイン（開始）・アウト（終了）
2 / 11
のみの対応です。強調・軌跡の効果は、反映されません。
（全ての開始・終了がフェードイン・アウトに変換されます。）

タブレット表示が可能な端末について
タブレット用コンテンツを閲覧できる端末の動作環境につきましては、下記を参照
してください。
http://suite.logosware.com/storm-maker/requirements/

ロゴスウェアで確認済みのタブレット表示が可能な端末については、以下を参照し
てください。
http://suite.logosware.com/wp-content/uploads/11-ST030206.pdf
3 / 11
2．
Flash、HTML5 のいいとこどりは？
→「PC＋スマートフォン／タブレット（Flash＋HTML5）
」
パソコンで閲覧した場合、利用可能な Flash Player があれば FLASH コンテンツを再生
します。なかった場合は、HTML5 コンテンツを表示します。
スマートフォン、タブレットで閲覧した場合、HTML5 コンテンツを再生します。

パソコン（FLASH コンテンツ）
○ ビデオエリア表示
○ メニュー、NOTE、ロゴ画
像表示可能
○ メニューごとの進捗管理可
能
○ アニメーション効果 ※1
○ 共有機能（Twitter 等）を
設定可能
○ レイアウトり切り替え設定
可能
○テロップ表示可能

※1
変換可能なアニメーション効果は、操作マニュアル（D3-2.アニメーション効
果の変換結果）を参照して下さい。
http://doclib.logosware.com/content.html#!/41/

HTML5（スマートフォン、タブレット）の表示については、本書「１．見た目を統
一したい場合は？ →「PC＋スマートフォン／タブレット（HTML5）
」」を参照して下
さい。
4 / 11
3．
スマートフォンでもビデオを見せたい場合は？
→応用的なコンテンツ表示（動画書き出し機能）

スマートフォンでも講師が説明しているビデオを見せたい

PowerPoint に設定した凝ったアニメーションをスマホ・タブレットでもそのまま再
現したい（HTML5 ではシンプルなアニメになってしまう）
上記の場合、「応用的なコンテンツ表示（動画書き出し機能）」を利用してください。
方式の説明
この方式では、「Web 書き出し（または LMS 書き出し）」で出力したデータと、「動画
書き出し」機能で Flash コンテンツの再生画面を録画したビデオ（MP4 データ）とを結
合します。
それにより、PC 閲覧時は Flash コンテンツが表示され、スマホ・タブレット閲覧時は
PC コンテンツに似たビデオが表示される仕組みです。
STORM コンテンツ
通常の Web 書き出し（または LMS 書
き出し）した Flash コンテンツ
PC から見ると・・
スマートフォン
パソコン版コンテンツの再生画面
タブレットで見ると・・・を録画したビデオ（動画書き出し機
能利用）
5 / 11
録画できるエリアは？
赤枠で囲ってある「全体」と「メインエリア（通常スライドが表示される部分）」の 2
種類から選択して、動画書き出しできます。
「全体」は、ビデオと資料を同時に見せたい場合に向いています（ただし、表示が小さ
くなります）。「メインエリア」は、できるだけ動画または資料を大きく見せたいとき
に向いています。
パソコン再生時の「全体」を録画
「メインエリア」のみ録画
再生するとどのような見た目になるか？
全体を録画した MP4 を再生したイメージ）
○ スライド（PPT アニメーション込み）、動画
を同時に表示
○ メニュー、NOTE、ロゴ画像表示
※但し、MP4 データの為クリックしても反
応なし
× メニューごとの進捗管理不可
×共有機能表示不可

この方式の場合、目次や、ノートとメニューの切り替えタブをタッチしても、指定
の項目を開くことはできません（パソコン版のコンテンツを録画したビデオのた
め）。
6 / 11
メインエリアのみを録画した MP4 を再生したイメージ）
○ 動画か、スライド（PPT アニメーション込み）の
どちらかを表示可能
× メニュー、NOTE、ロゴ画像、共有機能、テロッ
プ表示不可
× メニューごとの進捗管理不可
7 / 11
4.
作成方法と注意点
Flash コンテンツ、HTML5 コンテンツ
特別な操作は必要ありません。コンテンツを書き出すと自動でパソコン向け、スマート
フォン、タブレットの各コンテンツが書き出されます。
どの方式で書き出すかは、STORM Maker 起動＞コンテンツ一覧＞該当のコンテンツを右
クリック＞コンテンツ設定＞書き出し設定
から選ぶ事が出来ます。
応用的なコンテンツ表示（動画書き出し機能）

1.6.0 以降の STORM Maker で作成できます。
詳細な手順は、以下の資料をご参照ください。
「マルチデバイス用コンテンツの作成方法（動画書き出しによるスマートフォン対応）」
http://doclib.logosware.com/content.html#!/129/
8 / 11
5.
方式の比較
概
お勧めの使用場面
PC＋スマートフォン
／タブレット（HTML5）
PC＋スマートフォン
／タブレット（Flash
＋HTML5）
応用的なコンテンツ（動画書き出し機
能）1.6.0 より利用可
デバイスによらず見
た目をそろえたい場
合。
パソコンで Flash
コンテンツを見せ
たい場合

要

一般的な e ラーニング

PowerPoint がメインの教材

進捗管理を行いたい教材
スマホでもビデオを見せたい場
合。

スマホ、タブレットでも凝った
アニメを再現したい場合。

LMS での進捗管理にこだわらな
いコンテンツ
実現方法
「PPT→静止画※一
部、アニメーション」
に変換して、HTML5
で表示する方式
「PPT→Flash（ア
ニメーション効果
あり）に変換して、
Flash として表示
する方式
「Web 書き出し
（または LMS 書き出し）
」
で出力したデータと、
「動画書き出し」
機能でパソコン用コンテンツの再生
画面を録画したビデオ（MP4 データ）
を結合する方法
サンプル
http://goo.gl/KCok
yK
http://goo.gl/sI
W7bJ
 全てのデバイスで
パソコンの
▼MP4：全体
http://suite.logosware.com/wp-con
tent/uploads/storm/contents/mp4_a
ll/index.html
HTML5 にて閲覧
FlashPlayer に
て閲覧
▼MP4：メインエリア
http://suite.logosware.com/wp-con
tent/uploads/storm/contents/mp4_m
ain/index.html
詳
LMS※1 の進捗管理
○（メニュー単位で可能）
△（コンテンツ単位で可能）
○
×
細
NOTE、メニュー、
ロゴ画像の表示
テロップ
△
△（コンテンツ全体を
動画書き出しした場合に表示）
（HTML5 は未対応）
共有機能
○
×
ビデオの再現
△
○
（スマートフォンは未対応）
PPT のアニメ再現
○
○
（HTML5 はフェードイン・アウトに置き換
え）
STORM のペン機能
の動き再現
ステレオミックス
△
○
（HTML5 は未対応）
不要
必要
9 / 11
機能の必要性※2
Flipper タイプコ
ンテンツの表示
△
（HTML5 の場合は、未対応）
○

※1
LMS（Learning Management System）は学習管理システムの略です。

※2
動画書き出しする際に PC で備えておくべき機能です。詳細は以下を参照してく
ださい。
「音声付き動画書き出しを行う場合のサウンドデバイス設定方法について」
http://doclib.logosware.com/content.html#!/132/
10 / 11
文書に関する情報
お問合せ窓口
ご購入後の製品に関してご不明な点は、以下の窓口までお問い合わせください。
E-mail
：support＠logosware.com
TEL
：03-5818-8011
FAX
：03-5818-8012
受付時間
：10:00～18:00（土日、祝祭日は除く）
更新履歴
第1版
2011 年 7 月 27 日
第2版
2012 年 9 月 18 日レイアウト変更、リンク先変更
第3版
2013 年 2 月 25 日 STORM Maker 1.10.2 リリースに伴いタブレットコンテン
ツについて追記
第4版
2013 年 12 月 10 日 STORM Maker 1.10.4 リリースに伴い、ロゴ画像につい
て記載
第5版
2015 年 9 月 4 日 STORM Maker 1.13.0 リリースに伴い仕様変更
第6版
2015 年 11 月 27 日 STORM Maker 1.14.0 リリースに伴い変更
参照（関連文書）
10 製-ST030137
「音声付き動画書き出しを行う場合のサウンドデバイス設定方法について」
10 製-ST030139
「マルチデバイス用コンテンツの作成方法（動画書き出しによるスマートフォン対応）」
11 / 11

Download Report