トップ > 機能・サービス > GUIソリューション HTML5

GUI(HTML5)ソリューション

  • API
  • HTML5
  • Flash

「駅すぱあと Webサービス」APIを用いて、「出張」や「近距離交通費の精算」の画面構築を想定としたサンプルを用意致しました。

ご利用のデバイス毎に適切なサイズに切り替わりますので、PCはもちろんスマートフォンやタブレットでもそのままご利用頂くことが可能です。
また、経路探索の動作を確認できるようデモンストレーション画面を用意いたしました。ぜひお試しください。

HTML5 デモンストレーション

《デモンストレーションの駅名入力について》

  • 入力可能な駅名は「東京」「梅田」「札幌」の3駅となります。

経路探索パーツ

経路探索パーツ

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

メリット

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

画面キャプチャ

経路表示パーツ

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

時刻表パーツ

駅名入力Flash

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

メリット

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

画面キャプチャ

駅時刻表パーツ

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

定期券払い戻しパーツ

駅名入力Flash

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

メリット

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

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

定期券払い戻しパーツ

  •  
  • 拡大する

路線図パーツ

駅名入力Flash

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

メリット

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

画面キャプチャ

路線図パーツ

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

その他ツール

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

その他ツール機能表

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

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

GUIソリューション HTML5の対応環境

「駅すぱあとWebサービス」GUIソリューション HTML5では以下の動作環境で動作いたします。

OS バージョン ブラウザ 備考
Windows xp/Vista/7 IE8 表示が崩れることがあります
Windows Vista/7 IE9/IE10 IE9は追加のライブラリが必要です
Windows 8 IE10 -
MacOSX 10.7以降 Safari 最新版のみ動作確認済み
Windows/Mac - FireFox 最新版のみ動作確認済み
MacOSX - chrome 最新版のみ動作確認済み
iOS 5.1.1以降 Safari -
Android(2.x系) 2.3.4以降 標準ブラウザ 一部端末では表示が崩れることがあります
Android(3.x系) 3.1以降 標準ブラウザ -
Android(4.x系) 4.0以降 標準ブラウザ 4.1以降は未対応
Android(4.x系) 4.0以降 Chrome -

お問い合わせ

Webからのお問い合わせ

  • 開発評価環境お申込み
  • お問い合わせ

お電話でのお問い合わせ

TEL:03-5373-3511

月~金 / 9:00 - 18:00
※祝日・当社指定日を除く