最初のフォームの作り方 ステップ
  • 31 Oct 2023
  • 1 読む分
  • 寄稿者

最初のフォームの作り方 ステップ


記事の要約

最初のフォームステップの作り方

アプリ全体におけるフォームステップの使い方

:::(Warning) (警告) r234 現在、フォームステップはすべての新しい Tulip インスタンスで無効になっています:

この記事では...

  • フォームステップのレイアウト方法
  • フォームステップでデータを取得するさまざまな方法
  • フォームの特定の回答に基づいてロジックを追加する方法

:::(Info) (注)このトピックはTulip Universityの「基本的なアプリのデザインとロジック」コースで紹介されています:

チューリップでは、アプリに追加できるステップは2種類あります:

  1. ノーマルステップは、通常、紙の指示書の個々のステップに対応します。ノーマルステップでは、書式を拡張することもできます。
  2. フォームステップ:オペレーターが作業に関する一連の詳細を入力するためのステップです。

ノーマルステップは、読みやすさと見やすさに重点を置いていますが、フォームステップでは、オペレーターが詳細な情報を簡単に入力することができます。

フォーム・ステップは、作業指示書のフィールド、欠陥レポートのチェックボックス、またはオペレーターがデータを追加する必要があるその他のケースを置き換えるために一般的に使用されます。オペレーターがスプレッドシートを使ったり、フォームに記入するときはいつでも、フォーム・ステップを使う機会があります。

フォームはこのように置き換わります:

こんな感じです:

フォームステップの使い方は以下の通りです。もしフォームステップを通常の製造工程で使うことに興味があれば、ステップバイステップのガイドをご覧ください:

フォームフィールドのオプション

フォーム内のさまざまなオプションです:

**ブール値:**イエス/ノーの質問に答える

**ドロップダウン:**あらかじめ選択された選択肢のリストをボタンやドロップダウンセレクタで表示します。

**マルチセレクト:**リストから複数の選択肢を選ぶ

**テキスト:**テキストを入力

数字数字を入力(+/-でインクリメントも可能)

画像デバイスのデフォルトカメラまたはUSBカメラで写真を撮る。この画像は後のステップやアナリティクスで使用できます。

フォームフィールドの変更

各タイプのフォームウィジェットでは、以下のオプションを変更することができます:

**入力ラベル:**フォーム内のラベル

**フォントサイズ:**ラベルフォントのサイズ

フォントの色: ラベルフォントの色

フォントのスタイルラベルフォントのスタイル

変数オペレータが入力した値を格納する変数

必須フォームを送信する前にオペレータが何らかの値を入力しなければならないかどうか

各フォームウィジェットの詳細については、フォームウィジェットガイドを参照してください

フォームのレイアウトを変更する

ステップ自体のどこかをクリックすると、画面右のコンテキスト・ペインにレイアウト変更オプションのリストが表示されます。

コンテキストペインのドロップダウンメニューを使って、キャンセルボタンと送信ボタンの機能を変更することができます。これらのオプションを使ってより複雑なロジックを構築する方法は、次のセクションで説明します。

複数のカラムを追加し、各フィールドを新しいカラムにドラッグすることで、より多くのフィールドをフォームに配置することができます。

すべてのフォームステップには下部に3つのボタンがあります:

  • 「キャンセル" にはトリガー用の複数のオプションがあります。
  • メニュー
  • "Submit "にはトリガーメニューの複数のオプションがあります。

フォーム内で変数を使う

フォームの特定のレスポンスに基づいて動的なロジックを構築したいとします。

例えば、ある人が品質検査をしていて、「スクラップ」ではなく「リワーク」というオプションを選択した場合、その部品をリワークのために適切なビンに入れるように指示したいとします。

ここで、フォームステップのフィールドの値を追跡する変数が必要になります。

フィールドを選択し、コンテキストペインの「変数」セクションに移動します。

をクリックして、フィールドの値を追跡する新しい変数を作成します。

次に、"Name" フィールドで変数名を変更できます。

フォームを完成させる方法

ユーザーがフォームを完成させるとき、いくつかのことが起こります。オペレータは右下の "Submit "ボタンか左下の "Cancel "ボタンを押さなければなりません。

フォームステップの背景をクリックすると、コンテキストペインの真ん中にあるオプションから、オペレーターがこれらのボタンを押した後の動作を選択することができます。

ここでは「送信」ボタンに関するいくつかのオプションを紹介します:

**次のステップへ -**デフォルトでは、ユーザーは次のステップに進みます。

**Go To Step...-**アプリ内の特定のステップを選択します。

**Complete App(アプリを完了)-**ユーザーがアプリを完了しました。

**カスタムアクション -**フォーム内で更新された変数(またはその他の変数)に基づいて、カスタムトリガーを追加できます。

カスタムアクションの詳細については、こちらを参照してください。

フォームステップの値をクリアする方法は2つしかありません:

  1. アプリを完了する
  2. アプリをキャンセルする

アナリティクスでフォームフィールドを使う

変数の有無に関わらず、フォームのデータを分析することができます。

分析] に移動し、左サイドバーの [X 軸] カテゴリを選択します。

既存のデータポイントをクリックします。

次に「アプリフォーム」カテゴリーを選択します。

アプリ全体から任意のフォームフィールドを選択できるようになります。

フォームフィールドの結果を変数で追跡する場合は、「アプリ変数」カテゴリで変数を使用することもできます。

テーブル分析では、複数のフォームフィールドを一度に表示できます。複数のフォームフィールドを選択するには、左メニューの「操作」タブをクリックします。

新しい操作を追加」ボタンをクリックし、追加する特定のフォームフィールドを選択します。

テーブルはこんな感じになります。


お探しのものは見つかりましたか?

community.tulip.coに質問を投稿したり、他の人が同じような質問に直面していないか確認することもできます!


この記事は役に立ちましたか?