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

24::gr09::モジュール

タイトル画面

担当:よこた

  • title.html: タイトル文字の表示、新規登録ボタン・ログインボタン
  • title.css: レイアウト(おしゃれにかっこよく)
  • wave.js: 動くレイアウト
  • img.js: 変化が起きる写真

新規登録画面

担当:KIM(よこた)

  • entry.html: ユーザ名入力欄、パスワード入力欄、新規登録ボタン、メイン画面への移動
  • entry.css: レイアウト(背景など)

ログイン画面

担当:よこた

  • login.html: ユーザ名入力欄、パスワード入力欄、ログインボタン、メイン画面への移動、パスワードが誤っている際に、再入力を促す。
  • login.js: データベースにユーザ名、パスワードがあるか。それによって画面遷移を変化させる。
  • login.css: レイアウト(背景など)

メイン画面

担当:つじ

  • main.htm: 自キャラ表示、トレーニング記録・入力ボタン、お手本プレイボタン、退会ボタン、+αのボタン、各ボタンを押すことで各画面へ移動
  • main.js:
  • main.css: レイアウト(背景、ボタンの色など)

トレーニング記録画面

担当:いぶ、すずき、KIM

  • record.html: グラフ表示、キャラの経験値とレベルの表示、戻るボタン、戻るボタンを押すと、メイン画面へ移動
  • textrecord.html: トレーニングの記録をテキストで表示、筋トレする部分ことに各ボタン、ボタンを押すとそのボタンの内容のみを表示、戻るボタン、戻るボタンを押すと、メイン画面へ移動
  • record.js: ページ内遷移(メニューを選択したらそのグラフに移動)、グラフのデータ処理
  • textrecord.js: 画面の移動するときに出る画面表示する
  • textrecorddb.js: データベースからもらった情報を文字列に作成。その文字列を表示
  • record.css: レイアウト(画面設定、ボタンの色形、アニメーションなど)

トレーニング入力画面

担当:いぶ、ゆうり

  • input.html: 筋トレ部位のドロップダウンメニュー、回数・重量の入力欄、日付ボタン・戻るボタン、各ボタンを押すことで各画面へ移動
  • input.js:
  • input.css: レイアウト(背景、ボタンの色など)

お手本プレイ画面

担当:すずき、優里

  • demoplay.html: 筋トレ部位、レベル、種目のドロップダウンメニュー、戻るボタンでメイン画面に遷移、動画挿入
  • demoplay.js: ページ内遷移(メニューを選択したらその動画に移動)
  • demoplay.css: レイアウト(画面設定、ボタンの色形、アニメーションなど)

退会画面

担当:すずき

  • retire.html: 退会ボタン、退会ボタンを押すとタイトル画面に移動
  • retire.js: 画像のスライド
  • retire.css: レイアウト(画面設定、ボタンの色形、アニメーションなど)

データベースの作成、保存

担当:よこた

  • entry.js:データベース上に、必要な情報を記入。保存。メイン画面へ。
  • login.js:保存されたデータを確認し、存在すればメイン画面へ。

サーバー

担当:いぶ(KIM)

  • server.js: サーバーを通じてデータベースと通信

無題のプレゼンテーション.jpg

IMG_8008v2.jpg


最終更新日:2024/08/07 15:28:15