!!! リンク :>>{22::gr08}{班wiki} :[班GitLab|https://gitlab.cis.iwate-u.ac.jp/2022_gr08/richtime-vue] :[班GitLab-wiki|https://gitlab.cis.iwate-u.ac.jp/2022_gr08/richtime-vue/-/wikis/home] !!! 環境構築 08班のGitLab-wiki[環境構築|https://gitlab.cis.iwate-u.ac.jp/2022_gr08/richtime-vue/-/wikis/work/Building%20Environment]ページを参考に環境を構築してください. !!! ページ概要 ((outline)) !!! プロジェクト名 ::'''ちるスタ 〜Chill & Study〜''' !!! プロジェクト説明 あなたの努力を応援する,タイムマネジメントサプリ.((br)) 「長時間の勉強ができない...」「作業しても集中力がもたない...」そんなお悩みありませんか?((br)) それはもしかすると,'''時間管理'''能力が足りていないのが原因かもしれません. 集中力を長時間持続させるためには,ワークタイム以上に休憩が重要です.((br)) 作業に細かい区切りを設けることで短期集中の効果が得られます.((br)) そして,作業時間の密度が高くなることで,休憩の効果をより強く感じられます.((br)) サウナでチルするのと同じように,日々の勉強・作業でもチルする感覚を味わってほしい,そんな願いを込めています.((br)) あなたにとって必要なものは,鉄人のような体力でもアスリートのような集中力でもなく,適度な休憩だったのかも.((br)) このアプリは,日々の生活で見落としがちなタイムマネジメントを簡単に実現するための「サプリメント」としてお使いいただけます. !!! ものと操作の洗い出し結果 >>{22::gr08::ものと操作}{-> 詳しくはこちら} *もの **ログイン画面 **新規登録画面 **タイマー画面 **タイマー記録 **タイマー設定 **時計 **ダッシュボード *操作 **ログイン画面 ***メアド・パスワードでログイン **新規登録画面 ***名前・メアド・パスワードを登録 **タイマー画面 ***START・STOP・RESET・SAVE機能 ***設定ボタンを押すとタイマー設定画面へ **タイマー記録 ***計測時間を編集 ***カラータグを選択 ***メモの記入 ***結果を保存 **タイマー設定 ***集中時間・休憩時間・周回数を選択 ***プリセットを選択 ***GOボタンを押すとタイマー画面へ **時計 ***秒単位の時計を表示 **ダッシュボード ***棒グラフを表示 ***プリセットを編集 ***記録時間を表示・編集 !!! モジュール分けの結果 >>{22::gr08::モジュール分け改}{-> 詳しくはこちら} :<ログイン・新規登録画面 担当:佐藤> ::ログインモジュール : FirebaseのモジュールからAPIを叩いて認証を行う.ログイン完了の戻り値として認証トークンを受け取る. ::新規登録モジュール : 上に同じ.新規登録の戻り値としてトークンを受け取る. :<タイマー画面 担当:田頭・品木・三合堂> ::タイマー画面モジュール : タイマーの開始・停止,計測時間の計算&記録などをタイマー記録モジュールへ. ::タイマー記録モジュール : 計測結果の表示・編集などをして,データベースへ. ::サウンドエフェクトモジュール : フラグを受け取り,対応するサウンドエフェクトを再生する.(今だけTimer画面に表示中) :<時計画面 担当:三合堂> ::時計モジュール : 現在時刻を逐次更新して表示する. :<ダッシュボード画面 担当:田頭・品木・三合堂> ::グラフモジュール : 直近7日分のデータを棒グラフにして表示する. ::プリセット設定モジュール : タイマー設定画面で使用するプリセットを編集し,データベースへ. ::記録表示モジュール : 共有データから合計時間などを呼び出して表示する. ::記録編集モジュール : 過去の記録データを編集してデータベースへ. !!! プログラムの動作イメージ図 <<{動作イメージ.png} !!! プロトタイプの説明 どこまでのモジュールとかを実装したか !!! デモのスクショ :<ログイン画面> <<{スクリーンショット 2022-06-17 2.21.22.png} :<新規登録画面> <<{スクリーンショット 2022-06-17 2.21.05.png} :<タイマー画面> <<{スクリーンショット 2022-06-17 2.21.51.png} <<{スクリーンショット 2022-06-17 2.23.03.png} <<{スクリーンショット 2022-06-17 2.22.53.png} :<時計画面> <<{スクリーンショット 2022-06-17 2.22.06.png} :<ダッシュボード画面> <<{Dashboard画面.png} !!! 今後の方針 * 各画面間のデータの受け渡し(仮データ→本データ) * デザインの適用 * RTDBとのデータのやり取り * デプロイ