1. Visualizing geographical data made extremely easy by SLD Editor!
Hanna Visuri
, FOSS4G

2. Agenda What is SLD Editor? About SLD Technical background
SLD Editor Features
Demo
Current limitations
How to make use of SLD Editor? 

3. What is SLD Editor?
Developed in NLS FI as part of the European Location Framework (ELF) project
Aims to provide easy way for editing SLD files visually
First version released in February 2015
Open source and available in Github
- User doesn’t have to understand XML in order to change the visualization

4. Background
Developed for authorities with limited knowledge of geospatial data…
…and to be exploited by other developers!
Developed in only couple of months as part of the ELF project
Offers great base for editing SLD files visually!
- User doesn’t have to understand XML in order to change the visualization

5. About SLD The OGC Styled Layer Descriptor standard
Specifies how layers should be rendered
XML-based markup language
DO I HAVE TO EDIT XML TO CHANGE THE STYLING OF GEOGRAPHICAL DATA…?
SLD EDITOR ENABLES YOU TO EDIT SLD FILES VISUALLY!

6. This is how it works: Import SLD Create visualization
Edit visualization
Save visualization
Upload visualization
Style.sld
Style_v1.sld
Style_v1.sld
Style_v1.sld
Style_v1.sld

7. Technical background
Development is done using Node.js and OpenLayers 3
Responsive and works even with mobile devices
Used libraries include e. g. Bootstrap, Backbone, Lodash…
Uses PostgreSQL database to store SLD file structure and values

8. SLD Editor Features Import and upload SLD files
Create copies of original SLD to make different versions
Search specific rules to edit
Edit existing tags visually
Point: wellknownname, fill, opacity, stroke, size…
Line: stroke, width, linecap, color…
Polygon: stroke, fill, opacity…
Label: font-family, font-size, font-style, font-weight…
Own preview for symbolizer and rule
View SLD against corresponding WMS

9. DEMO

10. Login page
FOSS4G
SLDeditor

11. User UI – available templates and visualizations

12. Creating new visualization

13. Editing the visualization

14. Searching for rules
Rules can be searched for by typing some letters or by browsing the Featuretype tree

15. Rule preview

16. Changing style parameter

17. Changing parameters, saving
Star marks unsaved changes

18. Label style

19. WMS preview

20. WMS preview, basic authentication possible

21. WMS preview

22. Current limitations No self-registration or user management interface
XML is not validated when importing SLD  general error
Symbolizer attributes are not validated before saving to database
Rule preview on map
The rule preview map uses example point, line and polygon lines on top of Helsinki, not any real WMS service
It is not possible to show different shapes of point symbolizers yet
All editable attributes cannot yet be seen in rule preview
No support for adding tags, rules or entire symbolizers

23. How to make use of it? Individual application Part of your application
Requirements:
Node.js and PostgreSQL
Clone source code from GitHub and follow instructions!
SLD Parser
Development
UI components
Individual application
Part of your application

24. Thank you! Questions?