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

24::gr08::熊谷　英也

archive mode

活動個人記録
!!第１回

班を結成し、何を作るのかの大まかな概要と仕様を考えた。
顔見知りのメンツで構成されているのでコミュニケーション上は問題ないが人数が多いのでグダらないようにしていきたい

!!第２回
今回の演習ではより具体的なデザインをした。班長なのでgitlabの初期設定をし、グループでは会員制にする際の入力画面や実際にユーザー側には
どのようなUIが表示されるのかなどリベラルオフィスドローをもちいてデザインしてみた。プログラム面的な内側のものはしていないので次回以降で実行していきたい。

!!第３回
今回の演習ではものと操作の振り分けをした。その過程で簡易企画書の内容が多少変わった。ほか二人がやっている傍らログイン画面の作業を少し行った。htmlに触れたことがなかったのですごく難儀した。次回までに知見を養いたい
!!第４回
今回の演習ではモジュール分けとその構成の設計をしてそれをもとに班のみんなに実際にhtmlを記述してもらった。主観的な感想であるが自分が仕様書を書いて班員に支持して、それを班員が実行している構図がとても充実しているように感じた。

!!第５回
今回の演習ではモジュールわけをしたものをpng形式に変更した後mysqlのデータベースにアクセスして、必要なテーブルを作成した。これをもとに以降の演習ではプロトタイプの作成に取り掛かりたい。
!!第６回
今回の演習では２班に分けて、作業を行った。自身ではない班では、引き続きモジュールわけの続きを行って、自身のグループではデータベースからget, postを使ってデータの送受信をするモジュールを作った。次回からは別クループが作ったhtmlにうまく組み込む作業を行っていきたい。
!!第７回
今回の演習ではCSSを用いてUIを少しよくする試みをした。途中figmaで行けるかと思ったが班員がすでに作ったhtmlファイルが勿体ない気がしたのでCSSを使ってやった。ただ掲示板のような用途でUIに動きや派手さを付け加えるのが難しく感じた。
!!第８回
今回の演習では、中間発表のためのページ作成とモジュールを統合してちゃんと動くかの確認をしたり、前回の演習の続きのCSSを用いたUIのデザインを行った。仕事を各々に割り振っていて逐一それぞれの進捗を確認する機会を設けていなかったので、今回でその機会を設けて、大まかなすり合わせを行った。発表まで厳密には１週間あるので、発表の高層をねっていく過程で疑問やすり合わせが再度必要になったら、確認していこうと思う。
!!第９回
今回の演習では中間発表を行った。実際に発表を通して至らない点や改善点などがTAや色々な人を通してわかったので作り直していきたい。
!!第１０回
今回の演習では、CSSをもちいてUIデザインをする傍ら、前回TAの方に提案された、評価の高い人気のある授業のページのhtmlの枠組を制作した。まだ動的な要素はかけているがこれからの授業で色付けして行きたい。
!!第１１回
今回の演習では、データ入力画面のUIの変更、及び、検索画面のjavascriptのリンクの遷移の作業を行った。その後、拡張機能である掲示板の機能の補助をした。具体的にはデータベースの構築、テーブル設定ｊｓ上でのデータの受け渡し等の作業を行った。
!!第１２回
今回の演習では、引き続き、拡張機能の掲示板の作業を行った他、他の班員がgit addをして変更したり、追加したページのUIを統一する作業をした。終わりが近づいてきてやる作業があまりなくなってきた。
!!第１３回
今回の演習では、簡単な原稿の制作とモジュール化していた機能をjsで遷移するためのコード書きとCSSを用いて最終的なUIの調整を行った。掲示板をモジュール化していたところから統合する際に掲示板のデータベースとのリンク機能がなくなったので発表まで間に合わせる。

!!授業外活動
モジュール化していた掲示板を統合する際に掲示板がデータベースと通信できない問題が発生した。このプログラムの動的処理がapp.js一個に統括されており、独立していたserver.jsを加える際にパスや変数で問題が起きてしまい、修正点が莫大だと判断し、統合せずにモジュール化し別々のノードを確立して、リンクのボタンを押すと今回の場合だと7000から3000に遷移するようにした。

!!第１４回
今日は最終発表を行った。中間発表時には自分たちの完成度に関してそれなりの自信があったが最終発表ではどのチームも出来がよくて驚いた。個人的にに考えるに自分たちとほかのチームを隔てた部分の大きいところはＵＩが大きいと感じた。ここに関しては自分の担当であったが、参考にした２ちゃん５チャン等の掲示板によりすぎていて、ほかの情報をもっと広く集めずにとても簡素なＵＩデザインにしてしまったのが原因だと考えられるので次回以降アプリやら何かしら作る機械があったらそこの部分をもっと広く集めたりメディアリテラシーをつけた状態で挑んでいきたいと感じた。

!!総評
今回の演習全体を通して、非常に良い経験ができたと思う。開発体系としてトップダウン、ボトムアップの二つがあり、今回自分たちのグループではボトムアップ寄りの中間位置で行た。掲示板的なものを作ることだけを軸にしてそのほかやりたいことや、一手が足りなくなったときに班長である自分を通してヘルプに入るといった感じの作業をした。中盤以降はうまく機能したがいかんせんボトムアップ寄りだったので最序盤の方ではちょこちょこやっている作業が同じだったりして時間的コストを浪費してしまったので少し苦労した。とは言っても、ほぼ傀儡ではあったが班長として、現場を鳥瞰できる良い経験をさせてもらったし、この演習で初めて実戦的なプログラムという作業を行ったのでとても勉強になった。

Tag:

Attachment

New: append-tag

(download: 493 bytes, at 2024/04/19 15:25:04 <frozen> )
(download: 919 bytes, at 2024/04/26 16:08:03 <frozen> )
(download: 1232 bytes, at 2024/05/01 15:56:11 <frozen> )
(download: 1565 bytes, at 2024/05/10 16:42:29 <frozen> )
(download: 1834 bytes, at 2024/05/17 16:33:15 <frozen> )
(download: 2219 bytes, at 2024/05/24 16:48:53 <frozen> )
(download: 2544 bytes, at 2024/05/31 16:52:16 <frozen> )
(download: 3059 bytes, at 2024/06/14 11:05:05 <frozen> )
(download: 3534 bytes, at 2024/06/21 17:19:51 <frozen> )
(download: 3876 bytes, at 2024/06/28 16:55:10 <frozen> )
(download: 4152 bytes, at 2024/07/05 16:28:40 <frozen> )
(download: 4522 bytes, at 2024/07/12 18:17:26 <frozen> )
(download: 5060 bytes, at 2024/07/26 15:06:46 <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

24::gr08::熊谷 英也