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

24::gr01::中間発表

プロジェクト名

One Love ~100年先も愛を誓おう~

プロジェクト説明

マッチングアプリを制作
・プロフィールを記入
・気になる子にいいね
・相互いいねでメッセージできる
・後は努力次第!!

ものの操作と洗い出し

もの
・タイトル画面
・ログイン画面
・新規登録画面
・プロフィール画面
・メイン画面(いいねする画面)
・チャット画面

操作
・タイトル画面
ボタンをクリックでログイン画面or新規登録画面に飛ぶ
・ログイン画面
ID(メールアドレス)とパスワードを入力して、合っていればメイン画面に飛ぶ。間違っていればもう一度入力
・新規登録画面
名前とメールアドレス・パスワードを入力して、利用規約に同意のチェックを入れてアカウント作成 その後メイン画面に飛ぶ
・プロフィール画面
ニックネーム、居住地、年齢、身長、職業、年収、MBTIを入力
写真のアップロード
メイン画面に飛べるようにした。
・メイン画面
入力したMBTIと相性のいい人のみを表示し、任意でいいねできるようにする。
メッセージ画面とプロフィール画面に飛べるようにした。
自分がいいねしたひとを見れるようにした。
・チャット画面
お互いにいいねし合った場合のみメッセージできるようにする。

画面ごとの簡易的なフローチャート
chart1.12.jpg

モジュール分け

タイトル画面
・title.html
・title.css
・title.js
ログイン画面
・login.html
・login.css
・login.js
:登録されているアカウントとパスワードと照合する プロフィール画面
・profile.html
・profile.css
・profile.js
:プロフィール内容の変更点を保存 メイン画面
・main.html
・main.css
・main.js
いいね画面
・good.html
・good.css
・good.js
メッセージ画面
・message.html
・message.css
・message.js

・タイトル画面
Screenshot from 2024-06-14 11-52-53.png
・ログイン画面
Screenshot from 2024-06-07 14-34-40.png ・プロフィール画面
Screenshot from 2024-06-07 13-35-00.png ・メイン画面
Screenshot 2024-06-07 at 13-58-55 Home.png ・メッセージ画面
Screenshot from 2024-06-07 14-10-07.png ・いいね画面
Screenshot from 2024-06-07 14-11-22.png

動作のイメージ(理想)

タイトル→ログイン・新規登録→(メイン画面→メッセージ画面・いいね画面・プロフィール) ()の中は自由に遷移できるようにする

今後の方針

アカウントなどをnode.jsを用いて管理しようとしたがうまくできず間に合わなかった。mysqlを用いる方向で開発を進めたい。大枠が完成している画面に関しては、デザインや動きなどをつけてクオリティを向上していきたい。                    


最終更新日:2024/06/14 12:56:16