個人でご利用のお客様

HTML5インターフェースサンプル概要

デザインパーツを提供し、開発をより容易に

「駅すぱあとWebサービス」スタンダードプランでは、HTML5でご利用いただける、インターフェースサンプルを提供しています。ご利用のデバイス毎に適切なサイズに切り替わりますので、PCはもちろんスマートフォンやタブレットでもそのままご利用頂くことが可能です。デザインパーツを1から起こす必要が無いため、開発負荷が軽減されます。詳しくは、下記デモンストレーションのボタンから実装イメージをご確認ください。

「HTML5インターフェースサンプル」ドキュメント

デモンストレーション

パーツ一覧

経路探索パーツ

経路探索パーツ

経路探索を行う一連の流れに必要なパーツを集約しました。

メリット

  • 経路探索に必要なインターフェースを用意する手間が省略できます。
  • 駅名入力時にインクリメンタルサーチを利用することで、ユーザー様の利便性が向上します。
  • 表示した経路には、「一番安い経路」や「早く到着できる経路」「乗り換え回数が少ない経路」のマークを付けることで、比較・判定の目検を可能にしています。

画面キャプチャ

経路表示パーツ

  • 経路表示パーツ
  • 拡大する
種類 用途
日付入力パーツ 日付、および、時間を設定出来ます。
駅名入力パーツ 入力フォームを設置して駅名の検索が行えます。また、確定した駅名を取得することも可能です。
探索条件パーツ 探索条件を指定することが出来ます。また、項目ごとに変更の可否を設定する事が可能です。
経路表示パーツ 平均経路探索、ダイヤ探索を行い、経路を表示します。また、定期情報も表示可能です。

HTML5インターフェースサンプルのドキュメントはこちら


時刻表パーツ

駅名入力Flash

時刻表を呼び出すためのコンポーネントです。駅名と路線名から「駅の時刻表」を表示します。

メリット

  • 時刻表を表示させるためのインターフェースを用意する必要がなくなります。
  • 出発駅~到着駅の「2区間時刻表」も表示可能です。
  • 列車の停車駅、および発着時間を表示する「列車時刻表」もあります。

画面キャプチャ

駅時刻表パーツ

種類 用途
駅時刻表パーツ 駅名と路線名から駅の時刻表を表示します。
区間時刻表パーツ 2区間の時刻表を表示します。
列車時刻表パーツ 列車の停車駅、および、発時間の一覧を表示します。

HTML5インターフェースサンプルのドキュメントはこちら


定期券払い戻しパーツ

駅名入力Flash

定期券の払い戻し金額が算出できます。
なお、経路変更による分割払戻し等の設定も行えます。

メリット

  • 定期券を払い戻すためのインターフェースを用意する必要がなくなります。

画面キャプチャ
定期経路に対して払い戻し計算を行った場合のサンプル

HTML5インターフェースサンプルのドキュメントはこちら


路線図パーツ

駅名入力Flash

路線図の表示、および選択した駅名の取得等が出来ます。 駅コード、都道府県コード、緯度、経度の取得が可能です。

メリット

  • スマートフォン向けサイトやスマートフォンアプリ等で路線図が利用できます。
  • 路線図を利用することで直感的に駅を指定することができるため、キーボードに不慣れなユーザーやPCに比べて文字が入力し難いスマートフォンのユーザー様に適しています。

画面キャプチャ

路線図パーツ

  • 路線図パーツ
  • 拡大する

HTML5インターフェースサンプルのドキュメントはこちら


その他ツール

さらなる付加機能を提供するパーツを取り揃えております。

その他ツール機能表

種類 用途
ランドマークパーツ 任意の地点と最寄駅を設定し、ランドマークとして探索できるようにします。
※新宿-ヴァル研究所(高円寺)の探索
回数券情報パーツ 回数券を利用した経路の情報や料金を取得できます。
駅情報パーツ 駅の情報を取得できます。
※「東」のつく駅の一覧を取得/指定した駅の路線などの情報を取得
路線情報パーツ 公共交通機関から路線、駅名を絞り込む事が可能です。
範囲探索パーツ 例)東京駅から20分以内に到着する駅の一覧を取得

HTML5インターフェースサンプルのドキュメントはこちら


※上記HTML5パーツは2013年9月現在の物です。

製品に関するお問い合わせ

ご購入前のお問い合わせ

サービスご利用前のお問い合わせはこちら

03-5373-3511
フォームでの お問い合わせはこちら
ご購入後のお問い合わせ

サービスご利用中のお問い合わせはこちら

操作方法や機能について
お電話以外の お問い合わせ方法はこちら

月~金 9:30-12:00、13:00-17:00  ※祝日・当社指定日を除く

製品に関するお問い合わせ

ご購入前のお問い合わせ

サービスご利用前のお問い合わせはこちら

03-5373-3511
月~金 9:00-18:00※祝日・当社指定日を除く
フォームでの お問い合わせはこちら

ご購入後のお問い合わせ

サービスご利用中のお問い合わせはこちら

操作方法や機能について
03-5373-3522
月~金 9:30-12:00、13:00-17:00※祝日・当社指定日を除く
お電話以外の お問い合わせ方法はこちら

個人のお客様