タイトル画面>>
担当:よこた
*title.html: タイトル文字の表示、新規登録ボタン・ログインボタン
*title.css: レイアウト(おしゃれにかっこよく)
*wave.js: 動くレイアウト
*img.js: 変化が起きる写真
<<新規登録画面>>
担当:きむ(よこた)
*entry.html: ユーザ名入力欄、パスワード入力欄、新規登録ボタン、メイン画面への移動
*entry.css: レイアウト(背景など)
<<ログイン画面>>
担当:よこた
*login.html: ユーザ名入力欄、パスワード入力欄、ログインボタン、メイン画面への移動、パスワードが誤っている際に、再入力を促す。
*login.js: データベースにユーザ名、パスワードがあるか。それによって画面遷移を変化させる。
*login.css: レイアウト(背景など)
<<メイン画面>>
担当:つじ
*main.htm: 自キャラ表示、トレーニング記録・入力ボタン、お手本プレイボタン、退会ボタン、+αのボタン、各ボタンを押すことで各画面へ移動
*main.js:
*main.css: レイアウト(背景、ボタンの色など)
<<トレーニング記録画面>>
担当:いぶ、すずき
*record.html: グラフ表示、キャラの経験値とレベルの表示、戻るボタン、戻るボタンを押すと、メイン画面へ移動
*record.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:保存されたデータを確認し、存在すればメイン画面へ。
<<{無題のプレゼンテーション.jpg}
<<{IMG_8008v2.jpg}