heron mc - javascript for sysadmins and lazy developers

Heron Mapping Client

JavaScript za sistemaše i lijene programere

Davor Racić - Hrvatske šume d.o.o.

HR OSGeo Meetup, Zagreb, 13.02.2014.

GeoFLOSS u HŠ d.o.o. ???

● QGIS već u upotrebi od verzije 1.6● Modernizacija postojećeg ArcIMS rješenja – recesija,

troškovi održavanja, licence, troškovi održavanja...● 11/2012 – demonstracija GeoFLOSS rješenja –

OpenGeo Suite● 01/2013 – Projekt – Izrada WEB Mapping Servisa i

Geoportala HŠ d.o.o.● 09/2013 – Produkcija – Baza prostornih podataka,

Servisi i preglednik za korisnike HŠ d.o.o.● 06/2014 – Javni servisi – INSPIRE, NIPP

Infrastruktura Geoportala HŠ d.o.o.

Izazovi

● Odabir tehnologije za izradu web preglednika● Programeri zauzeti drugim projektima● Vrijeme – ograničavajući faktor● Lijeni sistemaš odgovoran za tehničku izvedbu

projekta

Izvor: http://geotux.tuxfamily.org/index.php/en/geo-blogs/item/291-comparacion-clientes-web-v6

Web GIS Client

● Framework za konfiguraciju GIS web preglednika ili GIS web aplikacija sa ili bez alata za authoring

● Konfiguracija je aplikacija - Aplikacija je konfiguracija● Primjeri – Heron MC, QGIS Web Client, MapGuide

OS Ajax Viewer, Mapbender

Heron Mapping Client

● Open source WEB GIS klijent baziran na većinom client-side JavaScript bibliotekama – ExtJS, OpenLayers, GeoExt, GXP

● Manji, serverski dio komponenti većinom napisan u Python-u koji se na poslužitelju izvršavaju kao CGI skripte (OL AJAX Proxy, Download/upload komponenta, Mapfish print)

● Koristi kao izvor podataka u prvom redu OGC servise i sve ostalo što podržava OpenLayers

Arhitektura Heron MC WEB aplikacije

Izvor: http://www.justobjects.nl/jo/assets/presentation/bolsena-2012-heron

Arhitektura Heron Mapping Client-a

Izvor: http://www.justobjects.nl/jo/assets/presentation/bolsena-2012-heron

Heron App

● Definiran je kao JSON/JavaScript objekt u config.js datoteci

● Definira opći izgled sučelja (Heron.layout objekt)● Uključivanje komponenti (widgets) i njihovih

svojstava● Komponente – Heron, GeoExt, GXP, ExtJS● Dodatne komponente● “Builder” Design Pattern (baziran na ExtJS 'xtype')

Ugrađene komponente● Uobičajene komponente Web GIS preglednika –

mappanel, acivelayerspanel, pan, zoom, measure, featureinfo itd...

● PrintPreviewWindow – printanje uz Mapfish print na serverskoj strani

● Više opcija za feature info – GridPanel, InfoPanel, PopupPanel

● Više kontrola za pretraživanje – FormSearchPanel, QXP_QueryPanel

● Upload/editiranje/download prostornih podataka (shp, kml, gpx, GeoJSON, GML itd...)

Komponente planirane u narednim verzijama

● Napredne mogućnosti crtanja i stiliziranja vektora● Dodavanje dodatnih OGC layera iz sučelja - katalog● Spremanje i učitavanje postavki – WMC● Fleksibilniji način odabira atributa i mapiranja naziva

atributa prostornih podataka● FeatureInfo – vertikalni prikaz● Google Street View integracija● Sublayers

Komponente planirane u budućnost

● Integracija dodatnih komponenti iz OpenGeo SDK● WFS - editiranje podataka● WPS integracija● CSW katalog metapodataka i pretraživač

metapodataka

Full-featured Heron MC aplikacija

Nedostaci Heron MC● Ne postoji authoring alat● Potrebno je osnovno poznavanje programiranja u

JavaScriptu● Potrebno je solidno poznavanje OpenLayers API za

izradu aplikacije● Promjena dizajna sučelja je ograničena opcijama u

Heronu● Dokumentacija u povojima● Relativno mali community● Nije pogodan za razvoj mobilnih aplikacija

Prednost Heron MC● Laka i brza izrada Web GIS preglednika● Izrada aplikacije kroz konfiguraciju● Koristi funkcionalnost postojećih biblioteka● Minimalni udio serverskih komponenti● Orijentiran na OGC servise kao izvore podataka● Izvrsno dokumentirani kod i primjeri● Lako proširiv dodatnim komponentama● Veliki broj kontrola● Projekt se brzo razvija

Potencijalno korištenje Heron MC

● Zamjena Desktop GIS alata za nezahtjevne korisnike● Web GIS preglednici za INSPIRE geoportale● GIS preglednici za koje smo sigurni da će dodatni

zahtjevi biti samo vezani uz dodavanje novih slojeva● Izrada Web GIS preglednika od strane GIS

specijalista, uz minimalne troškove edukacije● Sistemaši i lijeni programeri zaposleni na projektima

vezanima uz GIS tehnologije

Linkovi

http://heron-mc.orghttps://code.google.com/p/geoext-viewerhttp://groups.google.com/group/geoext-viewer-develhttp://nieuwsinkaart.nl/pdokhttp://inspire.kademo.nl/

HVALA NA PAŽNJI!

HR OSGeo Meetup #3

10.04.2014. - Šumarski FakultetSvetošimunska cesta 25, Zagreb