列車時刻表(第1版)の画面一覧

ここまでの作業で、列車時刻表の第1版が完成した。画面は以下のとおり。

  • メイン画面 (#pgTTMain)
    駅・路線を検索し、各一覧画面に遷移する。
  • 路線一覧画面 (#pgTTLineList)
    路線の一覧を表示し、駅一覧・列車一覧画面に遷移する。
  • 駅一覧画面 (#pgTTStationList)
    指定された路線の駅一覧を表示し、駅時刻表画面に遷移する。
  • 列車一覧画面 (#pgTTTrainList)
    指定された路線の列車一覧を表示し、列車時刻表画面に遷移する。
  • 駅時刻表画面 (#pgTTStation)
    指定された駅の時刻表(列車ごとの到着/発車時刻の一覧)を表示し、列車時刻表画面に遷移する。また乗車登録を行う。
  • 列車時刻表画面 (#pgTTTrain)
    指定された列車の時刻表(駅ごとの到着/発車時刻の一覧)を表示し、駅時刻表画面に遷移する。また乗車/下車登録を行う。
  • 乗車一覧画面 (#pgTTRideList)
    登録された乗車の一覧を表示する。また、当該列車・乗車駅・下車駅の時刻表画面に遷移する。
  • 設定画面 (#pgSetting)
    乗車登録用の日付を設定する。また、ローカルストレージに保存した路線データの一覧を表示し、選択したものを削除する。

実行例:

  • メイン画面 (#pgTTMain)
    mttview06_f01
  • 路線一覧画面 (#pgTTLineList)
    mttview06_f02
  • 駅一覧画面 (#pgTTStationList)
    mttview06_f03
  • 列車一覧画面 (#pgTTTrainList)
    mttview06_f04
  • 駅時刻表画面 (#pgTTStation)
    mttview06_f05
  • 列車時刻表画面 (#pgTTTrain)
    mttview06_f06
  • 乗車一覧画面 (#pgTTRideList)
    mttview06_f07
  • 設定画面 (#pgSetting)
    mttview06_f08
  • 乗車登録確認画面
    mttview06_f11
  • 乗車登録後の列車一覧画面
    mttview06_f12
  • 下車登録確認画面
    mttview06_f13
カテゴリー: Development, Specification タグ: , , パーマリンク