!!!ページ概要 ((outline)) !!!プロジェクト名 ::'''神経肺弱''' !!!プロジェクト説明 *体力制の神経衰弱 * * ホーム画面 <<{HomeTimer.png} !!!ものと操作の洗い出し結果 !! ''''1. ホーム画面'''' <もの> *ルール説明(ボタン) *1人モード(ボタン) *2人モード(ボタン) <操作> *マウスと左クリック *「ルール説明」をクリックするとルール説明画面へ *「1人モード」をクリックすると1人モードへ *「2人モード」をクリックすると2人モードへ !! ''''2. ルール説明画面'''' <もの> *本ゲームにおけるルール説明 *次へ(ボタン) *前へ(ボタン) *戻る(ボタン) <操作> *1人モードで *サイドバーに表示されたメニュー項目(タイマー、記録管理、カレンダー)をクリック *各機能画面に遷移 !! ''''3. タイマー'''' <もの> *タイマー表示欄 *タイマー制御ボタン (開始、一時停止、リセット) <操作> *タイマー制御ボタンを使用してタイマーを開始、一時停止、リセット !! ''''4. タイマーセット'''' <もの> *タイマー設定フォーム *時間入力欄 *分入力欄 *秒入力欄 *設定ボタン <操作> *時間、分、秒を入力 *設定ボタンをクリックしてタイマーの時間を設定する !! ''''5. タイマー結果の記録用ポップアップ'''' <もの> *ポップアップ要素 *タイマー結果表示欄 *コメント入力欄 *保存ボタン *キャンセルボタン <操作> *タイマーが終了したら、ポップアップが表示される *コメントを入力し、保存ボタンをクリックして記録を保存する。 *キャンセルボタンをクリックすると記録せずに閉じる。 !! ''''6. 記録管理(ダッシュボード)'''' <もの> *ダッシュボード要素 *記録リスト *記録削除ボタン *記録編集ボタン <操作> *記録リストで、各記録の削除ボタンをクリックして記録を削除する。 *編集ボタンをクリックして記録の詳細を編集する。 !! ''''7. カレンダー'''' <もの> *カレンダー要素 *月表示欄 *年表示欄 *日付セル *前月/次月ボタン <操作> *カレンダーの日付セルをクリックして、その日の詳細情報を表示する。 *前月/次月ボタンをクリックして、カレンダーの表示月を切り替える。 !!!モジュール分け !!1. ログインモジュール(担当:辻村) :もの: ログインフォーム, ユーザー名入力欄, パスワード入力欄, ログインボタン :操作: ユーザー名とパスワードを入力, ログインボタンをクリックしてログイン !!2.ナビゲーションモジュール (サイドバー/メニューバー・ホーム画面) (担当:太田) :もの: サイドバー要素, メニュー項目 (タイマー、記録管理、カレンダー) :操作: サイドバーの展開・格納, サイドバーに表示されたメニュー項目(タイマー、記録管理、カレンダー)をクリック, 各機能画面に遷移 !!3.タイマーモジュール(担当:大庭) :もの: タイマー表示欄, タイマー制御ボタン (開始、一時停止、リセット) :操作: タイマー制御ボタンを使用してタイマーを開始、一時停止、リセット !!4.タイマーセットモジュール(担当:大庭) :もの: タイマー設定フォーム, 時間入力欄, 分入力欄, 秒入力欄, 設定ボタン :操作: 時間、分、秒を入力, 設定ボタンをクリックしてタイマーの時間を設定する !!5.タイマー結果記録モジュール(担当:大庭・辻村) :もの: ポップアップ要素, タイマー結果表示欄, コメント入力欄, 保存ボタン, キャンセルボタン :操作: タイマーが終了したら、ポップアップが表示される, コメントを入力し、保存ボタンをクリックして記録を保存する, キャンセルボタンをクリックすると記録せずに閉じる !!6.記録管理モジュール (担当:佐々木・片平・鈴木) :もの: ダッシュボード要素, 記録リスト, 記録削除ボタン, 記録編集ボタン :操作: 記録リストで、各記録の削除ボタンをクリックして記録を削除する, 編集ボタンをクリックして記録の詳細を編集する !!7.カレンダーモジュール (担当:高橋) :もの: カレンダー要素, 月表示欄, 年表示欄, 日付セル, 前月/次月ボタン :操作: カレンダーの日付セルをクリックして、その日の詳細情報を表示する, 前月/次月ボタンをクリックして、カレンダーの表示月を切り替える !!簡易的なチャート <<{chart1.png} !!データベースの説明 <<{db1.png} <<{db2.png} !!!プログラムの動作イメージ <<{program_image-1_.png} <<{program_image-2_.png} !!!プロトタイプの説明 プロトタイプの時点では、以下の機能を実装している。 *ログイン、ログアウト機能 *サイドバー画面 *ストップウォッチ機能 *タイマー機能 *記録管理機能 *開発用管理画面 !!!デモのスクショ(6/16現在) <<{proto_side.png} <<{proto_login.png} <<{proto_stop.png} <<{proto_count.png}