東京の中学校で行っている毎日の健康チェックを、WEBで管理できるようにしたものです。
- 生徒がGoogleFormで当日の健康状態(体温など)を回答。
- 回答時にAPIでDBに保存。
- 教員と保護者・生徒が回答をWEB画面で確認できる。
中学校教員をやっている先輩に「GoogleFormの回答を教員が見やすいようにまとめてほしい」とお願いされたことがきっかけでした。当初は表示だけとのことだったのでGASを使って表示をしていました。しかし、実際に使われていくにあたって「生徒の回答を承認できるようにしたい」「保護者や生徒も閲覧できるようにしたい」などの要望が増えていき、認証機能やDBが使えるLaravelでリプレイスすることにしました。
- トップページ
- 教職員用管理画面
保護者・生徒用マイページ ※一度ログアウトが必要です
マルチログイン機能
教職員ログインと保護者・生徒ログインの二つの認証機能を実装しています。生徒のプライバシー保護の観点から、生徒・保護者ログインでは自分のデータしか閲覧できないようになっています。また、今後の拡張性も考え、認証ごとにテーブルを分けて管理しています。
認証機能の非同期化
教職員用管理画面での承認機能を非同期にしました。先輩から「承認は簡単にできるようにして欲しい」との声があったので、ページのリロードを挟まずに承認できるようにしています。
- Laravel 8.81.0
- Vue.js 3.x
- Bootstrap
- ConoHaのVPS(Apache、MySQL)