20
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.

Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

Embed Size (px)

Citation preview

Page 1: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

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

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

Webapplikasjoner

Nettverk

Server

Nettleser

Page 4: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

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

Karttjenester

DEMO

Page 6: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

Ferdige webapplikasjoner

DEMO

Page 7: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

ArcGIS Online

Ferdig innhold og tjenester

GIS Server i skyen

Portal / CMS

Ferdige applikasjoner

Page 8: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

ArcGIS Online

DEMO

Page 9: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014
Page 10: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

https://github.com/geodata-no/norwegian-parcel-viewer

Page 11: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

GitHub

• esri.github.com

• geodata-no.github.com

Page 12: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

ArcGIS API for JavaScript

Demo fra scratch

Page 13: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

http://customapps.geodataonline.no/amedia/dekningskartweb/

Page 14: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

https://github.com/geodata-no/javascript-from-scratch

Page 15: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

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

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

ArcGIS-tjenester i OpenLayers

DEMO

Page 18: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

https://github.com/geodata-no/geodataonline-openlayers

Page 19: Utvikle webapplikasjoner med ArcGIS - Esri norsk BK 2014

ArcGIS-tjenester i Leaflet

DEMO