ダッシュボード

{success} ダッシュボード の基本設計及び、画面設計を明記します。

アラート設定

概要

KIZUNA のダッシュボードです。

監理団体/実習実施先がアクセスでき、表示する内容が一部異なります。

基本情報

名称 概要
route /dashboard

INDEX

{primary} 初回アクセス時に表示される内容です。

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- 技能実習生数 - - - 所属する技能実習生（実習中）の数を表示 ○ ○
- 実習実施先数 - - - 所属する実習実施先（実習中）の数を表示 ○ 非表示
- 計画認定書類数 - - - 未完了となっている計画認定書類の数を表示 ○ ○
- LINE サポート - - - 押下で公式アカウント QR を表示 ○ ○
- 監理費請求 6 か月のグラフ - - - 詳細は[監理費請求グラフ]を参照 ○ ○
- 今月の監理費請求 - - - 詳細は[今月の監理費請求]を参照 ○ ○
- システムからのお知らせ - - - 詳細は[システムからのお知らせ]を参照 ○ ○
- OTIT からのお知らせ - - - 詳細は[OTIT からのお知らせ]を参照 ○ ○
- リマインダー - - - 詳細は[リマインダー]を参照 ○ ○

{danger} 実習実施先がアクセスした際は、その実習実施先に紐づく内容を表示すること(その実習実施先に属する技能実習生のカウント数等)

基本事項
項目 概要
表示制御 アカウント種類（監理団体/実習実施先）で表示が異なるため注意
処理
開発 発火 処理名称 処理内容
B アクセス時 表示制御 ログインしているアカウント種類を取得。種類に応じて表示制御を行う
F LINE サポート押下時 モーダル表示 モーダルで KIZUNA LINE 公式アカウントの QR コードを表示する
実装 API
API 名称 処理内容

監理費請求グラフ

{primary} ダッシュボード内の監理費請求グラフに対する基本設計です

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- X:月 text - - 監理費請求の請求月 ○ ○
- Y：金額 text - - その月の合計監理費請求金額 ○ ○
- グラフ text - - HOVER で詳細表示 ○ ○

{danger} 実習実施先がアクセスした際は、その実習実施先が請求されている監理費請求の内容を表示すること

基本事項
項目 概要
表示制御 アカウント種類（監理団体/実習実施先）で表示が異なるため注意
表示する月の数 現在の月をから 6 か月分を表示する
処理
開発 発火 処理名称 処理内容
B アクセス時 表示制御 ログインしているアカウント種類を取得。種類に応じて表示制御を行う
B アクセス時 内容取得 現在の月を取得/またその月から 6 か月分取得/その月に応じる監理費請求の合計を取得し返却
F アクセス時 グラフ描画 月と金額を利用してグラフを描画
実装 API
API 名称 処理内容

今月の監理費請求

{primary} ダッシュボード内の今月の監理費請求に対する基本設計です

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- 監理費請求合計額 text - - 現在月に請求している監理費請求の合計金額 ○ ○
- 監理費請求総件数 text - - 現在月に請求している監理費請求の合計件数 ○ 非表示
- メール送付数 text - - 現在月に請求している監理費請求の合計メール送付数 ○ 非表示

{danger} 実習実施先がアクセスした際は、その実習実施先が請求されている監理費請求の内容を表示すること

基本事項
項目 概要
表示制御 アカウント種類（監理団体/実習実施先）で表示が異なるため注意
監理費請求がない 0 で表示する
処理
開発 発火 処理名称 処理内容
B アクセス時 表示制御 ログインしているアカウント種類を取得。種類に応じて表示制御を行う
B アクセス時 内容取得 現在の月を取得/その月に応じる監理費請求の合計を取得し返却
実装 API
API 名称 処理内容

システムからのお知らせ

{primary} CMPS 管理画面で登録したお知らせが表示されます

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- お知らせ種類 text - - お知らせの種類（下部[お知らせ種類]を参照） ○ ○
- 日付 text - - お知らせの公開日（システムからのお知らせのみ） ○ ○
- 件名 text - - お知らせの件名 ○ ○
基本事項
項目 概要
表示制御 アカウント種類（監理団体/実習実施先）で表示が異なるため注意
表示順 日付の降順
処理
開発 発火 処理名称 処理内容
B アクセス時 内容取得 下部[お知らせ種類]のお知らせ条件を参照し、お知らせを取得
実装 API
API 名称 処理内容
お知らせ種類
種類 条件 表示テキスト
システムからのお知らせ 公開日 <= 現在日時 <= 期限日
(CMPS 管理画面お知らせ機能で登録)		 $お知らせタイトル

OTIT からのお知らせ

{primary} ダッシュボード内の OTIT からのお知らせに対する基本設計です。この内容は OTIT の INFORMATION を参照・CLONE し表示します。

画面レイアウト

image

ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- 切替 TAB button - - 重要なお知らせ/お知らせ　の切替 ○ ○
- 日付 text - - お知らせ日付 ○ ○
- 件名 text - - お知らせ件名(OTIT 次第でリンク) ○ ○
基本事項
項目 概要
内容 OTIT の INFORMATION を取得し表示するため、OTIT と同一となる
OTIT の INFORMATION を取得する方法は日時バッチ[ページスクレイピング]で取得する
種類 OTIT の INFORMATION の[お知らせ][重要なお知らせ]が存在する
表示順 table「otit_infomation」ID 降順 / MAX:50 件取得
処理
開発 発火 処理名称 処理内容
B batch OTIT スクレイピング OTIT のお知らせをページすクレイピングして取得する
B アクセス時 お知らせ取得 お知らせを取得して表示する
F 切替 TAB 押下時 お知らせ表示切替 お知らせ種類に応じて表示内容を変更する
実装 API
API 名称 処理内容

リマインダー

{primary} 各種アラートをここで表示し、現在やらなければいけないリストを表示します。

画面レイアウト ユースケース 

flowchart LR

    user1("fas:fa-user-tie 監理団体")
    user2("fas:fa-user-tie 実習実施先")

    user1 -.-> ダッシュボード:::index
    user2 -.-> ダッシュボード:::index

    classDef index fill:#f96;
画面項目
物理名 項目・論理名 タイプ 桁数 必須 備考 監理団体 実習実施先
- お知らせ種類 text - - お知らせの種類（下部[お知らせ種類]を参照） ○ ○
基本事項
項目 概要
表示制御 アカウント種類（監理団体/実習実施先）で表示が異なるため注意
処理
開発 発火 処理名称 処理内容
B アクセス時 内容取得 下部[リマインダー種類]の条件を参照し、取得
実装 API
API 名称 処理内容
リマインダー種類
種類 条件 表示テキスト
計画認定 計画認定:詳細:メニュー:スケジュールを参照 計画認定:詳細:メニュー:スケジュールを参照
監理団体 アラート設定:監理団体を参照 アラート設定:監理団体を参照
技能実習生 アラート設定:技能実習生を参照 アラート設定:技能実習生を参照
実習実施先 アラート設定:実習実施先を参照 アラート設定:実習実施先を参照