地域生活支援システムの開発 越田研究室 j0431 野津洋二
1.はじめに 近年天気予報,電車の始発・終電などの 生活関連情報をインターネットから手軽に 入手できるようになってきている
しかし、それらすべてのサービスを一つにまとめたシステムの例はない そこで!!! 生活情報をまとめて提供するシステムの開発に取り組むことにした
2.研究目標 ①生活関連情報をまとめて,提供する 「地域生活支援システム」を新規に開発する, ①生活関連情報をまとめて,提供する 「地域生活支援システム」を新規に開発する, ②その開発を通して,マッシュアップ技法やJavascriptの習得,ブラウザ上での各種イベント処理について学ぶこと, を研究目標とする
3.システムの概要 本システムは,「Google map」をベースに,ガソリンスタンド情報,距離算出サービスなど複数のWebサービスをマッシュアップし,ブラウザで全て操作できるシステムとして開発した.
3.システムの機能 ①「Google map」により地理を把握することができる ③指定した地域のガソリンスタンド・価格情報が検索・表示できる ④普通の商店では売っていないような商品(レア商品)の検索ができる ⑤お菓子の味覚情報の取得ができる
4.入力画面について お菓子情報の検索 ガソリンスタンド検索 珍しい健康志向商品の検索
5.出力画面について ここにガソリン情報実行結果の画面を入れる.
6.プログラムの処理について 本システムではXMLデータの解析に JKL.ParseXMLクラスを用いている. このクラスを用いることにより複雑な DOM操作ではなく,容易にXML形式の ファイルを操作できる.
ガソリン情報Webサービスの出力データ XMLデータ ガソリンスタンド情報 この部分を解析し,抽出する.
出力データの解析処理(タグ解析) var url = http://api.gogo.gs/v1.2/?apid=guest&lat=+latf+"&lon="+lngf+"&sort=d"; var http = new JKL.ParseXML( url ); var xmldata = http.parse(); var divObj=document.getElementById("gasinfo"); var dataList = xmldata["PriceInfo"]["Item"]; divObj.innerHTML = "";
出力データの解析処理(ブラウザ表示) for(var i=0; i<5; i++){ divObj.innerHTML += "<b>店名:" +dataList[i]["ShopName"]+"</b><br>"; divObj.innerHTML += "緯度:" +dataList[i]["Latitude"]+"<br>"; divObj.innerHTML += "経度:" +dataList[i]["Longitude"]+"<br>"; divObj.innerHTML += "価格:" +dataList[i]["Price"]+"<br>"; divObj.innerHTML += "日付:" +dataList[i]["Date"]+"<br>"; divObj.innerHTML += "-----------"+"<br>";
ジオコーディング Google map で提供されているサービス のことで、住所から緯度・経度への変換 をおこなう操作のことを指す <例> 緯度:35.722935 経度:139.570524 東京都練馬区関町北2丁目3−6
7.まとめ ①ガソリン情報Webサービスなど,5種類のWebサービスをマッシュアップし,地域生活を支援する情報システムを開発した. ②また、そのシステム開発を通して,JavaScript言語やブラウザ上での各種のイベント処理技法,XMLデータ解析等を学ぶことができた. ③予定していた機能が組み込めなかったので, 今後の課題にしたい 地域生活支援システム