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

このチュートリアルでは、ユーザー入力の収集に使用するフォームを構築し、そのフォームに基づいて他のアクティビティを実行する方法を説明します。この例では、ユーザーが 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"」に設定します (条件の形式は「variable.ToString = "the value of the answer you want to place the condition on"」です)。
   1. [Then] ブロック内に [アプリケーション/ブラウザーを使用] アクティビティを追加します。
   2. その中に [クリック] アクティビティを追加して、[Try UiPath Free] ボタンを指定します。
   3. [フォームを表示] アクティビティを追加し、ユーザーのメール アドレスを尋ねる [ask for user data] フォームを選択します。
   4. [Else] ブロック内に [フォームを表示] アクティビティを追加して [why don't you want try uipath products for free] フォームを選択し、ユーザーが UiPath 製品のトライアルを希望しない理由を確認します。

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

ワークフローの例

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