最初のフォームを構築する

このチュートリアルでは、ユーザー入力の収集に使用するフォームを構築し、そのフォームに基づいて他のアクティビティを実行する方法を説明します。この例では、ユーザーが uipath.com の Web サイトにアクセスするたびに、UiPath 製品の無料トライアルを希望するかどうかを尋ねるフォームが表示されます。回答が「Yes」の場合、ユーザーが別のフォームを使用して入力したメール アドレスに基づいて、ユーザーのアカウントを作成します。

1. UiPath 製品の無料トライアルを希望するかどうかをユーザーに尋ねるフォームを作成します。
   1. 新しい フォーム ファイルを作成し、 Want to try uipath for free.という名前を付けます。
   2. [ラベル/ヘッダー] コンポーネントを追加し、[内容] フィールドに「Hey there!」と入力します。
   3. 無線コンポーネントを追加し、[ラベル] を「Do you want to try UiPath products for free?」に設定します。Yes と Noの 2 つの値を設定します。
   4. ラジオ コンポーネントの [プロパティ名] を覚えておいてください。これを使用してデータをワークフローにマッピングするためです。この例では、[ プロパティ名 ] は answerです。
2. ユーザーが UiPath 製品の無料トライアルを希望しない場合のために、希望しない理由を尋ねるフォームを作成します。
   1. 新しい フォーム ファイルを作成し、 Why don't you want to try uipath products for freeという名前を付けます。
   2. [ラベル/ヘッダー] コンポーネントを追加し、[内容] フィールドに「Ok, we respect your decision!」と入力します。
   3. テキスト領域コンポーネントを追加し、[ラベル] を「But before you leave, can you tell us why you don't want to try UiPath products for free?」に設定します。
   4. ユーザーが UiPath 製品の無料トライアルを希望しない理由をワークフローにマップする場合は、テキスト領域コンポーネントのプロパティ名を覚えておいてください。
3. UiPath 製品の無料トライアルを希望するユーザーに対して、アカウントを作成するためにメール アドレスの入力を求めるフォームを作成します。
   1. 新しい フォーム ファイルを作成し、 ask for user dataという名前を付けます。
   2. [ラベル/ヘッダー] コンポーネントを追加し、[内容] フィールドに「Time to create a user account and an organziation!」と入力します。
   3. メール コンポーネントを追加して、ユーザーが入力したメール アドレスが有効な形式でない限り送信されないようにします。[ラベル] を「What's the work email you want to create your account with? に設定します。
4. プロジェクト内のすべてのトリガーを実行する Main ファイルを作成します。
   1. [ ブラウザー/アプリケーションを使用 ] アクティビティを追加し、トリガーを実行する前に Web サイトを開くために、ターゲットとして www.uipath.com Web サイトを指定します。
   2. プロジェクトのすべてのトリガーを同時に実行するために、[ローカル トリガーを実行] アクティビティを追加します。
5. uipath website opened という名前の別のワークフローを作成し、ユーザーが UiPath 製品の無料トライアルを希望していて、それに応じた行動を取るかどうかを、ユーザーの回答に基づいて確認します。
6. [アプリケーション イベント トリガー] アクティビティを追加し、ターゲットとして UiPath Web サイトのヘッダーを指定します。さらに、[イベント] を [出現] に、[スケジュール モード] を [一回] にそれぞれ設定します。
7. [ フォームを表示] アクティビティを追加します。[フォームを選択] で、Want to try uipath for freeフォームを選択します。

   1. [引数] のコレクションに次の引数を追加して、回答をワークフローにマップします。

      キー	入力	方向	値 (Value)
      answer (ラジオ コンポーネントのプロパティ名)	String	Out	answerValue (データを格納する変数)
      data.demoValue (ラジオ コンポーネントのプロパティ名)	String	In	demoValue (データを格納する変数)

      注:

      データの先頭に要素 id が付いている場合、値は Form.io データ ディクショナリに送られます。その後、Form.io デザイナーでフォーム {{data.demoValue}}の式を使用して、この値を使用できます。バインドする data.demoValue 引数をフォーム ファイルの HTML 要素で定義する必要があります。

   2. ユーザーの入力を待ってから他のアクティビティが実行されるよう、[ワークフローの実行を続行] を無効化します。

8. [ 条件分岐 (if )] アクティビティを追加し、[ 条件] を answerUser.ToString = "yes" に設定します (条件の形式は 変数です。ToString = "条件を付けたい回答の値")
   1. [Then] ブロック内に [アプリケーション/ブラウザーを使用] アクティビティを追加します。
   2. その中に [クリック] アクティビティを追加して、[Try UiPath Free] ボタンを指定します。
   3. [ フォームを表示 ] アクティビティを追加し、ユーザーのメール アドレスの入力を求める ask for user data フォームを選択します。
   4. [ Else ] ブロック内に [ フォームを表示 ] アクティビティを追加して [ why don't you want try uipath products for free ] フォームを選択し、ユーザーが UiPath 製品を試したくない理由を確認します。

チュートリアルの結果については、以下のビデオをご覧ください。

ワークフローの例

この手順に従ってチュートリアルをご自身で試してみるには、こちらからサンプル プロジェクトをダウンロードします。