１．Raikanってなに?
来訪者管理サービスを親しみやすく略したものです。
２．開発した経緯
現在弊社では来訪者が訪れた際に入館日時や退館日時、誰と打ち合わせをするのか等を紙に書いてもらい、管理をしています。
Pマーク適合の管理票であり、もちろん必要な文書であることは間違いないのですが、そもそも来訪者はその日時と自分の名前も訪問先も自明なのに、もう一度改めて記載しなければいけない意味ってあるのかな？という疑問が今回の開発の出発点でした。
であれば、来訪者に当日の予定の確認だけしてもらい、ちゃんと確認したよ、という自署をもらうだけにすればいいのでは、更には、新型コロナウィルス感染症対策としても、据え置きのボールペンを使いまわすよりは、自分が所持するデバイス(スマホ等)で完結できればなおいいだろう、というものでした。
３．Raikanの仕組み
・トップページではログインユーザーのその日の予定が表示されるので、確認が非常に簡単です。
・緑色のボタンを押すと予定の編集画面になります。この画面では日時の変更や署名をすることができます。
・黄色のボタンを押すと現時刻が退館時間で登録できます。
・入館と退館が完了すると予定が終了となるので背景がグレーになります。
・オレンジ色のボタンを押すと確認画面を表示するためのQRコードが表示されます。
・QRを読み込んだ時の確認画面です。
予定情報に間違いがないか確認してもらい、署名するボタンを押したあとに署名画面に移ります。
・署名画面です。署名を登録すると現時刻で入館時間が自動で登録されます。
登録された署名はfirebase上に保管されます。
(iOS、Android、PCすべてに対応しています。)
・署名が完了すると、編集画面で署名を確認することができます。
・灰色のボタンを押すと予定を削除することができます。
・トップページ右上の登録を押すと予定の登録ができます。
・登録画面の担当者にはログインユーザーの名前が自動入力されます(変更可)。
・訪問日付や時間の入力がしやすいようにしています。
４．使用したフレームワーク/サービス
Vue.js
- vue router(ルーティング)
- vuetify(UI)
- vue-ctk-date-time-picker(日時のUI)
- vue-qriously(QRコード生成)
firebase
- Authentication(認証)
- Realtime Database(DB)
- Storage(画像保存)
- Hosting(デプロイ)
５．まとめ
あったらいいな、のファーストステップは形になりました。ただ、見込み顧客にデモをしていた方から聞いた限りでは、このままではビジネスとしては難しそうです。※100社に導入してもらっても割に合わないんだとか。ただ転用の可能性はまだまだあると思うので、デモを希望する方やご要望など、是非お問い合わせ頂ければと思います！