SlideShare a Scribd company logo
1 of 21
Download to read offline
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.org
https://code.google.com/p/geoext-viewer
http://groups.google.com/group/geoext-viewer-devel
http://nieuwsinkaart.nl/pdok
http://inspire.kademo.nl/
HVALA NA PAŽNJI!
HR OSGeo Meetup #3
10.04.2014. - Šumarski Fakultet
Svetošimunska cesta 25, Zagreb

More Related Content

Similar to Heron MC - JavaScript for sysadmins and lazy developers

Big Brother Hrvatska 2007 - Case Study - BizBuzz
Big Brother Hrvatska 2007 - Case Study - BizBuzzBig Brother Hrvatska 2007 - Case Study - BizBuzz
Big Brother Hrvatska 2007 - Case Study - BizBuzzwebburza
 
Panel diskusija - usporedba Web frameworka (IT Showoff)
Panel diskusija - usporedba Web frameworka (IT Showoff)Panel diskusija - usporedba Web frameworka (IT Showoff)
Panel diskusija - usporedba Web frameworka (IT Showoff)IT Showoff
 
GraphQL & Laravel - Efikasni API servisi
GraphQL & Laravel - Efikasni API servisiGraphQL & Laravel - Efikasni API servisi
GraphQL & Laravel - Efikasni API servisiPedja Jevtic
 
Mean Stack JavaCro 2014
Mean Stack JavaCro 2014Mean Stack JavaCro 2014
Mean Stack JavaCro 2014Nenad Pecanac
 
AngularJS - Ivan Vučičević
AngularJS - Ivan Vučičević AngularJS - Ivan Vučičević
AngularJS - Ivan Vučičević Kruno Ris
 
Upravljanje projektima uz Kendo Manager
Upravljanje projektima  uz Kendo ManagerUpravljanje projektima  uz Kendo Manager
Upravljanje projektima uz Kendo ManagerMSc. Ljubisa Vukovic
 
UPD (2).pptx.oasfasfccccccccccccccccccccccccccccccccccccccc
UPD (2).pptx.oasfasfcccccccccccccccccccccccccccccccccccccccUPD (2).pptx.oasfasfccccccccccccccccccccccccccccccccccccccc
UPD (2).pptx.oasfasfcccccccccccccccccccccccccccccccccccccccBrankouljak
 
WebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeWebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeMatija Šmalcelj
 
Kendo Manager softver za upravljanje projektima.pdf
Kendo Manager softver za upravljanje projektima.pdfKendo Manager softver za upravljanje projektima.pdf
Kendo Manager softver za upravljanje projektima.pdfLjubo2
 
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptx
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptxPOSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptx
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptxLarlochLes
 
Project Server and SharePoint Server - better together
Project Server and SharePoint Server - better togetherProject Server and SharePoint Server - better together
Project Server and SharePoint Server - better togetherAdis Jugo
 
Vert.x - Mihovil Rister, Javantura
Vert.x - Mihovil Rister, JavanturaVert.x - Mihovil Rister, Javantura
Vert.x - Mihovil Rister, JavanturaFive
 
White paper - Migracija IT rješenja u Cloud Hrvatskog Telekoma
White paper - Migracija IT rješenja u Cloud Hrvatskog TelekomaWhite paper - Migracija IT rješenja u Cloud Hrvatskog Telekoma
White paper - Migracija IT rješenja u Cloud Hrvatskog TelekomaHrvatski Telekom
 
Vert.x - asinkroni skalabilni i poliglotni framework nove generacije
Vert.x - asinkroni skalabilni i poliglotni framework nove generacijeVert.x - asinkroni skalabilni i poliglotni framework nove generacije
Vert.x - asinkroni skalabilni i poliglotni framework nove generacijeMihovil Rister
 

Similar to Heron MC - JavaScript for sysadmins and lazy developers (20)

Big Brother Hrvatska 2007 - Case Study - BizBuzz
Big Brother Hrvatska 2007 - Case Study - BizBuzzBig Brother Hrvatska 2007 - Case Study - BizBuzz
Big Brother Hrvatska 2007 - Case Study - BizBuzz
 
JavaCro'15 - Integration of Mobile Applications with Facebook - Krešimir Mišu...
JavaCro'15 - Integration of Mobile Applications with Facebook - Krešimir Mišu...JavaCro'15 - Integration of Mobile Applications with Facebook - Krešimir Mišu...
JavaCro'15 - Integration of Mobile Applications with Facebook - Krešimir Mišu...
 
Panel diskusija - usporedba Web frameworka (IT Showoff)
Panel diskusija - usporedba Web frameworka (IT Showoff)Panel diskusija - usporedba Web frameworka (IT Showoff)
Panel diskusija - usporedba Web frameworka (IT Showoff)
 
JavaCro'14 - WebSockets and OpenLayers joined with Spring – Bojan Kljajin
JavaCro'14 - WebSockets and OpenLayers joined with Spring – Bojan KljajinJavaCro'14 - WebSockets and OpenLayers joined with Spring – Bojan Kljajin
JavaCro'14 - WebSockets and OpenLayers joined with Spring – Bojan Kljajin
 
GraphQL & Laravel - Efikasni API servisi
GraphQL & Laravel - Efikasni API servisiGraphQL & Laravel - Efikasni API servisi
GraphQL & Laravel - Efikasni API servisi
 
Mean Stack JavaCro 2014
Mean Stack JavaCro 2014Mean Stack JavaCro 2014
Mean Stack JavaCro 2014
 
Vrste radnih mjesta
Vrste radnih mjestaVrste radnih mjesta
Vrste radnih mjesta
 
AngularJS - Ivan Vučičević
AngularJS - Ivan Vučičević AngularJS - Ivan Vučičević
AngularJS - Ivan Vučičević
 
Javantura Zagreb 2014 - Java na klijenstskoj strani - Ivan Vučak
Javantura Zagreb 2014 - Java na klijenstskoj strani - Ivan VučakJavantura Zagreb 2014 - Java na klijenstskoj strani - Ivan Vučak
Javantura Zagreb 2014 - Java na klijenstskoj strani - Ivan Vučak
 
JavaCro'14 - MEAN Stack – How & When – Nenad Pećanac
JavaCro'14 - MEAN Stack – How & When – Nenad PećanacJavaCro'14 - MEAN Stack – How & When – Nenad Pećanac
JavaCro'14 - MEAN Stack – How & When – Nenad Pećanac
 
JavaCro'14 - Auditing of user activity through NoSQL database – Kristijan Duv...
JavaCro'14 - Auditing of user activity through NoSQL database – Kristijan Duv...JavaCro'14 - Auditing of user activity through NoSQL database – Kristijan Duv...
JavaCro'14 - Auditing of user activity through NoSQL database – Kristijan Duv...
 
Upravljanje projektima uz Kendo Manager
Upravljanje projektima  uz Kendo ManagerUpravljanje projektima  uz Kendo Manager
Upravljanje projektima uz Kendo Manager
 
UPD (2).pptx.oasfasfccccccccccccccccccccccccccccccccccccccc
UPD (2).pptx.oasfasfcccccccccccccccccccccccccccccccccccccccUPD (2).pptx.oasfasfccccccccccccccccccccccccccccccccccccccc
UPD (2).pptx.oasfasfccccccccccccccccccccccccccccccccccccccc
 
WebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacijeWebUG - Hibridne mobilne aplikacije
WebUG - Hibridne mobilne aplikacije
 
Kendo Manager softver za upravljanje projektima.pdf
Kendo Manager softver za upravljanje projektima.pdfKendo Manager softver za upravljanje projektima.pdf
Kendo Manager softver za upravljanje projektima.pdf
 
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptx
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptxPOSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptx
POSLOVNE PROGRAMSKE APLIKACIJE I MIGRACIJE BAZA.pptx
 
Project Server and SharePoint Server - better together
Project Server and SharePoint Server - better togetherProject Server and SharePoint Server - better together
Project Server and SharePoint Server - better together
 
Vert.x - Mihovil Rister, Javantura
Vert.x - Mihovil Rister, JavanturaVert.x - Mihovil Rister, Javantura
Vert.x - Mihovil Rister, Javantura
 
White paper - Migracija IT rješenja u Cloud Hrvatskog Telekoma
White paper - Migracija IT rješenja u Cloud Hrvatskog TelekomaWhite paper - Migracija IT rješenja u Cloud Hrvatskog Telekoma
White paper - Migracija IT rješenja u Cloud Hrvatskog Telekoma
 
Vert.x - asinkroni skalabilni i poliglotni framework nove generacije
Vert.x - asinkroni skalabilni i poliglotni framework nove generacijeVert.x - asinkroni skalabilni i poliglotni framework nove generacije
Vert.x - asinkroni skalabilni i poliglotni framework nove generacije
 

Heron MC - JavaScript for sysadmins and lazy developers

  • 1. Heron Mapping Client JavaScript za sistemaše i lijene programere Davor Racić - Hrvatske šume d.o.o. HR OSGeo Meetup, Zagreb, 13.02.2014.
  • 2. 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
  • 4. Izazovi ● Odabir tehnologije za izradu web preglednika ● Programeri zauzeti drugim projektima ● Vrijeme – ograničavajući faktor ● Lijeni sistemaš odgovoran za tehničku izvedbu projekta
  • 6. 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
  • 7. 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
  • 8. Arhitektura Heron MC WEB aplikacije Izvor: http://www.justobjects.nl/jo/assets/presentation/bolsena-2012-heron
  • 9. Arhitektura Heron Mapping Client-a Izvor: http://www.justobjects.nl/jo/assets/presentation/bolsena-2012-heron
  • 10. 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')
  • 11. 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...)
  • 12. 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
  • 13. Komponente planirane u budućnost ● Integracija dodatnih komponenti iz OpenGeo SDK ● WFS - editiranje podataka ● WPS integracija ● CSW katalog metapodataka i pretraživač metapodataka
  • 14.
  • 16. 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
  • 17. 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
  • 18. 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
  • 21. HR OSGeo Meetup #3 10.04.2014. - Šumarski Fakultet Svetošimunska cesta 25, Zagreb