画面設計｜入国後講習

• 画面設計｜ログイン画面
  • 基本情報
  • 画面レイアウト図
  • 項目名
  • アクション
  • その他補足

{success} ログイン画面の画面設計を明記します。

基本情報

画面レイアウト図

基本設計時　入国後講習一覧、編集画面：

コーディング後：

項目名

入国後講習一覧

No.	項目名	タイプ	必須	アクション有無	備考
1	新規作成	button	-	-	-
2	検索（入力式）	入力	-	○	講習施設名@LIKE検索
3	講習施設名	リンク	-	-	-

表示・登録編集

No.	項目名	タイプ	必須	アクション有無	備考
1	編集	button	-	○	登録・編集時のみ表示
2	閉じる	button	-	○	登録・編集時のみ表示
3	講習施設名	入力	○	-	-
4	講習施設名（ローマ字）	入力	○	-	-
5	郵便番号	入力	○	○	数字のみ入力可能。住所自動入力（都道府県/市区町村）
6	施設所在地	入力	○	-	-
7	施設所在地（ふりがな）	入力	○	-	-
8	施設所在地（ローマ字）	入力	○	-	-
9	電話番号	入力	○	-	数字のみ入力可能
10	登録・更新	button	-	○	-
11	削除	button	-	○	新規作成では表示されない
-	続けて登録	-	-	-	表示項目から削除
-	登録後、書類ページに戻る	-	-	-	表示項目から削除

アクション

表示・登録編集

No.	項目名	処理内容
1	編集	背景が反転してコンテンツが入力モードに切り替わる
2	閉じる	入力から表示モードに切り替わる
3	削除	編集を行っている講習施設名の情報を削除する
4	登録・更新	作成・編集しているユーザー情報を更新する

その他補足

警告文

No.	項目名	処理内容
1	未登録がある場合	一覧の箇所に「登録してください」の警告文を表示。1つでも登録されていたら非表示。