WebAPI Document - GUIソリューション - チュートリアル

1.はじめに

駅すぱあとを利用するに当たり必要となるファイルです。
設置時に任意のファイル名へ変更することが可能です。

基本となるコンポーネント
コンポーネント名リンク説明
入力コンポーネント http://webui.ekispert.com/doc/files/flash/station17.zip 駅名入力、および、日付の指定を行います
探索条件設定コンポーネント http://webui.ekispert.com/doc/files/flash/condition17.zip 入力コンポーネントに探索条件をプラスします
探索結果コンポーネント http://webui.ekispert.com/doc/files/flash/expert17.zip 経路の探索、および、保存された経路の表示を行います
拡張用コンポーネント
コンポーネント名リンク説明
管理コンポーネント http://webui.ekispert.com/doc/files/flash/base17.zip 複数のコンポーネントを同時に利用する場合に必要になります
路線図コンポーネント http://webui.ekispert.com/doc/files/flash/map17.zip 路線図を利用する際に必要となります
メニューコンポーネント http://webui.ekispert.com/doc/files/flash/menu17.zip 探索条件を初期化したり、路線図を切り替えたりする際に必要になります
単独で利用可能なコンポーネント
コンポーネント名リンク説明
駅時刻表コンポーネント http://webui.ekispert.com/doc/files/flash/dia17.zip 駅の時刻表を表示させる際に必要となります
駅名検索コンポーネント http://webui.ekispert.com/doc/files/flash/stationSearch17.zip 駅名を検索するコンポーネントです
範囲探索コンポーネント http://webui.ekispert.com/doc/files/flash/stationRange17.zip 駅を指定し、周辺にある駅を範囲探索します
定期券払戻計算コンポーネント http://webui.ekispert.com/doc/files/flash/teikiRepayment17.zip 定期券の払戻金額を求めます
分割計算コンポーネント http://webui.ekispert.com/doc/files/flash/divided17.zip 定期代、および、運賃の払戻分割計算を行います
その他コンポーネント
コンポーネント名リンク説明
画像表示&リンク集コンポーネント http://webui.ekispert.com/doc/files/flash/banner17.zip ポップアップで画像を表示したり、URLへのリンクを行います

v1.4からはセキュリティ対策として異なるドメイン間でのアクセスを制限しております。
そのため、異なるドメインに設置された設定ファイル等は読み込みが行えなくなりました。
※既に異なるドメイン間で利用され、バージョンアップをご希望の場合は弊社サポートまでお問い合わせください。

設定ファイル等の互換性は確保しておりますが、異なるバージョン同士のコンポーネントを
混在させてご利用いただくことは出来ません。
必ず、コンポーネントのバージョンを合わせてご利用ください。

2.動作させるための手順

基本的な動作確認が行えるまでの手順をご案内いたします。

コンポーネントファイルをダウンロードし、解凍後、サーバーへ設置してください。

テキストファイルserver.conf(デフォルト)を作成し、swfファイルの設置場所を指定してください。
また、必要に応じてWebAPI/路線図ASPのサーバーを指定してください。
[例]

<server>
<flash name="expert" path="expert.swf"/>
<flash name="station" path="station.swf"/>
<flash name="menu" path="menu.swf"/>
<flash name="condition" path="condition.swf"/>
<app name="webapi" path="http://api.ekispert.jp/"/>
</server>

※ファイル名も変更した場合は、変更後のファイル名を指定してください。

テキストファイルflash.conf(デフォルト)を作成し、設定を行ってください。
[例]

<config>
<clipboard basket="10">template.txt</clipboard>
<expert mode="0">
<add id="datetime" visible="1" x="0" y="0"/>
<add id="main" visible="1" x="0" y="60"/>
<add id="feeling" visible="1" x="400" y="0"/>
<add id="basket" visible="1" x="0" y="220"/>
</expert>
<customize>
<option name="key" value="keycode※" />
</customize>
</config>

※「keycode」はご契約時の認証キーを指定してください。

テンプレートファイルを作成し、テキストファイルtemplate.txt(デフォルト)として保存してください。
[例]

@result-start----------経路@経路番号----------
----------基本情報----------
出発日時 @出発日時
到着日時 @到着日時
所要時間 @所要時間
距離 @距離
乗換え回数 @乗換え回数回
乗車券の合計金額 @乗車券の合計金額円
特別料金合計金額 @特別料金合計金額円
----------経路情報----------
@route-start@駅名
↓ @出発時刻
↓ @路線名
↓ @到着時刻
@route-end@目的地
@result-endフッタ表示も可能です。

HTMLファイルに呼び出し用のオブジェクトタグを設置してください。
[例]

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="exp" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="FlashVars" value="">
<param name="movie" value="base.swf" />
<param name="quality" value="best" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="devicefont" value="true" />
<param name="bgcolor" value="#ffffff" />
<embed src="base.swf" FlashVars="" quality="best" scale="noscale" salign="lt" devicefont="true" bgcolor="#ffffff" width="100%" height="100%" name="exp" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object>

必要なコンポーネントファイル(*.swf)と作成したserver.confflash.conftemplate.txt、呼び出すHTMLをサーバに設置してください。

インターネットエクスプローラー等のブラウザで表示してください。

3.動作サンプル

サンプルリンク
JavaScriptを利用した基本的な探索 http://webui.ekispert.com/doc/sample/flash/sample_1.html
駅名入力から探索結果を行い、結果だけ取得する方法 http://webui.ekispert.com/doc/sample/flash/sample_2.html
既に取得している探索結果を表示する方法 http://webui.ekispert.com/doc/sample/flash/sample_3.html
業務用システムを想定した定期券登録システム http://webui.ekispert.com/doc/sample/flash/sample_4.html
駅の時刻表を表示する方法 http://webui.ekispert.com/doc/sample/flash/sample_5.html
定期券を控除した探索を行う http://webui.ekispert.com/doc/sample/flash/sample_6.html
探索条件を設定し、パラメータを受け取る http://webui.ekispert.com/doc/sample/flash/sample_7.html
JavaScriptにて駅名を自動的にセットする http://webui.ekispert.com/doc/sample/flash/sample_8.html
路線図を使う方法 http://webui.ekispert.com/doc/sample/flash/sample_10.html
範囲探索を行う方法 http://webui.ekispert.com/doc/sample/flash/sample_11.html
JavaScriptにて探索結果を取得する方法 http://webui.ekispert.com/doc/sample/flash/sample_12.html
JavaScriptにて定期券の払い戻しを計算する方法 http://webui.ekispert.com/doc/sample/flash/sample_13.html
定期券の探索を行った後、定期券の払い戻しを計算する方法 http://webui.ekispert.com/doc/sample/flash/sample_14.html
JavaScriptを利用して定期券の分割計算を行う方法 http://webui.ekispert.com/doc/sample/flash/sample_15.html
探索を行った後、運賃の分割計算を行う方法 http://webui.ekispert.com/doc/sample/flash/sample_16.html

4.動作環境

Internet Explorer 7/8/9/10/11
Mozilla Firefox 3.6以降
safari 5以降
Google Chrome 10以降

Flash Player 9以降
※最新バージョンでのご利用を強く推奨

Indexへ戻る
Val Laboratory