Oracle Integration Enterprise Process Webフォームの作成

単純なアプリケーションの作成

Webフォームを使用すると、ユーザーはビジネスプロセスと対話できます。たとえば、フォームでアプリケーションを開始したり、ヒューマン・タスクでフォームを使用できます。プロセス承認フォームで使用する単純なアプリケーションを作成できます。

ホーム・ページに移動し、「プロセス・ビルダー」、「作成」、「新規アプリケーション」の順にクリックします。
「Create Application」ダイアログ・ボックスで、プロセス・アプリケーションに付ける名前を入力し、「Create」をクリックします。
「プロセスの作成」ページで、「フォームで開始」を選択します。
「Create Process」ウィンドウで、プロセスに割り当てる名前を入力し、「Create」をクリックします。
プロセスに承認ヒューマン・タスクを追加し、承認などの名前を付けます。

Webフォームの作成

プロセス・フローを処理するためのフォームを作成できます。このフォームは、リクエストの承認または却下を担当するユーザーにも表示されます。

プロセスで、開始フォームのプロパティを開きます。「Start」アイコンをクリックして、そのアクション・メニューをクリックします。(フォームがフロー要素にまだ関連付けられていないため、「Open Form」コマンドはグレー表示されます。)「Open Properties」を選択します。
「タイトル」フィールドに、フォームに指定する名前を入力します。
「フォーム」フィールドの「新規フォームの作成」をクリックし、「新規Webフォーム」を選択します。
「新規Webフォームの作成」ダイアログ・ボックスで、「名前」フィールドにフォームに入力した名前を入力し、「作成」をクリックします。

新しいフォームの識別情報は「Properties」ペインの「Form」フィールドに表示されます。
「Edit Form」アイコンをクリックします。

フォーム用に入力したタイトルを持つ新しいタブでWebフォーム・エディタが開きます。

エディタの中央にはキャンバスが表示され、パレットのコントロールをキャンバス上にドラッグ・アンド・ドロップすることによってフォームを作成できます。「Properties」ペインでは、設定を選択できます。「Data」ペインには、フォームのコントロールのデータ属性がリストされます。

コントロールの追加および構成

基本パレットおよび詳細パレットからプロセス承認フォームにコントロールを追加できます。

フォームのキャンバス上に名前フィールドを1行で追加し、構成します。たとえば、ユーザーの情報名と姓を追加するには、入力テキスト・コントロールを基本パレットからキャンバスにドラッグします。別の入力テキスト・コントロールを最初のコントロールの横にドラッグします。

ドラッグ時には、コントロールを配置できる場所(別のコントロールの横、間または下など)が点線で囲まれたボックスに表示されます。ドロップすると、スペースを確保するために、非表示のグリッド上でコントロールが調整されます。(フォームでは1行に最大12個のコントロールを配置できます。)

コントロールを再配置するには、点線のハンドルをドラッグして新しい場所にドロップします。その周囲のコントロールは、それに従って調整されます。編集するとき、必要に応じて「Undo」および「Redo」をクリックします。
最初のテキスト・コントロールを選択します。「Properties」に「General」タブと「Styling」タブが表示されます。タブ設定は選択したコントロールに適用されます。
「General」タブで、「Name」フィールドをFirstNameに変更し、「Label」フィールドをFirst Nameに変更します。
「Name」フィールドはコントロール自体に適用され、「Label」フィールドはその表示名を示します。
ステップ2および3を繰り返して、2つ目のコントロールの名前をLastNameに、ラベルを「姓」に変更します。この方法では、必要なすべてのフィールドをフォームに追加できます。
フォーム・キャンバスの空白領域をクリックして、コントロール・プロパティとフォーム・プロパティを切り替えます。

「Properties」のタブが「Form」と「Presentation」に変わり、選択したコントロールではなくフォーム全体に適用されるようになります。コントロールをクリックすると、タブが「一般」と「スタイル設定」に変わり、そのコントロールに適用されます。

また、「Data」ペインに、コントロールと同名(大/小文字)のデータ属性がリストされます。これらの属性は、各コントロールを追加したときに自動的に作成されたものです。これは、「フォーム」タブの「自動バインド」フィールドを選択した場合の動作です。これらの属性には、プロセスの実行中にフォームのペイロード(作業)データが保持されます。
「保存」をクリックしてフォームを保存します。

承認者の代替ビューの追加

フォームの代替ビューを追加して、プロセスの承認者に表示できます。

「プロパティ」ペインで「プレゼンテーション」タブをクリックします。(かわりに「一般」タブと「スタイル設定」タブが表示される場合は、最初にキャンバスの空白領域を選択して「プレゼンテーション」タブを表示します。)
「Name」フィールドで、Main (デフォルト名)をフォームに指定する名前(例: Sellers)に置き換えます。このプレゼンテーションは、あらかじめ作成されています。
プレゼンテーションとはフォームの単一ビューです。フォームでは複数のプレゼンテーションを使用できます。
「Form」タブをクリックします。「Presentations」表にEmployeesというプレゼンテーションがリストされるようになります。星は、デフォルト・プレゼンテーションであることを示します。
「研究発表」表で、「追加」をクリックしてプレゼンテーションを追加します。「プレゼンテーションの作成」ダイアログ・ボックスで、「名前」フィールドに「承認者」と入力し、「基準」フィールドで「従業員」を選択し、「作成」をクリックします。
キャンバス上部の「Presentation」フィールドを使用して、2つのプレゼンテーション間を切り替えます。
Approversプレゼンテーションの名前フィールドを読取り専用にする場合。
1. Approversプレゼンテーションを選択します。
2. 「First Name」フィールドを選択します。「General」タブで、スクロール・ダウンして「Read Only」を選択します。フィールドが空白に変わり、その値を変更できません。
3. 「Last Name」フィールドを読取り専用に変更します。

フォームのスタイルシートの変更

組織のブランディングを適用するには、スタイルシートをアップロードして適用します。1つのフォームには1つのスタイルシートのみを割り当てることができます。

フォームの空白領域をクリックし、「Properties」ペインの「Form」タブをクリックします。
必要に応じてスクロール・ダウンし、「スタイルシート」フィールドの「編集」をクリックします。「Stylesheets」ページが開きます。
スタイルシートをアップロードするには、「Upload」をクリックし、スタイルシート・ファイル(.cssまたは.txt)を選択します。「Stylesheets」領域で、スタイルシートをクリックして適用します。
「プレビュー」領域で、「CSS」をクリックしてスタイルシートの書式を表示するか、「フォーム」をクリックしてプレビューします。
「X」をクリックしてCSSブラウザを閉じ、フォームに戻ります。

フォームのプレビュー

作成したフォームは、エンド・ユーザーがモバイル・デバイス、タブレットまたは大画面のいずれで表示しても、画面サイズに合わせて自動的に調整されます。

Webフォーム・エディタで、「Preview」をクリックします。
「Preview(プレビュー)」ウィンドウで、異なるデバイス・サイズを選択してフォームを表示します。
フォームのコントロールにサンプル値を入力し、「Submit」をクリックします。
ウィンドウの下部にあるフィールドは、フォーム・エントリ(ペイロード値とも呼ばれる)がどのようにデータ属性として格納され、プロセスで使用されるかを示しています。
「閉じる」をクリックして「プレビュー」ウィンドウを閉じます。「保存」をクリックします。

プロセス内でのフォームとプレゼンテーションの使用

承認フォームは、異なるプロセスやタスクに対して構成できます。

「Application Home」タブ、「Forms」の順にクリックします。フォームはここに表示されます。
「Forms」ペインには、実際に使用されているかどうかに関係なく、アプリケーションに対して作成されたすべてのフォームが表示されます。アプリケーションではWebと基本の両方のタイプ・フォームを作成して使用できることに注意してください。
いずれかのプロセス・タブをクリックします。
プロセスの承認者用に作成したヒューマン・タスクを選択し、その処理メニューをクリックします。フォームがまだ関連付けられていないため、「Open Form」コマンドはグレー表示されます。「Open Properties」を選択します。ペインを展開し、そのプロパティを表示します。
「フォーム」フィールドで、標準プロセス・フォームを選択します。
「Presentation」フィールドで、Approversプレゼンテーションを選択してこのタスク用に表示します。