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

23::gr07::発表

班ページトップへ

プロジェクト名

のあのる ~時間とお金の管理アプリ~

プロジェクト説明

大学生向けのスケジュール管理アプリ
学生の講義日程やアルバイトの時間だけでなく、学生のお財布事情までもこのアプリで一括管理できる

モジュール分けと各関数の説明

フローチャート

flowchart.png

ページの説明

ログインページ

  • ログイン画面から
    • IDをもっている場合→IDとパスワードを入力後、「login」ボタンでログインをすることができる。
    • 新規ユーザーの場合→下の「make」ボタンをクリックで初期ID設定画面にとぶ。そこで自分の好きなIDとパスワードを設定する。ただし、パスワードは10文字以上である必要がある。

ログイン.png

ID作成ページ

  • 自分の好きなIDとパスワードを設定できる。ただし、パスワードは10文字以上である必要がある。
  • 上の「save」ボタンで保存し、初期設定ページにとぶ。
  • 下の「return」ボタンでログインページに戻ることができる。

ID作成.png

初期設定ページ

  • 初期設定画面では講義の開始時刻と1講義あたりの時間、アルバイト先の名前と時給を設定する。
  • 上の「save」ボタンで保存し、ログインページにとぶ。
  • 下の「return」ボタンでID作成ページに戻ることができる。

初期設定.png

メイン(カレンダー)ページ

  • メイン画面は週ごとに表示している。
    • 画面上部左右にある「<」「>」ボタンで一週間前後に移動ができる。
    • 右下(画像だと右中央)の「+」ボタンから講義を追加することができる。
    • 右上のメニューバーから設定ページにとぶことができる。

Calendar.png

講義・バイト予定の追加/削除ページ

  • 講義を追加したい日程・科目名・講義室を選択・入力し、「subscribe」ボタンでカレンダーページに追加することができる。
  • バイトの予定を追加したい日程・追加したいバイト・時間を選択・入力し、「subscribe」ボタンでカレンダーページに追加することができる。
  • 講義・バイト予定の削除をしたいときは、選択フォームから削除したい予定を選択して「subscribe」ボタンを押すことで、カレンダーページから削除することができる。

講義予定12.png

設定ページ

  • 名前・学年・講義時間・アルバイト先の店舗名・時給を設定(追加)することができる。
  • 「save」ボタンを押すと保存し、カレンダーページに飛ぶ。

設定画面.png

良かった点、改善点

良かった点

  • 自前のサーバーを立ててプログラムを動かすことができた。
  • 大きなバグを残すことなく、一通りのプログラムを作ることができた。
  • 早めにモジュール分けの作業を行っていたため、それぞれの人が自分の作業に取り掛かることができた。

改善点

  • サーバーの構築や整備という負担の大きいことを一人だけに頼ってしまい、苦労をかけてしまった。
  • HTMLの動きをつけて良くなったが、背景部分があまり手を加えられなかった。
  • バイトをしていない人は初期設定ができないため、そもそも使うことができない。

GitLabリポジトリ


最終更新日:2023/08/04 21:16:51