TimeMaster(勤怠管理)

概要

工場や倉庫などの現場で働く社員が勤怠の打刻をするためのWebアプリケーションです。

申請する人は、各工場に設置されたタッチパネル端末、現場に持ち出しているiPad、iPhoneからこのアプリで申請を行います。

また、工場の事務担当者や工場長、総務部の担当者は、社員一人ひとり人の出勤退勤時間、残業時間の確認ができます。

Points

ログインユーザの他、社員証、顔認証など様々な打刻方法を実現しました。 また、位置情報APIとGoogleMapAPIを使用し、位置情報や住所入力(手動修正)とGoogleMapとのインタラクティブな表示変更を実装しました。

管理面では、自分の勤怠、社員別、日別、月別などの一覧を用意し、打刻情報の矛盾をアラート表示しています。

その他、ユーザの利便性に特化した実装をしています。

  • ・一括で複数の社員の打刻を行う(上長がまとめて申請)
  • ・プロフィール画面での初期表示ページの変更
  • ・iPhoneを自宅に忘れたなど手動による事後修正も可能(ログは取得)
  • ・遡及入力の制限(30営業日前までしかできない)の設定など

Stacks

  • フロントエンド :
    • Next.js、
    • CSS(SASS、MaterialUI)、
    • Libraries(GoogleMapAPI、W3C-WebUSB、dnd-kit、TensolFlow)
  • バックエンド :
    • Next.js
    • kintone(社員情報、ユーザ情報、打刻履歴、各種マスタ)、
    • Libraries(kintoneREST API Client)
  • インフラ・その他 :
    • NextAuth(認証)、
    • CloudRun(フルスタック)、
    • GoogleCalendar(休暇の共有)、
    • Gmail(通知)
画像 1
画像 2
画像 3
画像 4
画像 5
画像 6
画像 7
画像 8
画像 9
アクティブ画像