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

22::gr06::最終発表

プロジェクト名

SNSアプリ『GathPer』

プロジェクト説明

  • 投稿・フォロー・いいねなど、一般的な機能を備えたSNSアプリケーション。小規模コミュニティにおける、活発な交流を目指して機能やUIの実装を行った。

中間発表以降に行ったこと

  • 投稿に対するリプライ機能追加
以前は投稿の一覧表示機能のみであり、他ユーザーへの反応や意見の表示を行うのに直接的な手段が設けられていなかったが、投稿に対するリプライ機能の実装で、より対象を絞った交流が可能になった。
  • 各ユーザーのプロフィール(投稿一覧表示)機能追加
中間発表時点では、ログインユーザー自身の投稿の一覧表示機能であったが、投稿欄中のユーザーネームに紐付けられたプロフィールを作成したことで、対象ユーザーの投稿の一覧表示が可能となった。
  • 各種デザインの充実、オリジナルロゴの作成
中間発表時点では、Bootstrap5の機能を使った簡素なデザインであったため、大幅なデザイン変更を行った。まず、全体のデザインの統一を図った。「GathPer」の名前の由来である「Gather」と「Whisper」から、夜に集まってコソコソと静かに会話しているイメージを得た。夜の集会の静かで、しかしワクワクした雰囲気をデザインで表現した。細かい変更点として、投稿をアニメーションでスライド表示されるようにして画面に動きをつけることで、遊び心を持たせた。企画書に基づきメニューバーを左に、投稿を右に配置した。ロゴを作成しメニューバーに表示した。メニューの各項目ごとにアイコンを並べて表示させることで項目が直感的にわかるようになった。現在選択中の項目が強調表示されるように変更し、ユーザーが今どのページにいるかがわかりやすくなった。メイン部分の背景を次第に暗くなっていく夜空のようなデザインに変更した。ボタンのデザインを街のネオンや宇宙を想像されるような色に変更し、カーソルが合っているときとそうでないときで色を変えるようにした。投稿フォームや返信フォーム、投稿を囲む枠のデザインをイメージに合うように寒色系の色に変更した。ログイン画面とログアウト画面もデザインを刷新し、暗い色の統一感のあるデザインになった。入力フォームを選択することでアニメーションが発生し、楽しめるデザインとなっている。ログイン画面とログアウト画面は以前までライブラリに組み込まれた機能で実現していたので、デザインの変更が難しかった。しかし、HTML、Python、djangoについての理解を深めていくことで無事に実現した。

プロジェクトリンク

モジュール分けと詳細説明

動作スクリーンショット

ログイン画面

・ユーザ登録が済んでいる場合、ユーザ名とパスワードを入力することでログインできる。 Screenshot from 2022-07-28 15-42-42.png

アカウント作成画面

・アカウント作成には、メールアドレスとユーザ名、パスワードを設定する。 Screenshot from 2022-07-28 15-42-55.png

ホーム画面(全投稿一覧)

・ホーム画面では、ユーザ登録がされているユーザの全投稿が一覧表示される。 Screenshot from 2022-07-28 14-56-15.png

投稿作成画面

・投稿を作成できる。投稿には、タイトルと本文を入力できる。 Screenshot from 2022-07-28 14-56-56.png

自分の投稿一覧

・自分の投稿のみ一覧表示できる。 Screenshot from 2022-07-28 14-59-25.png

投稿の詳細画面とリプライ表示の様子

・各々の投稿の詳細画面、リプライ表示の様子である。
・その投稿のユーザと、ログインしているユーザが同じだった場合、投稿の編集と削除が可能である。 Screenshot from 2022-07-28 15-02-22.png

任意の他人の投稿一覧

・他人の投稿の一覧を見ることができる。 Screenshot from 2022-07-28 15-05-44.png

フォローユーザーの投稿一覧

・自分がフォローしているユーザの投稿の一覧を見ることができる。 Screenshot from 2022-07-28 14-57-26.png

自分がいいねした投稿一覧

・自分がいいねした投稿の一覧を見ることができる。 Screenshot from 2022-07-28 14-57-56.png

ログアウト画面

・ログアウトが可能である。 Screenshot from 2022-07-28 15-44-41.png


最終更新日:2022/07/29 13:29:15