<<プロジェクト名>> '''' ''' 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: 画像のアニメーション <<{title.png} !! 新規登録画面(KIM) * entry.html: ボタンなどの画面表示と入力項目のチェック * entry.css: テキスト、背景、ボタンのレイアウト !! ログイン画面(横田) * login.html: タイトル文字、ボタンなどの画面表示と入力項目のチェック * login.css: テキスト、背景、ボタンのレイアウト <<{login.png} !! メイン画面(辻) * mainpro1.html: ボタンなどの画面表示、3Dキャラの描画 * select.css: テキスト、背景、ボタンのレイアウト !! トレーニング記録画面(鈴木、吉田) * record.html: キャラのレベル、ボタン、メニュー、グラフ記録などの画面表示 * textrecord.html: ボタン、メニュー、数値記録などの画面表示 * record.css: テキスト、背景、ボタンのレイアウト * record.js: 画面遷移のアニメーション、グラフの表示 <<{record1.png} <<{record2.png} !! トレーニング入力画面(畠山、吉田) * input.html: ボタン、入力欄、画像などの画面表示と入力項目のチェック * input.css: テキスト、背景、ボタンのレイアウト * input.js: 入力欄の表示 <<{input.png} !! お手本プレイ画面(鈴木、畠山) * demolplay.html: ボタン、メニュー、動画などの画面表示 * demoplay.css: テキスト、背景、ボタンのレイアウト * demoplay.js: 画面遷移のアニメーション <<{demolpay.png} !! 退会画面(鈴木) * retire.html: タイトル文字、おすすめリンク、ボタン、画像などの画面表示 * retire.css: テキスト、背景、ボタンのレイアウト * retire.js: 画面遷移、ボタン、画像のアニメーション <<{retire.png} !! データベース(吉田、横田、KIM) * server.js: バックエンド全般 * Firebase: ユーザのデータ管理など !! 3Dキャラ(辻、横田) * Blender: 3Dキャラの描画、トレーニング量に応じたキャラの数値変更など <> https://gitlab.cis.iwate-u.ac.jp/2024_gr09/test_project/-/tree/master/crisis_app((br)) node.jsをインストール後、crisis_app上でnode.sever.jsを実行すると、実際にアプリを使用することができます。