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

23::gr05::山下祐輝

archive mode

更新日：2023/5/8((br))
<<個人活動記録>>

!!第1回
* 班決めをした。
* プロジェクトについて、今後の簡単な見通しを話し合った。
* LINEグループを作成した。

!!第2回
*GitLabでグループのフォルダを作成した
*大まかな開発の枠組みについて話し合った
*簡易企画書を作成した
*作業分担や今後の流れも確認し、分担方法によってはうまくいかない可能性があることを知った

!!第3回
*アプリの画面候補をいくつか考え(初期画面、メインメニュー、食事、運動、記録の画面等)、((br))
開発と利便性のバランスを簡単に考えながらどういったUIにすればよいか話し合った

!!第4回
*ものと操作の洗い出しをするため、まず「もの」がいくつあるのかカテゴリに分けながら数え上げた
*今後のことを考え、ロゴやその他素材などを共有できるようにGoogleドライブで共有することを提案した
*「もの」を分かりやすくイメージできるように、いくつかのイメージ画面をデータ化した
**ホーム画面
***全画面共通してロゴは左上に設置
***食事、運動、記録画面に遷移しやすいよう中央にボタンを配置
***ホームから今日の記録が一目で分かるよう、キャラクターを用いながら確認できるようにした
**設定画面
***設定画面から登録情報を変更できる画面へ遷移できるボタンを配置((br))
これにより、体重や年齢など、変化しやすい情報もすぐに更新できるようにした
***SEやBGMの音量調節も可能にした（音楽を付けるかどうかは現段階では検討中だが）
***ログアウトボタンも配置し、それっぽく。。
**食事画面((br))
食事画面は大きく2つに分け、それぞれ入力画面と確認画面とした
***入力画面
入力されたキーワードからの候補をいくつ出すかはまだ検討段階((br))
ここでもモデルキャラクターのネコちゃんを登場させ、質素感を低減((br))
***確認画面
時系列順、カロリー順などソートできるようにしたいが、これは大枠が完成した後に余裕があれば程度で考えても良さそう((br))
ソートを考えなければしくみは結構単純なので、別なところに時間をかけていき効率化を図りたい((br))

!!第5回
*モジュール分けを行った。
*開発言語を"html", "css", "JavaScript" の3種類とし、メンバーが6人いることから各言語担当を2人ずつ振り分け、分担した
** html : 最上達春、佐藤彰太朗((br))
 css  : 藤原樹、三浦綺乃((br))
 JavaScript : 村上隆信、__山下祐輝__　に決定
**JavaScriptのいろはを学んで最低限のコードをかけるようにすることが課題として挙げられた
*データベースをどうするか考えたが、大学のPCには環境を構築することができないという問題が生じた
**ソフトウェアをダウンロードすることなくデータベースを利用できるようにするにはどうするか、歴代の先輩方の班を参考にしながら決定したい

!!第6回
今回からプロトタイプの作成に取りかかった
*前回の活動にて割り振った言語ごとの担当の制度を見直した((br))
言語ごとに担当者を分けるとhtml班の作成を待ってからcssやJSを作成しなければならず、非効率的であることが判明した((br))
→中間発表に向けて各々がそれぞれのページを作っていくこととした
*個人活動としてはホーム画面
（http://wiki.cis.iwate-u.ac.jp/~wiki/csd/group.cgi/2023/?p=23%3A%3Agr05%3A%3A%E3%82%82%E3%81%AE%E3%81%A8%E6%93%8D%E4%BD%9C{イメージ図はこちらのページを参照}）
を担当し実際にコードを書いていった(5/26時点では未完成)((br))
主にcssの部分で、ページごとに担当者を分けているためデザインを後から他メンバーと統一しなければならない点、((br))
プロトタイプにおいてはさほど重要ではない点から、他のページに関してもまずは機能面(html, JS)の方に注力して進めていきたい

!!第7回
今日も個人個人の制作の時間となった((br))
次回（第8回）は中間発表に向けて担当を分けることが必要であるため、引き続き開発を進めていく人と発表の準備をする人とに分けていきたい((br))

!!第8回
中間発表に向けて仕上げを行った
*初期画面（ログイン選択画面）がまだ出来上がっていなかったため作成した
*それぞれが作ったページをうまく遷移できるようにくっつける作業をした
*背景やロゴ、設定ボタン等どの画面でも共通で配置されるものに関してはひとつにまとめ、((br))
ページでの差が出ない＆見やすいコードとなるようにした
*中間発表の班wikiページに着手した

((br))次回は中間発表となるが、今まで取り組んだことを5~10分にまとめるとなると意外と時間が足りなくなってしまうため、((br))
班員とのコミュニケーションを取り合い取捨選択をしつつ万全の状態でプレゼンに望みたい。

!!第9回(中間発表)
他の班の中間発表からいい刺激を与えてもらった((br))
DBの考え方を見直そうかと思ったが、既にある程度仕上がっているためこのままで行くことにした((br))
活動では今後の課題について洗い出し、特に食事と記録は早急に完成させる必要があると感じた((br))
((br))
個人としては食事の画面に取り掛かった
*DBと検索機能を紐づけ、文字を入力するとリアルタイムで絞り込み検索ができるようにしたい
*編集機能を取り入れ、食べたものを保存する前に追加・削除が自由にできるようにしたい((br))

このようにいくつかのタスクがあるが、ひとつずつ順を追って進めていきたい

!!第10回
*Gitにタグ付けをし、中間発表時点でのプログラムを保存した
*モジュールの再構築をした((br))
((br))
今回は中間発表が終わったことで一息つけたため、各々がリラックスした状態で活動に取り組めた。((br))
しかしながら、モジュール分けはしたものの担当の役割分担まで頭が回らず、誰が何をしているのかはっきりしないまま個人活動となってしまった。((br))
明確な目的がないままだと時間効率がかなり悪くなってしまうため、小さな目標を定めるなど段階付けて制作に取り組んでいきたいと改めて感じた。

!!第11回
*SEやBGMを追加した((br))
ページ遷移したときにBGMが途切れてしまう＆音量がリセットされ初期設定に戻ってしまうという問題が生じた((br))
シームレスなページ遷移をできるようにと班員で考えた結果、クラウドを活用して再生時間や音量のデータを管理し、((br))
ページ遷移してもストレスがたまらないような設計にできるようにすることになった((br))
そのため、クラウドの活用については次回以降の課題となった
*gitに変更したプログラムをpushしようとしたが、エラー文が出てしまいうまくできなかった((br))
次回までに解決させてアップデートしておく

!!第12回
*クラウドの活用についてはうまくできなかったため、別な手法でできないかなんとか模索中である。
*活動内容としては引き続きSEの設定に入った。((br))
各種ボタンを押したときに音がなるシステムを採用したが、従来のプログラムだとSE再生とページ遷移が同タイミングで処理されてしまい、((br))
その結果SEが再生されない、もしくは途中で途切れてページ遷移の処理が発生してしまうという問題が生じた。((br))
これを解決するため、jsを用いてページ遷移のタイミングを0.5秒遅延させ、SEが鳴りきった後にページ遷移をさせることで((br))
理想のページにすることができた。

!!第13回
*最終発表前の最後の準備時間だったため、発表資料の作成に取り掛かった。((br))
班wikiのページと発表時のデモプレイを組み合わるか、pptを活用して資料を作成するか迷ったが、((br))
まだ制作物の出来が完璧でないことも踏まえそちらに時間が割かれすぎないようにしたい。

!!第14回
*最終発表ではプレゼンを担当した。((br))
前日のギリギリの時間まで制作物の内容を詰めていたが、直前で同時編集していた2者間でgitにpushしたところ片方の編集分が反映されず、((br))
上手く修正しようと試みたものの発表に上手く間に合わせることができなかった。((br))
他の講義との時間の兼ね合いもあったが、全体を通してもう少し前倒しで制作を進めるべきであったと反省した。

Tag:

Attachment

New: append-tag

(download: 221 bytes, at 2023/04/21 14:52:32 <frozen> )
(download: 183 bytes, at 2023/04/21 15:06:40 <frozen> )
(download: 231 bytes, at 2023/04/28 13:53:54 <frozen> )
(download: 343 bytes, at 2023/04/28 16:08:00 <frozen> )
(download: 475 bytes, at 2023/04/28 16:09:50 <frozen> )
(download: 744 bytes, at 2023/05/02 15:49:02 <frozen> )
(download: 772 bytes, at 2023/05/08 11:19:35 <frozen> )
(download: 2532 bytes, at 2023/05/12 18:17:48 <frozen> )
(download: 3360 bytes, at 2023/05/19 16:08:21 <frozen> )
(download: 3354 bytes, at 2023/05/26 13:14:47 <frozen> )
(download: 3832 bytes, at 2023/05/26 15:49:28 <frozen> )
(download: 4426 bytes, at 2023/05/26 15:56:08 <frozen> )
(download: 4494 bytes, at 2023/05/29 15:35:13 <frozen> )
(download: 4703 bytes, at 2023/06/02 13:15:35 <frozen> )
(download: 5531 bytes, at 2023/06/02 16:57:50 <frozen> )
(download: 5552 bytes, at 2023/06/16 13:53:22 <frozen> )
(download: 6346 bytes, at 2023/06/16 16:32:59 <frozen> )
(download: 7056 bytes, at 2023/06/23 16:14:39 <frozen> )
(download: 7809 bytes, at 2023/07/04 13:56:13 <frozen> )
(download: 8994 bytes, at 2023/07/14 17:13:59 <frozen> )
(download: 9528 bytes, at 2023/08/11 11:12:45 <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