画面設計｜チュートリアルについて
{success} チュートリアルについての画面設計を明記します。
チュートリアルの流れ
初めて開いた画面はチュートリアルを自動で表示させるようにします。
2回目以降は、画面の右上にある「！」アイコンをクリックしてチュートリアルを表示します。
チュートリアルを表示するbladeには下記のタグを設置しています。
<input type="hidden" data-id="1" class="js-tutorialId">
「data-id」の値が「0」の場合、チュートリアルを自動で表示するようjsで制御しております。
※現在はプログラムが実装されていないので、意図的に「1」を入れて自動で表示しないようにしております。
1．初めて開く画面は、data-idに「0」をセット
2．現在開いている画面のflagをデータベースに保存
3．2回目以降（リロードも含む）は、data-idに「1」をセット
画面レイアウト図
基本設計時 アカウント一覧、表示・登録編集画面：
チュートリアル表示画面
チュートリアルを表示する画面が下記となります。
ダッシュボード
名称 ディレクトリ 備考 ダッシュボード dashboard/index.blade
実習実施先
名称 ディレクトリ 備考 一覧 client/list/index.blade 基本情報 client/basic_info/index.blade 実績 client/performance/index.blade 役員情報 client/executive/index.blade 事業所所在地 client/location/index.blade 指導員情報 client/leader/index.blade 雇用条件設定 client/employment/index.blade 届出・報告・記録書類 client/document/index.blade 実施実施者報告書 document/client_doc/report/edit.blade 実施状況報告書 document/client_doc/status_report/edit.blade 訪問指導記録書 document/other_doc/guidance_report/edit.blade 監査報告書・監査実施概要 document\other_doc/audit_report/edit1.blade edit2は不要 報酬支払証明書 document/client_doc/proof_payment/edit.blade 監理費管理簿 document/other_doc/expense/edit.blade 団体監理技能実習生からの相談対応記録書 document/other_doc/consultation_record/edit.blade 雇用関係の成立のあっせんに係る管理簿（求人） document/other_doc/recruit_report/edit.blade 雇用関係の成立のあっせんに係る管理簿（休職） document/other_doc/seeker_report/edit.blade 認定計画の履行状況の係る管理簿 document/client_doc/trainee_report/edit.blade 各種手続き client/procedure/index.blade 一覧のみ対応 対応履歴 client/memo/index.blade 書類保管 client/storage/index.blade
技能実習生
名称 ディレクトリ 備考 一覧 trainee/list/index.blade 基本情報 trainee/basic_info/index.blade 雇用（労働） trainee/labor/index.blade 雇用（徴収費用） trainee/lavy/index.blade 入国後講習中の待遇 trainee/treatment/index.blade 外国の所属機関証明 trainee/certificate/index.blade 対応履歴 trainee/employment/memo.blade 書類保管 trainee/storage/index.blade 各種手続き /trainee_doc/procedure/index.blade 一覧のみ対応
送出国
名称 ディレクトリ 備考 送出国 agency/sending_agency/index.blade
準備機関
名称 ディレクトリ 備考 準備機関 agency/preparation_agency/index.blade
計画認定書類
名称 ディレクトリ 備考 計画認定書類 application/status_residence/index.blade 一覧のみ対応
各種手続書類
名称 ディレクトリ 備考 各種手続書類 document/declaration/index.blade
監理費請求
名称 ディレクトリ 備考 監理費請求 organization/bill/index.blade
監理団体
名称 ディレクトリ 備考 基本情報 organization/basic_info/index.blade 担当事業所 organization/office_in_charge/index.blade 理事・職員 organization/director/index.blade 届出・報告・記録書類 organization/basic_info/documents/index.blade 事業報告書 document/other_doc/business_report/edit.blade 外部役員確認書 document/other_doc/executive_report/edit.blade 入国前講習実施記録 document/other_doc/before_immigration/edit.blade 入国後講習実施記録 document/other_doc/after_immigration/edit.blade 書類保管 organization/storage/index.blade
アカウント
名称 ディレクトリ 備考 アカウント master/account/index.blade
その他補足
警告文
No. 項目名 処理内容 1 チュートリアルの流れについて 初めて画面に遷移した場合、のdata-id属性に「0」を入れる（チュートリアル表示）。
それとともに画面を開いたフラグを立てて、次回以降はチュートリアルを自動で表示しないようにする（次回以降は、data-idに「1」を入れる）。