sample database posted on GitHub: https://github.com/miyako/4d-training-web-area

1. Webエリア

2. Webエリア

3. Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト

4. Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合

5. Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用

6. Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用 }マッシュアップ

7. Webエリア
Webブラウザと同等の機能を有するフォームオブジェクト
Webサービスを融合
JSライブラリを利用 }マッシュアップ
リモート
ローカル

8. Google Maps
マッシュアップ
https://developers.google.com/maps/documentation/javascript/tutorial#api_key

9. Google Maps
マッシュアップ
WA OPEN URL(*;OBJECT Get name(Object current);$url)

10. Google Maps
マッシュアップ
WA OPEN URL(*;OBJECT Get name(Object current);$url)
システムパスまたはURLを指定

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. 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. 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. 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. 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. 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. Google Maps
マッシュアップ

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. FusionCharts Free
マッシュアップ
http://www.fusioncharts.com/goodies/fusioncharts-free/

20. FusionCharts Free
マッシュアップ

21. メリット デメリット
フリー
XMLデータ
FusionCharts Free
マッシュアップ

22. メリット デメリット
フリー
XMLデータ
FusionCharts Free
マッシュアップ

23. FusionCharts Free
マッシュアップ

24. FusionCharts Free
マッシュアップ

25. FusionCharts Free
マッシュアップ
WA SET PREFERENCE(*;...;wa enable plugins;False)

26. FusionCharts Free
マッシュアップ
WA SET PREFERENCE(*;...;wa enable plugins;False)
プラグインの使用を禁止

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. 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. マッシュアップ

30. http://www.highcharts.com/

31. http://d3js.org
Data-Driven Documents

32. https://developers.google.com/chart/

33. http://elycharts.com

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