現在表示中:

Web サイトの管理と同じように、Flash ベースの AIR アプリケーションを管理できること、つまり、開発者がいなくても Flash コンテンツをオーサリングできることをお望みではないでしょうか。もしくは、顧客が iPad で自社の Flash ベースの Web サイトを閲覧できるようにしたいと思いませんか。そのすべてを簡単に実現できるのが CQ です。

CQ で実現できることは次のとおりです。

  • AIR アプリケーションで使用するための Flash コンテンツをオーサリングします。
  • iPad などの Flash が無効のデバイスで表示できる Flash コンテンツをオーサリングします。

AIR アプリケーション用 Flash コンテンツのオーサリング

Mobile Trader アプリケーションは、Flash が有効なあらゆるデバイスで実行できる Flash ベースの AIR アプリケーションです。4 つのタブ(「アセット」、「ウォッチリスト」、「モバイルの警告」、「モバイルアドバイザー」)を含む 1 つのウィンドウで構成され、このウィンドウには金融情報がダイナミックかつインタラクティブに表示されます。Web ページを CQ でオーサリングするのと同じように、Flash コンテンツを CQ で管理できます。例えば、タイトルの変更、画像の追加、新しいタブの追加を実行できます。CQ でコンテンツを変更した後、デスクトップコンピューター上でアプリケーションを更新するだけで、その変更内容を表示できます。

次に、Mobile Trader アプリケーションをコンピューター上に設定する方法、CQ を使用してタイトルを変更する方法、変更されたコンテンツを AIR アプリケーションで表示する方法について、手順を示します。

  1. ポート 4502 で実行する CQ オーサーインスタンスを起動します。
  2. ポート 4503 で実行する CQ パブリッシュインスタンスを起動します。
  3. デスクトップに Mobile Trader AIR アプリケーションをダウンロードします。このアプリケーションは、リポジトリの次の場所から取得できます。
    /etc/designs/geometrixx/clientlibs/flash/MobileTrader.air
    このファイルをダウンロードするために、CQ に組み込まれている WebDAV サーバーを使用して、リポジトリをローカルファイルシステムにマッピングできます。
  4. MobileTrader.air ファイルをダブルクリックして、デスクトップ上で Mobile Trader アプリケーションを実行します。
    アプリケーションが CQ パブリッシュインスタンスに接続します。
  5. CQ オーサーインスタンスの Mobile Trader ページを開く:ブラウザーで次のアドレスにアクセスします。
    http://localhost:4502/cf#/content/geometrixx_mobile/en/trader.touch.html
  6. タイトルの変更:
    1. Performance History」タイトルをダブルクリックします。
    2. タイトルを編集します。
    3. Enter キーを押して変更を保存します。
    注意:タイトルを右クリックし、「コンポーネントを編集」を選択して編集ダイアログを開き、タイトルを編集して「OK」をクリックすることもできます。
  7. 変更したタブに対応するページをアクティベートします。この例では、「アセット」タブが変更されています。
    1. Site Admin コンソールに移動します。
    2. Web サイト/Geometrixx Mobile Demo Site/Mobile Trader の下のアセットページを選択します。
    3. アクティブ化」をクリックします。
  8. Mobile Trader AIR アプリケーションを更新して、変更内容を確認します。
    1. AIR アプリケーションで、最上部のタイトル「Geometrixx Financial Services」をクリックします。
    2. URL フィールドの下の「OK」をクリックし、変更後のタブを確認します。

また、次のことを実行できます。

  • ページ上の既存のコンポーネント順序をドラッグ&ドロップで並べ替えます。
  • Mobile Trader コンポーネントの追加:
    1. サイドキックの「コンポーネント」タブで、MobileTrader パネルを選択します。
    2. コンポーネントをページにドラッグ&ドロップします。
  • コンポーネントの削除:
    1. コンポーネントを右クリックします。
    2. コンテキストメニューの「コンポーネントを削除」を選択します。
  • 画像の追加:
    1. デザインモードに切り替えて、モバイル画像コンポーネントをページで利用できるようにします。
    2. サイドキックの「コンポーネント」タブで、モバイルパネルを選択します。
    3. モバイル画像コンポーネントをページにドラッグ&ドロップします。
    4. コンテンツファインダーからコンポーネントに画像をドラッグアンドドロップします。
    5. 画像の編集:ダブルクリックし、編集して、「OK」をクリックします。
  • 新しいタブの追加:
    1. ページの最下部のタブを右クリックします。
    2. コンテキストメニューの「新しいタブ」を選択します。
    3. ページを作成ダイアログで、タイトルと名前を追加し、「Geometrixx Mobile Trader コンテンツページ」テンプレートを選択します。「作成」をクリックします。
    注意:タブは CQ のページに対応します。
  • タブの削除:
    1. ページの最下部にある、削除するタブを右クリックします。
    2. コンテキストメニューの「タブを削除」を選択します。
    3. ページを削除ダイアログで「はい」をクリックします。

注意:

AIR アプリケーションで変更内容を確認するには、上述の手順 7 と手順 8 を実行する必要があります。

iPad での Flash コンテンツの表示

iPad などの Flash が無効のデバイスで Flash-CQ 互換コンポーネントを含む CQ ページを要求すると、CQ からデバイスに、自動的に HTML5 形式でそのページコンテンツが送信されます。

以下の手順は、iPad で Flash コンテンツにアクセスする方法を示しています。Mobile Trader ページにアクセスするには:

  1. iPad で Safari ブラウザーを開き、次のページに移動します。
    http://<cq-server-ip>:4502/content/geometrixx_mobile/en/trader.html
  2. デフォルトの資格情報(admin/admin)でログインします。
  3. Gx」アイコンをクリックします。
    「ホーム画面に追加」リンクをクリックして、iPad ホーム画面にブックマークを設定し、アイコンをクリックすることもできます。その後、iPad アプリケーションと同様に(例えば、ブラウザーナビゲーションバーを使用せずに)ページを参照できます。
  4. Flash ベースのページが iPad で表示されます。

注意:

画面の右上隅に、オンライン(緑)かオフライン(黄)かを示す小さなアイコンが表示されます。

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

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