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