Fresh!

OVERVIEW

2年次の授業・ウェブプログラミング実習の最終グループ課題

YEAR 2019

概要

本システムは, 食品の賞味期限を登録することで, ウェブ上で管理することができるシステムである. ターゲットとする利用者は主婦・主夫や一人暮らしをしている人などの普段から料理をする人であり, 料理をしようとした時にどの食品の賞味期限がきれているのかをまとめて把握することができる. 食品の登録方法として, テキストでの入力の他に, JANコードを読み取ることで自動的に食品名が入力されるようにした.

PHP, HTML, CSS, JavaScript, SQL, Web APIを用いた.

システム画面遷移

以下の図に示す通りである.

担当箇所

  • データベースの設計
  • 期限切迫品の強調に関わる箇所
  • データ入力(addForm.php, addSubmit.php, dateForm.html)
    • ジャンル選択部分:テキストボックスかつプルダウンメニューにした. 
    • 日付入力:1番こだわった箇所である. 存在しない日にちは選択肢に出現しないようにしたり、年月日の順番での入力を誘導する設計にした.
  • 紹介動画の作成:使用中の映像はCanon Kiss X7で撮影した.
  • 発表会での導入以降の発表


紹介動画