ウィジェットを使用してライブ位置を追跡する

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要件

デバイスの有効な場所を共有し、追跡目的でどこからでもアクセス可能な地図上に表示します。

ユースケース

救急車が出動中の場合、最寄りの病院へ時間内に到着する必要があります。トラフィックを避けるために、救急車の運転手が交通手段の場所を警察に共有します。警察は地図上で交通手段の有効な場所を追跡し、トラフィックを回避してできるだけ早く最寄りの病院に到着できるようサポートします。

動作方法を見る

手順

1. アプリケーションを作成し、Trackingというタイトルを付けます。

2. 下記の詳細を参考に、フォームを作成します。

フォーム名	フォームリンク名	項目種類	項目名	項目リンク名
トラッキング	トラッキング	住所	住所	住所
		小数	経度（小数点以下7桁）	経度
		小数	緯度（小数点以下7桁）	緯度

救急車の運転手の座標は、このトラッキングフォームで場所を共有すると自動的に頻度10秒で入力されます。

このアプリケーションには、以下の目的のために2つのウィジェットがあります：

救急車の運転手が自分の場所を共有するため。

警察が救急車の運転手の有効場所をGMaps上で追跡・表示するため。

3. ウィジェットは、このドキュメントの末尾にあるサンプル郵便番号添付ファイルを利用して直接Creatorにアップロードするか、ターミナルで作成してからCreatorにアップロードすることができます。

サンプル郵便番号添付ファイルの利用

i) このドキュメントの末尾に添付されているサンプル郵便番号ファイルをダウンロードしてください。これにはトラッキングアプリに関連するすべての主要および副次ファイルが含まれています。

メモ : サンプル郵便番号添付ファイルを使用してウィジェットを作成する場合は、ダウンロード後に手順4へスキップしてください。

（または）

ターミナルを使用してウィジェットを作成

i) CLIをインストールし、ターミナルでウィジェットを作成します。インストールが完了したら、作成したいプロジェクトのファイルディレクトリにターミナルで移動してください。

cd ドキュメント

ii) ターミナルで次のコマンドを実行し、新しいプロジェクトを作成します。

メモ : すべてのコマンド一覧はターミナルでの操作を対象としています。同じスクリプトはWindowsのコマンドプロンプトでも使用可能です。

zet init

iii) Zohoサービスのリストが表示されます。Zoho Creatorを必須サービスとして選択してください。

iv) プロジェクト名にTrackingと入力します。プロジェクトフォルダは、ナビゲートしたファイルディレクトリ内に作成されます。ここではファイルディレクトリフォルダはドキュメントです。

v) widget.htmlファイルに移動し、enableTracking.htmlに名前を変更します。このウィジェット用のスクリプトをカスタマイズし、ウィジェットファイルに挿入してください。このウィジェットは、救急車の運転手が有効な場所のトラッキングを有効にするために使用する共有する My 場所ボタンを作成します。

メモ : また、ドキュメント末尾に提供されているenableTracking.htmlファイルのサンプルスクリプトをコピー＆ペーストして、すぐにこのウィジェットを作成することも可能です。

vi) ターミナルで、以下のコマンドを入力し、ローカルストレージにその他のウィジェットファイルを作成します。これにより、警察が救急車の場所をGMapsで表示できるようになります。

メモ : 下記コマンドは、それぞれ対応する処理を実行します。

コマンド	操作内容
cd	ディレクトリファイルへ移動
cd ファイル名	指定したファイルへ移動
mkdir フォルダー名	フォルダーを作成
touch ファイル名	ファイルを作成

cd tracking/app
mkdir GMaps
cd Gmaps
touch watchPosition.html

vii) ローカルストレージに移動します。app フォルダー内で、セカンダリファイル（cssおよびjs）を作成・カスタマイズし、独自のスクリプトを記述してください。

メモ : または、app フォルダー内にセカンダリフォルダーをコピー＆ペーストすることもできます。

viii) watchPosition.html（GMaps）および対応するjsファイルのコードをカスタマイズします。

メモ : または、watchPosition.html（GMaps）と対応するjsファイルのコードをコピー＆ペーストすることもできます。

ix) 下記のコマンドを実行し、プロジェクトを認証およびパックします。

cd
cd Tracking
zet 認証
zet pack

ウィジェットプロジェクトのプライマリおよびセカンダリファイルを含む郵便番号ファイルが、プロジェクトディレクトリ内のdistフォルダーに作成されます。

4. Creatorアプリケーションの設定に移動します。 Widgetsをクリックします。

5. 作成をクリックします。新規Widgetペインがポップアップ表示されます。

6. 下記の表に記載された詳細をもとに、該当する項目を入力し、2つのウィジェットを作成してください。

メモ :

Index fileはウィジェットのスクリプトが記述される主要なファイルです。ウィジェットのすべての要素を連携させます。各index fileはそれぞれのウィジェット専用です。
ウィジェットの郵便番号ファイルは、追加するすべてのウィジェットの主要ファイルおよびサブファイルをまとめたものです。

	名前	Hosting	Widget File (Browse)	Index File
ウィジェット1	enableTracking	内部	Tracking.郵便番号	/enableTracking.html
ウィジェット2	GMaps	内部	Tracking.郵便番号	/GMaps/watchPosition.html