現在表示中:

必要条件

AEM Forms リファレンスサイトのセットアップおよび設定」を参照してリファレンスサイトをセットアップします。

概要

通常、従業員セルフサービスシステムは企業のイントラネットでホストされ、従業員が自分の席からさまざまな情報やサービスにアクセスして利用できるようになっています。これにより、雇用内容詳細へのアクセス、休暇の申請、経費報告書の提出などを操作する権限が従業員に与えられ、自身でコントロールできるようになります。一方、組織は従業員に情報を提供しながらプロセス効率を高め、費用を削減することができます。

従業員セルフサービスのリファレンスサイトでは、どのように AEM Forms を活用して従業員セルフサービスのシステムを組織に実装するのかを紹介しています。

注意:

従業員セルフサービスのユースケースは、We.Finance と We.Gov のどちらのリファレンスサイトでもご覧いただけます。チュートリアルで使用する例、画像、説明は、We.Finance のリファレンスサイトを使用しています。ただし、これらのユースケースおよびレビューアーティファクトは We.Gov を使用しても実行できます。これを行うには、記述されている URL で we-financewe-gov に置き換える必要があります。

利益相反アンケートのチュートリアル

組織は時によって、従業員の社外での活動や、潜在的に競合する可能性のある組織の従業員との個人的な関係を特定するために、利益相反に関するアンケートを送信するよう従業員に求めています。

Sarah の所属する組織のコンプライアンス部門は、利益相反アンケートを送信するよう従業員に求めました。

Sarah はこの利益相反アンケートを送信

Sarah は組織のポータルサイトにアクセスしてログインし、「Employee」をクリックして従業員のダッシュボードにアクセスします。従業員のダッシュボードで利益相反アンケートを見つけ、「Apply」をクリックします。

we-finance-home
組織のポータルサイト

employee-dashboard
従業員のダッシュボード

Sarah は「Next」ボタンを使用してフォームを移動し、「Introduction」セクションと「Definition」のセクションをすべて読みます。「Questions」セクションにあるアンケートに回答します。最後に、アンケートに署名をして送信します。

組織のポータルサイトとアンケートはレスポンシブで、モバイルデバイスでも使いやすくなっています。次のワークフローは、Sarah がモバイルデバイスでアンケートに移動してアンケートを送信するまでの方法を示しています。

conflict-form-on-mobile

仕組み

組織のポータルサイトと従業員のダッシュボードは AEM サイトページです。このダッシュボードには、利益相反のアンケートなど複数のセルフサービスオプションが一覧表示されています。「Apply」ボタンはアダプティブフォームにリンクされています。

このアダプティブフォームでは、「Questions」タブで入力された回答に基づいて情報を表示または非表示にするためのルールが使用されています。また、「Declaration」タブへの署名に対する「手書き」コンポーネントも使用されています。アダプティブフォームを、http://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/employee/self-service/conflict-of-interest.html で確認します。

実際の動作確認

http://[publishHost]:[publishPort]/content/we-finance/global/en/self-service-forms.html に移動して、Sarah のユーザー名とパスワード(srose/srose)を使用してログインします。「Employee」をクリックしてダッシュボードにアクセスし、利益相反アンケートで「Apply」をクリックします。アンケートを確認して送信します。

Gloria は利益相反アンケートの送信を確認して、承認します。

Sarah により送信された利益相反アンケートは、確認用に Gloria Rios に割り当てられます。Gloria はこの組織でコンプライアンス担当の役員として働いています。Gloria は AEM インボックスにログインし、自分に割り当てられたタスクを確認します。Sarah により送信されたアンケートを承認し、タスクを終了します。

conflict-inbox
Gloria のインボックス

conflict-approved
タスクを開く

仕組み

利益相反アンケートの送信アクションにより、Gloria のインボックスに承認のタスクを作成するワークフローがトリガーされます。Forms ワークフローを、http://[authorHost]:[authorPort]/etc/workflow/models/we-finance/employee/self-service/we-finance-employee-conflict-of-interest.html で確認します。

conflict-workflow

実際の動作確認

http://[authorHost]:[authorPort]/aem/inbox に移動し、Gloria Rios のユーザー名とパスワード(grios/password)を使用してログインします。利益相反アンケート用に作成されたタスクを開き、これを承認します。承認したら、承認済みのタスクを選択して、「Complete」をクリックします。

法人カードの申し込みのチュートリアル

Sarah は出張が多いため、移動にかかる費用の支払いに法人カードを必要としています。彼女は組織の従業員用ポータルサイトで法人カードを申し込みます。

Sarah は法人カードの申込フォームを送信

Sarah は組織のポータルサイトにアクセスしてログインし、「Employee」をクリックして従業員のダッシュボードにアクセスします。従業員のダッシュボードで法人カードの申込フォームを見つけ、「Apply」をクリックします。

we-finance-home
組織のポータルサイト

employee-dashboard
従業員のダッシュボード

法人カードの申込フォームで「Apply」をクリックします。単一ページの申込フォームが開きます。すべての項目に詳細を入力して「Apply」をクリックし、申込書を送信します。

card-form

仕組み

組織のポータルサイトと従業員のダッシュボードは AEM サイトページです。このダッシュボードには、法人カードの申し込みなど複数のセルフサービスオプションが一覧表示されています。申込フォームの「Apply」ボタンはアダプティブフォームにリンクされています。

法人カード申し込みのアダプティブフォームは、単一ページに表示される簡素化されたレスポンシブフォームです。これは、テキスト、電話、数値ボックス、数値ステッパーなど、基本的なアダプティブフォームコンポーネントを使用しています。アダプティブフォームを、
http://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/employee/self-service/corporate-card.html で確認します。

実際の動作確認

http://[publishHost]:[publishPort]/content/we-finance/global/en/self-service-forms.html に移動して、Sarah のユーザー名とパスワード(srose/srose)を使用してログインします。「Employee」をクリックしてダッシュボードにアクセスし、法人カードの申込フォームで「Apply」をクリックします。各項目に詳細を入力し、申込書を送信します。

Gloria は法人カードの申込書を確認して承認

Sarah により送信された法人カードの申込書は、確認用に Gloria Rios に割り当てられます。Gloria は AEM インボックスにログインし、自分に割り当てられたタスクを確認します。Sarah により送信された申込書を承認し、タスクを終了します。

corporate-card-inbox
Gloria のインボックス

corporate-card-approved
タスクを開く

仕組み

法人カード申し込みの送信ワークフローにより、Gloria のインボックスに承認のタスクを作成する Forms ワークフローがトリガーされます。Forms ワークフローを、http://[authorHost]:[authorPort]/etc/workflow/models/we-finance/employee/self-service/we-finance-employee-corporate-card.html で確認します。

corporate-card-workflow

実際の動作確認

http://[authorHost]:[authorPort]/aem/inbox に移動し、Gloria Rios のユーザー名とパスワード(grios/password)を使用してログインします。法人カードの申し込み用に作成されたタスクを開き、これを承認します。承認したら、承認済みのタスクを選択して、「Complete」をクリックします。

経費報告書送信のチュートリアル

Sarah は出張中に出費があったため、承認を得るために経費報告書を提出する必要があります。組織のセルフサービスオプションを使用すれば、経費報告書をオンラインで送信できます。 

Sarah は経費報告書の申請を送信

Sarah は組織のポータルサイトにアクセスしてログインし、「Employee」をクリックして従業員のダッシュボードにアクセスします。従業員のダッシュボードで経費報告書の申請フォームを見つけ、「Apply」をクリックします。

we-finance-home
組織のポータルサイト

employee-dashboard
従業員のダッシュボード

経費報告書の申請フォームで「Apply」をクリックします。申請フォームが開きます。ここには、「レポート名」と「レポートの詳細」の 2 つのタブが表示されます。「レポートの詳細」タブの「+」アイコンをクリックすると、1 つの報告書に複数の支出項目を追加できます。

組織のポータルサイトと申請フォームはレスポンシブで、モバイルデバイスでも使いやすくなっています。次のワークフローは、Sarah がモバイルデバイスで経費報告書に移動して送信するまでの流れを示しています。

expense-report-on-mobile

仕組み

組織のポータルサイトと従業員のダッシュボードは AEM サイトページです。このダッシュボードには、経費報告書の申請など複数のセルフサービスオプションが一覧表示されています。「Apply」ボタンはアダプティブフォームにリンクされています。

アダプティブフォームの「Report Name」タブと「Report Details」タブはパネルコンポーネントです。「Report Details」パネルには「Expense」パネルが含まれています。これは繰り返し使用可能なパネルで、レポートに複数の支出項目を追加できます。アダプティブフォームおよびその設定を、http://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/employee/expense-report.html で確認します。

実際の動作確認

http://[publishHost]:[publishPort]/content/we-finance/global/en/self-service-forms.html に移動して、Sarah のユーザー名とパスワード(srose/srose)を使用してログインします。「Employee」をクリックしてダッシュボードにアクセスし、経費報告の申請フォームで「Apply」をクリックします。各項目に詳細を入力し、申込書を送信します。

Gloria は経費報告書を確認して承認

Sarah により送信された経費報告書は、確認用に Gloria Rios に割り当てられます。Gloria は AEM インボックスにログインし、自分に割り当てられたタスクを確認します。Sarah により送信された申込書を承認し、タスクを終了します。

expense-report-inbox
Gloria のインボックス

expense-report-approved
タスクを開く

仕組み

経費報告の申請書の送信ワークフローにより、Gloria のインボックスに承認のタスクを作成する Forms ワークフローがトリガーされます。Forms ワークフローを、http://[authorHost]:[authorPort]/etc/workflow/models/we-finance/employee/self-service/we-finance-employee-expense-report-workflow.html で確認します。

expense-report-workflow

実際の動作確認

http://[authorHost]:[authorPort]/aem/inbox に移動し、Gloria Rios のユーザー名とパスワード(grios/password)を使用してログインします経費報告の申請用に作成されたタスクを開き、これを承認します。承認したら、承認済みのタスクを選択して、「Complete」をクリックします。

休暇申請のチュートリアル

Sarah は来月家族旅行を計画しているため、1 週間の休暇を申請しようとしています。

Sarah は休暇の申請書を送信

Sarah は組織のポータルサイトにアクセスしてログインし、「Employee」をクリックして従業員のダッシュボードにアクセスします。従業員のダッシュボードで休暇の申請フォームを見つけ、「Apply」をクリックします。

we-finance-home
組織のポータルサイト

employee-dashboard
従業員のダッシュボード

休暇の申請フォームは、Sarah の名前と従業員 ID が入力された状態で開きます。ここには、彼女の有効な休暇日数と履歴も表示されます。各項目に詳細を入力し、承認用に申請フォームを送信します。

組織のポータルサイトと申請フォームはレスポンシブで、モバイルデバイスでも使いやすくなっています。次のワークフローは、Sarah がモバイルデバイスで申請フォームに移動して送信するまでの方法を示しています。

leave-form-on-mobile

仕組み

組織のポータルサイトと従業員のダッシュボードは AEM サイトページです。このダッシュボードには、休暇の申請など複数のセルフサービスオプションが一覧表示されています。「Apply」ボタンはアダプティブフォームにリンクされています。

休暇申請のアダプティブフォームは、従業員の休暇フォームデータモデルに基づいています。getLeavesOf フォームデータモデルサービスを使用して、「Leave Balance」セクションに有効な休暇日数を示す表が表示されます。「Start Date」および「End Date」フィールドは、ルールを使用して日付の値が現在の日付以降になっているかどうかが検証されます。休暇期間は、calcBusinessDays 関数を使用して計算されます。

次の場所で、アダプティブフォームおよびフォームデータモデルを確認できます。

http://[authorHost]:[authorPort]/editor.html/content/forms/af/we-finance/employee/self-service/leave-application.html

http://[authorHost]:[authorPort]/aem/fdm/editor.html/content/dam/formsanddocuments-fdm/db

実際の動作確認

http://[publishHost]:[publishPort]/content/we-finance/global/en/self-service-forms.html に移動して、Sarah のユーザー名とパスワード(srose/srose)を使用してログインします。「Employee」をクリックしてダッシュボードにアクセスし、休暇の申請フォームで「Apply」をクリックします。各項目に詳細を入力し、申込書を送信します。

Gloria は休暇申請書を確認して承認

Sarah により送信された休暇申請書は、確認用に Gloria Rios に割り当てられます。Gloria は AEM インボックスにログインし、自分に割り当てられたタスクを確認します。Sarah により送信された申込書を承認し、タスクを終了します。

leave-inbox
Gloria のインボックス

leave-approved
タスクを開く

仕組み

休暇申請の送信ワークフローにより、Gloria のインボックスに承認のタスクを作成する Forms ワークフローがトリガーされます。Forms ワークフローを、http://[authorHost]:[authorPort]/etc/workflow/models/we-finance/employee/self-service/we-finance-employee-leave-application.html で確認します。

leave-workflow

実際の動作確認

http://[authorHost]:[authorPort]/aem/inbox に移動し、Gloria Rios のユーザー名とパスワード(grios/password)を使用してログインします。休暇の申請用に作成されたタスクを開き、これを承認します。承認したら、承認済みのタスクを選択して、「Complete」をクリックします。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー