3. 勤怠管理のワークフローを作成しよう（ワークフロー）¶

1. BIS管理者に設定したユーザでログインします。

   （今回の例では、「浅野幸長」でログインします。）
2. サイトマップ「 IM-BIS 」の「 IM-BIS 」をクリックしましょう。

   

1. IM-BIS - 更新履歴が表示されます。

   「新規作成」をクリックして、ワークフローを新規に登録しましょう。

   

1. BIS作成種類を「ワークフロー」に変更し、BIS名に「勤怠管理フロー」と入力して「登録」をクリックします。

   

1. 一番左の「承認／処理」アイコンをドラッグアンドドロップで配置しましょう。

   

2. 配置した各アイコン同士を接続するために、アイコンの右上にマウスを重ねると「 」が表示されます。

   

3. 「 」アイコンから次のアイコンまでドラッグすると、アイコン同士を接続することができます。

   

4. 次に、経理部と人事部が同じタイミングで承認を行えるように、同期開始・同期終了アイコンを配置しましょう。

   

5. 経理部と人事部の承認／処理アイコンを配置しましょう。

   

6. 最後に終了までのアイコンをすべて接続しましょう。

   （各アイコンはドラッグアンドドロップで移動させて、レイアウトを調整しましょう。）

   

1. 「申請／処理開始」アイコンをクリックします。
2. ノード名をわかりやすく「担当者入力」に変更します。

   

3. 次に「処理対象者」の「検索」をクリックした後、組織の左のアイコンをクリックしましょう。

   

4. 組織選択で「ツリー検索」をクリックした後、「営業部」「開発部」を選択し、「決定」をクリックします。

   

5. これで、営業部、開発部に所属するユーザが勤怠実績を申請することができるようになりました。
6. 2番目に配置したアイコンのノード名を「上長承認」に変更します。

   

7. 次に「処理対象者」の「検索」をクリックした後、「申請／処理開始者の所属組織＋役職」の左のアイコンをクリックしましょう。

   

8. 上長承認では、各部の部長が承認できるように、役職の部長を設定します。

   会社名（例では、株式会社ナガハマ）、部長の順にクリックし、最後に「決定」をクリックしましょう。

   

   コラム

   「組織＋役職」と「申請／処理開始者の所属組織＋役職」の違い

   部長に承認させる方法として、「組織＋役職」を利用することもできますが、

   「申請／処理開始者の所属組織＋役職」とは、異なる動作になりますので、その点を考慮して利用しましょう。

   今回の例で、処理対象者の設定に「組織＋役職」を選択して、「営業部の部長・開発部の部長」と設定した場合、

   申請者が営業部・開発部のどちらの所属かに関わらず、営業部、もしくは開発部の部長が承認できるようになります。

   （本来、開発部のユーザからの申請は開発部の部長が承認できるようにすべきところ、

   営業部の部長も開発部ユーザの申請を承認できるようになってしまいます。）

   

   「申請／処理開始者の所属組織＋役職」を利用した場合には、申請したユーザと同じ所属組織の部長のみが

   承認できるようになるため、開発部ユーザの申請は開発部部長しか承認できないように設定できます。

   株式会社ナガハマで、開発部の栗山さんが申請した勤怠フローでは、次のように動作が変わります。

   • 組組織＋役職の場合

     開発部の部長・竹中さんと営業部の部長・黒田(長)さんの両方が承認できる

   • 申請／処理開始者の所属組織＋役職の場合

     開発部の部長・竹中さんだけが承認できる

9. 人事部の承認を設定するために、同期開始・同期終了の間に配置したアイコンの1つのノード名を「人事部承認」に変更します。

   

10. 次に「処理対象者」の「検索」をクリックした後、「組織」の左のアイコンをクリックしましょう。

    

11. 組織選択で「ツリー検索」をクリックした後、「人事部」を選択し、「決定」をクリックします。

    

12. 同じようにして、もう一つの同期開始・同期終了の間に配置したアイコンのノード名を「経理部承認」に変更し、処理対象者を「経理部」にします。

    

13. これで、経路情報の設定が完了しましたので、「登録」をクリックして保存します。

    

1. 一番左の「担当者入力」アイコンをダブルクリックして、入力項目の編集画面を表示しましょう。

   

2. フォーム名に「勤怠入力フォーム」と入力し、「登録」をクリックしましょう。

   

3. 新しくポップアップで表示された画面の右上の「ヘッダーとフッター」をクリックしましょう。

   

4. ヘッダー設定のチェックをクリックして、選択されている状態にします。

   タイトル名を「勤怠一覧」と入力して「設定」をクリックします。

   

5. 画面の右上の「ツールキット」をクリックしましょう。

   

6. アイテムの「セレクトボックス」と「ラベル」をドラッグ＆ドロップで配置しましょう。

   

7. 「ラベル」アイテムをダブルクリックしましょう。
8. 「ラベル編集」に切り替えて、「月度 勤務表」と入力しましょう。

   

9. 入力内容をドラッグして選択状態（反転表示）にし、フォントの大きさを「24pt」に変更します。

   ラベルアイテムの設定が終わったら、一度、プロパティの外側をクリックし、プロパティを閉じます。

   

10. 画面の右上の「ツールキット」をクリックし、ツールキットの表示を消します。

    

11. ラベルの赤枠の右下をドラッグしてアイテム範囲を調整しましょう。

    

12. 「セレクトボックス」をダブルクリックしましょう。
13. ラベルの設定内容を削除したら、「データの定義」をクリックしてタブを切り替えます。

    

14. を12回クリックして、表示値・送信値の行を12行にしましょう。

    

15. 申請対象の月として表示できるように、追加した表示値の行に1から12までの数字を入力しましょう。

    設定が終わったら、「詳細設定」をクリックして切り替えます。

    

16. フィールド識別ID、フィールド識別名、ラベル幅、フィールド幅を設定します。

    

17. 設定したら、ラベルアイテムと同じように赤枠の右下をドラッグしてアイテムの範囲を調整します。

    

18. セレクトボックスとラベルアイテムをドラッグして位置を調整し、レイアウトを整えます。

    

19. 一旦、「更新」をクリックして設定内容を保存しましょう。

    

1. 画面の右上の「ツールキット」をクリックして、ツールキットを表示しましょう。

   

2. ツールキットから「グリッドテーブル」を配置しましょう。

   

3. 配置した「グリッドテーブル」をダブルクリックしましょう。
4. ラベルを「勤務内容一覧」、「行の追加可能」のチェックボックスをオフ、行数を「31」に変更します。

   

5. 列の定義をクリックして展開し、検索機能を「利用しない」に変更します。

   

6. 「詳細設定」をクリックして切り替えた後、テーブル幅、テーブル高さ、マルチセレクト、並べ替え機能を設定します。

   設定したら一度プロパティの外側をクリックして閉じます。

   

7. 「ツールキット」をクリックしてツールキットの表示を消します。

   

8. その後、グリッドテーブルを一度クリックして、赤枠の右下をドラッグして全体が表示できるように調整します。

   

9. この時点で、一度「更新」をクリックして保存します。

   

1. 配置した「グリッドテーブル」をダブルクリックしてプロパティを表示しましょう。

   基本設定の列の定義を展開します。

   

2. 列名を「勤務内容」に変更し、タイプをセレクトボックスに変更します。

   変更したら「 」をクリックして列プロパティの表示に切り替えます。

   

3. 「入力フィールド設定」をクリックしましょう。

   

4. 基本設定を展開して、列のサイズを「300」に変更します。

   その後、入力フィールドからフィールド識別IDを「work_type」に変更したら、プロパティの外側をクリックして、プロパティを閉じましょう。

   

5. 「外部連携」をクリックしましょう。

   

6. 「初期表示イベント」の「追加」をクリックしましょう。

   

7. 右側の欄の をクリックしましょう。

   

8. 事前準備で登録したテナントDBクエリの「勤怠種類選択」をクリックしましょう。

   

9. 今回は、日本語のデータのみを選択肢として表示できるように設定します。

   ロケールの条件を日本語とするために、真ん中のエディタに’ja’を書き、「ロケール」をクリックした後、「追加」をクリックしましょう。

   

10. 下の図のように設定できたら、「レスポンス」をクリックしましょう。

    

11. 左側から「imfr_ud_work_id（勤怠種類コード）」、右側のマスタデータ - 勤務内容の「value_work_type」 をクリック後に、「追加」をクリックしましょう。

    

12. 次に、左側から「imfr_ud_work_name（勤怠種類名）」、右側のマスタデータ - 勤務内容の「key_work_type」 をクリック後に、「追加」をクリックしましょう。

    

13. これでデータベースから勤怠種類のマスタを参照して入力するための連携が設定できましたので、「保存」をクリックしましょう。

    問題なく保存できたら、画面は右上の「×」をクリックして閉じます。

    

14. イベント設定を保存するために「確定」をクリックしましょう。

    

15. この時点で、一度「更新」をクリックして保存します。

    

1. 配置した「グリッドテーブル」をダブルクリックしてプロパティを表示しましょう。

   基本設定の列の定義を展開します。

   

2. 列名を「出社時間」、「退社時間」に変更し、タイプをセレクトボックスに変更します。

   変更したら「 」をクリックして列プロパティの表示に切り替えます。

   

3. 「項目の定義」の「 」をクリックして、12行にしましょう。

   

4. 以下の図のように表示値、送信値を入力しましょう。

   入力が終わったら、「入力フィールド設定」をクリックしましょう。

   

5. フィールド識別IDを「start_time」に変更したら、「基本設定」をクリックしましょう。

   

6. 次は「退社時間」に変更した列の「 」をクリックして列プロパティの表示に切り替えます。

   

7. 「項目の定義」の「 」をクリックして、10行にしましょう。

   

8. 以下の図のように表示値、送信値を入力しましょう。

   入力が終わったら、「入力フィールド設定」をクリックしましょう。

   

9. フィールド識別IDを「end_time」に変更したら、プロパティの外側をクリックして、プロパティを閉じましょう。

   

10. この時点で、一度「更新」をクリックして保存します。

    

1. 配置した「グリッドテーブル」をダブルクリックしてプロパティを表示しましょう。

   基本設定の列の定義を展開します。

   

2. 列名を「休憩時間」に変更し、タイプを数値に変更します。

   変更したら「 」をクリックして列プロパティの表示に切り替えます。

   

3. 小数点表示のチェックをオンにし、フィールド識別IDを「work_break」に変更します。

   

4. 次に「基本設定」をクリックして展開しましょう。

   入力された休憩時間を右寄せで表示できるように、フィールドの配置を「右寄せ」に変更します。

   

5. 「入力チェック」をクリックして展開しましょう。

   入力された休憩時間を小数でも入力できるように、小数入力許可をオンにし、小数部最大入力桁数を「1」に変更します。

   設定が終わったら、プロパティの外側をクリックして、プロパティを閉じましょう。

   

6. この時点で、一度「更新」をクリックして保存します。

   

1. 配置した「グリッドテーブル」をダブルクリックしてプロパティを表示しましょう。

   基本設定の列の定義を展開します。

   

2. 「 」をクリックして、列を追加し、列名を「勤務時間」、タイプを関数に変更します。

   変更したら「 」をクリックして列プロパティの表示に切り替えます。

   

3. 式に以下の内容を入力し、「式評価結果のデータ型」を「数値」に変更しましょう。

   

   if(and(start_time>0,end_time>0),rounddown((end_time-start_time)/100,0)+(if((end_time-start_time)-rounddown((end_time-start_time)/100,0)*100>40,(((end_time-start_time)-rounddown((end_time-start_time)/100,0)*100)-40),(end_time-start_time)-rounddown((end_time-start_time)/100,0)*100))/60-work_break,0)
   

   コラム

   上記の式は、以下の計算になります。

   • 出社時間、退社時間に時間が入力されていない場合には、休憩時間を0時間とみなす
   • 出社時間、退社時間に時間が入力されている場合、退社時間から出社時間を引いた差分から、

     休憩時間を引いた時間を勤務時間とする

     （出社時間と退社時間の計算では、差分を○.○時間に変換する処理も行っています。）

   注意

   式はすべて小文字で入力するようにしてください。 大文字で入力した場合、エラーと扱われてしまいます。

4. 「小数点表示」のチェックをオンにし、フィールド識別IDを「work_hours」に変更しましょう。

   また、フィールド値DB登録のチェックもオンにしておきます。

   

5. 次に「基本設定」をクリックして展開しましょう。

   計算された勤務時間を右寄せで表示できるように、フィールドの配置を「右寄せ」に変更します。

   

6. 「入力チェック」をクリックして展開しましょう。

   計算された勤務時間が小数単位まで表示されるように、小数入力許可をオンにし、小数部最大入力桁数を「1」に変更します。

   設定が終わったら、「基本設定」をクリックしましょう。

   

7. 基本設定の列の定義を展開し、「 」をクリックして列を追加しましょう。

   

8. 列名を「時間外勤務時間」、タイプを関数に変更します。

   変更したら「 」をクリックして列プロパティの表示に切り替えます。

   

9. 式に以下の内容を入力し、「式評価結果のデータ型」を「数値」に変更しましょう。

   if(work_hours>8,work_hours-8,0)
   

   コラム

   上記の式は、以下の計算になります。

   • 勤務時間のうち、8時間を越えた時間を時間外勤務時間として算出する

   

10. 「小数点表示」のチェックをオンにし、フィールド識別IDを「overtime」に変更しましょう。

    また、フィールド値DB登録のチェックもオンにしておきます。

    

11. 次に「基本設定」をクリックして展開しましょう。

    計算された時間外勤務時間を右寄せで表示できるように、フィールドの配置を「右寄せ」に変更します。

    

12. 「入力チェック」をクリックして展開しましょう。

    計算された時間外勤務時間が小数単位まで表示されるように、小数入力許可をオンにし、小数部最大入力桁数を「1」に変更します。

    

13. この時点で、一度「更新」をクリックして保存します。

    

1. 「ツールキット」をクリックして表示しましょう。

   

2. 「ツールキット」から「ボタン（登録）」をドラッグ＆ドロップで配置しましょう。

   

3. 同じように「ツールキット」から「ボタン（一時保存）」をドラッグ＆ドロップで配置しましょう。

   

4. 同じように「ツールキット」から「ボタン（一覧へ戻る）」をドラッグ＆ドロップで配置しましょう。

   

5. これで、担当者入力用の画面の設定が完了しましたので、「更新」をクリックして保存しましょう。

   保存できたらフォーム編集画面を右上の「 」で閉じましょう。

   

1. 一番左の「担当者入力」アイコンを右クリックして、「共有」をクリックしましょう。

   

2. 隣の「上長承認」アイコンを右クリックして、「貼り付け」をクリックしましょう。

   

3. 同様の手順で「人事部承認」のアイコンでも「貼り付け」をクリックしましょう。

   

4. この手順までできたら、一度「サイトマップ」をクリックして、サイトマップを表示しましょう。

   

1. サイトマップ「 IM-BIS 」の「テンプレートカテゴリ定義」配下にある「テンプレート設定」をクリックします。

   

2. 「アプリケーションフォーム」の「勤怠管理フロー」配下にある「勤怠入力フォーム」を、ドラッグ&ドロップでテンプレートカテゴリに移動します。

   

3. 確認メッセージでは、このまま「決定」をクリックしましょう。

   

4. これで、作成した画面を部品（テンプレート）として利用できるようになりました。

   それでは、フローの編集に戻るために、「サイトマップ」をクリックしましょう。

   

1. サイトマップ「 IM-BIS 」の「 IM-BIS 」をクリックしましょう。

   

2. IM-BIS - 更新履歴から、作成した「勤怠管理フロー」の「 」をクリックしましょう。

   

3. 「経理部承認」アイコンをダブルクリックして、経理承認画面の編集画面を表示しましょう。

   

4. フォーム名に「経理部承認フォーム」と入力し、「登録」をクリックしましょう。

   

5. 新しくポップアップで表示された画面の右上の「ヘッダーとフッター」をクリックしましょう。

   

6. ヘッダー設定のチェックをクリックして、選択されている状態にします。

   タイトル名を「経理部 勤怠一覧確認」と入力して「設定」をクリックします。

   

7. 画面の右上の「テンプレート」をクリックして、テンプレート一覧を表示しましょう。

   

8. 「未所属」をクリックして展開し、先に登録した勤怠入力フォームをドラッグ＆ドロップで配置しましょう。

   

   コラム

   テンプレートの をクリックすると、フォームのプレビューが表示されます。 複数のテンプレートを登録している場合には、この機能を利用して利用したいテンプレートを確認しましょう。

9. このように配置できたら、「テンプレート一覧」をテンプレートをクリックして閉じましょう。

   

10. 経理部用の項目を追加するために、グリッドテーブルをドラッグ＆ドロップで下に移動しましょう。

    

11. 画面の右上の「ツールキット」をクリックしてツールキットを表示しましょう。

    

12. アイテムの「関数」をドラッグ＆ドロップで配置しましょう。

    

13. 配置した関数をダブルクリックしてプロパティを表示し、以下のように設定しましょう。

    • 「[前]ラベル」に「担当者」を入力しましょう。

    • 式に「applyAuthUserName()」を入力し、式評価結果のデータ型を文字列にしましょう。

      

      コラム

      関数に「applyAuthUserName()」と入力すると、申請者の名前を表示することができます。

14. 設定できたら、関数のプロパティは、外側をクリックして閉じます。

    次にツールキットから「一覧選択」をドラッグ＆ドロップで配置しましょう。

    

15. 配置した一覧選択をダブルクリックしてプロパティを表示し、ラベルを「従業員ランク」に変更しましょう。

    

16. 外部連携をクリックして切り替えた後、 をクリックして3行にしましょう。

    

17. 追加した3行を以下の図のように設定したら、一度プロパティを閉じましょう。

    

18. 上部から「外部連携」をクリックしましょう。

    

19. 「アイテムイベント」をクリックし、従業員ランクの「 」をクリックしましょう。

    

20. 「 追加」をクリックしましょう。

    

21. 「 」をクリックしましょう。

    

22. 先に作成しておいた「従業員ランク検索」をクリックしましょう。

    

23. 今回は、日本語のデータのみを選択肢として表示できるように設定します。

    ロケールの条件を日本語とするために、真ん中のエディタに’ja’を書き、「ロケール」をクリックした後、「追加」をクリックしましょう。

    

24. 下の図のように設定できたら、「レスポンス」をクリックしましょう。

    

25. 左のツリーから「imfr_ud_labor_rank」、右のツリーから「従業員ランク」をクリック後に「追加」をクリックしましょう。

    

26. 続いて、左のツリーから「imfr_ud_labor_rank_name」、右のツリーから「従業員ランク名」をクリック後に「追加」をクリックしましょう。

    

27. 次に、左のツリーから「imfr_ud_labor_unit_price」、右のツリーから「時間単価」をクリック後に「追加」をクリックしましょう。

    

28. 最後に「保存」をクリックし、保存できたらましょう。

    問題なく保存できたら、画面は右上の「×」をクリックして閉じます。

    

29. 外部連携設定を保存するために「確定」をクリックしましょう。

    

30. イベント設定を保存するために「確定」をクリックしましょう。

    

31. 次にツールキットから「数値」をドラッグ＆ドロップで配置しましょう。

    

32. 配置した数値をダブルクリックしてプロパティを表示し、[前]ラベル、[後]ラベル、表示フォーマットを設定します。

    

33. 「詳細設定」をクリックして切替え、フィールド識別ID、フィールド識別名、フィールド幅を設定しましょう。

    設定できたら、プロパティの外側をクリックしてプロパティを閉じます。

    

34. 次にツールキットから「関数」を２つドラッグ＆ドロップで配置しましょう。

    

35. 真ん中に配置した関数をダブルクリックしてプロパティを表示し、[前]ラベル、[後]ラベル、式、式評価結果のデータ型、最大入力値を設定します。

    設定できたら、プロパティの外側をクリックしてプロパティを閉じます。

    • 設定する式の内容

      sum(gt1@work_hours)sum(gt1@work_hours)
      

      

36. 「詳細設定」をクリックして切替え、フィールド識別ID、フィールド識別名、フィールド幅を設定しましょう。

    設定できたら、プロパティの外側をクリックしてプロパティを閉じます。

    

37. 右に配置した関数をダブルクリックしてプロパティを表示し、[前]ラベル、[後]ラベル、式、式評価結果のデータ型を設定します。

    設定できたら、プロパティの外側をクリックしてプロパティを閉じます。

    • 設定する式の内容

      if(workhours_unit>0,workhours_unit*workhours_sum,0)
      

      

38. 横に並べたアイテムを移動して、レイアウトを調整します。

    

    コラム

    アイテムを揃える機能

    ctrlキーを押しながら、アイテムをクリックすると青い枠で囲まれるようになります。

    その状態で右クリックすると、アイテムの位置の配置を揃えることができます。

    

39. 一覧選択をダブルクリックしてプロパティを表示し、「外部連携」をクリックして切り替えましょう。

    

40. 「取得値設定」をクリックして展開し、「 」をクリックしましょう。

    

41. 左のツリーから「従業員ランク名」、右のツリーから「従業員ランク名」をクリック後に「追加」をクリックしましょう。

    

42. 左のツリーから「時間単価」、右のツリーから「勤務時間単価」をクリック後に「追加」をクリックしましょう。

    

43. 最後に「保存」をクリックし、保存できたら右上の「×」をクリックして閉じます。

    

44. 「詳細設定」、「表示タイプ」の順にクリックし、承認の表示を「参照」から「入力可」に変更します。

    設定できたらプロパティの外側をクリックしてプロパティを閉じます。

    

45. 経理部承認画面では、一時保存が利用できませんので、一時保存ボタンをクリック後に をクリックして削除します。

    

46. これで経理部画面の設定がすべてできましたので、「保存」をクリックして保存しましょう。

    保存できたらフォーム編集画面を右上の「 」で閉じましょう。