SAP BTP Free TrialでSAP Build Process Automationを使ってビジネスプロセスを作成してみよう（中編）

こちらの記事の続きになります。

https://qiita.com/Nel_SAP_Basis/items/f0f15691c48ad941ee46

引き続き、こちらのTutorialを参考にしています。

https://developers.sap.com/mission.sap-process-automation.html

## トリガーフォームの作成

まず最初に、ビジネスプロセスを開始するためのトリガーフォームを作成します。

「トリガを追加」をクリックします。
![スクリーンショット 2024-04-06 12.28.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/0a1bee36-1d5a-9c01-acdb-536089cf04c2.png)

「フォームを送信する」をクリックします。
![スクリーンショット 2024-04-06 12.29.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/68b4fc9c-1fba-cf9e-7a85-5d667d2057ef.png)

「空白フォーム」をクリックします。
![スクリーンショット 2024-04-06 12.31.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/219db0e0-357a-7bbe-30a1-238d35490fc0.png)

フォームの作成画面が表示されますので、
![スクリーンショット 2024-04-06 12.32.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/bd4efa08-b01d-2983-4af9-ee349299d5bc.png)

以下の項目を入力して作成ボタンをクリックします。（IDは自動入力されます）
名前: `Order Processing Form`
説明: `Form to collect order details`
![スクリーンショット 2024-04-06 12.34.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/44962469-a079-3649-f142-f4c716fe3a93.png)

トリガーフォームが作成されますので、「・・・」 -> 「エディタを開く」の順にクリックします。
![スクリーンショット 2024-04-06 13.05.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/5a2245a4-6054-4c9d-a038-54d945cbdd0e.png)

トリガーフォームのエディタが開きますので、
![スクリーンショット 2024-04-06 13.28.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/77dba5ed-fca5-5567-72b6-256dd6ff4b7e.png)

「見出し１」のアイコン(H1)と、「段落」のアイコン(AA)を図のようにドラッグ＆ドロップします。
![スクリーンショット 2024-04-06 15.24.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/d6736516-c507-a3f3-7f73-02c808070ca7.png)

「見出し１」と「段落」に、それぞれ以下の文字を入力します。
見出し１：　`Order Approval Request Form`
段落：　`Please provide the necessary information of your order and submit for approvals.`
![スクリーンショット 2024-04-06 15.30.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/d73413bc-e35b-29e3-dfa8-339b1144c668.png)

その他のアイコンも図のようにドラッグ＆ドロップし、「テキスト」と「番号」と「日付」にそれぞれ以下の文字を入力し、それぞれ「必須」のチェックボックスに✔︎を入れます。最後に保存ボタンをクリックします。
テキスト：	`Customer Name`
テキスト：	`Order Number`
番号：	`Order Amount`
日付：	`Order Date`
テキスト：	`Shipping Country`
日付：	`Expected Delivery Date`
![スクリーンショット 2024-04-06 15.52.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/e8b5a009-4577-5817-499f-25d4a4bc5d6d.png)
![スクリーンショット 2024-04-06 16.00.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/3cf5af7b-52b9-6fba-bb66-4e716edd47a1.png)

次の操作へ進むため、「Order Processing」タブをクリックします。
![スクリーンショット 2024-04-06 16.03.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/230e774d-a8ba-1e74-b168-111c2a0b7b38.png)

## 承認フォームの作成

次に承認フォームを作成します。「＋」アイコンをクリックします。
![スクリーンショット 2024-04-06 16.15.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/37da37a9-3ce8-c54c-c869-1839bd0d4463.png)

「承認」をクリックします。
![スクリーンショット 2024-04-06 16.15.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/32ece0f0-aa8b-4d15-e1f3-6f2b1184479c.png)

「空白　承認」をクリックします。
![スクリーンショット 2024-04-06 16.16.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/5df34678-ed15-9f07-a16b-194c75a1a727.png)

「承認を作成」画面で以下の項目を入力します。
名前: `Approval Form`
説明: `Form to approve or reject the sales order`
![スクリーンショット 2024-04-06 16.16.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/2e558866-fb05-8778-1fa7-3d1cae0669fe.png)
![スクリーンショット 2024-04-06 16.17.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/c07e7ee9-71da-b141-e216-15b02968edeb.png)

承認フォームが作成されますので、「・・・」 -> 「エディタを開く」の順にクリックします。
![スクリーンショット 2024-04-06 16.35.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/a14eccb5-d22a-17fd-da4c-7c15052a3e9d.png)

「見出し１」アイコンと「段落」アイコンを図のようにドラッグ＆ドロップし、「見出し１」と「段落」にそれぞれ以下の文字を入力します。
見出し１：	`Approve Sales Order`
段落：	`A new order has been received. Please review and confirm whether the requirements can be met or not.`
段落：	`Sales Order Details:`
![スクリーンショット 2024-04-06 16.38.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/626d614c-4cc3-19ee-5988-39b7e4e69e89.png)

その他のアイコンも図のようにドラッグ＆ドロップし、「テキスト」と「番号」と「日付」にそれぞれ以下の文字を入力し、それぞれ「読込専用」のチェックボックスに✔︎を入れます。
テキスト：	`Customer Name`
テキスト：	`Order Number`
番号：	`Order Amount`
日付：	`Order Delivery Date`
![スクリーンショット 2024-04-06 17.01.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/d4c86745-bae2-668b-58e8-925601f4bed6.png)

その下にもアイコンを図のようにドラッグ＆ドロップし、「段落」と「チェックボックス」と「テキスト領域」にそれぞれ以下の文字を入力します。最後に保存ボタンをクリックします。
段落：	`Supplier Acknowledgment`
チェックボックス：	`I acknowledge that we have received your order and will process it based on the availability`
テキスト領域：	`Message to buyer:`
![スクリーンショット 2024-04-06 17.11.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/99e15288-ce0c-66c3-1d2c-8e432acea15c.png)

## 承認フォームの設定

次に作成した承認フォームの設定を行います。
「Order Processing」タブ -> 「Approval Form」　-> 「一般」の順にクリックします。
![スクリーンショット 2024-04-06 17.34.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/8af248c1-997b-e2df-c80b-72c96c1e2e38.png)

件名に以下の内容を入力します。コピー＆ペーストで文字入力をするとなぜか上手くいきませんでしたので、直接入力するのが良いと思います。
`Review and approve order`を入力、
「Order Processing Form (Trigger)」から`Order Number`を選択、
`from`を入力
「Order Processing Form (Trigger)」から`Customer Name`を選択、
`company`を入力
![スクリーンショット 2024-04-06 18.09.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/4523fa21-c2e7-cde4-c566-234983f1b643.png)
![スクリーンショット 2024-04-06 18.10.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/99b85b88-2bd8-e449-0dd0-201eb61eee14.png)

受信者のユーザの入力ボックスをクリックし、「プロセスメタデータ」から「Process Stated By」を選択します。
![スクリーンショット 2024-04-06 17.55.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/f7c8627c-ce0b-4dc9-0c56-a6c4c5e4cd80.png)

期日の「期日のタイプを選択」から「静的期間」を選択し、「タスク作成後の期日」を「2」「日」を選択します。
![スクリーンショット 2024-04-06 17.58.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/b6b69b76-1108-dcd2-adf8-26e7c3e927c2.png)

「入力」タブをクリックし、アイコンを図のようにドラッグ＆ドロップします。最後に保存ボタンをクリックします。
Customer Name：	Customer Name
Order Delivery Date：	Expected Delivery Date
Order Amount：	Order Amount
Order Number：	Order Number
![スクリーンショット 2024-04-06 18.02.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/8466a4cf-e3c0-9b79-4d57-e6b413412ab4.png)

正しく入力を終えると、「Approval Form」の左のアラートアイコンが消えます。
![スクリーンショット 2024-04-06 18.12.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/7adb1622-6547-5b40-8785-3faf459a1c2f.png)

## 通知の作成と設定

次に通知の作成と設定を行います。
「＋」（プロセスステップの追加）をクリックします。
![スクリーンショット 2024-04-06 18.16.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/deb793ef-6437-bcdc-a56f-54cd0583f426.png)

「フォーム」をクリックします。
![スクリーンショット 2024-04-06 18.18.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/e456e5dc-3fb6-64db-2148-3459de62d2f7.png)

「空白　フォーム」をクリックします。
![スクリーンショット 2024-04-06 18.19.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/3225eba9-f188-5e04-0b4f-93d08cbbc6f5.png)

「フォームの作成」の画面が表示されますので、以下の項目を入力して作成ボタンをクリックします。
名前：　`Order Confirmation Form`
説明：　`Notification form to inform whether the sales order is approved by the supplier
Choose Create`
![スクリーンショット 2024-04-06 18.20.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/dca957d2-d3da-adab-fcba-8ebcc139f910.png)

「Order Confirmation Form」の「・・・」 -> 「エディタを開く」の順にクリックします。
![スクリーンショット 2024-04-06 18.27.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/87a45846-cee3-3558-a8f2-8b0d272b44f7.png)

「Order Confirmation　Form」の画面が開きますので、「見出し１」アイコンと「段落」アイコンと「テキスト領域」アイコンを図のようにドラッグ＆ドロップし、「見出し１」と「段落」と「テキスト領域」にそれぞれ以下の文字を入力します。
見出し１：	`Order Confirmation`
段落：	`Your order has been received and accepted for delivery. We will send you the details as soon as the order is shipped. You can find the details of your order below, please review and verify your request:`
テキスト領域：	`Message from the supplier:`
段落：	`Your Sales Order Details:`
![スクリーンショット 2024-04-06 18.30.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/5a2bdfc0-1282-36bc-81c7-5cc40bac6590.png)

その下にもアイコンを図のようにドラッグ＆ドロップし、「テキスト」と「番号」と「日付」にそれぞれ以下の文字を入力し、それぞれ「読込専用」のチェックボックスに✔︎を入れます。最後に保存ボタンをクリックします。
テキスト：	`Order Number`
番号：	`Order Amount`
日付：	`Expected Delivery Date`
![スクリーンショット 2024-04-06 18.38.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/11719135-d815-8a89-5640-2174de25af40.png)

「Order Processing」タブ -> 「Order Confirmation Form」 -> 「一般」の順にクリックし、
件名に
`Your order`を入力、
「Order Processing Form」から`Order Number`を選択、
`has been successfully received`を入力します。
受信者の「ユーザ」に
「プロセスメタデータ」から「Process Started By」を選択します。
![スクリーンショット 2024-04-06 18.45.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/6a34f4d3-6cef-b87a-ddd8-00d078e938dc.png)

「入力」タブをクリックし、アイコンを図のようにドラッグ＆ドロップします。最後に保存ボタンをクリックします。
Order Number：	Order Number
Message from the supplier：	Message to buyer
Expected Delivery Date：	Expected Delivery Date
Order Amount：	Order Amount
![スクリーンショット 2024-04-06 18.51.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/c1923ba2-9927-8bed-d1ca-e052adbdaaff.png)

入力が正常に完了すると、「Order Confirmation Form」の左のアラートが消えます。
次の操作に移るため、「概要」タブをクリックします。
![スクリーンショット 2024-04-06 19.05.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/e8fcaa80-fa5c-4c51-08ea-37f47f5bb069.png)

「Order Confirmation Formの「・・・」 -> 「複製」の順にクリックします。
![スクリーンショット 2024-04-06 19.07.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/396c1ad3-9a12-e4d4-cd5d-88beac7ef37a.png)

「アーティファクトを複製」の画面が表示されますので、名前に`Order Rejection Form`を入力し、複製ボタンをクリックします。
![スクリーンショット 2024-04-06 19.18.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/e7e6a632-549e-f05b-b85e-cd5771131bfb.png)

複製した「Order Rejection Form」のエディタが自動的に開きますので、以下の項目を修正し、
見出し１：	`Order Rejection`
段落：	`We are sorry to inform you that your order cannot be accepted. Any inconvenience caused due to the refusal of the order is regretted. You can find the reason of the rejection and the details of your order below, please confirm the request:`
「段落」最下段に追加後、以下を入力します。最後に保存ボタンをクリックします。
段落：	`Please press the SUBMIT button to acknowledge the order status.`
![スクリーンショット 2024-04-06 19.21.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/24a9135c-d2e9-1a36-0bc0-151d7e6a81ae.png)
![スクリーンショット 2024-04-06 19.22.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/a781242c-4205-61dc-d408-c0187eede65a.png)

「Order Processing」タブをクリックし、「Approval Form」の「Reject」側の「+」（プロセスステップの追加）をクリックします。
![スクリーンショット 2024-04-06 19.28.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/dd5029b8-c567-c2d5-862a-905cbb97d441.png)

「フォーム」をクリックします。
![スクリーンショット 2024-04-06 21.33.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/37304c4c-a96d-2d07-62c2-a2a6fddcb2de.png)

「Order Rejection Form」をクリックします。
![スクリーンショット 2024-04-06 21.35.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/1731cb48-7704-480b-76d9-61ce56ad8b14.png)

「一般」タブで件名に
`Your order`を入力、
「Order Processing Form」から「Order Number」を選択、
`is rejected by the supplier`を入力、
「優先度」で「優先」を選択、
「ユーザ」で「プロセスメタデータ」から「Process Started By」を選択します。
![スクリーンショット 2024-04-06 21.37.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/75ffa7cc-f061-fe82-35a0-4cbcf2ae5c69.png)
![スクリーンショット 2024-04-06 21.40.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/dfef9928-3037-8c8b-b915-5e62d7eedb40.png)

「入力」タブをクリックし、アイコンを図のようにドラッグ＆ドロップします。最後に保存ボタンをクリックします。最後に保存ボタンをクリックします。
Expected Delivery Date：	Expected Delivery Date
Message from the supplier：	Message to buyer
Order Amount：	Order Amount
Order Number：	Order Number
![スクリーンショット 2024-04-06 21.43.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/8fd3ea4a-618a-e5df-52df-85d9fecd2cee.png)

「Order Rejection Form」の左側からアラートが無くなっていれば完了です。
![スクリーンショット 2024-04-06 22.42.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1181562/a20793ec-f9d9-366a-a9b5-ffba4da2f485.png)

今回の記事はここまでになります。次回で最後になります。