netek - on-screen editing of map content via web browser in real time
DESCRIPTION
Presentation from Third InDOG Doctoral Conference in Olomouc, Czech Republic. 13. - 16. October 2014TRANSCRIPT
![Page 1: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/1.jpg)
On-screen Editing of Map Content via Web Browser in Real Time
Rostislav NÉTEKInDOG, Olomouc | 14/10/2014
![Page 2: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/2.jpg)
Aim and motivation Design and develop web map client Crisis management support Real purposes and real implementation Fire Brigade
![Page 3: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/3.jpg)
Web 2.0 + WebGISMAIRO I. (2013) WebGIS 2.0 principles and overview.
http://italomairo.italomairo.com/en/content/gis-web-gis-20-principles-and-overview.
Rich Internet Application+
Service-oriented Architecture
WebGIS 2.0
![Page 4: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/4.jpg)
Rich Internet Application New generation of internet application General concept, not concrete technology AJAX, Silverlight, Openlaszlo, JavaFX, Flex, HTML5 Brings the tools, practices and conventions from desktop
platform Fully web application Esthetical features
![Page 5: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/5.jpg)
RIA characteristics (+) Run in the Web browser (both online and offline) Combine properties from desktop applications into Web interface No installation process required Immediate feedback, refresh is not required Rich content (video, sound, animation, vectors, drag and drop,
keyboard navigation, ...) Platform independent Faster processing of requests Rich user interface Focus on esthetical impression Easy distribution and start-up Mobile applications are fully supported and available Open source Wide possibility of customization
![Page 6: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/6.jpg)
RIA characteristics (-)
![Page 7: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/7.jpg)
Adobe/Apache Flex GIS Flex Runs in the same environment like Flash Flex is not Flash ! Allows to create highly interactive Web mapping applications Emphasis on desing
![Page 8: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/8.jpg)
Service-oriented architecture (SOA) General approach Takes advantage from services Service provider - Service consumer Fully independent Interoperability OGC - standartization Web services:
WMS, WFS, WCS, WPS, CSW KML…
![Page 9: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/9.jpg)
SOA & web services
„Remote“ access – data located in computer or server are not required
User can combines different layers from different sources
Centralization - Data are stored at one place Data are still updated Software and/or platform independent Only Web Browser required for visualisation Security Faster and more effective data management Reduction of financial costs
![Page 10: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/10.jpg)
![Page 11: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/11.jpg)
WFS provide geodata as vectors WFS enable visualization only Transaction – editation purposes Possibility of cascading
Parameters GetFeatureWithLock insertFeature updateFeature deleteFeature
Transactional Web Feature Service (WFS-T)
![Page 12: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/12.jpg)
Application concept – „Smart“ client Open source solution by Esri Flex client ArcGIS Viewer for Flex (API)
Additional WFS-T widget Enable „on-screen editing“ in real-time Via web browser Visualization, publication editing and deleting both spatial and attributes data
![Page 13: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/13.jpg)
![Page 14: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/14.jpg)
http://rostanetek.cz/disertace
![Page 15: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/15.jpg)
Step 1 –Stress test on the desktop. 10 clients simultaneously on 10 PCs , cable Internet connection. No significant decrease of loading. 5.5 sec/+- 2 sec.
Step 2 – Desktop with cable connection at the fire station + short discussion after relays…stable and intuitive. But they did not use it during stress situation
Step 3a – On mobile device with WiFi. Failed. Step 3b – Crack on Android tablet. WiFi, single client, no
significant decrease 12 sec/+-3.5 sec.
Testing
![Page 16: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/16.jpg)
Done … ?
And what about mobile devices (Android, iOS)…?
![Page 17: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/17.jpg)
What next…?
Non-RIA Flex HTML5/JS
Mobile devices support Partially No Yes
Vector graphic No Yes Yes
3D graphic No Partially Yes
Transparency Partially Yes Yes
Rounded borders Partially Yes Yes
jQuery effects Yes No Yes
Plugins & widgets Partially Yes Yes
Advanced editing No Yes Partially
Cache Yes Yes Yes
Cloud computing support No Yes Yes
Comparison study Other platform -> HTML5
ArcGIS API for JavaScript Leaflet
![Page 18: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/18.jpg)
This presentation is co-financed by the European Social Fund and the state budget of the Czech Republic.
Not only crisis management…
![Page 19: Netek - On-screen Editing of Map Content via Web Browser in Real Time](https://reader033.vdocuments.mx/reader033/viewer/2022061208/548b4991b47959ff6e8b4576/html5/thumbnails/19.jpg)
[email protected] http://www.geoinformatics.upol.cz Palacký University in Olomouc, Czech Republic
Thank you for your attention