1. 概要

1。1 動作イメージ

1。2 ユースケース

1. たとえば、ビジネスを管理するために Doorstep Package Delivery アプリケーションを作成したとします。

1. 1 日に配達完了した注文の合計件数、現在配達中の注文の期限、回収が必要な返品件数などの集計指標を表示するパネル。
2. 配送担当者が日次目標を達成しているか、進捗を視覚的に確認するためのゲージ。
3. 住所情報の誤りや顧客不在などにより未配達となっている注文を確認するための Order Backlogs レポート。
4. 顧客から受け取った OTP を入力して注文をクローズするために埋め込み可能な Confirm Delivery フォーム。
   
5. Quick Links テーブルを追加するための HTML スニペット。
6. ボーナス算出のために、月ごとの完了配達数を表示し、年間のパフォーマンスを追跡する棒グラフチャート。
   

2. 自身のプレイ枠を開催・管理し、他者が開催するゲームへの参加状況も記録するための Zylker Game Management アプリケーションを作成したとします。

このダッシュボードには、次の内容を含めます。

1. ページ変数とページスクリプトを使用して、ログイン中のユーザー名をページの先頭に表示。
2. 参加予定のゲーム数、自身が主催しているゲーム数、総プレイ数、プレイヤーとしての評価などを表示するパネル。
3. 翌週に開催予定のさまざまなスポーツを検索・絞り込みできる検索用棒グラフ。
4. ユーザーのプレイ枠を表示する埋め込みレポート。

1。3 ページ作成のナビゲーションガイド

1。4 Creator におけるページの種類

1. 空白 - 新しいページを作成し、Creator が提供するすべての要素を追加して、アプリケーション向けに有用で動的なビューをカスタマイズします。
2. テンプレートから - Creator が用意する事前定義テンプレートからページを作成し、ビジネスニーズに合わせます。ページテンプレートのライブラリには、パネル、チャート、埋め込みレポート、フォームなど、さまざまな要素を使用した 10 種類のレイアウトが用意されています。ページの目的に最も適したものを選択してください。さらにカスタマイズして新しい要素を追加したり、不要な既存要素を削除したりできます。
   

1。5 ページの要素

ページ要素	実際のページでの表示	説明	利用シナリオ
Panel		パネルは、主要な指標を表示するために使用されるタイル状のコンテナです。指標の上部に画像やアイコンを配置して、視覚的な参照として利用することもできます。 パネルは、Zoho Creator アカウント内の任意のアプリケーションに追加されたデータを基に、合計、件数、平均などの主要な集計値を表示するために使用できます。	受注管理アプリケーションでは、パネルを次のように設定できます。 選択した地域の平均受注金額 最大請求額（週次）
Board		ボードは、リーダーボードのように、アプリケーションのデータを分類されたパネルで整理・表示するためのビジュアルコンポーネントです。指標の比較、順位の追跡、グループ化されたデータの監視を、カスタマイズ可能なレイアウトと集計値を使って行えます。	受注管理アプリケーションでは、ボードを次のように設定できます。 月次／四半期ごとに最も多く販売された商品の数量
Chart		チャートは、アプリケーション内のデータをグラフィカルに表現したものです。チャートギャラリーには、縦棒チャート、横棒チャートなど、さまざまな種類のチャートが用意されています。パターンや傾向を包括的に表現でき、素早い比較にも役立ちます。	プロジェクトタイムラインダッシュボードでは、チャートを使用して、各部署ごとの進行中プロジェクト、新規プロジェクト、完了プロジェクトの件数を表示できます。
Gauge		ゲージは、目標やターゲットと、それに向けたビジネス指標の進捗状況を視覚的に表現するコンポーネントです。あらかじめ定義した状態や範囲を示すインジケーターとして使用することもできます。	従業員ダッシュボードでは、ゲージを使用して次のような情報を表示できます。 年初来の売上実績や、その他のマーケティング／営業目標の達成状況。 営業指標を「不振」「平均」「好調」といった範囲（ステータス）で表現することもできます。
検索		ページの検索要素を使用すると、Zoho Creator アカウント内のアプリケーション全体のデータをユーザーが検索できます。 検索結果は、検索入力を基にアプリケーションに保存されているデータを絞り込んで表示されます。	In-House Doctors ページに検索要素を配置すると、医師を検索し、その専門分野を All Doctors レポートに表示させることができます。
フォーム		フォームは、Zoho Creator アカウント内の任意のアプリケーションからページに埋め込むことができます。また、クリックするとフォームが開くボタンとして埋め込むこともできます。	Asset Management アプリケーションでは、Add Asset フォームを、All Assets in Possession 埋め込みレポートの横に埋め込むことができます。ユーザーがフォームを送信するたびに、そのデータがレポートに追記されます。
レポート		レポートは、Zoho Creator アカウント内の任意のアプリケーションからページに埋め込むことができます。データの重要な結果を詳しく示すレポートをページに埋め込んで表示できます。	Payroll ダッシュボード では、従業員の給与明細履歴を表示するレポートを、それぞれのダッシュボードに埋め込むことができます。
スニペット		スニペットは、コードの断片を埋め込んで、ページに独自のツールや要素を追加し、提供されている定義済み要素にとらわれずに拡張するために使用します。たとえば、独自のテーブルの挿入、レポートから特定のデータを取得して一覧表示、フォームから動的な値を持つヘッダーの追加などに利用できます。 Creator では、カスタマイズした要素を作成するために、次の 3 種類のスニペットを提供しています: ZML スニペット - Zoho マークアップ言語 と Deluge を使用して、すべてのデバイスでスニペットをレンダリングします。 HTML スニペット - HTML と Deluge を使用して、Web アプリケーションでスニペットをレンダリングします。 埋め込み - iframe の埋め込みコードを使用して、画像、動画、その他のリンクなどの外部メディアを挿入します。 メモ: ZML スニペットは、初期設定で すべてのデバイスに対してレンダリングされます。HTML スニペットの場合は、必要に応じて Web 以外の各デバイス向けにレスポンシブなコードを個別に記述する必要があります。	Project Management アプリケーションでは、作業にかかった時間を計測する有効なタイマーを設置して、タスクの所要時間を把握できます。このタイムラインを追跡することで、時間と労力をより効率的に管理できます。このような有効タイマーは、HTML スニペットを使用して挿入できます。
ボタン		ボタンは、クリック時に処理を関連付けて特定の機能を実行するために使用します。レポートを開く、ワークフローを実行するなどの定義済みボタン処理から選択することも、独自のカスタム操作をボタンに追加することもできます。	オンライン薬局 Zylker のページでは、医薬品や商品（化粧品、チャイルドケア、マザーケア、サプリメントなど）の各セクションを表示できます。各セクションに Shop Now ボタンを埋め込み、クリックすると関連する商品の一覧ページにリダイレクトして購入できるようにできます。
ウィジェット (Creator の有料プランでのみ利用可能)		ウィジェットを使用すると、ニッチな機能を作成・カスタマイズし、標準機能を超えてインターフェイスを拡張したり、サードパーティアプリをページに組み込んだりできます。 これにより、アプリケーションのフロントエンドデザインをより細かく制御でき、自社ブランドの独自性を反映しやすくなります。	有効な追跡ウィジェットを Delivery アプリケーションの 顧客 ダッシュボード に挿入すると、顧客は配達担当者の現在位置を地図上で追跡できるようになります。 チケット予約 プラットフォームでは、フォームで情報を入力した後、支払い完了までの残り時間を表示するタイマー付きのページにリダイレクトされます。このような有効タイマーは、ウィジェットを使用して挿入できます。
ビューアー (Creator の有料プランでのみ利用可能)		ビューアーを使用すると、モバイル端末のカメラで AR セット用のマーカーをスキャンできます。 出力結果はアプリケーションのページ上でそのまま確認できます。デバイスを動かして、より見やすい表示にすることもできます。	ビューアーを利用すると、オンラインの 家具ストア で試し置き機能を提供できます。モバイル端末で設置したい場所をスキャンし、AR ビューアーを使ってその空間に商品を配置したイメージを確認できます。

1。6 ページの外観をカスタマイズする

アイコン	アイコン名	説明
	テーマ	アプリケーションにテーマを設定すると、ページを含むアプリケーション内のすべてのコンポーネントに選択したテーマが適用されます。これには、レイアウトの選択、色の設定、フォントの選択などが含まれます。
	セクション	ページ内のセクションを管理し、それぞれを見分けやすくするアイコンを設定するなど、さまざまなカスタマイズが行えます。
ブラウザーの場合: 電話／タブレットの場合:	ページレイアウトのカスタマイズ	ページ要素同士の配置と表示方法を定義します。要素を個別のカードとして表示するか、セクションとして連結して表示するかを選択できます。このオプションは、ブラウザー、電話、タブレットの各UIで利用できます。 ブラウザーのUIでは、四辺それぞれのマージン値をピクセル単位で設定できます。 電話またはタブレットのUIでは、ページ要素の配置を決定する適切なレイアウトを選択できます。

1. グラフ、ゲージ、検索などのページ要素を設定する際に提供されるスタイル設定を使用する。
2. パネルやボタンなどのページ要素を設定する際に提供されるZMLエディターを使用する。
3. 視覚的な魅力を高めるスタイル済みスニペットやウィジェットを挿入する。
   

2. 注意点

1. 特定のページに対するアクセス権限を含む権限セットでアプリケーションに追加されたユーザーは、そのページを表示できます。
2. ページ変数を使用して、ログインユーザーに基づいてデータを読み込むなど、ページ内でカスタムタスクを実行できます。例:
1. ユーザー名をページ上部に表示する。
2. 従業員が1週間に勤務した時間数を表示する。
   

3. 関連トピック

1. ページの作成と管理
2. ページのレイアウトカスタマイズを設定する
3. ページビルダーについて