EAGLE SOLUTIONS
Közreműködtem a Muzeul Viu al Bucureștiului (Bukarest Élő Múzeuma) weboldalán egy partnerügynökséggel. A design és az ügyfélkapcsolat az ügynökségé volt, a WordPress-fejlesztés az enyém, a térképtől a szűrőkön át az adminig. Az oldal a Platforma de Mediu pentru București programban megvalósult környezetvédelmi projekteket gyűjti egy térképre, hogy a látogatók el is menjenek megnézni őket.
A feladat
A Platforma de Mediu pentru București programot a Bukaresti Közösségi Alapítvány és az ING indította. Ebben civil szervezetek valósítottak meg környezetvédelmi projekteket a városban: közösségi kerteket, komposztálópontokat, védett zöldterületeket, oktatási programokat. Az oldalnak ezeket kellett megmutatnia úgy, hogy az ember kedvet kapjon felkeresni őket. Ezért az oldal közepén egy térkép áll, és minden más ehhez igazodik.
A közreműködésem
- Egyedi WordPress-téma és egy saját térkép-bővítmény a Figma-tervek alapján, mobilra és asztali gépre.
- Leaflet-alapú térkép kategóriaszínű jelölőkkel. A sűrű részeken a közeli pontok egy számozott csoportba állnak, nagyításra szétnyílnak.
- Keresés név szerint, szűrés témakategória szerint (a kategóriák két csoportban), rendezés, és a térkép a találatokra szűkül.
- Egy projekt több ponton is megjelenhet. A komposztálással foglalkozó projekt például 12 ponton látszik a térképen.
- Tematikus útvonalak: az „Începe traseul" gomb a térképet az útvonal megállóira szűkíti, egy bezárható útvonalsávval.
- Projektoldalak galériával, a megvalósító szervezettel és egy gombbal, ami a Google Térképen útvonaltervet nyit a helyszínig.
- Román és angol nyelv Polylanggal, nyelvenként külön címekkel.
- Minden szöveg, kép, menü és kategória az adminból szerkeszthető. Az adminhoz román nyelvű útmutatót írtam PDF-ben, a szerkesztők pedig csak a nekik szóló menüpontokat látják.
- Eseményoldalak, és egy kapcsolható „Hamarosan" oldal az indulás előtti időszakra.
Az eredmény
Az oldal él: 68 projekt 85 ponton, hét témakategóriában, négy ajánlott útvonallal. Új projektet a szervezők fejlesztő nélkül vesznek fel, és a térkép rögtön mutatja.
A térkép csak adatot kér
A térképet kirajzoló kód nem nyúl bele a WordPressbe. Egy saját, dokumentált adatfelületről (REST API) kéri le a pontokat és az útvonalakat, stabil mezőnevekkel. Ez a megrendelő kérése volt, és jó okkal: ha egyszer a térkép másik felületre költözik, vagy egy mobilalkalmazás is használni akarja, az adat ugyanott marad.
Amikor elfogy az ingyenes térképkeret
A térkép alatti csempéket eleinte egy olyan szolgáltató adta, amelynek ingyenes havi kerete van. Októberben a forgalom elérte ezt a keretet, és a térkép háttere eltűnt. Átálltam az OpenFreeMap csempéire, amelyeknek nincs ilyen korlátja. Egy nyilvános, kampányokkal népszerűsített oldalnál ezt érdemes már az elején így választani.
Szerkesztés után azonnal látszik
Egy gyorsítótárazott oldalon könnyen előfordul, hogy a szerkesztő ment, de a látogató még órákig a régi adatot látja. Itt a térkép-tartalom változásakor a gyorsítótár magától ürül, az adatfelület címei pedig az utolsó módosítás idejével kapnak verziót. A szervezők így a mentés után rögtön ellenőrizhetik a munkájukat.
Mobilon a térkép nem fogja el a görgetést
Egy teljes szélességű térkép telefonon könnyen csapdává válik: az ujj a térképet húzza, az oldal nem gördül tovább. Mobilon ezért a térkép két ujjal mozgatható, egy ujjal pedig az oldal görget tovább.
