初めに
バックエンドをLaravel,フロントエンドをVue.jsを用いて実装しています。
この記事ではアプリ開発の説明や工夫した点を記載したいと思います。
アプリの概要
実際に飲食店舗の従業員は活用することをイメージしながら作成した店舗管理システムです。
・店長の事務業務負荷
・実際に生じている店舗の問題点
を解決できるようにすることをコンセプトとして作成しました。
「Cafe de Drip」という喫茶店で活用されることを想定しています。
アプリURL：https://cafe-de-drip.herokuapp.com/
※ユーザー認証必要
ログインしてみたいと思って頂けましたらお問い合わせください。
GitHub:https://github.com/Tanaka-Kizuki/Store-management-system
↓ユーザー認証後のホーム画面
実際に店舗で起きている問題点
◉勤怠管理システム(打刻式)がなくタイムカードもしくはシステム上に手打ち
→店長がシステム上に勤怠入力もしくは実績と入力に相違がないか確認・承認作業
◉ノートを使った共有事項の伝達
→ノートを手書きで書く作業負荷
→全員が読んだか確認ができない
◉日々の発注業務
→発注が出来る能力者が限られており、休みの日でも出勤もしくは遠隔発注
上記問題点解決策(具体的なアプリ実装・機能)
◉勤怠管理システムの導入
◉掲示板形式の連絡ノート
◉各投稿にいいね機能を実装
◉店舗在庫を入力することで必要数が発注される発注システム
機能一覧
◉ユーザー管理登録
○管理者権限
○新規登録(管理者のみ有効)
○ログイン、ログアウト機能
◉勤怠管理システム
○出退勤
○休憩開始、終了
○出退勤時刻、休憩時間より勤務時間の算出(15分繰り上げ)
○ユーザーの勤怠実積照合(ログイン従業員の指定月の勤務実積表示)
○日次勤怠照合(指定日に勤務していた従業員、勤務時間等表示)
◉コミュニケーションノート
○新規作成
○編集
○削除
○いいね機能
https://qiita.com/tanaka2020/items/8ec8ae0fdd3ad4409c74
https://qiita.com/tanaka2020/items/2f87594be2fb53b23958
↑実装方法は別記事でまとめています。
◉発注システム
○アイテムの追加、編集
○発注(データベース登録)
○発注履歴の表示
使用技術
◉フロントエンド
○HTML/CSS
○JavaScript
○Vue.js 4.3.1
◉バックエンド
○PHP 7.4.9
○Laravel 7.27.0
◉インフラ
○mysql 8.0.21
○heroku
工夫した点、苦労した点
◉ユーザー管理
・新規ユーザー登録は管理者権限として実装
◉勤怠管理システム
・1日に1回しか出勤出来ないように実装
・休憩開始後、休憩終了前に退勤が出来ないように実装
◉連絡ノート
・いいね機能はVue.jsでComponent化
・いいねをAxiosで非同期処理
◉発注機能
・1日に１回のみ発注可能
・各食材の適正数量を随時変更出来るように実装することで在庫数を入力することで必要数を自動発注
最後に
現場に立っている中で不便であり改善できれば良いなと普段思っていることを解決出来るように実装しました。現場の負担がすくなりお客様と向き合える時間が少しでも多くなればと思います。