2024 ソフトウェア設計及び演習用の班Wiki

23::gr09::中間発表

プロジェクト名

お酒管理アプリ

プロジェクト説明

体重、アルコール度数などを入力し、お酒が抜けるまでの時間を出力するアプリです。

ものと操作の洗い出しの結果

<もの>
①スタート画面

  • ウィンドウ画面
  • タイトル
  • サイトの使い方
  • 設定 ・BGM
  • シミュレーション
  • お酒に関する情報
  • リアルタイム管理

②シミュレーション

  • ウィンドウ画面
  • 体重入力フォーム
  • アルコール度数、量(ml)、杯数、その他(選択タブ)
  • 飲み始め時間入力フォーム
  • 入力画面(その他の場合)
  • 決定ボタン
  • 時間表示
  • 画像で適正量を表現
  • 戻る

③お酒に関する情報

  • ウィンドウ画面
  • お酒一覧

④リアルタイム管理

  • ウィンドウ画面
  • ログイン情報入力画面
  • ②の機能を使用
  • タイマー(②の機能を反映)
  • 戻る

<操作>
①スタート画面

  • クリック入力→画面移動 ②シミュレーション
  • キーボード入力
  • クリックによるタブの選択
  • 決定ボタンを押す→表示
  • 戻るボタンでスタートへ

③お酒に関する情報

  • クリックすると詳細が表示

④リアルタイム管理

  • ログイン情報入力
  • ②と同様のシステムを使用
  • 決定ボタンを押す→タイマーに反映

モジュール分けの結果

html

○tytle.html(横澤)

  • 文字表示
  • ボタンx4

○simu.html(西舘,横澤)

  • 文字表示
  • 入力フォームx(3+n)
  • ボタンx3
  • 出力時間

○inf.html(伊東)

  • 文字表示
  • ボタンxk(酒数)

○set.html(金)

  • 文字表示
  • ボタンx2

css

○main.css

  • 背景
  • 背景サイズ

○tytle.css(横澤)

  • 文字の位置
  • ボタンの位置

○simu.css(西舘,横澤)

  • 文字の位置
  • ボタンの位置
  • 入力フォーム位置
  • 結果表示位置
  • 画像位置

○inf.css(伊東)

  • 文字の位置
  • 画像の位置

○tytle.css(横澤)

  • 文字の位置
  • ボタンの位置

js

○simu.js(西舘,横澤)

  • 画像の出力

○set.js(金)

  • カーソルの動き

○SE.js(金)

  • 効果音

プロトタイププログラムの説明

○このプロタイプでは、タイトル、シミュレーション、酒の情報、設定の4つのページから構成されそれぞれタイトル画面からの遷移を実現している。

デモのスクリーンショット

Screenshot from 2023-06-09 12-33-08.png Screenshot from 2023-06-09 12-33-21.png Screenshot from 2023-06-09 12-34-58.png Screenshot from 2023-06-09 12-33-35.png Screenshot from 2023-06-09 12-33-51.png

今後の改善点

  • 効果音を入れる
  • デザインを整える
  • 図などの挿入
  • お酒の情報


最終更新日:2023/07/07 15:01:37