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

24::gr01::小黒澤拓海

archive mode

<<個人活動記録>>

!!第1回 4/19
''' 活動内容 '''
* 班作成
* 大まかな内容の決定

''' コメント '''((br))
班を結成した。全員期限ギリギリで取り組むタイプなので、本当に気をつけたい。

!!第2回 4/26
''' 活動内容 '''
* Gitlabの設定
* 簡易企画書の作成

''' コメント '''((br))
Gitlabの設定を終わらせた。アプリにどんな機能を実装したいかの話し合いをして、今後の活動方針が見えてきた。

!!第3回 5/1
''' 活動内容 '''
* ものと操作と洗い出し
* 大まかなUIの決定

''' コメント '''((br))
どのような画面が必要でどう動かすかを話し合って決定することができた。大まかにどんなデザインにするのかも話し合えたので、今日決めたことに沿って作業を円滑に進めていきたい。

!!第4回 5/10
''' 活動内容 '''
* ものと操作と洗い出し

''' コメント '''((br))
画面に、どのボタンを押したらどう遷移するかの洗い出しを細かく行った。かんたんなフローチャートも作成できたので、次回は必要なモジュールについて話し合って役割を決めていきたい。

!!第5回 5/17
''' 活動内容 '''
* モジュール化
* プロトタイプ作成のさわり

''' コメント '''((br))
フローチャートと作成した企画書から、モジュール分けして役割を分担した。変数をどのような型にするかなどもかんたんに決めた。htmlについて調べて作成に取り掛かるところまでこれたので頑張りたい。

!!第6回 5/24
''' 活動内容 '''
* enchant.jsの学習
* プロトタイプ作成

''' コメント '''((br))
プロフィール画面を作成し、文字入力、要素の選択をできるようにした。

!!第7回 5/31
''' 活動内容 '''
* プロトタイプ作成
* デバッグ方法の学習

''' コメント '''((br))
プロフィール画面のコードがHTMLのみだったのでHTMLとCSSに分割し応用がきくようにし、他のメンバーが作成した画面をつなげて遷移できるようにした。次回はCSVをもちいてデータを管理できるようにしたい。

!!第8回 6/7
''' 活動内容 '''
* 中間発表の準備

''' コメント '''((br))
javascriptを用いてボタンの機能などを追加した。データ管理がまだ難しそうなので次回の中間発表には間に合うようにしたい。

!!第9回 6/14
''' 活動内容 '''
* 中間発表

''' コメント '''((br))
今回の発表までにマッチングの部分が完成させることができず、途中までの発表となった。他の班の発表をみて焦り始めたので次回から頑張る。

!!第10回 6/21
''' 活動内容 '''
* node.jsの使い方を学んだ

''' コメント '''((br))
前回まではデータベースのインストールや使い方がよくわからず、HTMLやCSSなどの見た目の方の作業を進めていたが、今回は古館さんの協力によりMysqlの導入に成功した。次回にはデータベースにデータを入れて受け渡しまでできるようになりたい。

!!第11回 6/28

''' コメント '''((br))
Mysqlでデータベースを作るところまではできたが、WEBページで入力した内容をデータベースに入れる方法がよくわからなかった。次回の授業までに自学を進めてデータベース内の情報を扱えるようにする。

!!第12回 7/5

''' コメント '''((br))
前回の授業後、データベースがうまく動作しなかったので新たに古舘さんにデータベースを用意してもらった。必要なカラムを持ったテーブルを作成し、アカウントの新規作成からメアドやパスワードなどをデータベースに送るところまで完成した。データベースの基本的な設定は今日で完了したのであとはデータベースの中からデータを取るだけで今まで完成していなかった部分を進められるので、次回までに大きく進みそうだ。

!!第13回 7/12

''' コメント '''((br))
 今回は統合テストを行いたかったが、まだできていない部分がありできなかった。その部分が終わったら他の部分も終わりそうなので完成を待ちたい。自分が担当しているプロフィール画面の部分はjavascriptとphpを同時に作用させるところがまだわからなかったので、来週の時間があるときに仕上げたい。

!!第14回 7/26

''' コメント '''((br))
一旦統合まででき、なんとか形まで持っていくことができた。実装したかったものとして検索機能やいいね機能などがあったが、間に合わせることができず悔しい結果になった。他の班のWebページ系の作品の発表を聞いて、投稿機能などの他のユーザーと関われる機能が充実していて自分たちにはそこが足りなかったなと感じた。共同で開発することの難しさをこの授業でとても感じられた。

!!作業
テーブルの中身(初期)((br))
id int(10) auto_increment, name varchar(20), email varchar(100), password varchar(20), nickname varchar(20), residense varchar(20), age int(10), sex varchar(20), height int(10), job varchar(20), income int(10), mbti varchar(20), index(id));

写真を自由にアップロードし、アイコンにできるようにしようとしたが断念。代わりにカラーピッカーを用いて自由な色をアイコンの色にして、中央にプロフィールで選択した内容をもとに作成できるようにした。それに伴い、データベースのテーブルにcolorとcolor2というカラムを追加。

!!メモ
idをURLパラメータとして他のページに渡すことにした。phpで取得したidを、phpではheader("/ページ名?userid=" . $id);とすると渡すことができ、htmlのボタンで遷移するときは<a class="btn" data-url="./ページ名?userid=<?php echo $id?>">とすることで、ページを移動したあとでも誰がログインしているかを判断し、その情報からmysqlを操作してほしい情報をINSERTなどで取得することができる。逆にURLパラメータからidを取得するには、phpで$id = $_GET['userid'];を実行することで可能。この方法では、URLを見るだけでIDがわかってしまうのでセキュリティ面で少し問題があるが他の方法を思いつかなかったためこの方法を採用した。((br))
!mysqlへのアクセス方法
$ ssh ssh01.cis.iwate-u.local((br))
自分のパスワード入力((br))
$ ssh nswiki02.cis.iwate-u.ac.jp((br))
自分のパスワード入力((br))
$ mysql -u csd2024gr01 -p((br))
サーバーのパスワード((br))

!mysqlの操作方法
・データベースへのアクセス((br))
use csd2024gr01db((br))
・テーブル作成((br))
create table members (カラム名(型宣言), カラム名(型宣言));((br))
デフォルトの値を設定したり、AUTO_INCREMENTなどの属性を付与したい場合は型宣言のあとに記入((br))
・テーブルの中身の確認((br))
select * from members;((br))
・テーブルを作成したあとにカラムを追加((br))
ALTER TABLE テーブル名 ADD COLUMN カラム名 型;

Tag:

Attachment

New: append-tag

(download: 253 bytes, at 2024/04/19 15:08:28 <frozen> )
(download: 247 bytes, at 2024/04/19 15:08:49 <frozen> )
(download: 251 bytes, at 2024/04/19 15:09:29 <frozen> )
(download: 253 bytes, at 2024/04/26 13:01:56 <frozen> )
(download: 521 bytes, at 2024/04/26 15:33:08 <frozen> )
(download: 905 bytes, at 2024/05/01 15:21:52 <frozen> )
(download: 1271 bytes, at 2024/05/10 15:28:55 <frozen> )
(download: 1642 bytes, at 2024/05/17 15:41:47 <frozen> )
(download: 1682 bytes, at 2024/05/17 15:45:45 <frozen> )
(download: 1906 bytes, at 2024/05/24 15:57:48 <frozen> )
(download: 2315 bytes, at 2024/05/31 15:48:53 <frozen> )
(download: 2723 bytes, at 2024/06/07 15:31:35 <frozen> )
(download: 2580 bytes, at 2024/06/07 15:40:31 <frozen> )
(download: 2847 bytes, at 2024/06/14 14:59:47 <frozen> )
(download: 2865 bytes, at 2024/06/14 15:19:32 <frozen> )
(download: 3307 bytes, at 2024/06/21 15:58:19 <frozen> )
(download: 3308 bytes, at 2024/06/28 12:56:40 <frozen> )
(download: 3634 bytes, at 2024/06/28 17:06:54 <frozen> )
(download: 4266 bytes, at 2024/07/05 17:43:44 <frozen> )
(download: 4727 bytes, at 2024/07/12 16:42:35 <frozen> )
(download: 5805 bytes, at 2024/07/26 11:28:17 <frozen> )
(download: 5867 bytes, at 2024/07/26 11:29:05 <frozen> )
(download: 6232 bytes, at 2024/07/26 11:38:47 <frozen> )
(download: 6349 bytes, at 2024/07/26 11:44:05 <frozen> )
(download: 6747 bytes, at 2024/07/26 15:22:59 <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