概要

プレビュープロジェクト)。各スライドまたはプロジェクトのコンテンツをプレビューします。 すべてのビューのポートオプションに対し、プロジェクトをブラウザーでプレビュー(F11)できます。ジェスチャーとジオロケーションに対応したコンテンツをブラウザーで HTML 5 としてパブリッシュします。

レスポンシブプロジェクトのプレビュー

  1. ツールバーから、プレビューアイコンをクリックします。

    レスポンシブプロジェクトのプレビュー
    レスポンシブプロジェクトのプレビュー
  2. ドロップダウンリストから適切なメニュー項目を選択します。

HTML5 および Adobe Connect ビデオファイルとしてパブリッシュ

プロジェクトを HTML5 や Adobe Connect ビデオとしてパブリッシュするには、下の手順に従ってください。

  1. ツールバーから、プレビューアイコンをクリックします。

  2. 以下のスクリーンショットに示すように、デバイス用にパブリッシュおよび Adobe Connect にパブリッシュメニュー項目から適切なオプションを選択します。

    さまざまなパブリッシュオプション
    さまざまなパブリッシュオプション

  3. ブラウザーで HTML5 として出力をパブリッシュするには、デバイス用にパブリッシュ」を選択します。 

    以下のスクリーンショットに示すように、(オプション)デバイス用にパブリッシュダイアログが表示されます。プロジェクトで Typekit フォントを使用している場合は、ドメインも入力します。

    Captivate プロジェクトでの Typekit フォントの使用について詳しくは、Typekit フォントの統合を参照してください。

    a. 適切なプロジェクトタイトルとロケーションを選択し、完了したら「パブリッシュ」をクリックします。 Captivate プロジェクトを Phone Gap にパブリッシュすることもできます。

    注意:

    標準の空白のプロジェクトのパブリッシュについての詳細は、プロジェクトのパブリッシュトピックを参照してください。 続行して exe ファイルとして Adobe Captivate のレスポンシブでないプロジェクトまたは空白のプロジェクトをパブリッシュできます。

    デバイス用にパブリッシュダイアログ
    デバイス用にパブリッシュダイアログ

    Typekit ボタン(赤い四角形)をクリックすると、Typekit の Web サイトが表示されます。ここでフォントを同期し、Captivate プロジェクトで使用するフォントをダウンロードできます。

    注意:

    プロジェクトで Typekit フォントを使用していない場合、「Typekit ドメイン」フィールドは無効になります。

    注意:

    パブリッシュ時に「Typekit ドメイン」フィールドが無効になっているとき、Typekit フォントが使用されている場合は、プロジェクトをプレビューしてからパブリッシュします。

  4. 出力を Adobe Connect にパブリッシュするには、パブリッシュメニューからAdobe Connect にパブリッシュを選択します。

    以下のスクリーンショットに示すように、ダイアログボックスが表示されます。

    Adobe Connect へのパブリッシュ
    Adobe Connect へのパブリッシュ

  5. 適切なプロジェクト名とサーバー URL を選択し、完了したら「パブリッシュ」をクリックします。

デバイス用のアプリケーションとしてパブリッシュ

デバイス(アプリケーション)メニューへのパブリッシュは Adobe Captivate 8.0.1 に統合されます。これにより、アプリケーションパッケージャーを使用せずに Adobe Captivate プロジェクトをアプリケーションとして任意のデバイスにパブリッシュできます。

デバイス用のアプリケーションとして出力をパブリッシュするには、下の手順に従ってください。

  1. パブリッシュメニューからデバイス(アプリケーション)のパブリッシュを選択します。

    次のようなダイアログボックスが表示されます。 

    デバイス用にパブリッシュ(アプリケーション)
    デバイス用にパブリッシュ(アプリケーション)

  2. PhoneGap のユーザー名とパスワードを使用してログインするか、Adobe ID のログイン資格情報を使用して PhoneGap アカウントにログインします。「登録」をクリックして PhoneGap に登録するか、既存のアカウントがない場合は Adobe ID アカウントを登録します。

  3. 新しいアプリケーションを作成するには、アプリケーション/新規作成を選択します。

    PhoneGap の既存のアプリケーションをアップデートするには、アプリケーション/更新を選択します。

  4. バージョン番号、アプリケーションの名前、アプリケーションのパッケージ名を指定します。 パッケージ名を指定するときは、固有の名前であることを確認してください。指定しない場合は既存のプロジェクトが置き換えられます。

  5. 「詳細」をクリックして、ジオロケーション、ジェスチャー、アクセシビリティなど、アプリケーションのパブリッシュに関する個人的な環境設定を選択します。

  6. 「次へ」をクリックして、アプリケーションに必要な資格情報を入力します。 iOS または Android の横にあるチェックボックスをクリックし、そのどちらかまたは両方を選択して、それぞれのプラットフォームに対応する資格情報と主要情報を入力します。

    詳細については証明書の作成およびキーの生成を参照してください。

  7. 出力をデバイス用のアプリケーションとしてパブリッシュするには、「パブリッシュ」をクリックします。

    Adobe Captivate はバックエンドで PhoneGap サービスを使用して、アプリケーションを構築します。スナップショットに示すように、アプリケーションが構築されると、アプリケーションをダウンロードするよう求められます。 ダウンロードをクリックしたら、PhoneGap のサイトが表示されます

    アプリケーションのダウンロード
    アプリケーションのダウンロード

証明書の作成およびキーの生成

証明書と認証キーはアカウントの安全性と不正アクセスを防止するために必須です。

iOS 用に証明書を作成

  1. Apple Developer Support サイトおよびアプリケーション Developer 証明書の作成を参照してください。 詳細は、プログラムへの登録を参照してください。
  2. サポート対象の P12 フォーマットへの証明書の変換およびアップロードについては、下の PhoneGap 構築サイトの手順を参照してください。 
    1. Mac および Windows で Apple Developer 証明書を P12 に変換
Android 用にキーを生成
  1. PhoneGap 構築のキーを生成およびアップロードするには、PhoneGap 構築サイトの手順を参照してください。

PhoneGap ユーザー ID とパスワードでログインしてから「パブリッシュ」ウィンドウで「次へ」をクリックし、以下に示すように証明書の情報をダイアログに入力します。

証明書の作成とキーの生成
証明書の作成とキーの生成

注意:

上のスナップショットに示すように、AppleKey のタイトルは PhoneGap 構築にアップロードした証明書の名前を表しています。PhoneGap 構築 Web サイトにアップロードすると、「タイトル」ドロップダウンに証明書が取り込まれます。同様に、PhoneGap 構築にアップロードしたキーは「タイトル」ドロップダウンに表示されます。Android 用のキーがない場合でも、「キーが選択されていません」オプションを選択するとパブリッシュを続行することができます。

Windows 8 OS からデバイス用にパブリッシュ

Windows 8 OS を使用してパブリッシュした場合、「パブリッシュ先」に追加オプションとして Windows 8 が表示されます。このオプションを選択すると、次のようにダイアログが表示されます。

Windows 8 オペレーティングシステムへのパブリッシュ
Windows 8 オペレーティングシステムへのパブリッシュ

プロジェクトのタイトル、ロケーション情報、および「詳細」のオプションは iOS および Android のダイアログオプションに似ています。 手順に従ってください。

注意:

Adobe Captivate の環境設定を削除した場合、証明書を再び作成する必要があります。

ジェスチャーとジオロケーション

Adobe Captivate 8 では、デバイスのジェスチャーが採用されました。 これにより、使用可能なジェスチャーをプロジェクトのパブリッシュ時にレスポンシブプロジェクトに適用できます。

  1. 以下のスクリーンショットに示すように、デバイス用にパブリッシュダイアログで、モバイルジェスチャーとジオロケーションの横にある青色のいいえテキストをクリックします。
    新しいウィンドウが表示されます。

    gestures-geoloc
  2. 以下の画像に示すように、ウィンドウ内のジェスチャーとジオロケーションのチェックボックスをクリックします。

     

モバイルジェスチャーパレット
モバイルジェスチャーパレット

注意:

プロジェクトのジオロケーションを設定して、エンドユーザーの場所に基づく複数のオプションを提供します。作成者はcpInfoGeoLocation システム変数を使用してジオロケーション値を取得し、複数のユーザーシナリオに基づいて使用できます。カスタム変数を使用して、緯度経度精度(半径を決めるためのメートル値)を設定したり、システム変数と比較したりできます。

カスタム変数の作成

  1. プロジェクト/変数をクリックします。

  2. 変数ダイアログで「新規追加」をクリックします。

  3. 「ジオロケーション」チェックボックスをクリックし、緯度、経度、および精度のデータを指定します。

  4. 「保存」をクリックし、「OK」をクリックします。
 

フォルダーアイコンをクリックして、作成済みの高度なアクションを選択すれば、ジオロケーションに基づいたアクションをトリガーすることもできます。

エキスパートから:Adobe Captivate を使った、ロケーションを認識するサービスの提供

エキスパートから:Adobe Captivate を使った、ロケーションを認識するサービスの提供
Dr. Pooja Jaisingh Sr. Adobe eLearning Evangelist

プロジェクトのテスト時にジオロケーションを再現する

設定したジオロケーション機能が正常に機能しているか、プロジェクトをパブリッシュする前に検証できるようになりました。

注意:

この機能は、上記のヒントで説明したように、カスタムジオロケーション変数を作成している場合にのみ適用されます。

ブラウザーでプロジェクトのプレビューを表示するには、「プレビュー」をクリックします。

プロジェクトプレビュー中のジオロケーション機能のテスト
プロジェクトプレビュー中のジオロケーション機能のテスト

設定したさまざまなロケーションを切り替えると、学習者がそのロケーションからプロジェクトにアクセスしたときのプロジェクトの外観をプレビューしたり、プロジェクトの機能を確認したりできます。

マップサポート

カスタム変数を作成中に、ユーザーは Google™ 統合マップを参照してジオロケーションを選択できます。 緯度、経度、位置の精度の値は選択したマップのジオロケーションに基づいて挿入されます。

ユーザーは下に示すように変数ダイアログの「マップから選択」の横にある地球儀アイコンをクリックします。

注意:

マップサポート機能を使用するには、インターネットに接続してください。 

マップサポート
マップサポート

例えば、上のスナップショットに示すように、マップからサンフランシスコ市のロケーションマップが選択され、対応する値が挿入されています。

サンフランシスコのロケーションマップ
サンフランシスコのロケーションマップ

ユーザーが既に座標を分かっている場合、座標を入力するか、マップからロケーションを選択し自動で値を取得することができます。

マップサポート向けユーザーシナリオ

ドイツに在住するドイツ語を話す人のコースを作成するとします。Google マップを使用し、検索バーにドイツと入力して選択します。図 - A に示すように、位置の精度の値を 334988 メートルにするとドイツの大部分の領域が囲まれます。

後の段階で、コースを他の国々に拡張して提供したい場合、赤のピン(の外側にある)をクリックし、ロケーションにドラッグします。図 - B はこのシナリオで選択した範囲を広げた位置の精度の値を表しています。

マップサポートの使用シナリオ
マップサポートの使用シナリオ

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

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

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー