Client side of indoor maps management web application

Projekt opisan u ovom radu temelji se na razvoju sustava za prikaz i upravljanje kartama zatvorenih prostora. Sam završni rad usredotočuje se na njegov klijentski dio, ali u općem smislu opisuje i njegovu cjelovitu strukturu. Razumijevanje projekta ne bi bilo moguće bez poznavanja osnova GIS-a, stoga je opisan kratak uvod u isti. Zadan je pregled slojeva projekta te kratak opis uz popis korištenih tehnologija svakog. Nakon opisa cjelovite strukture je slijedila analiza klijentske strane aplikacije koja je velikim dijelom oslonjena na OpenLayers, JavaScript knjižnicu za prikaz i upravljanje kartama. OpenLayers obavlja razne operacije, od citanja karte i njezinog prikaza na zaslonu do kontroliranja pregleda same karte. Dan je opis strukture karte i načina kako ju OpenLayers čita i od nje gradi cjelinu. Opisano je geokodiranje karte koje se radi u kombinaciji s radnim okvirom Django. Geokodiranjem se naziva proces prevođenja logičke adrese nekog prostora (npr. ime prostorije) u njegovu geografsku lokaciju. Naposljetku je opisana izrada Django CMS priključka za kartu. Kao takva, ona može s lakoćom biti ugraena u Django CMS web stranicu.This thesis’ project is based on developing a system for managing and displaying indoor maps. The thesis itself is focused on the project’s client side, but gives a general description of its entire structure. It would be hard to fully grasp it without understanding the GIS basics, so a brief introduction was given. A general overview of the project’s layers was included along with a short description of used technologies. The description of the complete structure was followed by an analysis of the client application that relies heavily on OpenLayers, a JavaScript library for displaying and managing maps. OpenLayers performs various operations, from reading maps and displaying them on screen to handling them. An overview of the map’s structure was given along with a description of how OpenLayers loads it and builds it as a whole. The mechanism of geocoding, which works in combination with the Django framework, was described. Geocoding is the process of translating a logical address (e.g. the name of a room) into its geographical location. Finally, the creation of a Django CMS plugin for the map was described. As such, it can be easily embedded into a Django CMS website