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

• 班の結成と大まかな方針を決定した。
• LINEグループを作成。
• 具体的な内容検討。

大雑把ではあるが、自分たちがアプリに実装したい機能について複数案が出たので、次回はそれらをフロントエンド/バックエンドに仕分けして、仕事の分担をスムーズに行えるように準備を行っていきたい。また、SNSを作っていく中で、ユーザー情報の登録や写真の投稿などのデータのやり取りをどのように行うかについても今のうちから軽く考慮しておきたい。

・開いたときの画面
・構成などの検討
・Gitlabのグループ作成

snsアプリの概要とヴィジュアルイメージの土台づくりを行った。ここからは今まで以上にデザイン、構成、機能などについて具体的に考えていく必要があるので、授業外時間も利用して構想を練っていきたい。

・ものと操作の洗い出し
・画面構成の検討

今回はホーム、ユーザー検索、ハンバーガーボタンの詳細の画面のヴィジュアルイメージを作成した。作っていく過程で実際に今あるSNSを観察したのだが、デザインに一貫性をもたせたり、どこを強調すべきかを検討していくことが大事だと感じた。この調子で次回も頑張りたい。

・ものと操作の洗い出し
・djangoの知識
・画面構成の検討

今回は掲示板とプロフィール設定画面のヴィジュアルイメージと構成を作成した。アプリのモードセレクトについても、必要なものとそうでないものを分けて、より簡易的にまとめることができた。来週はいよいよモジュール化に入るのでアプリの基盤をしっかりと組み立てて、具体性のあるモジュールを制作していきたい。

・モジュール化
・インタフェースの決定

アプリを作る上でのプログラミング言語とその役割を再確認しつつ、構造のモジュール化を行った。ユーザーの目に見える部分であるフロントエンドの作成にはHTML・CSSを使用し、ユーザーの目に見えないデータベースのやり取りをする部分であるバックエンドをPythonのDjangoを使用することを取り決めた。フロントエンドについて具体的に述べると、HTMLでテキストや画像などをレイアウトし、CSSでそのテンプレートのヴィジュアルイメージを作成していくという流れになる。また、フロントとバック部分を連携させるDjangoで構成される部分をインタフェースとして定めた。

・モジュール分割 ・プロトタイプ化

再度、モジュール分割を確認しつつ、HTMLでフロントエンドを作っていく過程に入った。ユーザープロフィール画面や投稿画面、メニュー画面などの特に優先順位の高いモジュールから作成していくことを取り決めた。実際にコーディングの作業に入ると何度もつまづく場面が来るので、忙しい中ではあるが授業外時間も活用して理解を深めていきたい。

・モジュール分け
・プロトタイプ作成

授業外時間に無料学習サイトを利用してhtmlの勉強をしていたので以前に比べてスムーズにプロトタイプ作成を進めることができた。まだまだ完成にはほど遠いので、とりあえずは画面遷移や入力だけでも完璧な状態に持っていきたい。

・プロトタイプ作成
・中間発表準備

今回はパイソン側とのすり合わせやそれぞれのページ作成を行った。まだ実装までには時間がかかりそうだが一つ一つやれることをやっていこうと思う。

・中間発表

まだ完璧に実装できるほどではないのではないのでもう少し詳細部分を見つめて製作を進めていこうと思う。また、他の班の作品に目を通して、吸収できるものが多いと感じたので製作に応用していこうと思う。

・pythonと結合
・cssコーディング

cssのタグの使い方に慣れてきた。未だにプロフィールの情報登録の仕方がわからないのでcssを作りつつそちらも同時並行で進めていきたい。

・pythonとHTMLの結合
・cssの作成

今日はcssの細かいデザインの調整を行った。まだ統一感が足りない部分も多いので、次回さらに磨きをかけていきたい。

・pythonとHTMLの結合
・cssの作成

写真設定の条件分岐をhtml内でjavascriptを用いて作成した。写真の表示範囲も円形にするなどしてよりアイコンに近い形に持っていくいことができた。最終回までにはきちんとデータを保持してユーザーが入力した情報を表示できるようにしたい。

・pythonとHTMLとの結合
・CSSの作成

CSSの微調整を行って画面表示を見やすくした。まだ、完璧に実装できるところまでは達していないので、授業外の時間を使って製作に磨きをかけていきたい。

・最終発表

事前に原稿を作っておらずほとんどアドリブだったのでところどころ拙い表現があったかもしれないが、聞き手に使い方や自分らの細かいこだわりが伝わるように努力した。また、他の班の作品も一通り見て、班の数だけ個性があって面白かった。今回のぽうロジェクトにおいて、自分はどちらかというとフロントエンドを中心に製作していたので、これから機会があればバックエンドの製作にも触れてみたい。