列車時刻表(6) – 乗車予定登録後の画面遷移

前記事に引き続いて、乗(下)車予定登録機能を実現する。

  • 乗車指定時
    乗車を指定したタイミングでは、まさに列車に「乗っている」状態なので、次のアクションとしては、その列車が通るいずれかの駅で降りることが想定される。そこで、画面にリンクボタンを用意して、”(現在乗車中の)列車時刻表画面”に遷移できるようにする。
    mttview04_c01
    この例では、宮古駅発5:54(681D)の列車に乗車している状態なので、上のリンクボタンで列車時刻表画面に遷移する。
    mttview04_c02
  • 下車指定時
    下車を指定したタイミングでは、現在は「駅にいる」状態ので、次のアクションとしては、
    ・「同じ路線の列車に乗車する(乗り継ぎ)」
    ・「別の路線の列車に乗車する(乗換)」
    のいずれかのアクションが想定される。そこで、画面に2つのリンクボタンを用意して、以下の画面に遷移するようにする。
    ・”駅時刻表画面”(現在いる駅)
    ・”駅検索画面”(現在いる駅を検索キーワードにする)

    先の例で乗車していた列車(681D)を、茂市駅で下車すると以下の画面になる。
    mttview04_c03
    ここで、上のリンクボタンをクリックすると、同じ路線(山田線)で茂市駅から乗車することになる。(乗車時にクリックした列車へのリンクボタンは無効状態にしている。)
    mttview04_c04
    下のリンクボタンをクリックすると、「茂市」で検索した駅一覧を表示した画面に遷移する。
    mttview04_c05
    山田線と岩泉線が候補として表示される。

カテゴリー: Development タグ: , パーマリンク