砺波市役所パタパタ連絡先

fullscreen

Kazuya Nagai

砺波市役所の各部門と出先機関を選択すると電話番号とメールアドレスが表示されるアプリです。オープンデータ利活用研修会（ご協力：名古屋大学Ｅ先生、須坂市役所Ｎ様）で作成したものを改造してパタパタアニメーションを追加したものです。

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/

//infoウィンドウの初期化
var currentwindow=null;

window.onload = function() {
//LinkDataからのデータ取得
	var fileValue = 'suzakacity_contact_app ';
	tmp_a_data = new Array();
	tmp_b_data = new Array();
	tmp_c_data = new Array();

$.each(LinkData.getWorks(), function(workKey, workValue) {
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue,fileValue),function(subjKey,subjValue) {
				var tmp_data = {}
				var tmp_b = {}
				var tmp_c = {}
				tmp_data["id"] = subjValue;
					$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
						$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
							if(propValue == "http://linkdata.org/property/rdf1s4732i#Department_name"){
								tmp_data["name"] = objValue;
								tmp_b["text"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s4732i#telephone_number"){
								tmp_data["tel"] = objValue;
								tmp_c["text"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s4732i#email_address"){
								tmp_data["mail"] = objValue;
								tmp_c["sub"] = objValue;
							} else if(propValue == "http://linkdata.org/property/rdf1s4732i#furigana"){
								tmp_data["kana"] = objValue;
								tmp_b["sub"] = objValue;
							}
					});
				});
				tmp_a_data.push(tmp_data);
				tmp_b_data.push(tmp_b);
				tmp_c_data.push(tmp_c);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	all_b_data = tmp_b_data;
	all_c_data = tmp_c_data;
	//課のデータを表示
	$(".selectka").append("<option value='-1' selected='selected'>部署を選択してください。</option>");
	for (var i in all_data){
		if (all_data[i].name ){ 
			var all_id=all_data[i].name;
			$(".selectka").append("<option value='"+ all_data[i].id +"'>" + all_data[i].name+ "</option>");
		}
	}
	var canvas = document.getElementById('type');
	var patapatas = [
		new Patapata(document.getElementById('type_kana'), tmp_b_data, 0.15),
		new Patapata(document.getElementById('type_renraku'), tmp_c_data, 0.15),
	];
	
	//課が選択、変更された時の処理
	$(".selectka").change(function() {
		//詳細データのリセット
		$("#result").empty();
		//選択された課の詳細データの表示
		var sectionKaKey = $("option:selected", $(this)).val();
		if (sectionKaKey == -1) {
			//$("#result").html("");
			return;
		}
		$("#result").append("<div style='padding-left:10px;'>【連絡先】</div>");
		for (var i in all_data){
			var detail_c = sectionKaKey;
			if (all_data[i].id === detail_c){
				$("#result").append("<div style='padding-left:10px;'>"+all_data[i].kana+ "<br/>"+"TEL:" + "<a href=tel:" +　all_data[i].tel + ">" + all_data[i].tel + "</a>"+ "</div>");
				$("#result").append("<div style='padding-left:10px;'>Mail:"  + "<a href=mailto:" + all_data[i].mail +  ">" + all_data[i].mail + "</a></div>");
//alert(i);
				patapatas[0].set(Number(i));
				patapatas[1].set(Number(i));
				
			}
		}
	});

$(".selectka").mousedown(function() {
//	var btn = document.getElementById('patapatactl');
//	btn.onclick = function() {
		for (var i = 0; i < patapatas.length; i++) {
//			alert(i);
			patapatas[i].set(-1);
			patapatas[i].drawPtpt();
		}
//	}
	});		
}

「砺波市役所パタパタ連絡先」は「須坂市組織一覧」を使って作られた「砺波市役所組織一覧」を研修会で利用したものを改造して作成しました。（H28.12.6）

「須坂市組織一覧」は、須坂市役所の組織を選択すると電話番号およびメールアドレスを表示するアプリです。まずは簡単なアプリを公開するという目的で作成しました。

LinkData内の「須坂市役所　お問い合わせ先一覧」を利用しています。

＜備考＞

電話発信とメーラー起動ができるように改良しました。（H26.9.9）

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	Kazuya Nagai
Fork元のアプリ	富山県砺波市 's 砺波市連絡先一覧
実行回数	1293
ウェブサイト
ライセンス
Fork count	0
作成日	2016年12月2日
最終更新日	2016年12月6日