Resvan/map – analysera dina Moves

Mitt tidigare inlägg handlade att donera resespår från ”activity trackern” Moves-app. Jag har programmerat lite mer runt Moves, och skapat Resvan/map där man kan visa sina ”moves” på en Google-karta, och göra en enklare beräkning på hur mycket tid du spenderat i cirklar som kan ritas på kartan.

I figuren nedan ser du mitt resmönster för december 2013. Det är mycket pendling Linköping-Norrköping med tåg med tillhörande promenader (grå för tåget och grön för gång), en tur hem till Katrineholm, en kort cykeltur (turkos) söder om Linköping, och någon ännu kortare löptur (rosa). Mer detaljer syns naturligtvis om jag zoomar in. Genom att rita cirkeln i Norrköping, för att sedan klicka på ”beräkna tid i cirkel” så får jag reda på hur mycket tid jag spenderat på jobbet, typ.




Det är kanske inte så många svenskar som kör Moves, och kanske än färre kör både Moves och Twitter, vilket krävs för att logga in. Därför har sidan blivit den första(?) där jag skrivit texter på engelska. Sedan den fick en länk från Moves ”connected apps”, så är det faktiskt en del som provkört den.

Allt är programmerat i Javascript (delvis jQuery) utom den funktion som sköter inloggning och laddning av data från Moves som är programmerad i PHP. PHP-delen är alltså en sessionshanterare som använder Twitter för att göra en inloggning och göra en autentisering hos Moves-app. Javascript är väl inte mitt favoritspråk, speciellt inte för sidor som kräver inloggning och sessions, eftersom det är lite komplicerat att felsöka, men det går bättre och bättre, ju mer bekant jag blir med Javascript konsol-loggen. Sidan bygger på Twitter Bootstrap och mycket av ”designen” har jag hämtat från det gamla hacket ”Resogram. Resvan/map använder Google Maps API Drawing Manager för att rita och flytta cirklar, vilket är en ny bekantskap för mig. Funkar mycket bra, precis som det mesta annat med Google Maps.

Min plan är att göra hela koden publik med förhoppningen om att någon mer vill skapa nya funktioner, eller i alla fall fundera över vilka funktioner som skulle vara intressanta. Det mesta av koden går att se direkt genom att göra ”visa källa” på webbsidan (jo ja, jag ska snygga till det senare).

Har du en iPhone eller Android-telefon men inte provat Moves-app, så gör det!

Comments are closed.