Piirrä mut kartalle


2014-07-29, 09:30 Kirjoittanut Marko Turunen, Henri Eloranta, Akseli Karvinen

Kun edellisen viikon tuloksena oli saatu käyttöliittymä näyttämään jotenkin siedettävältä oli aika keskittyä kokonaisuuden toimivuuteen. Tähän liittyi muun muassa monien vanhojen ratkaisujen korjaaminen tai kokonaa uusiksi laittaminen. Osa toiminnallisuudesta siirrettiinkin backendin puolelle pois clientia häiritsemästä.

Vanhan korjaamisen lisäksi saatiin lisättyä uuttakin toiminnallisuutta. Viikon tavoitteena oli saada niin kutsuttu Beta-versio tuotteesta valmiiksi, jotta voitaisiin alkaa keräämään myös käyttäjäpalautetta. Tähän tavoitteeseen pyrkiessämme yhdeksi korkeimmaksi prioriteetiksi nousi kunnollinen verkostoon liittyminen.

Varsinaiset käyttäjän tiedot ja valinnat päätettiin kysellä sarjalla kartan päälle aukeavia ikkunoita. Angular UI:n tarjoama modaali oli meidän valintamme näiden ikkunoiden luontiin. Samalla tavalla luotiin myös ohjeikkuna käyttäjälle joka saapuu sivulle ensimmäistä kertaa.

Tärkeänä osana käyttäjien lisäämistä kartalle on heidän sijaintinsa määrittäminen. Tämä ei kuitenkaan ole suuri ongelma, sillä HTML5 mahdollistaa suoraan selaimen kautta tapahtuvan geolokaation määrittämisen, käyttäjän tähän suostuessa. Koska kaikki eivät välttämättä halua selaimen käyttävän heidän sijaintiaan, tai koska mahdollisesti selain ei tue geolokaatiota, piti keksiä myös vaihtoehtoinen ratkaisu.

Alun perin olimme suunnitelleet postinumeron käyttämistä käyttäjän sijainnin määrittämiseen. Kuitenkin tämä tuntui hieman rajoittuneelta tavalta ja lisäksi postinumeroiden kanssa ongelmaksi tulee lokalisaatio (sama rajapinta ei välttämättä tunnista kaikkien eri maiden postinumeroita). Lopulta ongelma ratkaistiin käyttämällä Googlen geolokaatio -työkalua. Näin käyttäjä pystyy antamaan haluamansa osoitteen niin tarkasti kuin haluaa, esimerkiksi kadun tarkkuudella. Lisäksi geolokaatio tunnistaa myös ainakin Suomalaiset postinumerot ja osaa asettaa niidenkin perusteella käyttäjän kartalle.

Googlen geolokaatio työkalun toiminta on hyvin yksiselitteinen: sille lähetetään osoite joka halutaan geokoodata (muuttaa siis koordinaateiksi) ja se palauttaa haun tulokset, joita voidaan javascriptissä käsitellä. HTML5 geolokaation toiminta onkin sitten hieman mielenkiintoisempi. Käytännössä selain kerää ja lähettää paikallisverkon tiedot eteenpäin sijaintipalveluun joka palauttaa arvion käyttäjän sen hetkisestä sijainnista. Eri selaimet käyttävät eri sijaintipalveluita paikan määrittämiseen. Yllättäen Googlella on esimerkiksi omansa, jota Chrome ja Firefox käyttävät.

Kirjoitushetkellä beta-versiota hiotaan vielä valmiiksi keskiviikon esittelyä varten, jonka jälkeen se laitetaan sisäiseen testikäyttöön. Toivottavasti testikäyttäjiä löytyy kun varsinaista testilinkkiä aletaan loppuviikosta levittämään. Vielä pitäisi selvittää miten sitä palautetta tullaan keräämään...

 


comments powered by Disqus