utvikle webapplikasjoner med arcgis - esri norsk bk 2014
TRANSCRIPT
![Page 1: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/1.jpg)
Utvikle webapplikasjoner
med ArcGIS
Ottar Viken Valvåg / Joachim Eckbo Juell
Du har satt opp karttjenester på ArcGIS for Server, eller skaffet deg tilgang til WMS-tjenester. Nå ønsker du å vise dette i en webapplikasjon til brukerne dine. Hvilke muligheter har du, og hvordan gjør du det? Bør du ta utgangspunkt i ArcGIS Viewer for Silverlight eller Geocortex Essentials, og endre litt på disse? Eller bør du starte med en web application template fra ArcGIS Online? Eller kanskje du bør starte direkte med ArcGIS API for JavaScript? Vi viser deg alle mulighetene.
![Page 2: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/2.jpg)
Agenda
• Introduksjon til web & server
• Karttjenester
• Ferdige webapplikasjoner
• ArcGIS Online
• ArcGIS API for JavaScript
• Andre rammeverk
• ArcGIS WebApp Builder (sommer 2014)
![Page 3: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/3.jpg)
Webapplikasjoner
Nettverk
Server
Nettleser
![Page 4: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/4.jpg)
Karttjenester
• Webtjeneste som kan levere kartbilder
– Generert on the fly (dynamisk)
– Pregenererte tiles (cachet)
• Protokoller
– OGC WM(T)S
– ArcGIS Server SOAP
– ArcGIS Server REST
– Alle er basert på HTTP GET/POST
• Leverandører
– Din egen server
– ESRI
– Norge Digitalt
– Geodata Online
![Page 5: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/5.jpg)
Karttjenester
DEMO
![Page 6: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/6.jpg)
Ferdige webapplikasjoner
DEMO
![Page 7: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/7.jpg)
ArcGIS Online
Ferdig innhold og tjenester
GIS Server i skyen
Portal / CMS
Ferdige applikasjoner
![Page 8: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/8.jpg)
ArcGIS Online
DEMO
![Page 9: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/9.jpg)
![Page 10: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/10.jpg)
https://github.com/geodata-no/norwegian-parcel-viewer
![Page 11: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/11.jpg)
GitHub
• esri.github.com
• geodata-no.github.com
![Page 12: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/12.jpg)
ArcGIS API for JavaScript
Demo fra scratch
![Page 13: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/13.jpg)
http://customapps.geodataonline.no/amedia/dekningskartweb/
![Page 14: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/14.jpg)
https://github.com/geodata-no/javascript-from-scratch
![Page 15: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/15.jpg)
Best practices
• Skriv objektorientert javascript
– Bruk dojos mekanismer
– En fil per klasse/dijit
• Følg AMD-patternet
• Lag egne dijits
• Separer konfigurasjon ut til egen fil
• Bruk gjerne compact-versjonen av APIet
![Page 16: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/16.jpg)
Andre rammeverk
• Generelle JavaScript rammeverk
– Dojo
– jQuery
– AngularJS
– YUI
– Bootstrap
– Kan stort sett kjøre side om side
• Kartklient APIer
– ArcGIS
– Leaflet
– OpenLayers
![Page 17: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/17.jpg)
ArcGIS-tjenester i OpenLayers
DEMO
![Page 18: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/18.jpg)
https://github.com/geodata-no/geodataonline-openlayers
![Page 20: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f0219c1a28ab1a1d8b45d5/html5/thumbnails/20.jpg)
ArcGIS
Web App Builder