2025 ソフトウェア設計及び演習用の班Wiki - 24::gr01::モジュールの仕様書

24::gr01::モジュールの仕様書

archive mode

!!各ページの画面（全員）
html、cssで作成。
画像を挿入して作った。
!!パスワード認証システム（村田）
ログインページに入力されたメールアドレスとパスワードをもとにしてsql文でデータベースに接続し、select~whereでパスワードを取得する。
((br))
それが入力したものと合っていればメインページに飛ばす。
((br))
間違っていれば再びログインページに戻すようにした。
!!アカウント登録（小黒澤）
入力した情報をもとにmqsqlを操作しINSERT文を用いてデータベースにユーザー情報を追加。その際、AUTOINAUTO_INCREMENT属性でそれぞれのユーザーに対して、一意のidを付与している。
!!メイン画面(マッチング機能)（高橋）
ログイン処理のときに自分のmbtiを一緒に持ってくる。
((br))
if,elseifで場合分けを行い、自分のmbtiと相性のいい人のみの情報をデータベースから関数selectを用い、持ってくる。
((br))
関数fetchallでの出力を関数foreachで持ってきた情報の個数分だけ繰り返した。
!!データベース（小黒澤）
mysqlを用いてアカウントの登録に必要なメールアドレスとパスワード、さらにユーザーのプロフィールの要素も追加したテーブルを作成し、ユーザー情報の管理を行っている。
((br))
!!ページ遷移（村田）id部分（小黒澤）
htmlの「次へ」ボタンを押したときに,data-urlという変数を使って外部のredirectpage.jsというJavaScript内の関数を呼び出して次のページに遷移させている。ページ遷移の際にURLパラメータにuseridを加え、これを用いて誰がログインしているのかを判断したり、他のユーザーを探し出したりしている。
((br))
!!メッセージ(大井)
app.js
((br))
このプログラムは、HTTPサーバーとWebSocketサーバーの両方を提供するためのもの
((br))
全体の流れとしては
1.HTTPサーバーを作成し、静的ファイルをクライアントに提供する。
((br))
2.WebSocketを使用して、リアルタイム通信を行う。
((br))
((br))
wschat.js
((br))
このプログラムは、リアルタイムのチャット機能を提供するためのプログラム
((br))
全体の流れとしては
((br))
1.クライアントがサーバーに接続する。
((br))
2.サーバーからメッセージを受信し、それを画面に表示する。
((br))
3.クライアントがメッセージを送信すると、サーバーにそのメッセージを送る。
((br))
style.css
((br))
index.html
((br))
上記2つのプログラムは、かんたんに作成しているため省略
((br))
((br))
改善点（実装できなかったところ)
((br))
・チャットルームごとの区別をすることができなかった。
((br))
・メッセージを送信した際にsocket-idを識別idとして与えてみたが判定されず、送信したメッセージが2重に表示されてしまっている。
((br))
!!相互いいね画面のページ遷移、いいね機能、マッチング機能の実装（鈴木）
サイドバーから相互いいねのページから他のページへの遷移
data-urlという変数を利用し、redirect_page.jsの中の外部の関数を呼び出すことでページ遷移を行えるようにした。urlパラメータを取得し、useridとして扱うことで、情報を保持したままページの遷移を行えるようにした。いいね機能、相互いいね機能は、データベースにアクセスし、データを配列で保存しようと試みたが、実装することができなかった。

Tag:

Attachment

New: append-tag

(download: 376 bytes, at 2024/07/12 14:52:56 <frozen> )
(download: 1252 bytes, at 2024/07/12 15:31:37 <frozen> )
(download: 1260 bytes, at 2024/07/12 15:33:34 <frozen> )
(download: 1266 bytes, at 2024/07/25 11:32:52 <frozen> )
(download: 1781 bytes, at 2024/07/25 11:44:30 <frozen> )
(download: 1797 bytes, at 2024/07/25 11:44:51 <frozen> )
(download: 2488 bytes, at 2024/07/25 15:11:34 <frozen> )
(download: 2496 bytes, at 2024/07/25 15:12:05 <frozen> )
(download: 2460 bytes, at 2024/07/25 15:23:43 <frozen> )
(download: 2853 bytes, at 2024/07/25 15:53:47 <frozen> )
(download: 2948 bytes, at 2024/07/25 16:15:45 <frozen> )
(download: 2956 bytes, at 2024/07/26 12:25:34 <frozen> )
(download: 2954 bytes, at 2024/07/26 12:27:19 <frozen> )
(download: 3029 bytes, at 2024/07/26 12:31:05 <frozen> )
(download: 3056 bytes, at 2024/07/26 12:32:21 <frozen> )
(download: 3143 bytes, at 2024/07/26 12:45:55 <frozen> )
(download: 3200 bytes, at 2024/07/26 12:51:12 <frozen> )
(download: 3859 bytes, at 2024/07/26 13:03:11 <frozen> )
(download: 3820 bytes, at 2024/07/26 13:24:24 <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