PHP
HTML
CSS
MySQL

プログラミング初心者が運転日報アプリをつくった話

アウトプット!

プログラミングの勉強にはアウトプットが大切だと聞きました。
ちょうど運転日報のアプリの記事があったので便乗ではありますが投稿します。
GASを使って運転日報のWEBシステムを作ってみた話

なぜ取り組んだか?

業務効率化が趣味の私は、EXCELを使って楽しい時間を過ごしていました。
次は何をしようと思っていたところ、運転日報の作成が面倒だった記憶があったため、
これでアプリとか作ったらよいんじゃないかと思い、新たな可能性を求めて夏休みに勉強がてら作成をはじめました。

コンセプト

①運転日報の作成時間をひとりあたり30分/週削減!
②提出方式(紙で提出・レシート貼り付けなど)は守らないといけないので、うまい具合に融合させる。
運転日報には、日付、経路、メーター(出社/始業/終業/帰宅)、給油、駐車料金、高速料金など複数項目をもれなく記載する必要があり、なるだけ直感的に操作できるインターフェースを目指しました。

ヒアリング

現状分析としてヒアリングしました。むむ!
スクリーンショット 2018-11-02 15.52.06.png

イメージフロー

運転される方の動きとしてはこんな感じなので、これをひたすら登録していく感じにしようと思いました。
スクリーンショット 2018-11-02 15.53.31.png

また、フォーマットが手書きなどでメモしたものをExcelにぽちぽち打ち込んでいく仕様の為、以下の様な流れで行ければスムーズかなと思いました。印刷の手間、EXCELにわざわざ書き写す手間は除外されます。
スクリーンショット 2018-11-02 15.55.28.png

WEBアプリ

iPhone用に、スタンドアローンモードを使ってアプリっぽくしました。
また、ブラウザで開いたときにホーム画面登録に誘導するための表示も付け加えました。
画面で注意したポイントとしては、
・誰でもわかるインターフェース
・入力忘れを防ぐために車の乗り降りのときに必ず入力する仕組み
を付けました。
紆余曲折あり、入力画面は以下のような形になりました。
スクリーンショット 2018-11-02 16.16.25.png
ページ構成はこのような感じです。結構なページ数になりました…
スクリーンショット 2018-11-02 21.34.57.png

EXCELシート

関数を組みまくり、シートに一括印刷の機能を付けて一人の人がその部署全員分の印刷ができるようにしました。アプリと同じくらいここが結構肝だったかもしれません。

結果

試験導入後、本格導入には至りませんでした。残念。
週平均20分の削減効果がありました。

今後

WEB系のものを作るのは初めてでしたが、HTML、PHP、MySQLの概要とコードが本やネットをみながらなんとなくかけるようになりました。
現在、Ruby on railsを勉強中なので、それも使ってより有用なものができればいいなと思います。
・シートを自動的に出力されるようにする
・レシートを写真にとってそのまま認識される
・位置情報登録で自動的に場所の名前として予測入力する