WEEKLY NEWS JAN09-JAN15 · 2019-06-24 ·...
Transcript of WEEKLY NEWS JAN09-JAN15 · 2019-06-24 ·...
![Page 1: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/1.jpg)
ロゴスウェアオンライン講習会 ~STORM Makerスタートアップ編~
1 11製-ST990194-18
![Page 2: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/2.jpg)
はじめに
本日ご紹介する内容
1. STORM Makerでできること
2. スライドだけのプレゼン ~スライドモード~
3. スライド+音声合成 ~簡単作成モード~
4. スライド+ビデオ ~通常作成モード~
おわりに(質疑応答・アンケート)
操作のデモンストレーションで使用する素材
http://learning.logosware.com/wp-content/uploads/ST_training_1st.zip
2
![Page 3: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/3.jpg)
1.STORM Makerでできること
3
![Page 4: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/4.jpg)
できること
4
パソコンで閲覧 スマートフォンで閲覧
プレゼンテーション型コンテンツの作成
1. ロゴスウェア公式サイト(サンプルページ)
– http://suite.logosware.com/storm-maker/sample/
2. LMS(学習管理システム)上のコンテンツ
– http://platon.logosware.com/demo/
実コンテンツは、
こちらから!
![Page 5: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/5.jpg)
参考)ライセンス体系
5
• ライセンス体系と機能の違い
• オプション(別売り) – PPTアニメーション/音声合成
• お得情報 – 2本目以降割引 :2本目以降は半額
– e-LEARNING SUITE:FLIPPER U、THiNQ Makerセット
– アカデミック版 :非営利目的で特別価格
![Page 6: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/6.jpg)
参考)体験版
• http://suite.logosware.com/storm-maker/
6
体験版 価格表
![Page 7: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/7.jpg)
操作に入る前に
7
簡単作成モード
通常作成モード
PowerPoint+音声合成のコンテンツ
空っぽのコンテンツを作って、手動で設定していく方法
ビデオや、別撮りナレーションに合わせて
キューポイントを設定していくようなコンテンツ
簡単作成モードで作ったコンテンツは、通常作成モードで編集できます。
ポイント
PowerPointだけのシンプルなコンテンツ
スライドモード
![Page 8: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/8.jpg)
2.スライドだけのプレゼン! ~スライドモード~
8
![Page 9: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/9.jpg)
2. スライドモードを開き、 PowerPointを選択
スライドモード
9
1. STORM Makerを起動し、 フォルダを作成
※ PPTアニメプラグインなし
⇒ 「アニメーション無し」を選択
![Page 10: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/10.jpg)
スライドモード
10
完成です! 目次もノートもないコンテンツです。 クリックで進みます。
![Page 11: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/11.jpg)
3.スライド+音声合成のプレゼン ~簡単作成モード~
11
![Page 12: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/12.jpg)
PowerPoint作成時のポイント
12
タイトルオブジェトの入力は、目次項目になります。
ノートと、音声合成に使われます。
★ で、ナレーションとアニメを同期できます。
![Page 13: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/13.jpg)
簡単作成モード
13
簡単作成モードを開き、 PPTと音声合成を指定し、作成
![Page 14: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/14.jpg)
簡単作成モード
14
完成です!
目次・ノート
コントローラー
音声合成に合わせて進みます
![Page 15: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/15.jpg)
4.スライド+ビデオ(別撮り音声) ~通常作成モード~
15
![Page 16: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/16.jpg)
通常作成モード
16
2. 編集画面で音声を削除 音声のユニットをクリック >右クリック >選択中のユニットを削除
1. 動画(FLV)を取り込む
![Page 17: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/17.jpg)
通常作成モード
17
4. 動画を配置 リストからドラック
3. 動画の合計時間にあわせて 再生時間を延長
![Page 18: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/18.jpg)
通常作成モード
18
6. 動画のタイミングにあわせてキューポイントを動かす
5. 動画が表示されるよう、 レイアウトを変更
• Ctrlキーを押しながら選択すると、複数キューポイントを選択できます
• 複数キューのタイミングを合わせるには選択中のキューをガイドに合わせる機能が便利です
![Page 19: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/19.jpg)
通常作成モード
19
【参考】画像(jpg,png,gif)や、テロップ(csv)も同様の手順で追加できます。
7. プレビューしてみましょう
![Page 20: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/20.jpg)
補足)書き出し
20
参考)書き出したコンテンツをローカル環境で確認するためには、グローバルセキュリティの設定が必要です(マニュアル参照)。
• 書き出しフォルダを指定します。
• フォルダができあがりますので、まるごとWebサーバーにアップロードします。
• index.htmlからコンテンツを起動します。
最終的にコンテンツを書き出して、サーバーにアップロードする必要があります。
![Page 21: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/21.jpg)
補足)PC版HTML5コンテンツの書き出し
21
• 『PC・スマートフォン/タブレット(HTML5)』にチェックを入れて
OKをクリックします。
※標準では『PC・スマートフォン/
タブレット(Flash+HTML5)』 が指定されています
PC版のHTML5コンテンツを用いる場合は、書き出し前にコンテンツの設定から指定します。
![Page 22: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/22.jpg)
おわりに
22~23
![Page 23: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/23.jpg)
• お客さまサポートサイト (講習会、eラーニング、ドキュメント)
http://learning.logosware.com/
• LOGOSWARE製品ブログ http://product-blog.logosware.com/
ご案内
23
![Page 24: WEEKLY NEWS JAN09-JAN15 · 2019-06-24 · 空っぽのコンテンツを作って、手動で設定していく方法 ビデオや、別撮りナレーションに合わせて キューポイントを設定していくようなコンテンツ](https://reader034.fdocuments.us/reader034/viewer/2022050123/5f53425e870246510e5a9e8b/html5/thumbnails/24.jpg)
ごあいさつ
24
ご参加いただき、誠にありがとうございました
• お問い合わせ先 10:00 – 18:00(土日祝を除く)
– Mail:[email protected] Tel:03-5818-8011
• アンケートにご協力ください(3分程度)