Zoho Creatorページへのガントチャート拡張機能の追加と設定

Zoho Creatorページへのガントチャート拡張機能の追加と設定

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

要件

Zoho Creator アプリケーションにGantt Chart 拡張機能を追加して、プロジェクトのスケジュール、タスクの期間、タスクの重複、マイルストーン、期限を可視化・把握します。

ユースケース

組織でタスクを管理するために、Zoho Creator のタスク管理アプリケーションを使用しているとします。タスクの期間、タスクの重複、マイルストーン、期限など、さまざまな要素を含めたタスク全体の状況を表示するには、任意のアプリケーションページに Gantt Chart 拡張機能を埋め込むことができます。この Gantt Chart 拡張機能を使用すると、Zoho Creator アプリケーション内でプロジェクトを効率的に計画、スケジューリング、追跡できます。

前提条件

Zoho Creator 用 Gantt Chart 拡張機能のインストール
  1. Zoho マーケットプレイスのGantt Chart 拡張機能を Zoho Creator にインストールします。拡張機能のインストールと管理の方法を参照してください。

または、Zoho Creator から直接Gantt Chart 拡張機能をインストールすることもできます。[Operations] セクション > [Application] > [マーケットプレイス] > [拡張機能]に移動し、インストールします。
 

手順

  1. フォームを作成し、以下の詳細を使用してプロジェクトおよびタスクの情報を保存します。

    フォーム名

    フォームリンク名

    項目タイプ

    項目名

    項目リンク名

    タスク詳細

    Task_Details

    単一行

    タスク件名

    Task_Title

    複数行

    タスク説明

    Task_Description

    日付

    開始日

    Start_Date

    日付

    終了日

    End_Date

  2. 情報: Gantt チャートを正しく表示するために、並べ替え設定で、[タスク詳細]フォームの「すべてのタスク詳細」レポートを、レポートプロパティから[開始日]項目を基準に昇順で並べ替えてください。

  3. ページを作成し、名前を「Gantt Chart」として Gantt Chart 拡張機能を追加します。
  4. 左ペインの [Widgets] セクション内の [Installed] カテゴリーに表示されている Gantt Chart 拡張機能をドラッグ&ドロップします。
  5. ページのページ変数に移動し、拡張機能に必要なパラメーターを渡すため、次のページ変数を追加します。

    変数

    データタイプ

    data

    TEXT



  6. 拡張機能のパラメーターにデータを渡すため、エディターに次のスクリプトを追加してページスクリプトを設定します。
  1. input。data =
  2. {
  3. 'reportName':'All_Task_Details',
  4. 'chartSetup':{
  5. 'dateFormat': 'dd-MMM-yyyy',
  6. '項目':
  7. {
  8. 'taskName':'Task_Title',
  9. 'startDate':'Start_Date',
  10. 'endDate':'End_Date'
  11. }
  12. }
  13. };
説明:
All_Task_Details
は、「タスク詳細」フォームのレポートのレポートリンク名です。
dd-MMM-yyyy
(任意)
お使いのアプリケーション設定日付形式日付と時刻の設定で指定された形式です。
対応形式:
  1. dd-MM-yyyy (デフォルト)
  2. dd-MMM-yyyy
  3. MM-dd-yyyy
Task_Title
は、「タスク件名」項目の項目リンク名で、「タスク詳細」フォーム内にあります。
Start_Date は、「タスク詳細」フォーム内の「開始日」項目の項目リンク名です。
End_Date
は、「タスク詳細」フォーム内の「終了日」項目の項目リンク名です。

動作を確認する


  1. ガントチャート拡張機能
  2. 拡張機能について
  3. 拡張機能のインストールと管理