工場用作業日報

概要

工場の作業員が日報を入力するためのアプリケーションです。

作業員は、工場に設置されたタッチパネル、PC、iPad、iPhoneからこのアプリを使用して日報を入力します。

入力された日報データは夜間のバッチ処理で基幹システムに連携されます。

Points

このアプリはモジュールバンドラ等を使用せず、シンプルなhtml+CSS+JavaScripで作成しています。Web開発を始めて間もなく知識がなかったためです。

当初GASでフロントとバックエンドを作成していましたが、遅くて使えないと言われ、そこから本格的にWeb開発を学びバックエンドをNode.jsにして高速化しました。はじめて社内で使用してもらったアプリケーションです。

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

  • ・工程別の実績を確認する画面を用意した。
  • ・基幹システムの入力に近い画面を用意した。
  • ・日ごとの集計結果と明細を選択してCSV出力できるようにした。
  • ・AIOCRによる製作番号の入力
  • ・工場ごとのラジオ体操時間、休憩表示の時間のカスタマイズ

Stacks

  • フロントエンド :
    • Html+CSS+JavaScrip、t
    • Libraries(VisionAI、papaparse、axios...)
  • バックエンド :
    • Express、
    • kintone、
    • Libraries(kintoneAPIClient)
  • インフラ・その他 :
    • FirebaseAuthentication(認証)、
    • CloudRun(バックエンド)、
    • FirebaseHosting(フロントエンド)
画像 1
画像 2
画像 3
画像 4
画像 5
画像 6
画像 7
アクティブ画像