Tonttipörssi

Abstract

Opinnäytetyön tavoitteena oli luoda tonttipörssi-sivusto päijäthämäläisille kunnille. Kuntien tämänhetkiset tonttipörssi-sivustot ovat sekavia, ja niiden ylläpito on vaikeaa. Uuden sivuston on tarkoitus yhdistää eri kuntien sivustot yhdenmukaisiksi ja tuoda sivustoille interaktiivisuutta. Interaktiivisuutta saatiin lisäämällä kartan keskeisimmäksi elementiksi Google Maps -kartta. Sivuston ylläpito pitää myös olla helppoa. Ylläpitoa varten sivustolle toteutettiin hallintapaneeli, jonka kautta sivuston tontteja sekä sisältötekstejä voidaan helposti hallita.

Tonttipörssi tehtiin osana KOTI-vetovoimaa Päijät-Hämeen maaseutukuntiin -projektia. Koti-projektin tavoitteena on lisätä maaseutukuntien vetovoimaa asuinpaikkana ja yritysten sijoittumispaikkakuntina. Tonttipörssin toteutukseen osallistui kolme Lahden ammattikorkeakoulun insinööriopiskelijaa: ohjelmistotekniikan, mediatekniikan ja ympäristöteknologian opiskelijat.

Opinnäytetyössä tutustutaan myös Google Mapsiin ja siihen, miten Google Maps voidaan lisätä sivustolle Google Maps JavaScript API:n avulla. API:sta käydään läpi sen perusominaisuudet ja niitä ominaisuuksia, joita tarvitaan, että Mapsin päälle saadaan rakennettua tonttipörssi-palvelu. Tonttipörssi-sivustosta käydään läpi, miten mikäkin sivuston elementti on tehty ja miten niiden ylläpito onnistuu. Opinnäytetyön tutkimusongelma on selvittää, miten luodaan helposti ylläpidettävä tonttipörssi-sivusto ja miten Google Maps voidaan liittää sen keskeisemmäksi elementiksi.

The objective of this thesis was to make a plot market webpage for the municipalities of Päijät-Häme. The current plot market webpages are disorganized and maintenance of the webpages is difficult. The purpose of the new plot market webpage is to make the different municipalities webpages uniform. The webpage was part of a project called KOTI-vetovoimaa Päijät-Hämeen maaseutukuntiin. The goal of this project was to bring information about municipalities of Päijät-Häme to individuals and companies. The research problem of the thesis was how to make easily administrated plot market webpage and how to integrate Google Maps to it.

The new webpage is more interactive than the current webpages. Interactivity is achieved by placing Google Maps as a central element of the plot market webpage. In Google Maps the user can see the plots that a municipality is currently selling. Also maintenance of the new site needs to be easier than with the current sites. For easier page maintenance the site includes an admin panel. In the admin panel the administrator can add, modify and delete plots from the plot market. The administrator can also edit text contents that are displayed on the page.

The first part of the thesis is to familiarize the reader to Google Maps JavaScript API. The thesis instructs how to add Google Maps to a webpage. It also goes through the basics of Google Maps JavaScript API and those features which were used to make the implementation of the plot market to Google Maps possible. The second part of the thesis tells how the plot market webpage was made and how the admin can edit different parts of the page.