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

24::gr06::三浦和真

archive mode

<<個人活動記録>>

!!　第１回　2024/04/19
*班の結成と大まかな方針を決定した。
*LINEグループを作成。
*具体的な内容検討。

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

!!　第２回　2024/04/26
・開いたときの画面((br))
・構成などの検討((br))
・Gitlabのグループ作成((br))

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

!!　第３回2024/05/01
・ものと操作の洗い出し((br))
・画面構成の検討((br))

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

!!第4回　2024/05/10
・ものと操作の洗い出し((br))
・djangoの知識((br))
・画面構成の検討((br))

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

!!第5回　2024/05/17
・モジュール化((br))
・インタフェースの決定((br))

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

!!第6回　2024/05/24
・モジュール分割
・プロトタイプ化

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

!!第7回　2024/05/31
・モジュール分け((br))
・プロトタイプ作成((br))

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

!!第8回　2024/06/07
・プロトタイプ作成((br))
・中間発表準備((br))

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

!!第9回　2024/6/14
・中間発表

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

!!第10回　2024/06/21
・pythonと結合((br))
・cssコーディング((br))

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

!!第11回　2024/6/28
・pythonとHTMLの結合((br))
・cssの作成((br))

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

!!第12回　2024/7/5
・pythonとHTMLの結合((br))
・cssの作成((br))

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

!!第13回　2024/7/12
・pythonとHTMLとの結合((br))
・CSSの作成((br))

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

!!第13回　2024/7/27
・最終発表

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

Tag:

Attachment

New: append-tag

(download: 664 bytes, at 2024/04/19 15:46:44 <frozen> )
(download: 1090 bytes, at 2024/04/26 16:00:14 <frozen> )
(download: 1529 bytes, at 2024/05/01 16:07:07 <frozen> )
(download: 2088 bytes, at 2024/05/10 15:52:48 <frozen> )
(download: 2136 bytes, at 2024/05/10 15:54:27 <frozen> )
(download: 3006 bytes, at 2024/05/17 15:23:08 <frozen> )
(download: 3563 bytes, at 2024/05/24 16:03:18 <frozen> )
(download: 3974 bytes, at 2024/05/31 16:50:47 <frozen> )
(download: 4275 bytes, at 2024/06/07 16:45:29 <frozen> )
(download: 4552 bytes, at 2024/06/21 15:57:57 <frozen> )
(download: 4624 bytes, at 2024/07/05 15:46:53 <frozen> )
(download: 5215 bytes, at 2024/07/05 15:54:43 <frozen> )
(download: 5236 bytes, at 2024/07/26 13:06:22 <frozen> )
(download: 5241 bytes, at 2024/07/26 13:07:02 <frozen> )
(download: 5517 bytes, at 2024/07/26 14:00:18 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit