消えないように 設計




# 設計

## 自分の言葉で、アプリを説明する

### 管制アカウントでできること

- `全警備員の情報`を<font color="DeepPink">警備員一覧ページ</font>から**確認**できる
- `既に決まった現場`を<font color="DeepPink">個々の警備員ページ</font>から**現場解除**・**現場変更**ができる
- `新規の案件`を<font color="DeepPink">案件登録ページ</font>から**登録**できる
- 






## このアプリの利用方法

### 管制アカウント

#### 新規案件を登録したい

1. 全案件一覧に行く
1. 新規登録ボタンを押す
1. 案件登録ページで、案件の情報を入力し、登録ボタンを押す
1. 案件登録確認ページで、記入した情報を確認し、確定ボタンを押す


#### 既存案件を編集したい

1. 全案件一覧に行く
1. 案件をクリックする
1. 個々の案件閲覧ページから、編集ボタンを押す
1. 案件編集ページから、編集し、登録ボタンを押す
1. 案件編集確認ページで確認し、確定ボタンを押す



#### 既存案件を閲覧したい

1. 全案件一覧に行く
1. 案件をクリックする


#### 案件を依頼したい

1. 未確定案件一覧に行く
1. 案件をクリックする
1. 依頼したい隊員にチェックボックスを入れて、依頼送信ボタンを押す
1. 案件依頼送信前確認画面で、内容を確認し、確定ボタンを押す


#### 特定の警備員の明日の現場を変更したい

1. 警備員一覧に行く
1. 該当の警備員をクリックする
1. 警備員のページから、現場変更ボタンを押す
1. 現場変更ページから、依頼したい案件を選んで、クリック
1. 案件依頼送信前確認画面で、依頼送信を押す


#### 特定の警備員の明日の現場を解除したい

1. 警備員一覧に行く
1. 該当の警備員をクリックする
1. 警備員のページから、現場解除を押す



#### 特定の現場の警備員を解除したい

1. 確定済み案件一覧に行く
1. 案件をクリックする
1. 解除したい警備員をチェックボックスにいれ、解除送信ボタンを押す


#### 特定の警備員の情報を閲覧したい

1. 警備員一覧に行く
1. 該当の警備員をクリックする


#### 自分の登録情報を閲覧したい

1. マイページ（丸型のアイコン）をクリックする




### 警備アカウント


#### 明日の現場指示を確認したい

1. 明日の現場ページに行く/トップページのURLをクリック/リロードする

#### 明日の現場指示に対して、返信したい

1. 明日の現場ページに行く/トップページのURLをクリック/リロードする
1. 確認して、許諾ボタンを押す/理由を記入して、拒否ボタンを押す


#### 確定した、明日の現場の情報を閲覧したい

1. 明日の現場ページに行く/トップページのURLをクリック/リロードする


#### 自分が出勤した、明日の現場の履歴を確認したい

1. 過去の案件一覧ページに行く
1. 閲覧したい案件をクリックする


#### 自分の登録情報を閲覧したい

1. マイページ（丸型のアイコン）をクリックする



## ページと機能の関係


### 管制アカウント


#### トップページ

- 各種ページに遷移するためのページ



### 警備アカウント

#### トップページ

- 各種ページに遷移するためのページ



## ページと引っ張ってくるテーブルの連携図


### 管制

#### トップページ

- 未確定現場テーブル


#### 全案件一覧

- 案件情報テーブル

- 明日の現場情報テーブル


#### 未確定案件一覧

- 未確定案件テーブル


#### 確定済み案件一覧

- 確定案件テーブル


#### 警備員一覧

- 警備員情報テーブル


- 明日の現場情報テーブル


- 確定隊員テーブル


- 確定隊長テーブル


#### 通知一覧


- 管制員通知テーブル


#### マイページ


- 管制員情報テーブル

### 警備員


#### 明日の現場

##### パターン①

- 明日の現場情報テーブル

- 確定隊長テーブル

- 確定隊員テーブル

##### パターン②

- 案件情報テーブル


- 確定隊長テーブル


- 確定隊員テーブル


##### パターン③

- 何テーブルともやりとりしていない




#### 過去の現場履歴

- 過去現場履歴テーブル


#### 通知

- 警備員通知テーブル


#### マイページ

- 警備員情報テーブル


## 通知トリガー

### 管制の通知：どんな時に通知されるか（何が、トリガーになって通知されるか）

- 警備の応答があった時
- 案件が確定した時

### 警備の通知：どんな時に通知されるか（何が、トリガーになって通知されるか）

- 現場の指示が来た時
- 現場が変更になった時
- 現場が解除された時
- 案件が確定した時

## 業務フロー

### 管制

案件登録フロー：登録フォームから、案件を入力する→登録ボタンをクリック→アラートが出てくる→OKを押す→DBに登録される

![スクリーンショット 2024-03-07 23.08.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/4c0d40b9-f177-0628-ebdc-210c8aac539b.png)


案件送信フロー：未決定の案件一覧ページから、案件をクリック→個々の案件ページから、依頼ボタンをクリック→まだ明日の現場が決まってない隊員の一覧から、依頼したい隊員にチェックを入れて、送信ボタンをクリック→アラートが表示され、OKを押す→DBに保存される→警備員の明日の現場ページが更新される


![スクリーンショット 2024-03-07 23.45.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/afd97faf-782f-cd91-3af2-69676c5ac1eb.png)



### 警備

案件確認フロー：警備員の明日の現場ページを表示する→リロードボタンを押す→もし、自分の案件データベースが更新されていたら、表示される


案件許諾フロー：明日の現場ページから、許諾ボタンをクリック→アラートをOK→データベースに保存→管制に通知が行く


案件拒否フロー：明日の現場ページから、理由を書いて（バリデーションをつける）、拒否ボタンをクリック→アラート→データベースに保存→完成に通知がいく

![スクリーンショット 2024-03-08 0.10.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/6923c8b6-16c2-8749-9787-b8cf3fc26f68.png)





確定後の案件確認フロー：明日の現場ページから、明日の現場（明日の天気、現場の最寄駅、電車の通勤経路、現場と自宅から徒歩で駅から・現場と自宅から駅までの通勤経路、現場の集合時間等の情報）を確認できる（ただ開くだけ、リロードするだけ）


![スクリーンショット 2024-03-08 0.16.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/e81c7b2a-b2bd-ca95-f52b-ddf5a10dcdbd.png)



## [画面遷移図](https://www.figma.com/file/Uc5XmCVVatGnvfN52w1QuQ/Untitled?type=design&node-id=0%3A1&mode=design&t=sbDOfn6VC4GdCMkB-1)


### 管制

ログインページ → トップページ（未確定現場一覧ページ）

![スクリーンショット 2024-03-11 20.26.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1a2cbf6e-ab6f-c6c9-3764-342cb0868e4f.png)

どのページからでも（ヘッダーから） → 全案件一覧ページ


![スクリーンショット 2024-03-11 20.28.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/7999ae7e-a7fd-c35a-358f-92df811e5a42.png)

全案件一覧ページ → 個々の案件ページ

![スクリーンショット 2024-03-11 20.30.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/368894aa-bde7-e947-99fa-c0578e81c873.png)

個々の案件ページ → 案件編集ページ

![スクリーンショット 2024-03-11 20.33.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/722347ac-d047-3dbb-2086-a0f04be3984c.png)

案件編集ページ → 案件編集確認ページ

![スクリーンショット 2024-03-11 20.42.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/bce27a3d-b209-00df-0ce6-cf86dee8a5f0.png)

全案件一覧ページ → 案件登録ページ


![スクリーンショット 2024-03-11 20.44.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/0a8acd32-1034-235d-c256-c19b3b6e4e1f.png)

案件登録ページ → 案件登録確認ページ

![スクリーンショット 2024-03-11 20.46.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/6e2e8305-ecb8-6470-3c57-8246306de08b.png)

どのページからでも（ヘッダーから） → 未確定案件一覧ページ

![スクリーンショット 2024-03-11 20.50.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/95e7f883-2136-e8ed-44ff-3504486ae1e2.png)

未確定案件一覧ページ　→　未確定案件ページ


![スクリーンショット 2024-03-11 20.51.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/73106260-343a-7482-6326-663a5d77c2e3.png)

未確定案件ページ　→ 案件依頼送信前確認ページ

![スクリーンショット 2024-03-11 20.53.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/869b5c21-b1d6-0f3a-8389-712a4376cc83.png)

どのページからでも（ヘッダーから）→　確定済み案件一覧ページ

![スクリーンショット 2024-03-12 1.45.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/7056fd93-9eb5-607a-9c5b-50d6667a3567.png)


確定済み案件一覧ページ　→ 確定済み案件ページ

![スクリーンショット 2024-03-12 1.45.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/77fc325c-8179-e91c-7a97-80a486acd73d.png)



どのページからでも（ヘッダーから）→　通知一覧ページ

![スクリーンショット 2024-03-11 21.00.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/872c51ad-4fea-9ea9-1081-392e4bc648fd.png)


通知ページ　→ 個々の通知ページ


・警備員からの応答の場合

![スクリーンショット 2024-03-11 21.02.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/068fac20-c82f-ca9c-ddf4-c0608eeaff8b.png)

・現場の確定の場合
![スクリーンショット 2024-03-12 1.54.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/97e4be06-e44d-e86b-a468-54de7894d521.png)




どのページからでも（ヘッダーから）→　警備員一覧ページ


![スクリーンショット 2024-03-11 21.03.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/c1501330-35c2-d4f9-d75f-29002a80b837.png)

警備員一覧ページ　→ 個々の警備員ページ



・案件確定の場合

![スクリーンショット 2024-03-11 21.15.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/49af410f-dca8-18d6-6ffc-8de7083e4529.png)

・案件未確定の場合

![スクリーンショット 2024-03-11 21.13.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/52aa28bd-507c-9657-ba69-47d69aa0d36f.png)

個々の警備員ページ　→ 現場変更ページ

![スクリーンショット 2024-03-11 21.16.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/af546a10-3243-08f5-29ea-2716994ea50d.png)



どのページからでも（ヘッダーから）→　マイページ

![スクリーンショット 2024-03-11 21.17.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/44983f0c-28a1-2507-6a6d-19fbbec51702.png)






### 警備

ログインページ　→　トップページ（明日の現場ページ）


![スクリーンショット 2024-03-11 20.24.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/a4c2ea55-3885-13ec-1842-ace620c5bd44.png)




どのページからでも（ヘッダーから）→　明日の現場ページ

![スクリーンショット 2024-03-11 21.23.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/d5f7b114-08b9-0b57-a15f-c159a2b510a9.png)








どのページからでも（ヘッダーから）→　過去の現場履歴ページ

![スクリーンショット 2024-03-12 1.49.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/a3b07252-c07f-1b0f-5f46-367b41bb0155.png)


過去の現場履歴ページ　→ 個々の現場確認ページ

![スクリーンショット 2024-03-12 17.36.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/c6205ece-a1aa-456d-1850-3e7719bdf4ce.png)


どのページからでも（ヘッダーから）→　通知一覧ページ

![スクリーンショット 2024-03-12 2.06.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/89129ff7-293b-e125-a147-d9ff62779003.png)




通知一覧ページ　→ 個々の通知ページ

・現場変更通知

![スクリーンショット 2024-03-12 2.08.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/6518aa67-4b6b-fe20-62ca-1b818faa9bc9.png)



・現場指示通知

![スクリーンショット 2024-03-12 2.07.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/786f8488-a1cf-67e9-3c0f-93327c749203.png)




・現場解除通知

![スクリーンショット 2024-03-12 2.09.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/82d1ffc7-59a2-8a07-0f65-46f7eb631ab7.png)



・現場確定通知

![スクリーンショット 2024-03-12 2.16.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/814c01a5-19e7-a2f9-bbc5-4599309fb3f1.png)


どのページからでも（ヘッダーから）→　マイページ

![スクリーンショット 2024-03-12 1.56.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/f58b08a9-ab44-a635-719e-1f074910ee26.png)




### その他

サインアップページ　→ サインアップ確認ページ

![スクリーンショット 2024-03-11 20.22.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/326b5c83-666c-6a8c-739f-a48419a406bf.png)


## ワイヤーフレーム


### 管制

案件登録ページ

![スクリーンショット 2024-03-10 10.56.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1e9bdf03-9b16-fa9e-377c-a6c1c93076ee.png)


案件登録確認ページ

![スクリーンショット 2024-03-10 10.54.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1f4dfdc2-8702-53b1-196d-bc172405cf6c.png)

案件編集ページ

![スクリーンショット 2024-03-10 10.51.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/0cbe970f-bf8e-c098-c440-c45497b12ff6.png)


案件編集確認ページ

![スクリーンショット 2024-03-10 10.54.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1f4dfdc2-8702-53b1-196d-bc172405cf6c.png)



個々の案件ページ

![スクリーンショット 2024-03-09 3.14.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/8344cfac-40be-d843-ce7c-029be2f4d2be.png)


全案件一覧ページ

![スクリーンショット 2024-03-09 3.16.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/f7073640-4a82-32a8-20ca-00844c66f752.png)



未確定案件一覧ページ

![スクリーンショット 2024-03-09 2.55.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/9bbf4370-8cb4-dfa0-f446-7ead5fdb2b03.png)


確定済み案件一覧ページ

![スクリーンショット 2024-03-09 2.59.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/8b3f4c15-6c0a-73b7-8344-2faa01bd5901.png)

確定済み案件ページ

![スクリーンショット 2024-03-10 10.28.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/7a5338a9-0e03-558e-194c-08d494826b21.png)

未確定案件ページ

![スクリーンショット 2024-03-09 3.03.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/7b1d70e9-e048-ea25-d1b4-172e6f9f21da.png)


案件依頼送信前確認ページ

![スクリーンショット 2024-03-10 10.32.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/3a89c645-4d72-7a9e-9535-d45dd4c5f5f6.png)








警備員一覧ページ

![スクリーンショット 2024-03-10 10.20.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/92c2b609-26c6-d615-cbfd-d821ddef13bd.png)


個々の警備員ページ

![スクリーンショット 2024-03-10 12.14.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/44626b73-a234-fe8a-c690-65323a61d507.png)


現場変更ページ

![スクリーンショット 2024-03-10 12.16.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/ffd31064-ce32-f63a-b6bc-b092b964bff1.png)



通知一覧ページ

![スクリーンショット 2024-03-11 19.41.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/55c301d2-dfdc-c6ca-c291-1868e0cd9252.png)


個々の通知ページ

・警備員からの応答

![スクリーンショット 2024-03-11 20.13.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/8a946adf-7802-406f-41b9-cbe636f3d59e.png)



・現場の確定

![スクリーンショット 2024-03-11 20.11.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/5192f337-8f09-cde7-c60c-7b0133beed54.png)




マイページ

![スクリーンショット 2024-03-10 12.45.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/b8447869-48bd-8403-a7ba-b627e0f736c8.png)



### 警備

明日の現場ページ（3パターンの状態が存在する）

・案件待ち画面

![スクリーンショット 2024-03-10 11.02.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/25a1c23d-1e41-38a8-8936-9bedcfdb0d78.png)


・案件応答画面

![スクリーンショット 2024-03-10 11.10.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/cce674b6-b613-7742-a1d8-bb94026f9ab7.png)


・案件情報確認画面

![スクリーンショット 2024-03-10 11.20.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/a60b1def-003e-d82e-7fa6-992ad27e65de.png)


過去の現場一覧ページ

![スクリーンショット 2024-03-10 11.28.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/de032c1f-0e53-eecb-7f6e-cd56b1f980cb.png)


個々の現場確認ページ

![スクリーンショット 2024-03-10 11.34.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/e4699d1d-b603-caf9-dfe2-9c1f5d48e7b9.png)

通知一覧ページ

![スクリーンショット 2024-03-11 19.51.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/c62626d7-d596-1996-5820-a047cdccf8e5.png)


・現場変更

![スクリーンショット 2024-03-11 20.01.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1d2e2609-b32b-3f6e-fd67-97d1069d73d7.png)

・現場指示

![スクリーンショット 2024-03-11 20.02.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/bf4e361b-38e7-79a8-6409-4d137db8e5aa.png)


・現場解除

![スクリーンショット 2024-03-11 20.03.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/bfecf20a-5c3a-2c76-bceb-f80c80ade6d8.png)


・現場確定

![スクリーンショット 2024-03-12 2.14.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/ab3beb0c-9ff2-336f-2491-3ec2d20df1ac.png)


マイページ

![スクリーンショット 2024-03-10 12.13.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/4e848576-e045-85bc-e62d-e53dc5f7eff0.png)


### その他

サインアップページ

![スクリーンショット 2024-03-10 12.35.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/474798fa-46c0-0da3-96e2-c773f2add973.png)


サインアップ確認ページ

![スクリーンショット 2024-03-10 12.40.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/3a46d824-4829-62b1-2da8-f28b788127e0.png)


ログインページ

![スクリーンショット 2024-03-10 12.42.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3586858/1584e5e0-ebd5-d62c-c7f7-e6d123a150af.png)




## テーブル定義書（もしくは ER 図）


案件情報テーブル

：案件ID
：案件名
：元請け会社
：集合場所
：集合場所住所
：最寄駅
：集合時刻
：開始時刻
：勤務時間
：終了予定時刻
：隊員数
：業務内容
：注意事項


明日の現場情報テーブル

：案件ID
・案件名
：日付
：確定か否か
：天気


確定隊長テーブル

：案件ID
：隊員ID


確定隊員テーブル

：案件ID
：隊員ID


確定案件テーブル

：案件ID


未確定案件テーブル

：案件ID




警備員情報テーブル

：警備員ID
：属性
：苗字
：名前
：誕生年
：誕生月
：誕生日
：住所
：最寄駅
：入社年月日

警備員ログインテーブル

：警備員ID
：パスワード

管制員情報テーブル

：管制ID
：属性
：苗字
：名前
：誕生年
：誕生月
：誕生日
：住所
：支社
：入社年月日


管制員ログインテーブル

：管制員ID
：パスワード

過去現場履歴テーブル

：案件ID
：隊員ID


管制員通知テーブル

：通知ID
：通知属性
：通知タイトル


現場許諾通知テーブル
：通知ID
：案件ID
：隊員ID
：通知タイトル
：通知内容


現場拒否通知テーブル

：通知ID
：案件ID
：隊員ID
：通知タイトル
：通知内容
：理由


現場確定通知テーブル

：通知ID
：案件ID
：通知タイトル
：通知内容


警備員通知テーブル

：通知ID
：通知属性


## システム構成図