Your SlideShare is downloading. ×
0
Webエリア
Webエリア
Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用
Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用 }マッシュアップ
Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用 }マッシュアップ
リモート
ローカル
Google Maps
マッシュアップ
https://developers.google.com/maps/documentation/javascript/tutorial#api_key
Google Maps
マッシュアップ
WA OPEN URL(*;OBJECT Get name(Object current);$url)
Google Maps
マッシュアップ
WA OPEN URL(*;OBJECT Get name(Object current);$url)
システムパスまたはURLを指定
Google Maps
マッシュアップ
WA OPEN URL(*;OBJECT Get name(Object current);$url)
システムパスまたはURLを指定
システムパス
C:¥MyFolder¥My File.html
シス...
Google Maps
マッシュアップ
ARRAY TEXT($patterns;1)
ARRAY BOOLEAN($access;1)
$patterns{1}:="webarea://*"
$access{1}:=False
WA SET ...
Google Maps
マッシュアップ
ARRAY TEXT($patterns;1)
ARRAY BOOLEAN($access;1)
$patterns{1}:="webarea://*"
$access{1}:=False
WA SET ...
Google Maps
マッシュアップ
WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...)
function codeAddress(address) {
! ! ! ! geoc...
Google Maps
マッシュアップ
WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...)
function codeAddress(address) {
! ! ! ! geoc...
Google Maps
マッシュアップ
WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...)
function codeAddress(address) {
! ! ! ! geoc...
Google Maps
マッシュアップ
Google Maps
マッシュアップ
GET PICTURE METADATA($Image->;GPS Latitude Deg;$degrees)
GET PICTURE METADATA($Image->;GPS Latitude Mi...
FusionCharts Free
マッシュアップ
http://www.fusioncharts.com/goodies/fusioncharts-free/
FusionCharts Free
マッシュアップ
メリット デメリット
フリー
XMLデータ
FusionCharts Free
マッシュアップ
メリット デメリット
フリー
XMLデータ
FusionCharts Free
マッシュアップ
FusionCharts Free
マッシュアップ
FusionCharts Free
マッシュアップ
FusionCharts Free
マッシュアップ
WA SET PREFERENCE(*;...;wa enable plugins;False)
FusionCharts Free
マッシュアップ
WA SET PREFERENCE(*;...;wa enable plugins;False)
プラグインの使用を禁止
FusionCharts Free
マッシュアップ
XML SET OPTIONS($dom;XML Indentation;XML No indentation)
DOM EXPORT TO VAR($dom;$xml)
DOM CLOSE ...
FusionCharts Free
マッシュアップ
XML SET OPTIONS($dom;XML Indentation;XML No indentation)
DOM EXPORT TO VAR($dom;$xml)
DOM CLOSE ...
マッシュアップ
http://www.highcharts.com/
http://d3js.org
Data-Driven Documents
https://developers.google.com/chart/
http://elycharts.com
http://www.jscharts.com
http://www.chartjs.org
http://www.ejschart.com
http://www.rgraph.netdevelopers.google.com
http://w...
Webエリア
Upcoming SlideShare
Loading in...5
×

Web area 2013-07-16

342

Published on

sample database posted on GitHub:

https://github.com/miyako/4d-training-web-area

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
342
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web area 2013-07-16"

  1. 1. Webエリア
  2. 2. Webエリア
  3. 3. Webエリア Webブラウザと同等の機能を有するフォームオブジェクト
  4. 4. Webエリア Webブラウザと同等の機能を有するフォームオブジェクト Webサービスを融合
  5. 5. Webエリア Webブラウザと同等の機能を有するフォームオブジェクト Webサービスを融合 JSライブラリを利用
  6. 6. Webエリア Webブラウザと同等の機能を有するフォームオブジェクト Webサービスを融合 JSライブラリを利用 }マッシュアップ
  7. 7. Webエリア Webブラウザと同等の機能を有するフォームオブジェクト Webサービスを融合 JSライブラリを利用 }マッシュアップ リモート ローカル
  8. 8. Google Maps マッシュアップ https://developers.google.com/maps/documentation/javascript/tutorial#api_key
  9. 9. Google Maps マッシュアップ WA OPEN URL(*;OBJECT Get name(Object current);$url)
  10. 10. Google Maps マッシュアップ WA OPEN URL(*;OBJECT Get name(Object current);$url) システムパスまたはURLを指定
  11. 11. Google Maps マッシュアップ WA OPEN URL(*;OBJECT Get name(Object current);$url) システムパスまたはURLを指定 システムパス C:¥MyFolder¥My File.html システムパス Macintosh HD:MyFolder:My File.html URL file:///C:/MyFolder/My%20File.html URL file:///MyFolder/My%20File.html
  12. 12. Google Maps マッシュアップ ARRAY TEXT($patterns;1) ARRAY BOOLEAN($access;1) $patterns{1}:="webarea://*" $access{1}:=False WA SET URL FILTERS(*;OBJECT Get name(Object current); $patterns;$access)
  13. 13. Google Maps マッシュアップ ARRAY TEXT($patterns;1) ARRAY BOOLEAN($access;1) $patterns{1}:="webarea://*" $access{1}:=False WA SET URL FILTERS(*;OBJECT Get name(Object current); $patterns;$access) コールバックURLを設定
  14. 14. Google Maps マッシュアップ WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...) function codeAddress(address) { ! ! ! ! geocoder.geocode( { 'address': address}, function(results, status) { ! ! ! ! ! if (status == google.maps.GeocoderStatus.OK) { ! ! ! ! ! ! map.setCenter(results[0].geometry.location); ! ! ! ! ! ! var marker = new google.maps.Marker({ ! ! ! ! ! ! ! map: map, ! ! ! ! ! ! ! position: results[0].geometry.location ! ! ! ! ! ! }); ! ! ! ! ! ! window.location = "webarea://geocode/success/" + status; ! ! ! ! ! } else { ! ! ! ! ! ! window.location = "webarea://geocode/failure/" + status;! //!alert('Geocode was not successful for the following reason: ' + status); ! ! ! ! ! } ! ! ! ! }); ! ! ! }
  15. 15. Google Maps マッシュアップ WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...) function codeAddress(address) { ! ! ! ! geocoder.geocode( { 'address': address}, function(results, status) { ! ! ! ! ! if (status == google.maps.GeocoderStatus.OK) { ! ! ! ! ! ! map.setCenter(results[0].geometry.location); ! ! ! ! ! ! var marker = new google.maps.Marker({ ! ! ! ! ! ! ! map: map, ! ! ! ! ! ! ! position: results[0].geometry.location ! ! ! ! ! ! }); ! ! ! ! ! ! window.location = "webarea://geocode/success/" + status; ! ! ! ! ! } else { ! ! ! ! ! ! window.location = "webarea://geocode/failure/" + status;! //!alert('Geocode was not successful for the following reason: ' + status); ! ! ! ! ! } ! ! ! ! }); ! ! ! } URLをコールバック
  16. 16. Google Maps マッシュアップ WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";"codeAddress";...) function codeAddress(address) { ! ! ! ! geocoder.geocode( { 'address': address}, function(results, status) { ! ! ! ! ! if (status == google.maps.GeocoderStatus.OK) { ! ! ! ! ! ! map.setCenter(results[0].geometry.location); ! ! ! ! ! ! var marker = new google.maps.Marker({ ! ! ! ! ! ! ! map: map, ! ! ! ! ! ! ! position: results[0].geometry.location ! ! ! ! ! ! }); ! ! ! ! ! ! window.location = "webarea://geocode/success/" + status; ! ! ! ! ! } else { ! ! ! ! ! ! window.location = "webarea://geocode/failure/" + status;! //!alert('Geocode was not successful for the following reason: ' + status); ! ! ! ! ! } ! ! ! ! }); ! ! ! } URLをコールバック On URL Filtering
  17. 17. Google Maps マッシュアップ
  18. 18. Google Maps マッシュアップ GET PICTURE METADATA($Image->;GPS Latitude Deg;$degrees) GET PICTURE METADATA($Image->;GPS Latitude Min;$minutes) GET PICTURE METADATA($Image->;GPS Latitude Sec;$seconds) GET PICTURE METADATA($Image->;GPS Latitude Dir;$dir) 度分秒向 66,52,21N 度数(10進数) 66.87016 $Latitude->:=$degrees+($minutes*(100/6000))+ ($seconds*(100/600000)) $Latitude->:=$Latitude->*(Choose($dir="S";-1;1))
  19. 19. FusionCharts Free マッシュアップ http://www.fusioncharts.com/goodies/fusioncharts-free/
  20. 20. FusionCharts Free マッシュアップ
  21. 21. メリット デメリット フリー XMLデータ FusionCharts Free マッシュアップ
  22. 22. メリット デメリット フリー XMLデータ FusionCharts Free マッシュアップ
  23. 23. FusionCharts Free マッシュアップ
  24. 24. FusionCharts Free マッシュアップ
  25. 25. FusionCharts Free マッシュアップ WA SET PREFERENCE(*;...;wa enable plugins;False)
  26. 26. FusionCharts Free マッシュアップ WA SET PREFERENCE(*;...;wa enable plugins;False) プラグインの使用を禁止
  27. 27. FusionCharts Free マッシュアップ XML SET OPTIONS($dom;XML Indentation;XML No indentation) DOM EXPORT TO VAR($dom;$xml) DOM CLOSE XML($dom) WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";...;$xml)
  28. 28. FusionCharts Free マッシュアップ XML SET OPTIONS($dom;XML Indentation;XML No indentation) DOM EXPORT TO VAR($dom;$xml) DOM CLOSE XML($dom) WA EXECUTE JAVASCRIPT FUNCTION(*;"Wa0";...;$xml) XMLに改行コードが含まれてはいけない
  29. 29. マッシュアップ
  30. 30. http://www.highcharts.com/
  31. 31. http://d3js.org Data-Driven Documents
  32. 32. https://developers.google.com/chart/
  33. 33. http://elycharts.com
  34. 34. http://www.jscharts.com http://www.chartjs.org http://www.ejschart.com http://www.rgraph.netdevelopers.google.com http://www.amcharts.com http://philogb.github.io/jit/index.html http://g.raphaeljs.com http://www.flotcharts.org http://www.sencha.com/products/extjs/ http://www.zingchart.com http://omnipotent.net/jquery.sparkline/ http://www.arcadiacharts.com http://bluff.jcoglan.com http://techoctave.com/charts/ http://www.jqplot.com http://code.shutterstock.com/rickshaw/ Other Libraries
  35. 35. Webエリア
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×