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

23::gr01::発表

プロジェクト名 : Health Care and Diet Training


作成したアプリケーション

Health Care and Diet Training


本アプリはFirebase Hostingの機能でDeployしたのでアプリ名のリンクから見られます.
ログインしないと機能が使えないので,サンプル用アカウントを用意しました.
(メールアドレス:hoge@example.com パスワード:password)

発表が退屈な場合はテキトーに触ってみていただければ幸いです.

QRコードからも見られるかと思いますが,スマホ用のレスポンシブルデザインの実装は行っていないのでだいぶ見にくくなっているかと思われます.
qrcode_test-21c53.web.app.png

Gitlab

プロジェクト説明

まずエクササイズとは?

エクササイズ(exercise)とは、「健康や体力の維持または増進を目的に行う運動全般」を意味する言葉。 「METs(運動強度:安静時を1としたときに、その何倍のエネルギーを消費するかで活動の強度を数値化したもの)×活動時間」で算出される身体活動量の単位でもあります。 なお、エクササイズと似た意味をもつのがトレーニングやフィットネス。 それぞれに明確な定義があるわけではありませんが、一般的に、トレーニングというと「スポーツパフォーマンスを向上するための練習や鍛錬」といった意味合いが強いでしょう。 フィットネスは「健康維持のための運動」という意味で使われ、エクササイズと極めて似ていますが、エクササイズは「からだを動かすこと」に、フィットネスは「健康維持」に重きが置かれているニュアンスをもっています。

エクササイズの効果

からだを動かすことの大切さはさまざまな場面でうたわれていますが、具体的にどんな効果が得られるのでしょうか?期待できる健康への効果は3つあります。

  1. 体力や筋力の維持
    私たち人間のからだに備わっている機能の多くは、使わないとすぐに衰えてしまいます。体力や筋力を維持するには、からだを動かすことが必要なのです。なお、成長期のこどもを除き、筋肉量を増やすためには筋肉に一定以上の負荷をかけなければなりません。筋肉量を維持したり増やしたりしたい場合は、筋力トレーニング(筋トレ)を実践するのが効果的です。
  2. 生活習慣病の予防
    エクササイズは、生活習慣病のリスクを高める肥満の予防、改善に効果があります。 脂肪は、食事から摂取するエネルギー量が消費するエネルギー量を上回り続けたとき、その使われなかったエネルギーによって生成されるもの。つまり、運動不足が続くと脂肪が過剰に溜まってしまい、肥満を招く原因になります。
  3. ストレスの解消
    からだを動かすことは、肉体だけでなく精神の健康状態にもいい影響をもたらします。具体的には、ストレスの解消や気分のリフレッシュです。 ストレッチ程度でもストレス解消に効果的。 ゆっくりと息を吐きながらからだを伸ばすことで、筋肉の緊張が緩むだけでなく心拍数も低下し、心を落ち着かせてくれる副交感神経の働きが優位になります。からだも心もリラックスできます。

でもエクササイズを日常的に継続するのはちょっと大変...

エクササイズを継続するコツ

エクササイズは継続することが大事ですが、「いつも三日坊主で長続きしない」という方は多いのではないでしょうか? そんな方は次のコツを意識して、ぜひ運動する習慣を身につけたいところです。

隙間時間を活用する
日常生活でも動くことを意識する

そこで私たちが提案するのは...

目標とする体重に達するために、必要な情報を提供し、ダイエットをサポートするアプリケーションです




中間発表からの更新点

中間発表の時点で完成していたアプリケーションの基本となる機能はそのままで、処理動作に不備が見受けられる部分やデザイン面で修正を加えました。 拡張機能として複数のモジュールを実装しました。

具体内容

目標消費カロリー計算
BMIをMAIN画面に表示する
MAIN画面の改善
表示画面の改善
摂取カロリーデータベースと計算環境構築
入力項目にエラーが出たときの表示
ソーシャルログイン導入

モジュール分け

モジュール分け
モジュールの仕様書

<実行画面モジュール 担当:武田(メイン画面)、横山(グラフ表示画面)、小野寺(その他の画面)>
各画面に必要な情報を表示する画面の構成と、各画面の持つ機能を実現するためのモジュールの呼び出し
<DB, ユーザー管理モジュール 担当:小野寺、CHOI>
firebaseを基盤としたユーザーの管理及びDBを構築
<計算モジュール 担当:佐々木、武田>
DBからデータを取得し、計算した数値を返す
<グラフモジュール 担当:横山>
chart.jsというライブラリを用いてデータをグラフ化し、タブメニューで切り替え可能にした

動作スクリーンショット

スタート画面

初期画面(not_logged_in).png

新規会員登録画面

会員登録画面.png

ログイン画面

ログイン画面.png

メイン画面

main画面.png

設定画面

setting画面.png

データ入力画面

input画面.png

体重カロリーグラフ画面

表示画面.png

ユーザーの活動記録画面

表示画面2.png

データベース構成のイメージ図(Cloud Firestoreとは)

データベースのイメージ図_20%.png

感想は各メンバーの個人ページをご参照ください


最終更新日:2023/07/28 12:11:04