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

21::gr09::長谷川智也

archive mode

!!!Link
::>>{21::gr09::中間発表}{中間発表}
::>>{21::gr09::発表}{最終発表}
::>>{21::gr09}{gr09_班Top}
::>>{21::gr09::活動記録}{全体活動記録}

!!!目次
((outline))

!!!第一回
!!4/16
:: 班の作成。副班長になった。
:: テーマ出し。
:: 班wiki整備 ... 講義ページへのリンク作成。班トップページ,活動報告第一回の手直し。
:: 次回はテーマの決定と方針決め。

!!!第二回
!!4/23
:: 活動記録記入
:: 活動スケジュール作成、進行状況によって変えたいかも
:: wiki活動内容のデザイン変更、outlineの作成と4/23の内容記入

!!4/25
:: 活動記録記入
:: 裏で会議、プログラミングの方針と役割分担、目標の決定
:: 企画段階のデザインの改良
<<{sche_design.png}
::
:修正点
::・スケジュールの配置を右から真ん中へ変更。
::  →==左上から右下に向かって視点が動くので、メインのスケジュールが先に視点に入るように。==
::→おそらく視点の始まりは中央、右側に置くより中央に置いたほうが第一印象として機能が分かりやすい。
::・月と年の配置を変更
::  →上記と同様、月が先に視点に入るように、年は重要でないため右上の空白がなくなるように右上に配置（バランサー）
::
:改良できる場所
::・月を変更できるボタン配置
::・チャットと予定表示の差異の視覚的な何か
::・曜日の順番
::・（できたら）月の指定できる検索窓、タイムライン表示への変更ボタン

!!!第三回
!!4/30
:: 活動記録記入
:: モジュール担当ぎめ、ログイン画面を作ろう！ポップアップデザインを決めよう！の係
:: 次回までに、==遷移図==、企画書画面イメージの充実化、より細かい操作など考えよう！
:: →遷移図できた

!!!第四回
!!5/14
:: 活動記録記入
:: ものと操作の洗い出し、細かい操作やポップアップの内容の確認
:: 「ものと操作」班wiki記入

!!!第五回
!!5/21
:: ものと操作の画像作成と追加。
:: →より丁寧な遷移図も作成。UIのブラッシュアップ。
: ものと操作の洗い出し
:: jsファイルの関数を確認。
:: 関数の説明をwikiに書こう！
: 「ものと操作」「活動記録」班wiki記入
:: →Slackから活動記録をより充実、機能実装の流れが分かりやすくなるように意識。
:  次回までにやりたいこと
:: カレンダー画面のUIをHTML/CSSで組み立て、ログイン画面のUI作成、班wikiモジュール分けの充実。
:: →モジュール分けは関数の説明まで丁寧にやろう

!!!第六回
!!5/28
: モジュール分け一部訂正
: 活動記録記入
: ログイン画面のUI作成
:: html/cssを利用。
:: スマートな感じを出すために、checkboxを利用していい感じに隠せるようにした
::<<{login_close.PNG}
::<<{login_open.PNG}

!!!第七回
!!6/4
: 班wiki、活動記録の記入とモジュール分けページの改善。
:: 各員の役割記入。
:: モジュールごとにページ作成を行い、出来上がった順にモジュールの役割と関数の説明を記入。
: 中間発表ページの外枠の作成。書きたいことを部分的に書いた。
: 全体ではdevelopブランチに作業内容をmerge

!!!第八回
!!6/11
: 中間発表の方針決め、やりたい発表の方針をプロマネに打診
: グループ作成のUIをログインに揃えるために伝授
: 活動記録記入
: 帰宅後パワポで遷移図の追加、スクショの追加、中間発表ページの完成をやります

!!6/14
:: 活動記録記入
: 中間発表ページの作成。
:: 画面遷移図作成。
:: ものと操作ページの訂正。
:: モジュール化ページの訂正。
:: 中間発表における発表内容の方針作成。
:: スクリーンショットの編集。

!!6/17
:: 活動記録記入
: 中間発表の台本作成。
:: 中間発表ページの訂正。画像が多すぎたので簡潔に。
:: プロジェクト内容を全く知らない人が聞くということに焦点を当てて作成。

!!!第九回
!!6/18
:: 活動記録記入
: 中間発表のメインの語り部。
:: 息継ぎが苦しかった、マスクが大変だった
:: ガントチャートやFirebaseについて話せたので満足度がいい
:: 最終もこの調子でいけたらなという感じ

!!!第十回
!!6/25
:: 活動記録記入
: メインページのデザインをいじった
:: CSSにBootstrapが利用されていることによって不便だったので、CSSでボタンのスタイル記述
:: → Bootstrapのブロックがなくなったことで色々な表示がずれてしまったので今後修正

!!!第十一回
!!7/2
:: 活動記録記入
: メインページのデザインUI改善を前回から継続
:: ボタンを全体的に丸ボタンにし、柔らかいイメージを出したい
:: toDoやチャットのレイアウトを完全に変えてしまおうという案を出してみた
:: →　toDoとチャットの視覚的区別が少ないかもしれない、toDoは文も多くなってしまうのでカレンダーの下部のほうがいいかも
:: →　ラフ案を作成して次回までにいろいろ検討

!!!第十二回
!!7/9
: 活動記録記入
: メインページデザイン改善
: gitにdesignブランチを追加し、そこで作業できるようになりました
: カレンダーに予定のリストを作成するため、tdの要素に高さを指定してスクロールしたい
:: →　tdの中にdiv要素なりul要素なりを入れて、そこに直接高さを指定することで解決
: 次回までにデザインラフを作る、CSSもある程度完成させたい

!!7/11
: デザインラフの方針決定、#FFF5D4と#5A5A5Aの２色を主軸につくる
: calendar.jsをすこしいじった、CSSもそれに合わせて変更
:: → 予定をカレンダーのtdブロック内に表示させるための変更、明日以降バックエンド側と話ながらやりたい

!!!第十三回
!!7/16
: 活動記録記入
: CSSいろいろ
:: ・予定リストのスクロール関係
:: ・メインカラーの変更、class関連の改善

!!7/29
: 活動記録記入
: デザイン、レイアウトをCSSで実装
:: 色、配置、ロゴ、ブロックの配置、ブロックの大きさ、文字の色など変更
:: 原色をなくし目に優しい配色で、できるだけ違和感のないサイズ変更
: 最終発表の原稿作成
:: ものと操作ページの編集、中間発表からの変更部の書き換え
:: ログイン画面の簡易遷移図の作成
:: 最終発表ページスクリーンショット、台本の作成

!!!第十四回
!!7/30
: CSS修正、ウィンドウサイズの変更に対応

!!! 感想
:: 今回の僕のお仕事としてUI/UXデザインと発表内容の構成を行い、進捗状況の確認も行いました。
:: JavascriptやFirebase等は班員にお仕事をお願いしたことでデザインに注力させていただきました。
:: あまりデザインに詳しいわけではないので、直感的ではありますが、ラフからCSSで組んでレイアウトに当てはめてみて
:: イメージとして残る視覚効果を考えて、色をRGB1単位ずつ調整して出来るだけ違和感のない配色デザインにしてみました。

:: 良かったところとしては、ベースカラーを青から黄色に変えたのは良いアイデアだったな～～と自分でも思います。
:: ほかにも、ロゴを作ってみたりCSSからレイアウト上のバグを直したりとやりたいことができて満足してます。
:: また、難しいところや改善したいな～～というところもあり、
:: HTML/CSSを利用したレイアウトの間隔の調整が難しく、ウィンドウサイズや各種ブラウザに適応させることができませんでした。
:: 今回のプロジェクトはFireFox限定で綺麗に動くので、ChromeやEdgeにも対応しつつ、
:: 間隔の調整がもっと正確にすることで違和感をより無くしていきたいな～～と思っています。

:: いろいろ書き連ねてしまいましたが、全体を通してしっかり仕事をこなすことができ、
:: グループ開発の雰囲気がつかめたのは非常に大きな成長になると感じました。
:: 自分の意図が伝わらないこともあり、時間がかかっても相談が必要だったり、
:: 他担当の開発状況に依存して他の開発を行うモジュールもあり、プロマネといった進行役の重要さだったり、
:: 1人で開発するときにはなかった問題点が多く発見できたので、
:: 今後グループ開発するときには、今回失敗したな～～って思うことを心に留め、
:: うまくモジュール構成だったり進行だったり行えたらいいな～～と思います。

Tag:

Attachment

New: append-tag

(download: 9482 bytes, at 2021/05/28 20:26:56 )
(download: 11455 bytes, at 2021/05/28 20:27:03 )
(download: 64752 bytes, at 2021/04/25 17:56:55 )
(download: 144 bytes, at 2021/04/16 15:38:09 <frozen> )
(download: 201 bytes, at 2021/04/16 15:44:24 <frozen> )
(download: 199 bytes, at 2021/04/16 15:55:21 <frozen> )
(download: 297 bytes, at 2021/04/16 16:06:17 <frozen> )
(download: 319 bytes, at 2021/04/16 16:21:23 <frozen> )
(download: 412 bytes, at 2021/04/23 14:21:19 <frozen> )
(download: 413 bytes, at 2021/04/23 15:27:21 <frozen> )
(download: 514 bytes, at 2021/04/23 15:38:39 <frozen> )
(download: 514 bytes, at 2021/04/23 15:39:16 <frozen> )
(download: 489 bytes, at 2021/04/23 15:40:30 <frozen> )
(download: 1234 bytes, at 2021/04/25 18:01:54 <frozen> )
(download: 1282 bytes, at 2021/04/25 18:03:28 <frozen> )
(download: 1342 bytes, at 2021/04/25 18:05:34 <frozen> )
(download: 1345 bytes, at 2021/04/25 18:07:19 <frozen> )
(download: 1500 bytes, at 2021/04/30 12:13:40 <frozen> )
(download: 1497 bytes, at 2021/04/30 12:14:00 <frozen> )
(download: 1762 bytes, at 2021/04/30 15:36:42 <frozen> )
(download: 1792 bytes, at 2021/05/01 01:35:20 <frozen> )
(download: 1945 bytes, at 2021/05/14 16:08:56 <frozen> )
(download: 2131 bytes, at 2021/05/21 16:23:08 <frozen> )
(download: 2264 bytes, at 2021/05/21 17:10:01 <frozen> )
(download: 2392 bytes, at 2021/05/21 17:10:59 <frozen> )
(download: 2503 bytes, at 2021/05/21 17:11:46 <frozen> )
(download: 2694 bytes, at 2021/05/28 20:26:45 <frozen> )
(download: 2733 bytes, at 2021/05/28 20:39:58 <frozen> )
(download: 2770 bytes, at 2021/05/28 20:41:39 <frozen> )
(download: 2792 bytes, at 2021/05/28 20:44:06 <frozen> )
(download: 2796 bytes, at 2021/05/28 20:56:32 <frozen> )
(download: 3299 bytes, at 2021/06/04 15:50:47 <frozen> )
(download: 3326 bytes, at 2021/06/04 15:54:13 <frozen> )
(download: 3536 bytes, at 2021/06/11 15:45:23 <frozen> )
(download: 3558 bytes, at 2021/06/11 15:49:32 <frozen> )
(download: 3643 bytes, at 2021/06/11 15:50:04 <frozen> )
(download: 3907 bytes, at 2021/06/14 16:59:01 <frozen> )
(download: 4405 bytes, at 2021/06/18 14:48:49 <frozen> )
(download: 4717 bytes, at 2021/06/25 15:43:27 <frozen> )
(download: 5240 bytes, at 2021/07/02 15:32:26 <frozen> )
(download: 5416 bytes, at 2021/07/02 15:34:14 <frozen> )
(download: 5417 bytes, at 2021/07/05 23:34:11 <frozen> )
(download: 5420 bytes, at 2021/07/05 23:34:39 <frozen> )
(download: 5834 bytes, at 2021/07/09 16:08:30 <frozen> )
(download: 5922 bytes, at 2021/07/09 16:10:38 <frozen> )
(download: 6259 bytes, at 2021/07/11 14:49:03 <frozen> )
(download: 6431 bytes, at 2021/07/16 16:00:03 <frozen> )
(download: 6794 bytes, at 2021/07/29 16:28:28 <frozen> )
(download: 6816 bytes, at 2021/07/29 16:29:29 <frozen> )
(download: 6902 bytes, at 2021/07/30 01:17:50 <frozen> )
(download: 6952 bytes, at 2021/07/30 02:46:25 <frozen> )
(download: 7037 bytes, at 2021/07/30 11:45:04 <frozen> )
(download: 7124 bytes, at 2021/07/30 14:50:24 <frozen> )
(download: 7138 bytes, at 2021/07/30 14:50:48 <frozen> )
(download: 7139 bytes, at 2021/07/30 14:51:24 <frozen> )
(download: 7192 bytes, at 2021/07/30 14:52:23 <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