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