<<プロジェクト名>> '''' ''' have a sense of crisis ''' '''' <<プロジェクト説明>> 皆さんは日々、筋トレに取り組んでいますか？((br)) z世代に特化したクイックリサーチサービスの調査によると、現役大学生の5人に2人が筋トレを行っています。((br)) <<{筋トレの割合.png}((br)) https://prtimes.jp/main/html/rd/p/000000067.000033607.html((br)) また、大学生の筋トレには以下のように大きく5つのメリットがあります。((br)) <<{筋トレのメリット.png}((br)) https://dainii-blog.com/college-students-muscle-training/((br)) したがって、私達大学生が充実したキャンパスライフを送ること対して、筋トレをすることは必要条件であることが証明できました。((br)) 私達は、このような筋トレ市場をターゲットとしたアプリを開発し、大学生の キャンパスライフに貢献します。((br)) <<モジュール分けと詳細説明(メソッドや関数の説明)>> ! タイトル画面(横田) * title.html: 画面表示 * title.css: テキスト、背景、ボタンのレイアウト * wave.js: 画像のアニメーション ! 新規登録画面(KIM) * entry.html: 画面表示、入力項目のチェック * entry.css: テキスト、背景、ボタンのレイアウト ! ログイン画面(横田) * login.html: 画面表示、入力項目のチェック * login.css: テキスト、背景、ボタンのレイアウト ! メイン画面(辻) * mainpro1.html: 画面表示、3Dキャラの描画 * select.css: テキスト、背景、ボタンのレイアウト ! トレーニング記録画面(鈴木、吉田) * record.html: グラフ記録の画面表示 * textrecord.html: 数値記録の画面表示 * record.css: テキスト、背景、ボタンのレイアウト * record.js: 画面遷移のアニメーション、グラフの表示 ! トレーニング入力画面(畠山、吉田) * input.html: 画面表示、入力項目のチェック * input.css: テキスト、背景、ボタンのレイアウト * input.js: ! お手本プレイ画面(鈴木、畠山) * demolplay.html: 画面、動画表示 * demoplay.css: テキスト、背景、ボタンのレイアウト * demoplay.js: 画面遷移のアニメーション ! 退会画面(鈴木) * retire.html: 画面表示 * retire.css: テキスト、背景、ボタンのレイアウト * retire.js: 画面遷移、ボタンのアニメーション ! データベース(吉田、横田、KIM) * Firebase * server.js: ! 3Dキャラ(辻、横田) * Blender <<動作スクリーンショット>> <> https://gitlab.cis.iwate-u.ac.jp/2024_gr09/test_project/-/tree/master/crisis_app((br)) node.jsをインストール後、crisis_app上でnode.sever.jsを実行すると、実際にアプリを使用することができます。