2022 ソフトウェア設計及び演習用の班Wiki - 22::gr09::もの操作洗い出し

22::gr09::もの操作洗い出し

ものと操作

トップ画面

目的地の画像
- 目的地を押したら検索ボックスにバス停名を入れる。
検索ボタンとボックス
- 検索ボタンを押したら検索ボックスの中身をmain.htmlに引き数として渡して遷移する
保存したデータ
- localstorageから保存した時刻データを取り出し、トップページに表示する

メイン画面

もの
- バス停のデータベース
- 曜日切り替えボタン
- 戻るボタン
- 現在時刻に基づく情報
- 入力欄と検索ボタン
- 指定時間に基づく情報
- 時刻保存ボタン
- 保存した情報
- Googleマップ

バス停のデータベース
- 平日、土日それぞれ行きと帰りを作成する
  - 出発時刻
  - 到着時刻
  - 出発のバス停名
  - 到着のバス停名
  - 運賃
  - 経路

現在時刻に基づく情報
- デフォルトの結果表示画面にする
  - 現在時刻を取得する
  - バス停の出発時間と現在時刻を比較する
  - 条件に一致したとき、画面に表示する関数を呼び出す
  - 呼び出された関数ではデータベースの内容をhtmlに書き込む

指定時間に基づく情報及び、入力する欄と検索するボタン
- ボタンをクリックすると指定した時間から一時間以内の時刻を表示する。
  - 入力された時間を読み取る
  - バス停の出発時間と入力された時間を比較する
  - 条件に一致したとき、画面に表示する関数を呼び出す
  - 呼び出された関数ではデータベースの内容をhtmlに書き込む

曜日切り替え
- 選択された曜日のタブに切り替わる
- 選択された曜日のみ表示される

戻るボタン
- ボタンを押すとトップページに遷移する

保存ボタン
- ボタンを押すと押されたエリアの時刻をlocalstorageに保存する
保存したデータ
- 現在時刻から保存した時刻を引いてカウントダウンタイマーを作成する

Googleマップ
- デフォルトでは岩大周辺のマップを表示
- バス停名ををクリックするとマップに、出発地から目的地までの経路を表示するマップに切り替わる

最終更新日：2022/07/22 14:32:41