Web area 2013-07-16

470 views
407 views

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
470
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

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エリア

×