- Captivate ユーザーガイド
- Captivate の紹介
- スライドを追加
- テキストブロックを追加
- メディアブロックを追加
- インタラクティブなコンポーネント
- ウィジェット
- クイズを作成
- プロジェクトに音声を追加
- インタラクション
- アニメーション
- アクセシビリティ
- タイムラインのカスタマイズ
- 目次および再生バーのカスタマイズ
- プロジェクトプロパティを編集
- シミュレーションプロジェクトの作成
- プロジェクトのプレビュー
- レビュー用にプロジェクトを共有する
- プロジェクトのパブリッシュ
- Adobe Captivate でプロジェクトをアップグレードする
Adobe Captivate プロジェクトのスライドまたはオブジェクトにインタラクションを追加する方法について説明します。
インタラクション
まったく新しい Adobe Captivate のインタラクションは、プロジェクトをより魅力的で興味深いものにします。
Adobe Captivate のインターフェイスを使用すれば、簡単にインタラクションを設計できます。
この記事のトピック：
インタラクションとは何か
新しくなった Adobe Captivate の通常のインタラクションには、トリガー、条件、アクションの 3 つの主要コンポーネントが含まれます。
- トリガー：インタラクションはトリガーから始まります。 トリガーにより、特定のイベントに基づいて実行するアクションを定義します。クリック、ダブルクリック、ホバー、スライド入力、スライド終了、ブックマークなどのトリガーにアクションを設定できます。
- 条件：条件を使用して、特定のアクションを実行する前に検証される特定の確認事項またはルールを作成できます。 インタラクションを作成する場合、条件はオプションです。
- アクション：アクションは、トリガーで実行されるタスクです。 Adobe Captivate には、オブジェクトの表示と非表示、オーディオの再生、URL の起動、JavaScript の実行など、さまざまなアクションが用意されています。 詳細については、アクションの一覧表を参照してください。
インタラクションのタイプ
新しくなった Adobe Captivate では以下がサポートされています。
スライドレベルのインタラクション：スライドレベルのインタラクションをコース内の個々のスライドに追加できます。次のトリガーはスライドレベルで使用できます：
- オブジェクト：
- 表示されたカスタムステート：学習者が選択したカスタムステートを表示したときに一連のアクションが実行されます。
- クリックされたオブジェクト：学習者が事前定義されたオブジェクトをクリックすると、一連のアクションが実行されます。
- 表示されたカスタムステート：学習者が選択したカスタムステートを表示したときに一連のアクションが実行されます。
- タイムライン：
- スライド入力：学習者がスライドに入ると、一連のアクションが実行されます。
- スライド終了：学習者がスライドを終了すると、一連のアクションが実行されます。
- ブックマーク：学習者がブックマークに到達すると、一連のアクションが実行されます。 詳細については、「インタラクティブビデオでのブックマークとオーバーレイの使用」を参照してください。
スライドレベルのインタラクションの詳細については、「スライドレベルのインタラクションを作成する」を参照してください。
オブジェクトレベルのインタラクション：オブジェクトレベルのインタラクションは、スライド上のオブジェクトに追加できるインタラクションです。
オブジェクトレベルでは、次のトリガーを使用できます：
- クリック / タップ
- ダブルクリック
- ホバー
- 右クリック
- マウスアウト
オブジェクトレベルのインタラクションの詳細については、「オブジェクトレベルのインタラクションを作成する」を参照してください。
Adobe Captivate のアクション一覧
Adobe Captivate には、次のアクションが用意されています。 これらのアクションは、スライドレベルおよびオブジェクトレベルのインタラクションの両方に共通です。
| アクション | 説明 |
| 次のスライドに進む | プロジェクトの次のスライドに移動します。 |
| スライドに移動 | プロジェクト内の特定のスライドに移動します。 |
| ステートを設定 | トリガーが発生すると、オブジェクトのステートが変化します。
ランダムステート
複数のステートを選択すると、ランダムステートのワークフローが始まります。 「繰り返さない」チェックボックスは、インタラクションの作成中に複数のステートを選択すると有効になります。
|
| 表示 | スライドで非表示になっているオブジェクトを表示します。 |
| 非表示 | スライドでオブジェクトを非表示にします。 |
| アニメーションを適用 | オブジェクトにアニメーションを追加します。 |
| 表示を切り替え | オブジェクトの表示/非表示を切り替えます。 |
| 前のステートに移動 | オブジェクトの前のステートに移動します。 |
| 次のステートに移動 | オブジェクトの次のステートに移動します。 |
| 有効 | オブジェクトに対するインタラクションを有効にします。 |
| 無効 | オブジェクトに対するインタラクションを無効にします。 |
| クイズに戻る | このアクションは、クイズの補習を設定するときに役立ちます。補習とは、学習者の試行回数が最大値を超過した場合に、最初にスキルを学習したコースのポイントに戻ることです。 知識を再習得した後、クイズの同じポイントに戻ってクイズを再試行できます。 |
| メディアを再生 | オーディオまたはビデオを再生します。 |
| メディアを停止 | オーディオまたはビデオを停止します。 |
| 最後に閲覧したスライドに移動 | このアクションにより、学習者は移動する前に閲覧していた元のスライドに戻ることができます。 |
| 前のスライドに戻る | プロジェクトの前のスライドに移動します。 |
| タイムラインを一時停止 | 実行時にプロジェクトを停止します。 |
| タイムラインを再開 | 実行時にプロジェクトを再開します。 |
| オーバーレイを追加 | スライドを任意のブックマークのオーバーレイとして設定します。 |
| コースを終了 | コースを閉じるか終了します。 |
| 目次を表示 | プロジェクトの再生中に目次を表示します。 |
| 目次の非表示 | プロジェクトの再生中に目次を非表示にします。 |
| ブックマークにジャンプ | スライドのタイムライン上の指定したブックマーク、またはブックマークが定義されているスライドに移動します。 |
| 再生バーを表示 | プロジェクトの再生中に再生バーを表示します。 |
| 再生バーを非表示 | プロジェクトの再生中に再生バーを非表示にします。 |
| 変数を切り替え | ブール変数の値を切り替えます。 |
| 変数を調整 | 変数の値を変更します。 作成済みの変数に対し、値の加算、減算、乗算、または除算を行います。 |
| 変数を割り当て | 変数に値を割り当てます。別の値、変数値、要素のコンテンツの値（入力フィールド）、または任意の式の値（num1+num2 など）を割り当てることができます。 |
| JavaScript を実行 | JavaScript 関数またはスクリプトを実行します。 |
| URL またはファイルを開く | 指定した URL またはファイルを新しいブラウザーのウィンドウまたはタブで開きます。 |
| 他のプロジェクトを開く | 別のパブリッシュされたプロジェクトを開きます。 |
| mailto リンクを開く | 指定したメールアドレスをデフォルトのメールクライアントで開きます。 |
スライドレベルのインタラクションは、コース内の個々のスライドに適用できます。
この例では、スライドに 3 つの「詳細」ボタンと「次へ」ボタンがあります。「次へ」ボタンは、ユーザーが 3 つの「詳細」ボタンをすべてクリックした場合にのみ有効になります。 ユーザーは「次へ」ボタンを選択して続行します。
-
左側のツールバーで、メディアブロックを追加／画像グリッドを選択します。
-
画像グリッドコンテンツブロックにボタンを 3 つ追加します。 「コンポーネント」セクションで、「ボタン」チェックボックスを選択します。ボタンに詳細ラベルを付けます。
Adobe Captivate の画像グリッドの詳細については、「Adobe Captivate の画像」を参照してください。
-
左側のツールバーで、インタラクティブコンポーネントを追加／ボタンをクリックして、スライドに 4 番目のボタンを追加します。
ボタンに次へラベルを付けます。 ボタンの詳細については、「Adobe Captivate でボタンを追加する」の記事を参照してください。
-
ボタンを追加したら、スライドの外側をクリックします。 右側のツールバーでインタラクションを選択し、「インタラクションを追加」を選択します。
インタラクションパネルで、スライド入力トリガーを選択します。
-
「アクション」セクションで、詳細／無効を選択します。
「オブジェクト」タブで、「次へ」ボタンを選択します。
-
「次へ」をクリックしてから、「完了」をクリックします。
-
スライドの外側をクリックします。スライドインタラクションの + アイコンをクリックします。
トリガークリックされたオブジェクトを選択します。
-
オブジェクトセクションで、リスト内の 3 つの「詳細」ボタンを選択します。
閲覧ドロップダウンで、「選択したすべてオブジェクト」を選択します。これにより、学習者がこれらすべてのオブジェクトでインタラクションを実行した後にのみアクションが発生するようになります。
-
「次へ」をクリックします。
-
「次へ」ボタンを有効にする必要があります。 ボタンを選択し、インタラクションパネルで「新しいアクションを追加」をクリックします。
-
「アクション」セクションで、詳細／有効を選択します。次へというラベルの付いたボタンオブジェクトをリストから選択します。
「次へ」をクリックしてから、「完了」をクリックします。
-
スライドで「次へ」ボタンを選択します。インタラクションパネルを起動し、「アクション」セクションでボタンにアクションを割り当てます。このアクションは、学習者がボタンをクリックした後に実行されます。
さらに詳しく
スライドレベルのインタラクションの詳細については、「スライドレベルのインタラクションを作成する」を参照してください。
オブジェクトレベルのインタラクションは、スライド上のオブジェクトに適用できるインタラクションです。 これらのインタラクションにより、学習者は個々のオブジェクトを操作してアクションを実行できます。
この例では、文字と吹き出しを含む会話スライドを追加します。 実行時に、学習者が文字をクリックすると、吹き出しが表示されます。
-
左側のツールバーの + アイコンをクリックして「会話」を選択し、プロジェクトに会話スライドを挿入します。
-
スピーチカードを選択し、目のアイコンを選択してスピーチカードを非表示にします。 2 枚目のスピーチカードに対してこの手順を繰り返します。 両方のオブジェクトを非表示にすると、学習者がプロジェクトをプレビューするときにテキストとカードが表示されません。
-
スライドで文字を選択します。
-
右側のツールバーでインタラクションを選択し、「インタラクションを追加」を選択します。
-
インタラクションパネルで、ClickTap トリガーを選択します。
-
「アクション」セクションで、「表示」をクリックします。
-
「コンテンツセクション」タブで吹き出しを選択します
-
「次へ」をクリックします。
-
変更内容を保存するには、「完了」をクリックします。
実行時には、先頭文字の近くの吹き出しは隠されたままになります。 学習者が文字をクリックすると、吹き出しオブジェクトが表示されます。
さらに詳しく
オブジェクトレベルのインタラクションの詳細については、「オブジェクトレベルのインタラクションを作成する」を参照してください。
Captivate は、以下の条件でインタラクションを作成するための If-Else または While をサポートしています：
標準ステートは、オブジェクトの標準仕様のステート（ホバー、閲覧済み、選択済み、または無効）です。 標準ステートは、オブジェクトにインタラクションを追加するときに割り当てられる標準仕様のステートです
この例では、学習者が「次へ」ボタンをクリックして続行する前に、すべてのチームメンバーの画像をクリックする分岐シナリオを作成します。
-
左側のツールバーの + アイコンをクリックして「チームと会う」を選択します。プレースホルダーの画像をアセットまたはコンピューターの画像に置き換えます。
詳細については、「プロジェクトに画像を追加する」を参照してください。
-
左側のツールバーのインタラクティブコンポーネント／ボタンを追加を選択すると、スライドにボタンが追加されます。次へというラベルを付けます。
ボタンの詳細については、「Adobe Captivate にボタンを追加する」の記事を参照してください。
-
各チームメンバーのスライドを追加します。 学習者がメンバーの画像を選択すると、それぞれのメンバーのスライドにリダイレクトされます。 左側のツールバーで + をクリックし、「タイトルとテキスト」を選択します。
次に、スライドを選択します。
-
ビジュアルプロパティパネルで、「本文」オプションのチェックを外します。他のすべてのオプションはオンのままにします。 ボタンに戻るというラベルを付けます。 学習者がボタンをクリックすると、チームと会うスライドに戻ります。
-
チームと会うスライドに戻ります。
スライドの外側で任意の場所をクリックし、右側のツールバーでインタラクションを選択します。
-
「インタラクションを追加」をクリックし、「スライド入力」をクリックします。
-
スライドの「次へ」ボタンは、学習者がプロジェクトを表示すると、最初は無効状態になります。 ボタンを無効にするには、詳細／無効をクリックします。ターゲットオブジェクトの一覧から「次へ」ボタンを選択します。
-
「次へ」をクリックしてから、「完了」をクリックします。
-
メンバーの画像を選択し、インタラクションを起動します。「インタラクションを追加」をクリックします。
トリガーをクリック / タップに設定し、「アクション」セクションで「スライドに移動」を選択してから、オブジェクトのターゲットスライドを選択します。
他のメンバーが各メンバーをターゲットスライドにリンクするには、この手順を繰り返します。
-
メインスライドで、各メンバーのステートを変更します。 任意のメンバーの画像を選択し、ビジュアルプロパティパネルを起動します。 「状態」セクションで、「表示」をクリックします。 ステートフライアウトが表示されます。Captivate により、4 つの標準仕様のステート（ホバー、閲覧済み、選択済み、無効）が生成されます。
ホバーと閲覧済みのステートを右クリックし、「有効化」を選択します。必要に応じてステートを変更します。 例えば、ホバーステートを画像を暗くするフィルターに割り当て、閲覧済みステートをグレースケールフィルターに割り当てることができます。
他のメンバーに対してこの手順を繰り返して、各メンバーに異なるホバーステートと閲覧済みステートを割り当てます。
-
次に、学習者がすべてのチームメンバーの画像をクリックしてから、「次へ」ボタンをクリックしたときに表示されるスライドを追加します。
左側のツールバーで、 + アイコンを選択し、「タイトルとテキスト」を選択します。ビジュアルプロパティパネルの「コンポーネント」セクションで、「カード」チェックボックスのみを選択します。他のものはオフのままにします。
-
次に、スライドにボタンを追加します。 左側のツールバーのインタラクティブコンポーネントを追加／ボタンを選択します。
ボタンにメインに移動というラベルを付けます。
ボタンの詳細については、「Adobe Captivate にボタンを追加する」の記事を参照してください。
-
メインに移動スライドを選択します。 右側のツールバーでインタラクション／インタラクションを追加を選択します。
アクションパネルで、「スライドに移動」をクリックし、チームと会うスライドを選択します。
-
チームと会うスライドに戻ります。 スライドの外側をクリックして、インタラクションを起動します。トリガーをスライド入力に設定し、条件で + をクリックします。
-
「標準ステート」を選択します。次に、最初のチームメンバーである John を選択します。 条件を Is および「閲覧済み」に設定します。つまり、オブジェクトのステートが閲覧済みの場合にアクションを実行します。
-
「+ その他の条件を追加」をクリックし、他のメンバーに対してこの手順を繰り返して、すべてのメンバーが同様の条件になるようにします。 各手順の実行後に「保存」をクリックします。
AND と OR を使用して複数の条件を結合できます。AND と OR の違いは、AND が複数の条件を評価し、すべての条件が真であれば、設定されたアクションが実行されることです。
OR は複数の条件を評価し、設定されたアクションはいずれかの条件が満たされたときに実行されます。
-
3 人のチームメンバー全員に条件を設定したら、チームと会うスライドの「次へ」ボタンを有効にできます。インタラクションパネルでボタンを選択し、アクションパネルでスライドに移動アクションを割り当てます。
次に、手順 12 で作成したスライドを選択します。
カスタムステートとは、オブジェクトのユーザー定義ステートです。カスタムステートを使用すると、オブジェクトにカスタムステートを追加できます。
この例では、学習者が著作権情報テキスト全体を読んだ場合にのみ、「次へ」ボタンが有効になり、学習者はボタンをクリックして続行できます。
-
スライドに段落コンポーネントを挿入します。 左側のツールバーで、テキストブロックを追加／段落を選択します。ビジュアルプロパティパネルを起動し、「コンポーネント」セクションで、「タイトル」、「サブタイトル」、「本文」、および「ボタン」チェックボックスを有効にして、段落コンテンツブロックにそれらを表示します。
-
著作権情報のテキストをコンテンツブロックの本文として入力します。 著作権情報テキストの最初の行を入力します。
ステートポップアップを起動し、「+ 新規追加」をクリックして新しいステートを追加します。著作権情報テキスト全体を 3 つのカスタムステートに入力します。
次に、ブロック内のボタンに詳細というラベルを付けます。
-
スライドにボタンを追加します。左側のツールバーのインタラクティブコンポーネントを追加／ボタンを選択します。
このボタンに次へというラベルを付けます。
-
次に、学習者がスライドを入力するときに「次へ」ボタンを無効にします。 スライドの外側で任意の場所をクリックします。 インタラクションパネルを起動し、「インタラクションを追加」をクリックします。
「タイムライン」セクションで、「スライド入力」を選択します。
-
「アクション」セクションで、詳細／無効を選択します。「ターゲット」セクションで、「次へ」ボタンを選択します。
「次へ」をクリックして、「完了」をクリックします。これにより、次に学習者がスライドを入力するときに「次へ」ボタンが無効になるようにします。
-
コンテンツブロック内に「詳細」ボタンを設定します。 学習者がボタンをクリックすると、著作権情報テキストが連続して表示されます。
コンテンツブロックを選択します。「詳細」ボタンを選択して、インタラクションパネルを起動します。 「アクション」セクションで、詳細／次のステートに移動を選択します。学習者がこのボタンをクリックすると、著作権情報テキストの最初の状態が表示されます。
-
ターゲットステートを選択します。「次へ」をクリックしてから、「完了」をクリックします。
-
「クリックして読む」ボタンを選択します。 右側のツールバーでインタラクション／インタラクションを追加をクリックします。
トリガーをクリック / タップに設定した状態で、「カスタムステート」を選択します。「スライドオブジェクト」タブでオブジェクトを選択し、オブジェクトのすべてのステートを選択します。
閲覧ドロップダウンで、「選択したすべてのステート」を選択します。ドロップダウンで「Is」と「閲覧済み」を選択します。これは、学習者が先に進む前に、選択したすべてのステートを表示する必要があることを意味します。
-
「次へ」をクリックしてから、「保存」をクリックします。
-
「+ 新しいアクションを追加」をクリックして新しいアクションを追加します。
-
「アクション」セクションで、詳細／有効を選択し、「次へ」ボタンを有効にします。これにより、学習者が著作権情報テキスト全体を読んだときにボタンが有効になります。
-
「次へ」をクリックしてから、「保存」をクリックします。
-
ここで「次へ」ボタンにアクションを追加します。インタラクションパネルで、「スライドに移動」を選択し、学習者がボタンをクリックした後に移動するスライドを選択します。
-
ウィジェットに解答を追加します。 詳細については、「Captivate プロジェクト内のラジオグループウィジェット」を参照してください。
-
ラジオグループコンテンツブロックを選択します。ビジュアルプロパティパネルの「コンポーネント」セクションで、「ボタン」を選択してコンテンツブロックにボタンを追加します。
ボタンに「次へ」というラベルを付けます。
-
「変数」を選択します。
-
If 条件ブロックに変数を作成します。+ アイコンをクリックします。
変数作成の詳細については、「Adobe Captivate の変数」を参照してください。
-
変数ダイアログで、文字列型の変数 skill を作成し、値 Basic を割り当てます。
「作成」をクリックします。
-
ラジオグループブロックで、解答を選択します。 インタラクションパネルで、「選択」タブをクリックします。
-
「選択」タブで、各解答に割り当てる変数（Basic または Advanced）を選択します。選択内容に基づいて、オプションに変数を割り当てます。これは次の手順で実行します。
Basic を選択します。
-
アクションセクションで、詳細／変数を割り当てを選択します。変数のリストから変数 skill を選択します。
-
値を選択し、Basic と入力します。
「完了」をクリックします。
-
スライドに戻ります。 スライドで「次へ」ボタンを選択します。左側のツールバーで、「インタラクション」をクリックします。
-
条件で + をクリックします。「変数」を選択します。変数のリストで変数 skill を選択します。
-
変数に割り当てる演算子を選択します。 次のオプションを使用できます。
- Is Equal to
- Is Not Equal to
- Is Containing
- Is Not Containing
- Is Empty
- Is Not Empty
この場合、Is Equal to を選択し、A 値に割り当てます。
-
フィールドに Basic と入力します。
「保存」をクリックします。
-
「アクション」セクションで、「スライドに移動」を選択します。学習者がラジオグループウィジェットで Basic を選択した後のガイドとなるスライドを選択します。
-
次に、学習者がラジオグループウィジェットで Advanced を選択した場合の Else 条件を定義します。「+ 新しいアクションを追加」をクリックします。
-
「アクション」セクションで、「スライドに移動」を選択します。学習者がラジオグループウィジェットで Advanced を選択した後のガイドとなるスライドを選択します。
-
「完了」をクリックします。
-
スライドに入力フィールドを追加します。 左側のツールバーのインタラクティブコンポーネントを追加／入力フィールドを選択して、入力フィールドを追加します。
-
同じスライドにボタンを追加します。 左側のツールバーのインタラクティブコンポーネントを追加／ボタンを選択して、ボタンを追加します。
また、ビジュアルプロパティの「コンポーネント」セクションから、入力フィールドコンテンツブロックにボタンを追加することもできます。詳細については、「入力フィールドを追加」を参照してください。
-
入力フィールドを選択し、フィールドに応答を追加します。 ビジュアルプロパティパネルの設定で、「解答を追加」をクリックします。解答オプションダイアログで、フィールドに正しい解答を追加します。
-
ビジュアルプロパティパネルの「設定」セクションで、入力タイプとして「テキスト」を選択します。
大文字と小文字の区別を含め、解答オプションダイアログで入力したとおりの答えを学習者に入力させたい場合は、「大文字と小文字を区別する」チェックボックスを選択します。
ここで正しい解答を設定しました。 学習者が他の値を入力すると、解答は不正解になります。
-
「保存」をクリックします。
-
「詳細」ボタンを選択して、インタラクションパネルを起動し、ボタンにインタラクションを追加します。
-
クリック / タップにトリガーを設定した状態で、条件の近くの +をクリックします。
-
「要素の内容」を選択します。
-
入力フィールドオブジェクトを選択します。
-
代入演算子を選択します。 次のオプションを使用できます。
- Is Equal to
- Is Not Equal to
- Is Containing
- Is Not Containing
- Is Empty
- Is Not Empty
この場合、Is Equal to を選択し、A 値に割り当てます。
-
文字列 Oslo を入力します。
-
「保存」をクリックします。
入力値が指定した値と等しい場合にのみ、アクションが実行されます。
-
「アクション」セクションで、アクションを選択します。例えば、アクション次のスライドに進むを割り当てることができます。 スライドに適切なメッセージが表示されます。
- 並び替え（下）：アクションを下に移動します。
- 並び替え（上）：アクションを上に移動します。
- 貼り付け：アクションを貼り付けます。
- コピー：アクションをコピーします。
- 複製：アクションを複製します。
- 削除：アクションを削除します。
- 結合：複数のアクションを結合します。例えば、2 つのアクションを結合すると、両方のアクションが同時に実行されます。
アクションは、パネルに表示されている順序で実行されます。
- 分割：結合したアクションを分割します。
アクションが不完全な場合、Captivate ではアクションカードの警告サインの表示によりこれが示されます。
不完全なアクションを解決するには、アクションカードをクリックし、必要な情報を追加します。
-
インタラクションパネルで、「インタラクションをコピー」を選択します。
-
コンテンツブロックで、インタラクションを貼り付けるオブジェクトを選択します。
-
インタラクションパネルで、「インタラクションを貼り付け」を選択します。
または、インタラクションをコピーし、インタラクションを貼り付けるオブジェクトを右クリックして、「インタラクションを貼り付け」を選択します。
-
インタラクションパネルでアクションを選択します。
-
アクションバーで「コピー」を選択します。
-
コンテンツブロックで、アクションを貼り付けるオブジェクトを選択します。
-
インタラクションバーで「貼り付け」を選択します。
-
条件を作成します。 インタラクションパネルで条件を選択します。
-
コピーする条件の近くにある省略記号アイコンを選択します。 「コピー」を選択します。
-
コンテンツブロックで、アクションを貼り付けるオブジェクトを選択します。
-
貼り付け条件の近くにある ... アイコンを選択します。 「貼り付け」を選択します。
条件が貼り付けられました。
