Experience Builder アプリの作成

ArcGIS Experience Builder を使用して Web エクスペリエンス アプリを作成します。 最初にテンプレートを使用し、その後にウィジェットを追加および構成してアプリを設定します。

テンプレートから Web エクスペリエンスを作成する

まず、Web アプリを作成します。最初にテンプレートを使用し、その後にアプリを設定します。

  1. ArcGIS の組織アカウント」にサイン インします。
    注意:

    組織アカウントがない場合は、ソフトウェア アクセスのオプションをご参照ください

  2. リボンの [コンテンツ] をクリックします。

    コンテンツ ボタン

  3. [アプリの作成] をクリックします。

    アプリの作成ボタン

    作成できるアプリのリストが表示されます。

  4. ドロップダウン リストから [Experience Builder] を選択します。

    Experience Builder オプション

    Experience Builder のホーム ページが新しいタブで開きます。

  5. [高速モード] ウィンドウが表示されたら、[OK] をクリックします。
  6. [新規作成] をクリックします。

    新規作成ボタン

    テンプレートのリストが表示されます。 ここでは [ジュエリーボックス] テンプレートを使用します。 このテンプレートは、フィーチャのリストをマップと組み合わせて表示します。

  7. 検索バーに「ジュエリー」と入力します。
  8. [ジュエリーボックス] テンプレートで、[作成] をクリックします。

    ポケット テンプレート

    ArcGIS Experience Builder が開き、キャンバスの中央にマップが表示されます。 エクスペリエンスの名前を、よりわかりやすいタイトルに変更します。

  9. 上部リボンの [無題のエクスペリエンス] をクリックし、「Real estate demographics」と入力するか、コピー/貼り付けします。

    名前変更されたアプリ タイトル

    キャンバス全体が表示されるようにします。

  10. 画面の右下隅にある [幅を現在のウィンドウに調整] ボタンをクリックします。

    幅を現在のウィンドウに調整ボタン

    これで、未使用のスペースを含むキャンバス全体が表示されるようになりました。 次に、このテンプレートの編集を有効化します。

  11. レイアウトの上部で、[レイアウトのロック] 切り替えボタンをクリックして、レイアウトのロックをオフにします。

    レイアウトのロック切り替えボタン

ウィジェットのアプリへの追加

[ジュエリーボックス] テンプレートにはマップ ウィジェットが含まれています。 ここでは、Business Analyst ウィジェットを追加します。

  1. マップの左側にあるウィンドウで、[ウィジェットの追加] ボタンをクリックします。

    ウィジェットの追加ボタン

    [ウィジェットの追加] ウィンドウが開き、タイプ別にグループ化されたウィジェットのギャラリーが表示されます。

  2. [ウィジェットの追加] ウィンドウの [マップ中心] で、下にスクロールして [Business Analyst] ウィジェットをクリックします。

    Business Analyst ウィジェット

    ウィジェットがアプリに表示されます。

    アプリに追加されたウィジェット

    また、[Business Analyst] パネルが表示され、デフォルトで [ワークフロー] モードが選択されています。

    ワークフロー モード

    [ワークフロー] モードでは、順を追って位置を選択してインフォグラフィックスを実行する手順をエンド ユーザーに説明するパネルが表示されます。 ワークフロー モードのウィジェットでは、フィーチャのバッファー処理、検索、およびインフォグラフィックスの作成を行うことができます。

アプリを作成し、ウィジェットを追加しました。 次に、ウィジェットを構成します。


Business Analyst ウィジェットの構成とアプリの公開

Business Analyst ウィジェットを使用すると、人口統計情報をインフォグラフィックスで表示し、徒歩バッファーと運転時間バッファーを作成できます。 ウィジェットはすでにアプリに追加されています。次に、ウィジェットをビジネス ニーズに合わせて構成します。

ヒント:

[ライブ ビュー] をクリックすると、いつでもアプリをプレビューおよび操作できます。

ウィジェットの構成

Business Analyst ウィジェットを同僚が使用できるようにカスタマイズすることで、不動産組織向けに構成します。 また、アプリに表示されるインフォグラフィックスとバッファーのタイプを選択します。

Business Analyst ウィジェットを追加すると、独自の検索ツールがマップに追加されます。 そのため、マップに 2 つの検索ツールが表示されています。 そのうち 1 つを削除します。

  1. マップ ウィジェットの左上隅にある検索バーをクリックします。 [削除] ボタンをクリックします。

    削除ボタン

  2. ウィジェットを削除するか確認するメッセージが表示されたら、[削除] をクリックします。

    これで、マップの検索ツールが 1 つのみになりました。 次に、検索設定をカスタマイズします。

  3. キャンバス上の Business Analyst ウィジェットをクリックして選択します。 [Business Analyst] ウィンドウの [位置情報の設定] で、[米国] が選択されていることを確認します。

    米国オプション

  4. [検索のカスタマイズ] ボタンをクリックします。

    検索のカスタマイズ ボタン

    会社の他の不動産仲介業者は、現在の概要テキストに使用されている GIS 用語をよく知らない可能性があるため、テキストを編集します。

  5. [検索のカスタマイズ] ウィンドウに、次のテキストを入力します (またはコピーして貼り付けます)。「Search for an address or location to view demographic information.

    概要を示すテキスト

  6. [検索のカスタマイズ] ウィンドウを閉じます。

    場所は不動産業界で重要な要素です。 ウィジェットは [リング][運転時間]、および [徒歩時間] バッファーをサポートしています。 商業用不動産会社のクライアントは、場所に車または徒歩で来る可能性がある顧客を理解することに関心があるため、リングをオフにします。

  7. [Business Analyst] ウィンドウで、[バッファーのカスタマイズ] をクリックします。

    バッファーのカスタマイズ ボタン

  8. [デフォルト設定] で、[リング] をオフにし、[運転時間][徒歩時間] をオンのままにします。

    バッファーのカスタマイズ ウィンドウ

  9. [バッファーのカスタマイズ] ウィンドウを閉じます。

    次に、インフォグラフィックスをカスタマイズします。

  10. [Business Analyst] ウィンドウで、[インフォグラフィックスのカスタマイズ] をクリックします。

    インフォグラフィックスのカスタマイズ ボタン

  11. [インフォグラフィックスのカスタマイズ] ウィンドウの [インフォグラフィックスの選択] で、[Esri インフォグラフィックス] ドロップダウン メニューをクリックします。

    Esri インフォグラフィックス ドロップダウン メニュー

    インフォグラフィックスの候補のリストが表示されます。 ビジネスに最も重要なインフォグラフィックスを選択できます。 たとえば、会社の不動産仲介業者が人口統計プロファイル、人口統計サマリー、Esri Tapestry Segmentation プロファイルを頻繁に使用する場合は、それらのインフォグラフィックスを含めます。

  12. [Esri インフォグラフィックス] の横にあるチェックボックスをオフにして、すべてのインフォグラフィックスの選択を解除します。 [人口統計プロファイル][人口統計サマリー][主要タペストリ プロファイル] のチェックボックスをオンにします。

    インフォグラフィックス パラメーターの選択

    次に、不動産仲介業者のニーズに合わせてインフォグラフィックスのインターフェイスを単純化します。

  13. [インフォグラフィックスのカスタマイズ] ウィンドウを閉じます。
  14. [Business Analyst] ウィンドウで [インフォグラフィックスの設定] を展開します。

    インフォグラフィックスの設定オプション

    インフォグラフィックスのオプションのリストが表示されます。 一緒に作業する不動産仲介業者は通常、このようなビジュアライゼーションを画像または PDF としてタブレットに表示するため、不要なオプションを削除できます。

  15. [ダイナミック HTML のエクスポート] および [Excel のエクスポート] オプションをオフにします。

    インフォグラフィックスの設定パラメーター

  16. [インフォグラフィックスの設定] オプションを折りたたみます。

    次に、アプリのテーマを変更して外観を改善します。

  17. タイトル下の垂直方向のツールバーで [テーマ] ボタンをクリックします。

    テーマ ボタン

  18. テーマのいくつかをクリックして、アプリにどう影響するか確認します。いくつかのテーマをクリックした後で、テーマ [ビビッド] を選択します。

    テーマ「ビビッド」

    これで、不動産業界やニーズに沿うよう、ウィジェットを構成できました。

  19. リボン上で [保存] ボタンをクリックします。

    保存ボタン

ライブ モードでのアプリのテスト

次に、公開する前にアプリをテストします。 マップをクリックして場所を追加します。

  1. 上部リボンで [ライブ ビュー] タブをクリックします。

    ライブ ビュー ボタン

    アプリがライブ ビューに変わり、ボタンの色も変わり、アプリがライブ ビューであることを示します。

    ライブ ビュー モードがアクティブ

    ライブ ビューでは、アプリのユーザーと同様にアプリを使用して、アプリを公開して共有する前にすべてが正しく動作することを確認できます。

    テスト用に、ベースマップを [キャンバス (ダーク グレー)] に変更し、バッファーを見やすくします。

  2. マップの右上隅にある [ベースマップ ギャラリー] ボタンをクリックします。 [ベースマップ ギャラリー] ウィンドウで、[キャンバス (ダーク グレー)] を選択します。

    キャンバス (ダーク グレー) ベースマップ

    マップが更新され、[キャンバス (ダーク グレー)] ベースマップが使用されます。

  3. [ベースマップ ギャラリー] ウィンドウを閉じます。
  4. Business Analyst ウィジェットで、検索バーに「835 s coast highway」と入力し、カリフォルニア州オーシャンサイドの位置を選択します。

    住所検索バー

    注意:

    または、ポイントをマップに追加して位置を指定できます。

    マップ上で、その位置が拡大表示され、ポイントが追加されます。

    マップ上のオーシャンサイドのポイント

  5. ウィジェットの下部で、[次へ] をクリックします。
  6. [バッファー] 手順で、[徒歩時間][運転時間] の両方をクリックし、それぞれに 5 分、10 分、15 分のバッファーが存在することを確認します。

    運転時間の設定

    バッファーを作成できるのは運転時間または徒歩時間だけのため、どちらかを選択する必要があります。

  7. [徒歩時間] をクリックして選択します。

    徒歩時間オプション

  8. [次へ] をクリックします。

    マップは、場所の周辺に 5 分、10 分、15 分の徒歩時間を表すバッファーを適用します。

    マップ上のバッファー

  9. [インフォグラフィックス] タブで、[インフォグラフィックスの選択] ドロップダウン メニューをクリックします。

    インフォグラフィックスのリストが表示されます。 名前の横のアイコンにポインターを合わせると、インフォグラフィックスのプレビューが表示されます。

  10. [主要タペストリ プロファイル] インフォグラフィックスについて、プレビュー アイコンにポインターを合わせます。

    インフォグラフィックスのプレビュー

  11. 残りのインフォグラフィックスをプレビューします。 完了したら、[Demographic profile] インフォグラフィックスを選択します。
  12. [インフォグラフィックスの実行] をクリックします。

    インフォグラフィックスは、場所からの徒歩時間が 5 分の人口統計変数を表示します。

    人口統計プロファイルを含むインフォグラフィックス

    インフォグラフィックスは、指定した位置からの徒歩時間が 5 分以内の人口に関する詳細な人口統計情報を提供します。 ウィジェットを追加し、ニーズに合わせて構成して、場所を追加することで、潜在顧客に関する人口統計情報をすばやく把握できます。

  13. インフォグラフィックス ウィンドウで、[5 分の徒歩圏] をクリックし、[10 分の徒歩圏] を選択します。

    10 分の徒歩圏オプション

    インフォグラフィックスの値が変わり、より多くの人口が反映されます。

    これで、アプリのテストと保存が完了したため、アプリを公開して、同僚が作業に使用できるようにする準備が整いました。

  14. 必要に応じて、アプリを保存します。

アプリの公開と共有

これで、アプリのテストが完了したため、最後に、他のユーザーがアクセスできるようにアプリを公開して共有します。

  1. リボンで [公開] ボタンをクリックします。

    公開ボタン

    アプリが公開されました。 次に、公開されたアプリを表示して、ユーザーに表示される内容を確認します。

  2. リボンで [詳細] ボタンをクリックし、[公開したアイテムの表示] を選択します。

    公開したアイテムの表示オプション

    アプリが別の Web ブラウザー タブに表示されます。

  3. [ベースマップ ギャラリー] ボタンをクリックして、[道路地図 (夜)] を選択します。 [ベースマップ ギャラリー] ウィンドウを閉じます。
  4. ウィジェットの [検索] タブで、[ポイントの描画] ツールをクリックします。

    ポイントの描画ボタン

  5. マップ上の 1 か所を拡大し、マップをクリックしてポイントを追加します。 [次へ] をクリックします。
  6. [バッファー] タブでデフォルトの [運転時間] バッファーを受け入れ、[次へ] をクリックします。
  7. [インフォグラフィックス] タブで [Demographic Summary] インフォグラフィックスを選択し、[インフォグラフィックスの実行] をクリックします。

    インフォグラフィックスの例

  8. アプリが編集モードになっている Web ブラウザー タブに戻ります。
  9. リボンで [詳細] をクリックし、[公開したアイテム リンクのコピー] を選択します。

    公開したアイテム リンクのコピー オプション

    公開したアプリのリンクがコピーされ、共有できるようになりました。 ただし、デフォルトの共有設定は所有者向けになっているため、設定を変更するまで他のユーザーはアプリにアクセスできません。 アプリから ArcGIS Online のアプリのアイテム詳細ページにアクセスできます。

  10. [その他] ボタンをクリックし、[共有設定の変更] を選択します。

    [共有設定の変更] オプション

    アプリのアイテム詳細ページが表示されます。

  11. [共有] ボタンをクリックします。

    共有ボタン

    [共有] ウィンドウに、共有のためのさまざまなオプションが表示されます。 現在、アプリにアクセスできるのは所有者だけですが、組織で共有したり、全員と共有 (一般公開) したりするために設定を変更できます。

  12. [共有] ウィンドウで [組織][保存] の順にクリックします。

    組織で共有

    アプリが共有されたので、組織内の他のメンバーも使用できるようになりました。

このチュートリアルでは、アプリを作成し、Business Analyst ウィジェットを追加して、ビジネス ニーズに合わせて両方を構成し、アプリをテストして、他のユーザーが使用できるように公開して共有しました。 目的の運転時間または徒歩時間内の人口統計データを簡単に検出し、データ ドリブンの意思決定を下すことができるため、同僚の不動産仲介業者はこのアプリを使用して、業務に役立てることができます。

他のチュートリアルについては、チュートリアル ギャラリーをご覧ください。