Experience Builder アプリの作成
ArcGIS Experience Builder を使用して Web エクスペリエンス アプリを作成します。 最初にテンプレートを使用し、その後にウィジェットを追加および構成してアプリを設定します。
テンプレートから Web エクスペリエンスを作成する
まず、Web アプリを作成します。最初にテンプレートを使用し、その後にアプリを設定します。
- ArcGIS の組織アカウントにサイン インします。
注意:
組織アカウントがない場合は、ソフトウェア アクセスのオプションをご参照ください。
- リボンの [コンテンツ] をクリックします。
- [アプリの作成] をクリックします。
作成できるアプリのリストが表示されます。
- ドロップダウン リストから [Experience Builder] を選択します。
Experience Builder のホーム ページが新しいタブで開きます。
- [高速モード] ウィンドウが表示されたら、[OK] をクリックします。
- [新規作成] をクリックします。
テンプレートのリストが表示されます。 ここでは [ジュエリーボックス] テンプレートを使用します。 このテンプレートは、フィーチャのリストをマップと組み合わせて表示します。
- 検索バーに「ジュエリー」と入力します。
- [ジュエリーボックス] テンプレートで、[作成] をクリックします。
ArcGIS Experience Builder が開き、キャンバスの中央にマップが表示されます。 エクスペリエンスの名前を、よりわかりやすいタイトルに変更します。
- 上部リボンの [無題のエクスペリエンス 1] をクリックし、「Real estate demographics」と入力するか、コピーして貼り付けます。
キャンバス全体が表示されるようにします。
- 画面の右下隅にある [幅を現在のウィンドウに調整] ボタンをクリックします。
これで、未使用のスペースを含むキャンバス全体が表示されるようになりました。 次に、このテンプレートの編集を有効化します。
- レイアウトの上部で、[レイアウトのロック] 切り替えボタンをクリックして、レイアウトのロックをオフにします。
ウィジェットのアプリへの追加
[ジュエリーボックス] テンプレートにはマップ ウィジェットが含まれています。 ここでは、Business Analyst ウィジェットを追加します。
- マップの左側にあるウィンドウで、[ウィジェットの追加] ボタンをクリックします。
[ウィジェットの追加] ウィンドウが開き、タイプ別にグループ化されたウィジェットのギャラリーが表示されます。
- [ウィジェットの追加] ウィンドウの [マップ中心] で、下にスクロールして [Business Analyst] ウィジェットをクリックします。
ウィジェットがアプリに表示されます。
また、[Business Analyst] パネルが表示され、デフォルトで [ワークフロー] モードが選択されています。
[ワークフロー] モードでは、順を追って位置を選択してインフォグラフィックスを実行する手順をエンド ユーザーに説明するパネルが表示されます。 ワークフロー モードのウィジェットでは、フィーチャのバッファー処理、検索、およびインフォグラフィックスの作成を行うことができます。
注意:
Business Analyst ウィジェットの詳細については、「Business Analyst ウィジェット」のドキュメント トピックをご参照ください。
アプリを作成し、ウィジェットを追加しました。 次に、ウィジェットを構成します。
Business Analyst ウィジェットの構成とアプリの公開
Business Analyst ウィジェットを使用すると、人口統計情報をインフォグラフィックスで表示し、徒歩バッファーと運転時間バッファーを作成できます。 ウィジェットはすでにアプリに追加されています。次に、ウィジェットをビジネス ニーズに合わせて構成します。
ヒント:
[ライブ ビュー] をクリックすると、いつでもアプリをプレビューおよび操作できます。
ウィジェットの構成
Business Analyst ウィジェットを同僚が使用できるようにカスタマイズすることで、不動産組織向けに構成します。 また、アプリに表示されるインフォグラフィックスとバッファーのタイプを選択します。
Business Analyst ウィジェットを追加すると、独自の検索ツールがマップに追加されます。 そのため、マップに 2 つの検索ツールが表示されています。 そのうち 1 つを削除します。
- マップ ウィジェットの左上隅にある検索バーをクリックします。 [削除] ボタンをクリックします。
- ウィジェットを削除するか確認するメッセージが表示されたら、[OK] をクリックします。
これで、マップの検索ツールが 1 つのみになりました。 次に、検索設定をカスタマイズします。
- キャンバス上の Business Analyst ウィジェットをクリックして選択します。 [Business Analyst] ウィンドウの [位置の設定] で、[アメリカ] が選択されていることを確認します。
- [検索のカスタマイズ] ボタンをクリックします。
[検索のカスタマイズ] ウィンドウが表示されます。 会社の他の不動産仲介業者は、現在の概要テキストに使用されている GIS 用語をよく知らない可能性があるため、テキストを編集します。
- [検索のカスタマイズ] ウィンドウで、[概要テキスト] に次のテキストを入力します (またはコピーして貼り付けます): 「Search for an address or location to view demographic information.」
- [検索のカスタマイズ] ウィンドウを閉じます。
場所は不動産業界で重要な要素です。 ウィジェットは [リング]、[運転時間]、および [徒歩時間] バッファーをサポートしています。 商業用不動産会社のクライアントは、場所に車または徒歩で来る可能性がある顧客を理解することに関心があるため、リングをオフにします。
- [Business Analyst] ウィンドウで、[バッファーのカスタマイズ] をクリックします。
[バッファーのカスタマイズ] ウィンドウが表示されます。
- [デフォルト設定] で、[リング] をオフにし、[運転時間] と [徒歩時間] をオンのままにします。
- [バッファーのカスタマイズ] ウィンドウを閉じます。
次に、インフォグラフィックスをカスタマイズします。
- [Business Analyst] ウィンドウで、[インフォグラフィックスのカスタマイズ] をクリックします。
[インフォグラフィックスのカスタマイズ] ウィンドウが表示されます。
- [インフォグラフィックスのカスタマイズ] ウィンドウの [インフォグラフィックスの選択] で、[Esri インフォグラフィックス] ドロップダウン メニューをクリックします。
インフォグラフィックスの候補のリストが表示されます。 ビジネスに最も重要なインフォグラフィックスを選択できます。 たとえば、会社の不動産仲介業者が人口統計プロファイル、人口統計サマリー、ArcGIS Tapestry プロファイルを頻繁に使用する場合は、それらのインフォグラフィックスを含めます。
- [Esri インフォグラフィックス] の横にあるチェックボックスをオフにして、すべてのインフォグラフィックスの選択を解除します。 [Demographic Profile]、[Demographic Summary]、[Dominant Tapestry Profile] のチェックボックスをオンにします。
次に、不動産仲介業者のニーズに合わせてインフォグラフィックスのインターフェイスを単純化します。
- [インフォグラフィックスのカスタマイズ] ウィンドウを閉じます。
- [Business Analyst] ウィンドウで [インフォグラフィックスの設定] を展開します。
インフォグラフィックスのオプションのリストが表示されます。 一緒に作業する不動産仲介業者は通常、このようなビジュアライゼーションを画像または PDF としてタブレットに表示するため、不要なオプションを削除できます。
- [ダイナミック HTML のエクスポート] および [Excel のエクスポート] オプションをオフにします。
- [インフォグラフィックスの設定] オプションを折りたたみます。
次に、アプリのテーマを変更して外観を改善します。
- タイトル下の垂直方向のツールバーで [テーマ] ボタンをクリックします。
- テーマのいくつかをクリックして、アプリにどう影響するか確認します。いくつかのテーマをクリックした後で、テーマ [ビビッド] を選択します。
これで、不動産業界やニーズに沿うよう、ウィジェットを構成できました。
- リボン上で [保存] ボタンをクリックします。
ライブ モードでのアプリのテスト
次に、公開する前にアプリをテストします。 マップをクリックして場所を追加します。
- 上部リボンで [ライブ ビュー] タブをクリックします。
アプリがライブ ビューに変わり、ボタンの色も変わり、アプリがライブ ビューであることを示します。
ライブ ビューでは、アプリのユーザーと同様にアプリを使用して、アプリを公開して共有する前にすべてが正しく動作することを確認できます。
テスト用に、ベースマップを [キャンバス (ダーク グレー)] に変更し、バッファーを見やすくします。
- マップの右上隅にある [ベースマップ ギャラリー] ボタンをクリックします。 [ベースマップ ギャラリー] ウィンドウで、[キャンバス (ダーク グレー)] を選択します。
マップが更新され、[キャンバス (ダーク グレー)] ベースマップが使用されます。
- [ベースマップ ギャラリー] ウィンドウを閉じます。
- Business Analyst ウィジェットで、検索バーに「835 s coast highway」と入力し、カリフォルニア州オーシャンサイドの位置を選択します。
注意:
または、ポイントをマップに追加して位置を指定できます。
マップ上で、その位置が拡大表示され、ポイントが追加されます。
- ウィジェットの下部で、[次へ] をクリックします。
- [バッファー] 手順で、[徒歩時間] と [運転時間] の両方をクリックし、それぞれに 5 分、10 分、15 分のバッファーが存在することを確認します。
バッファーを作成できるのは運転時間または徒歩時間だけのため、どちらかを選択する必要があります。
- [徒歩時間] をクリックして選択します。
- [次へ] をクリックします。
マップは、場所の周辺に 5 分、10 分、15 分の徒歩時間を表すバッファーを適用します。
- [インフォグラフィックス] タブで、[インフォグラフィックスの選択] ドロップダウン メニューをクリックします。
インフォグラフィックスのリストが表示されます。 名前の横のアイコンにポインターを合わせると、インフォグラフィックスのプレビューが表示されます。
- [Dominant Tapestry Profile] インフォグラフィックスについて、プレビュー アイコンにポインターを合わせます。
- 残りのインフォグラフィックスをプレビューします。 完了したら、[Demographic profile] インフォグラフィックスを選択します。
- [インフォグラフィックスの実行] をクリックします。
インフォグラフィックスは、場所からの徒歩時間が 5 分の人口統計変数を表示します。
インフォグラフィックスは、指定した位置からの徒歩時間が 5 分以内の人口に関する詳細な人口統計情報を提供します。 ウィジェットを追加し、ニーズに合わせて構成して、場所を追加することで、潜在顧客に関する人口統計情報をすばやく把握できます。
- インフォグラフィックス ウィンドウで、[5 minute walk] をクリックし、[10 minute walk] を選択します。
インフォグラフィックスの値が変わり、より多くの人口が反映されます。
これで、アプリのテストと保存が完了したため、アプリを公開して、同僚が作業に使用できるようにする準備が整いました。
- 必要に応じて、アプリを保存します。
アプリの公開と共有
これで、アプリのテストが完了したため、最後に、他のユーザーがアクセスできるようにアプリを公開して共有します。
- リボンで [公開] ボタンをクリックします。
アプリが公開されました。 次に、公開されたアプリを表示して、ユーザーに表示される内容を確認します。
- リボンで [その他] ボタンをクリックし、[公開したアイテムの表示] を選択します。
アプリが別の Web ブラウザー タブに表示されます。
- [ベースマップ ギャラリー] ボタンをクリックして、[道路地図 (夜)] を選択します。 [ベースマップ ギャラリー] ウィンドウを閉じます。
- ウィジェットの [検索] タブで、[ポイントの描画] ツールをクリックします。
- マップ上の 1 か所を拡大し、マップをクリックしてポイントを追加します。 [次へ] をクリックします。
- [バッファー] タブでデフォルトの [運転時間] バッファーを受け入れ、[次へ] をクリックします。
- [インフォグラフィックス] タブで [Demographic Summary] インフォグラフィックスを選択し、[インフォグラフィックスの実行] をクリックします。
インフォグラフィックスが表示されます。
- アプリが編集モードになっている Web ブラウザー タブに戻ります。
- リボンで [その他] をクリックし、[公開したアイテム リンクのコピー] を選択します。
公開したアプリのリンクがコピーされ、共有できるようになりました。 ただし、デフォルトの共有設定は所有者になっているため、設定を変更するまで他のユーザーはアプリにアクセスできません。 アプリから ArcGIS Online のアプリのアイテム詳細ページにアクセスできます。
- [その他] ボタンをクリックし、[共有設定の変更] を選択します。
アプリのアイテム詳細ページが新しいブラウザー ウィンドウに表示されます。
- [共有] ボタンをクリックします。
[共有] ウィンドウに、共有のためのさまざまなオプションが表示されます。 現在、アプリにアクセスできるのは所有者だけですが、組織で共有したり、すべての人と共有 (パブリック) したりするために設定を変更できます。
- [共有] ウィンドウで [組織]、[保存] の順にクリックします。
アプリが共有されたので、組織内の他のメンバーも使用できるようになりました。
このチュートリアルでは、アプリを作成し、Business Analyst ウィジェットを追加して、ビジネス ニーズに合わせて両方を構成し、アプリをテストして、他のユーザーが使用できるように公開して共有しました。 目的の運転時間または徒歩時間内の人口統計データを簡単に把握し、データ ドリブンの意思決定を下すことができるため、同僚の不動産仲介業者はこのアプリを使用して、業務に役立てることができます。
他のチュートリアルについては、チュートリアル ギャラリーをご覧ください。
