【第八回】コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー

#前回までのあらすじ
[【第七回】コロナ禍だから何かできることを](https://qiita.com/STYLE-D/items/71085dc9a04042f33f0e)

####実装イメージ図
LINEを利用して保健所の担当者の負担を軽減するとともに、自宅療養者はいつでもつながっている安心感を持たせるためのツールイメージです。
![メイン.00_00_51_12.Still002.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/cf85391e-aef8-5a59-0a1d-63d8e15412ce.jpeg)


今回はWEB画面上でできる機能の説明をします。


###権限情報
前回、作業者の権限によって利用できる画面が変わると説明しました。
実際に利用できる画面が以下のようになります。

| 画面名 |システム管理者|管理者|作業管理者|作業者|
|:-|:-:|:-:|:-:|:-:|
|ログイン|〇|〇|〇|〇|
|メニュー|〇|〇|〇|〇|
|連絡情報|〇|〇|〇|〇|
|連絡修正|〇|〇|〇|〇|
|利用者情報|〇|〇|〇|×|
|利用者修正|〇|〇|〇|×|
|地区情報|〇|×|×|×|
|地区修正|〇|×|×|×|
|作業者情報|〇|〇|×|×|
|作業者修正|〇|〇|×|×|
|個人情報|〇|〇|〇|〇|

###各画面説明
####ログイン
![01.ログイン.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/e40dbe42-b1de-c5fb-0224-a581063bb359.jpeg)
ユーザーコードとパスワードを入力し、ログインボタンからログインします。
####メニュー
![02.メニュー.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/a6fea4c4-2dcc-d03f-8697-af5d68abfbd0.jpeg)
ログインが認証されれば、メニュー画面を表示します。
メニュー画面には、未確認と自宅療養中の利用者で、以前からのコンタクトが24時間以上空いている一覧を表示します。
詳細ボタンから、連絡先を表示しアクションを起こすことができます。
####連絡情報
![03.連絡情報.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/82fdbbf0-6804-4114-25c5-1e17456cf783.jpeg)
連絡情報からは、検索のフィルタが存在します。
<dl>
  <dt>状態</dt>
  <dd>利用者の状態を絞って検索します。<br>すべてチェックがない場合は、未確認と自宅療養中のみが対象となります。</dd>
  <dt>利用者名</dt>
  <dd>任意検索できます。文字列の順番も関係なくイメージのデータだと「やまだ」と「太郎」で２件ヒットします。</dd>
  <dt>住所</dt>
  <dd>同じく任意検索でき、文字列の順番も関係ありません。</dd>
  <dt>LINE連携</dt>
  <dd>LINE連携がされているかどうかの絞り込みです</dd>
</dl>
メニューと同じく詳細ボタンから、連絡先を表示しアクションを起こすことができます。
####連絡修正
![04.連絡修正.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/09fca6d2-f736-fb0a-217e-046fcd09cdd3.jpeg)
利用者の詳細が表示されます。
連絡先や住所から、電話連絡や訪問を行い、状態変更に情報の入力を行います。
一覧で、処理をした履歴を確認することもでき、LINEとの連係情報も表示されます。

情報入力
![12.情報入力.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/106ba7d4-0b58-767d-54ff-e8f8feac78fd.jpeg)

####利用者情報
![05.利用者情報.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/4ee23610-413d-2e32-1358-ad2a27c98278.jpeg)
利用する情報を表示します。
LINE連携をする際に伝える番号がこのコードになります。

今回は入力方式のみでの実装ですが、ここからQRコードの発行機能をつけてLIFFをQR読み取り処理に変更すればもう少し親切になるかと思います。

####利用者修正
![06.利用者修正.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/ddbe072f-5f73-4388-7a07-617dcac55cf0.jpeg)
利用者の新規、修正共に利用する画面です。

####地区情報
![07.地区情報.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/1094f5e9-04a9-a0c0-79dd-b7a60b5c3578.jpeg)
地区の一覧を表示します。
ここから、新規・修正を行います。

####地区修正
![08.地区修正.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/cfa7692d-93f9-2735-15f4-6b65f6ddf053.jpeg)
地区の新規、修正共に利用する画面です。

####作業者情報
![09.作業者情報.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/3b41d75e-935b-4b46-b07f-8442e7c492c3.jpeg)
作業者の一覧を表示します。
ここから、新規・修正を行います。

####作業者修正
![10.作業者修正.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/f747061b-a012-1442-4553-c99aec20740c.jpeg)
作業者の新規、修正共に利用する画面です。
ここでは自分の情報を修正することはできないようにしているため、個人情報画面での変更になります。

####個人情報
![11.個人情報.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/744261/358b6a29-afc6-a655-60ad-70ec047dcc1a.jpeg)
ログイン者全員が使える画面で、パスワードや名称を変更することができます。


#コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー
[【第一回】実装イメージ図と動画](https://qiita.com/STYLE-D/items/743bbecae1c52be15505)
[【第二回】LINEからデータを取得して返すまでの流れ](https://qiita.com/STYLE-D/items/9e0addd8df44be8590b7)
[【第三回】LINEからデータベースまでの流れ](https://qiita.com/STYLE-D/items/345e9142948c00330e71)
[【第四回】データベースへの更新までの流れ](https://qiita.com/STYLE-D/items/8af17d7f94f5c351ede0)
[【第五回】ユーザー登録の仕組み-LINEbotの設定部分](https://qiita.com/STYLE-D/items/a745bd5faeb68caa1d7c)
[【第六回】ユーザー登録の仕組みLIFFで表示する画面の開発](https://qiita.com/STYLE-D/items/321038c8028eb9e9231f)
[【第七回】データベースの構造](https://qiita.com/STYLE-D/items/71085dc9a04042f33f0e)
->>[【第八回】WEB画面上でできる機能](https://qiita.com/STYLE-D/items/c32e9098a3948e8f32f2)
[【第九回】まとめ](https://qiita.com/STYLE-D/items/77eb6a8e61ae2201565f)