マニュアル キャンセル

Adobe Captivate でのドラッグ&ドロップインタラクションの作成

  1. Captivate ユーザーガイド
  2. Captivate の紹介
    1. Adobe Captivate の新機能
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. Adobe Captivate (2019 release) アップデート 5 の新機能
    5. Adobe Captivate (2019 release) アップデート 2 の新機能
    6. Adobe Captivate 11.8 リリースノート
    7. Adobe Captivate リリースノート
    8. Adobe Captivate Draft の必要システム構成とダウンロード手順
    9. Adobe Captivate でのレスポンシブプロジェクトのデザイン
  3. プロジェクトの作成
    1. Adobe Captivate での各種プロジェクトの作成
    2. Adobe Captivate のプロジェクトのサイズをカスタマイズする方法
    3. Adobe Captivate でのレスポンシブプロジェクトのデザイン
    4. バーチャルリアリティ(VR)プロジェクトの作成
    5. Adobe Captivate のレスポンシブテキストを操作する
    6. Adobe Captivate におけるテーマの操作
    7. レスポンシブプロジェクトでビュー固有のプロパティを適用する方法
    8. Adobe Captivate プロジェクトのバックアップファイルを作成する方法
    9. アセットパネル
    10. Captivate での分岐および強制ナビゲーションの作成
    11. ステージ上の画像の置き換え
  4. オブジェクトの追加と管理
    1. Adobe Captivate におけるマルチステートのオブジェクトの使用
    2. オブジェクトエフェクト
    3. Adobe Captivate プロジェクトへの Web オブジェクトの挿入
    4. Adobe Captivate におけるオブジェクトスタイルを操作する
    5. Adobe Captivate でオブジェクトを回転させる方法
    6. ピクセル単位でのオブジェクトのサイズおよび位置の変更
    7. メインオプションツールバーを使用してオブジェクトを管理する方法
    8. スライド内のオブジェクトをマージする方法
    9. ライブラリ内のオブジェクトを管理する方法
    10. Adobe Captivate でオブジェクトをグループ化する方法
    11. 詳細なインタラクションパネルを使用したオブジェクト情報の編集
    12. Adobe Captivate でオブジェクトをコピー、貼り付け、複製する方法
    13. オブジェクトの表示を制御する
    14. Adobe Captivate でオブジェクトの表示順序を変更する方法
    15. オブジェクトへのシャドウの適用
    16. Adobe Captivate でオブジェクトを整列させる方法
    17. Adobe Captivate のオブジェクトにリフレクションを追加する方法
    18. Captivate プロジェクトにアセットをインポートする
  5. スライド
    1. Adobe Captivate プロジェクトにスライドを追加する
    2. Adobe Captivate プロジェクトにおけるスライドの編集
    3. Adobe Captivate プロジェクトのスライドを削除する方法
    4. Adobe Captivate でスライドの順序を変更する方法
    5. Adobe Captivate でスライドプロパティを設定する
    6. Adobe Captivate でスライドメモを音声ファイルに追加および変換する
    7. Adobe Captivate でナレッジチェックスライドを設定する
    8. Adobe Captivate でスライドトランジションを追加する方法
    9. Adobe Captivate でマスタースライドを使用する方法
    10. Adobe Captivate のスライドをロックする方法
    11. Adobe Captivate のプロジェクトでスライドを非表示にする方法とスライドを除外する方法
    12. Adobe Captivate でスライドのグループ化とグループ化の解除を行う方法
  6. タイムラインとグリッド
    1. ルーラーとガイドを使用する
    2. Adobe Captivate でのグリッドを操作する
    3. タイムラインの操作
    4. Adobe Captivate におけるショートカットキー
    5. フィルムストリップの操作
    6. Adobe Captivate のワークスペースをカスタマイズする方法
    7. Adobe Captivate ライブラリの使用方法
    8. Adobe Captivate で「分岐」パネルを使用する方法
  7. クイズを作成
    1. Adobe Captivateプロジェクトに質問スライドを挿入する
    2. Adobe Captivate でのクイズ環境設定の設定
    3. 学習者がすべてのクイズ応答を同時に提出する方法
    4. Adobe Captivate を使った質問スライドの設定方法
    5. Adobe Captivate でランダム質問スライドを使用する
    6. ユーザーがクイズに戻ることができるようにする方法
    7. CSV 形式ファイルから質問を読み込む
    8. GIFT 形式ファイルから質問をインポート
    9. Adobe Captivate 内にプレテストを挿入する方法
  8. オーディオ
    1. Adobe Captivate プロジェクトへの音声の挿入方法
    2. Adobe Captivate で音声をプレビューする方法
    3. Adobe Captivate での音声ファイルの編集方法
    4. Adobe Captivate でオーディオの詳細を表示する
    5. オーディオ録音環境設定の設定とオーディオの録音
    6. Adobe Captivate から音声を書き出す方法
  9. ビデオ
    1. スライドビデオ
    2. Adobe Captivate でイベントビデオを操作する
    3. Adobe Captivate におけるイベントと同期ビデオの違い
  10. インタラクティブなオブジェクト
    1. Adobe Captivate プロジェクトへのインタラクティブボタンの追加
    2. Adobe Captivate でクリックボックスを作成する
    3. Adobe Captivate でテキスト入力ボックスを追加する
    4. ボックスとボタンに音声を追加する方法
    5. Adobe Captivate のボックスとボタンに JavaScript を追加する方法
  11. インタラクション
    1. Adobe Captivate を使用した学習インタラクションの作成
    2. Adobe Captivate でのドラッグ&ドロップインタラクションの作成
    3. Adobe Captivate でウィジェットとインタラクションを設定する方法
    4. ウィジェットで Adobe Captivate の変数を使用する
    5. Adobe Captivate でのウィジェットのプロパティの設定
    6. Adobe Captivate で静的ウィジェット、インタラクティブウィジェット、および質問ウィジェットを作成する方法
    7. Adobe Captivate プロジェクトにウィジェットを追加する方法
  12. 非インタラクティブなオブジェクト
    1. スマートシェイプの作成と編集
    2. Captivate でのテキストキャプションの編集と作成
    3. Captivate での画像およびロールオーバー画像の使用方法
    4. Adobe Captivate でスマートシェイプをカスタマイズする方法
    5. Adobe Captivate でズーム領域を作成する方法
    6. 非インタラクティブなオブジェクトに音声を設定する方法
    7. Adobe Captivate でロールオーバースライドレットを作成する方法
    8. Adobe Captivate でロールオーバーキャプションを作成する方法
    9. Adobe Captivate でマウスのプロパティを変更する
    10. Adobe Captivate でのハイライトボックスの使用
    11. Adobe Captivate でスウォッチを操作する
    12. 非インタラクティブオブジェクトのサイズと位置の変更
    13. Adobe Captivate プロジェクトにアニメーションを追加する
  13. 詳細な編集とプロジェクトのレビュー
    1. Adobe Captivate のプロジェクトをリンクする方法
    2. コンテンツの読み込み、書き出し、削除
    3. スキン
    4. Adobe Captivate でアクセシブルプロジェクトを作成する
    5. Adobe Captivate で目次を作成する
    6. Adobe Captivate プロジェクトのサイズを変更する
    7. プロジェクトとその環境設定
    8. Adobe Captivate でプロジェクトをプレビューする方法
  14. 変数および高度なアクション
    1. Adobe Captivate の変数
    2. Adobe Captivate でユーザー定義変数を作成する方法
    3. Adobe Captivate の高度なアクション
    4. Adobe Captivate プロジェクトの共有アクション
    5. ユーザー定義変数を Adobe Captivate で編集または削除する方法
    6. イベントに高度なアクションを割り当てるには
  15. プロジェクトの記録
    1. インタラクティブビデオの作成
    2. Captivate による自動記録と手動記録
    3. Adobe Captivate の録画設定を変更する
    4. Adobe Captivate でのビデオデモンストレーションの記録
    5. Adobe Captivate でソフトウェアシミュレーションを記録する方法
    6. 録音を一時停止する方法
  16. プロジェクトをパブリッシュ
    1. レスポンシブプロジェクトのプレビューとパブリッシュ
    2. Adobe Captivate Prime にプロジェクトを公開する
    3. Adobe Captivate で HTML5 ファイルとしてプロジェクトをパブリッシュする
    4. 実行ファイルとしてのプロジェクトのパブリッシュ
    5. Adobe Captivate で MP4 ファイルとしてプロジェクトをパブリッシュする
    6. Adobe Captivate で公開設定を設定する
    7. Adobe Captivate での Adobe Fonts の使用
    8. 内部サーバーへのクイズ結果の報告
  17. Adobe Captivate と他のアプリケーションとの連携
    1. Captivate での PowerPoint プレゼンテーションの読み込みと編集
    2. Adobe Captivate プロジェクトの学習管理システムへのアップロード
    3. Adobe Captivate の共通 JavaScript インターフェイスについて学習する
    4. Adobe Captivate プロジェクトを Microsoft Word 形式でパブリッシュする方法
    5. Captivate で Adobe Connect を使用する方法
    6. Captivate のプロジェクトを RoboHelp のオンラインヘルプシステムに追加する方法
    7. Adobe Multi-SCORM Packager を使用して複数の SCO をパッケージ化する方法
  18. Adobe Captivate でトラブルシューティングを行う
    1. Adobe Captivate、Adobe FrameMaker、Adobe RoboHelp の最新バージョンにおける既知の問題および制限事項を解決します。
    2. MacOS ビッグ Sur (macOS 11) の Captivate 用初期ビルド (2019 リリース)
    3. デバイスで VR コンテンツが再生されない問題の Hotfix
    4. デバイスでライブプレビュー向けの SSL 設定を行う
    5. macOS Catalina における Captivate (2019 release) のライセンス認証の問題
    6. Captivate のレスポンシブコースが、ブラウザーで自動的に再生されない
    7. Adobe Captivate (2019 release) でのアセットパネルの問題
    8. Adobe Captivate のインストール中にエラー 103 が発生する
    9. Captivate プロジェクトのプレビュー時の問題

 

ドラッグ&ドロップのインタラクションは、楽しみながらユーザーの知識にアクセスする方法を提供しています。 このインタラクションにより、ユーザーは指定されたエリアやオブジェクトにオブジェクトをドラッグ&ドロップすることで質問に回答できます。

ドラッグ&ドロップインタラクションではドラッグソースとドロップターゲットを使用することになります。ユーザーはドラッグソースをドラッグし、ドロップターゲットにそれらをドロップします。

Adobe Captivate ではドラッグソースとドロップターゲットを「タイプ」にグループ分けすることができます。例えば、ステーショナリーというタイプを作成し、ペン、鉛筆、消しゴムなどのドラッグソースをドロップします。その後、ステーショナリーを「オフィス」というドロップターゲットにドロップすれば、その中のすべてのアイテムがターゲットに自動的に関連付けられます。

ドラッグ&ドロップインタラクションの作成

ウィザードまたはドラッグ&ドロップインタラクションパネルを使用して、ドラッグ&ドロップインタラクションを作成できます。

ドラッグ&ドロップインタラクションは次のスライドを除くすべてのスライドで作成できます。

  • マスタースライド
  • 質問プールスライド
  • 質問スライド
  • プレースホルダースライド

スライド内のすべてのオブジェクトをドラッグソースか、ドロップターゲットに変換できます。ただし、次の場合を除きます。

  • インタラクティブオブジェクト(TEB、 クリックボックス 、ボタン)
  • プレースホルダー
  • ボタンとして機能するスマートシェイプ
  • ロールオーバープロジェクト
  • スライドビデオ
  • FLV ビデオ
  • テキストアニメーション
  • インタラクティブウィジェット
  • マウス
  • ズーム領域
  • ロールオーバースライドレットに挿入されたオブジェクト
  • 「残りのプロジェクト」のタイミングセットを持つすべてのオブジェクト

ドラッグ&ドロップインタラクションでは、オブジェクトエフェクトもサポートされません。

ドラッグ&ドロップインタラクションウィザードの使用

  1. インタラクションを設定するスライドでドラッグソースとドロップソースとしてマークされたオブジェクトを挿入します。

  2. インタラクション/ドラッグ&ドロップをクリックします。

  3. ウィザードの指示に従って、ドラッグソースとドロップターゲットを選択し、それぞれの対象をマップして正しい解答を指定します。
    注: ウィザードを使用してドラッグソースとドロップターゲットをタイプとしてグループに分け、その後マップすることもできます。詳しくは、「タイプ」を参照してください。

  4. ウィザードで「終了」をクリックしたあと、「ドラッグ&ドロップインタラクションプロパティインスペクター」が表示されます。このプロパティインスペクターを使用して、ドラッグソースとドロップソースに個別の設定を選択できます。詳しくは、「ドラッグ&ドロップインタラクションを編集する」を参照してください。

エキスパートから:

一対一のドラッグ&ドロップインタラクションを作成する方法を説明するビデオチュートリアルです

Dr. Pooja Jaisingh

エキスパートから:

複数対一のドラッグ&ドロップインタラクションを作成する方法を説明するビデオチュートリアルです

Dr. Pooja Jaisingh

最初のドラッグ&ドロップインタラクションの作成

この例では、ひとつのオブジェクトをドラッグソースとして、もうひとつのオブジェクトをドロップターゲットとして使用しています。

  1. このスライドでは、ドラッグソースとドロップターゲットを確認します。

    ドラッグ&ドロップソース
    ドラッグ&ドロップソース

  2. インタラクション/ドラッグ&ドロップをクリックして、ドラッグ&ドロップインタラクションウィザードを立ち上げます。

  3. ドラッグソースを選び次へをクリックします。

    ドラッグソースを選択
    ドラッグソースを選択

  4. ドロップターゲットを選択し次へをクリックします。

    ドロップターゲットを選択
    ドロップターゲットを選択

  5. ドラッグ可能なオブジェクトの中央にある+をクリックし、ドロップターゲットの上部にドロップします。正解および不正解のキャプションを含むためのカスタマイズが可能な、フィードバックのキャプションが表示されます。

    ソースをドロップターゲットにドラッグ
    ソースをドロップターゲットにドラッグ

    完了をクリックします。最初のドラッグ&ドロップインタラクション が できました。

    プロジェクトをプレビューし、ドロップターゲットの上部にドラッグソースを配置すると、ソースはドロップターゲットに吸着されることが確認できます。

レスポンシブドラッグ&ドロップインタラクションを作成する

  1. 新しいレスポンシブプロジェクトで、Fluid Box (Fluid Box /垂直)を挿入します。

    詳しくは、 Adobe Captivate の Fluid Box を参照してください。

  2. マスタースライドの表示に切り替え、背景画像をスライドに追加します。 

    背景画像および前提条件の追加についての詳細は、Fluid Box についてのガイドラインを参照してください。

    マスタースライドの表示では、プロパティインスペクターの位置をクリックし、次のように%にオブジェクトの高さ と 幅 を設定します。

    背景画像のための「位置」プロパティ
    背景画像のための「位置」プロパティ

    マスタースライドビューを終了します。

  3. このスライドでは、ドラッグソースとドロップターゲットを追加します。

    Fluid Box のオブジェクト
    Fluid Box のオブジェクト

  4. 次のように、Fluid Box のプロパティを設定します。

    Fluid Boxのプロパティ
    Fluid Boxのプロパティ

  5. ドラッグ&ドロップインタラクションウィザード(インタラクション/ドラッグ&ドロップ)を立ち上げます。前のセクションにあるように、ドラッグソースとドロップターゲットを選びます。

    次のように、ドラッグソースからドロップターゲットにハンドルをクリック、ドラッグします。

    ソースをドロップターゲットにドラッグ
    ソースをドロップターゲットにドラッグ

    完了をクリックします。

  6. プロジェクトをプレビューします。ドラッグ&ドロップインタラクションは、さまざまなデバイスフォーマットで使用できるようになりました。

    ドロップターゲットへソース画像をドラッグするだけです。

    例えば、サイズが 900x627 のデバイスでは、次のとおりです。

    大きいデバイスで表示
    大きいデバイスで表示

    小さいデバイスでは、次のとおりです。

    小型のデバイスで表示
    小型のデバイスで表示

プロパティインスペクターを使用してドラッグ&ドロップインタラクションを作成する

  1. インタラクションを設定するスライドでドラッグソースとドロップソースとしてマークされたオブジェクトを挿入します。

  2. 「ウィンドウ」>「ドラッグ&ドロップ」をクリックします。ドラッグ&ドロップインタラクションプロパティインスペクターが表示されます。

  3. 新しいインタラクションを作成アイコン(+)をクリックします。

    新しいインタラクションを作成
    新しいインタラクションを作成

  4. ドラッグソースを指定するにはステージのオブジェクトをクリックし、ドラッグ&ドロップインタラクションプロパティインスペクターの「一般」アコーディオンで「ドラッグソース」をクリックします。複数のオブジェクトを選択するには、Ctrl キーを押しながらオブジェクトをクリックします(Windows の場合)。

    ソースをドラッグ
    ソースをドラッグ

  5. ドロップソースを指定するにはステージのオブジェクトをクリックし、ドラッグ&ドロップインタラクションプロパティインスペクターの「一般」アコーディオンで「ドロップソース」をクリックします。複数のオブジェクトを選択するには、Ctrl キーを押しながらオブジェクトをクリックします(Windows の場合)。

    ドロップターゲット
    ドロップターゲット

  6. 同様のドラッグソースとドロップターゲットをタイプ別にグループ分けするには、「カスタムタイプ」で横の「+」をクリックします。そのタイプが既に作成されている場合は、必要なタイプを「カスタムタイプ」リストからクリックします。

  7. ドラッグソースを正しいドロップターゲットにマッピングするには、ドラッグソースをクリックします。ドラッグソースの中央に「+」アイコンが表示されます。「+」記号をクリックしドラッグして、矢印を正しいドロップターゲットにポイントします。

  8. ドラッグソースにアニメーション効果を設定するには、必要な効果を「ドラッグソース」アコーディオンで「効果」リストから選択します。

  9. ドラッグソース、ドロップソースなど、ドラッグ&ドロップインタラクションの様々な設定をドラッグ&ドロップインタラクションパネルで編集します。詳しくは、「ドラッグ&ドロップインタラクションを編集する」を参照してください。

ドラッグ&ドロップインタラクションを作成するためのベストプラクティス

  • 「ドラッグ&ドロップ」ウィザードを起動する前に、ドラッグ&ドロップインタラクションに含めるすべてのオブジェクトを挿入します。
  • オブジェクトを追加する場合は、有意義な名前に変更します。 インタラクションを作成した後にオブジェクトの名前を変更しないでください。
  • インタラクションの名前が、ドラッグソース、ドロップターゲット、または「タイプ」の名前と同じにならないようにします。
  • ドラッグソースまたはドロップターゲットの表示時間が、インタラクションの停止時間より長くなるようにします。
  • ドラッグ&ドロップインタラクションに含まれるオブジェクトが、「表示開始までの時間」のタイミングセットを持たないようにします。
  • iPad 用の出力の場合、「HTML5 コンテンツを拡大縮小」オプションを使用すると iPad 上でのドラッグに問題が発生する可能性があるため、iPad の解像度に合わせてプロジェクトを作成します。
  • ドラッグ&ドロップインタラクションに対して、最低 1 つの正解を指定します。そうでない場合は、ユーザーが回答を送信しようとしたとき、プロジェクトがインタラクションスライド上に残る可能性があります。
  • 「正解」で設定した後でインタラクションを変更した場合は、「正解」の設定が正しく動作しない場合があります。そのため、「正解」で設定する前にドラッグソースとドロップターゲットを識別およびマークして、適切なタイプに割り当てます。
  • オブジェクト名または「タイプ」を変更、または削除した場合は、「正解」の設定に戻って適切に変更します。
  • 「スナップ」領域または 2 つのドロップターゲットの間の余白が、相互に重なる場合があります。このような場合、Adobe Captivate は次の状況のいずれかに応じてドロップアクションを実行します。
    • 最初に、「承認」条件についてです。ドラッグソースがいずれかのドロップターゲットによって承認されるよう設定されていない場合、ソースは別のドロップターゲットにドロップされます。
    • 次は、z 順序についてです。ドロップターゲットの「承認」条件が 2 つとも同じである場合、ドロップターゲットの z 順序に基づいて、ドロップアクションが実行されます。ドロップターゲットの z 順序はタイムラインに基づいており、インタラクション内で後に表示されるドロップターゲットが、最も後方の順序になります。
  • ユーザーには、再生バーまたは巻き戻しボタンを使用してインタラクションの最初に戻らないよう指示します。ユーザーがそのように操作すると、ドラッグソースはたとえターゲットに正しくドロップしていた場合でも、元の位置に戻ってしまいます。

タイプ

ドラッグアンドドロップインタラクションのコンテキストのタイプは、ドラッグソースか同様のドロップターゲットのカテゴリです。

ドラッグソースとドロップターゲットを「タイプ」としてグループ化することで、1 個のアイテムを 1 つのタイプにマッピングして、これらをすばやくマッピングできるだけでなく、承認条件や正解のさまざまな組み合わせを使用することもできます。例えば、あるドロップターゲットでは、2 個のオブジェクトのみをドラッグソースタイプから承認できると指定できます。

ドラッグアンドドロップインタラクションの作成方法に応じて、ドラッグ&ドロップインタラクションウィザードまたはパネル(プロパティインスペクター)で「タイプ」を作成できます。ウィザードを使用して作成するタイプは、プロパティインスペクターからの編集に使用することができます。

ドラッグアンドドロップインタラクションウィザードの「タイプ」オプション

ドラッグアンドドロッププロパティインスペクターの「タイプ」オプション

ドラッグ&ドロップインタラクションを編集する

ドラッグソースとドロップターゲットのマッピングの表示

ウィザードを使用したドラッグアンドドロップインタラクションの作成を完了、終了すると、マッピングはステージに表示されなくなります。マッピングを表示するには、ドラッグ&ドロップインタラクションパネルの「表示」をクリックします。

「表示」オプションは、必要に応じてマッピングとして使用して表示、非表示にできるトグルとして動作します。

ドラッグアンドドロップマッピングの表示および非表示

新しいドラッグソースとドロップソースを追加する

スライドでオブジェクトを選択し、ドラッグ&ドロップインタラクションパネルの「一般アコーディオン」で「ドラッグソース」か「ドロップソース」をクリックします。

これらをマッピングするには、ドラッグソースをクリックして、「+」記号をドラッグして矢印を正しいドロップターゲットにポイントします。

複数の正しい解答を指定します

シナリオ 1: 1 つのドロップターゲットに対して、複数のドラッグソースが正しい場合

「タイプ」を作成し、それらをグループにまとめます。次に「タイプ」をドロップソースにマップします。

シナリオ 2: 複数のドロップターゲットが 1 つのドラッグソースに該当する場合

ドロップソースに「タイプ」を作成します。次にドラッグソースをその「タイプ」にマップします。

シナリオ 3: 一部のドラッグソースタイプのみが、1 つの限定されたドロップターゲットに該当する場合

ステージでドロップターゲットをクリックし、「ドロップターゲット」アコーディオンで「承認」をクリックして、必要なドラッグソースタイプを選択します。

シナリオ 4:ドラッグソースタイプの一部のオブジェクトのみが、ドロップターゲットの解答として正しい場合

ステージでドロップターゲットをクリックし、「ドロップターゲット」アコーディオンで「承認」をクリックして、必要なドラッグソースタイプを選択します。「すべてを承認」チェックボックスをオフにして、「カウント」でオブジェクト数を制限します。

シナリオ 5: ドラッグソースとドロップターゲットの複数の組み合わせが、一度のインタラクションで必要になる場合

「正解」(ドラッグアンドドロッププロパティインスペクター/インタラクションプロパティ)をクリックし、既存の解答セットに列を追加します。または、新しい解答セットを作成し、マッピングを指定します。

シナリオ 6:ユーザーはオブジェクトを特定の順番でドラッグアンドドロップする必要があります。

正解ダイアログボックスで、必要な方法で解答を調整して順番を作成し、「タイプ」の中の「順序」オプションを選択します。

複数の解答セットをマッピングしてターゲットをドロップする

ドラッグアンドドロップインタラクションが複数の解答セットを保証する場合は、正解ダイアログボックス(ドラッグアンドドロッププロパティインスペクター/インタラクションプロパティアコーディオン/正解)を使用して、これらを指定することができます。

さらに、各解答セットに対して、ドロップターゲットが指定された任意の組み合わせで解答を承認する必要があるかどうか、または解答が指定の順番で行われる必要があるかどうかも指定できます。

  1. 正解ダイアログボックス(ドラッグアンドドロップパネル/インタラクションプロパティアコーディオン/正解)を開きます。

    インタラクションの作成中に指定したマッピングを使用して設定した最初の解答は、既に表示されています。

  2. 既存の解答に解答の組み合わせをさらに指定するには、次を設定します。

     

    1. 「+」をクリックします。次に、「ドロップターゲット」の中の列をクリックし、ドロップダウンリストからターゲット名をクリックします。

    2. 「ドラッグソース」の中の列をクリックし、次にドロップダウンリストからソース名をクリックして、このターゲットにソースを指定します。

    3. カウントは、正解となりうるドラッグソースタイプのオブジェクトの数を表示します。デフォルトでは、この数字はインタラクションの設定中に指定したマッピングから取得されます。「カウント」列をクリックして別の数字を指定します。

    4. ユーザーに指定の順番でドラッグソースとドロップターゲットをマッピングさせる場合は、「タイプ」リストから「順番」をクリックします。

  3. 新しい解答セットを追加するには、「新しい解答を追加」をクリックして上記のステップを繰り返します。

エキスパートから:

複数の正解の組み合わせを使用したビデオチュートリアル

Dr. Pooja Jaisingh

「承認」条件を指定します。

承認ダイアログボックス

A

選択されたドロップソースを承認できるすべてのドラッグ用タイプのリスト。ドロップソースからドラッグソースタイプを除外するには、ドラッグソースタイプに対応するチェックボックスをオフにします。

B

このチェックボックスを使用して、リストされたドラッグソースタイプを含めるか、除外します。

C

ドロップソースがドラッグソースタイプに指定されたすべてのオブジェクトを承認するようにするには、「すべて承認」チェックボックスを選択します。ドラッグソースタイプの一部のオブジェクトのみを承認するシナリオでは、「すべてを承認」チェックボックスをオフにし、承認するオブジェクトの数を指定します。

D と E

これらのオプションは承認するオブジェクトの数と指定された数以上のオブジェクトをユーザーがドラッグ&ドロップした場合にどうするかを指定する場合に使用します。

置換

前にドラッグおよびドロップされたオブジェクトは新しいオブジェクトで置換されます。

戻る

新しいオブジェクトはドラッグされた元のスライドに戻ります。

F

特定のタイプのドラッグソースに割当てられる標準的なアクション。

エキスパートから:

「承認」ダイアログボックスのオプションを使用したビデオチュートリアル

Dr. Pooja Jaisingh

フィードバックメッセージの構成

ステージでドロップターゲットをクリックし、ドラッグ&ドロップインタラクションパネルの「ドロップソース」アコーディオンで次のオプションのいずれかを選択します。

承認オン

ステージに表示されるテキストキャプションでユーザーが正しいソースをドラッグしてターゲットにドロップしたときにユーザーに表示されるメッセージを入力します。

拒否オン

ステージに表示されるテキストキャプションでユーザーが誤ったソースをドラッグしてターゲットにドロップしたときにユーザーに表示されるメッセージを入力します。

ヒントオン

ステージに表示されるテキストキャプションで、ユーザーがドロップソースオプションの上にマウスを移動したときにユーザーに表示されるメッセージを入力します。

音声をドラッグ&ドロップアクションに割当てる

ユーザーがターゲットにソースをドラッグするとき、インタラクションがさらに興味を引くよう音声を再生することができます。

  • ドロップソースが解答を受け入れるときに音声を再生するには、ドロップソースをクリックし、ドロップソースアコーディオンの音声リストで音声ファイルをクリックします。「参照」をクリックして、コンピュータ上に保存されている音声クリップを使用します。
  • ドロップターゲットが解答を拒否するときに音声を再生するには、インタラクションプロパティアコーディオンで音楽を再生を選択します。このオプションを選択すると、Adobe Captivate はデフォルトの音声クリップを再生します。現在このシナリオでユーザーがカスタムの音声を選択することはできません。

ドラッグソースプロパティの設定

ドラッグソースがドロップソースにドロップされたときの、ドラッグソースの動作を指定するには、次のオプションを指定してください。

ヒット領域余白 :

選択された「ドロップソース」の周囲にある余白を意味します。ユーザーがこの余白領域にドラッグ用オブジェクトをドロップしても、ユーザーがドロップ用領域にそのオブジェクトをドロップしたものと見なします(ドロップ先に指定した場所でなくてもかまわない)。

位置

ドラッグソースを選択したドロップターゲットにドロップした後、ドラッグソースをどのように移動するかを指定します。

絶対

ドラッグソースは、ユーザーがそれらを落とした場所にそのまま残る。

アンカー

ドラッグソースは選択したアンカーポイントに移動する。アンカーオプションの下に表示されるアンカーポイント 9 個の中から 1 つを選択できます。

並べて表示

複数のドラッグソースが同じ順番で重ねて配置される。パネルで並べて表示オブションを選択します。

サイズ

ドラッグソースがドロップ先にドロップされた後のオブジェクトのサイズを増減させるには、デフォルト値(100%)を編集してください。100% 未満の値を設定するとサイズは小さくなり、100% 以上の値を設定するとサイズは大きくなります。

不透明度

ドラッグソースがドロップ先にドロップされた後の不透明度を変更するには、デフォルト値(100%)を編集します。0 値は、ドロップ後のドラッグソースを非表示にします。

ビット数

ドラッグソースがドロップ先にドロップされた後の z-order を指定するには、「前」または「後」を選択します。ドロップ先に最初にドロップされたオブジェクトはドロップターゲットの前か後に配置されます。ドロップ先にその後にドロップされたオブジェクトは、前にドロップされたオブジェクトの前か後ろに配置されます。

ドラッグソースとドロップターゲットに効果を使用する

  • ドラッグソースの場合、ステージでドラッグソースをクリックし、効果リストドラッグソースアコーディオン(ドラッグ&ドロップインタラクションパネル)で効果を選択します。

ユーザーがこれらのオブジェクトをクリックしてドラッグした場合のドラッグソースの効果が表示されます。

  • ドロップソースの場合は、ステージでドロップソースを選択し、ドロップソースアコーディオン(ドラッグ&ドロップインタラクションパネル)の効果リストで効果をクリックします。

ユーザーがこれらのオブジェクトの上でマウスポインターを動かしたときに表示されるドロップソースの効果が表示されます。

ドラッグ&ドロップインタラクションパネルの他のオプション

インタラクションプロパティ

正解

正しい解答に「or」条件を指定するドラッグソースをドロップソースにマップすることで、「and」条件を設定できます。この場合、オブジェクトは x y の両方になります。「正解」ダイアログボックスは正解として x y を指定するときに役立ちます。詳しくは、「複数の解答セットをマッピングしてターゲットをドロップする」を参照してください。

ハンドカーソルを使用

ドラッグ&ドロップオブジェクトを使用中にハンドカーソルが表示されます。

ドラッグソースを元の位置に送信

ドラッグソースがドロップターゲットの外側にドロップされた場合、ドラッグ元のスライドの元の位置に送信されます。

このオプションが選択されていない場合、ユーザーがドラッグソースをスライド上で移動すると、「戻る」オプションによりオブジェクトがドラッグ元のスライドの最後にあった位置に戻ります。誤った解答は、自動的にドラッグ元の場所へ自動的に送信されます。

ドロップしたソースを再ドラッグ

ユーザーがドロップしたドラッグソースを別のドロップターゲットへ再ドラッグできるようにします(正解または不正解)。

アクション

リセット

複数の実行を許可する場合、このオプションを使用してユーザーが「送信」をクリックしたときに回答をリセットするか指定できるようになります。

注意:

リセットオプションに「なし」を選択した場合、「レポート」アコーディオンで必ず「クイズに含める」を選択してください。スライドがクイズに含まれていない場合、ユーザーが別のスライドへ移動し、このスライドへ戻るたびに回答がリセットされます。

オプション

n 秒後に一時停止

スライドは指定された時間(n 秒)一時停止し、ユーザーがインタラクト処理を実行できるようにします。この時間はドラッグ&ドロップインタラクションを含むスライドの再生が開始した後から測定されます。

自動送信

正解はユーザーが「送信」ボタンをクリックしなくても直ちに送信されます。このオプションはユーザーが正しく解答したあとすぐに「成功の場合」アクションをトリガーする必要があるシナリオで便利です。

操作を元に戻す

スライドに「操作を元に戻す」ボタンを挿入します。ユーザーが行った直近のドラッグアクションのみが取り消せます。

リセット

スライドに「リセット」ボタンを挿入し。ユーザーがいつでもインタラクションをリセットできるようにします。

Captivate プロジェクトのダウンロード

Captivate で魅力的な学習コンテンツを作成する方法の詳細については、次のプロジェクトをダウンロードします。

アドビのロゴ

アカウントにログイン