Virtuella tech-konferenser och Hackathon

Tur i oturen – i år när de flesta event blir virtuella har det blivit möjligt att ansluta till alla möjliga tech-konferenser. Ofta kan man se inspelade presentationer i efterhand men nu sköts även mingel och frågestunder online. Jag testade att anmäla mig till en one-on-one konsultation med en specialist inom IoT under Microsoft Ignite och det var så roligt! Lyxigt och motiverande att man som junoir utvecklare kan ta del av sådant bara sådär tycker jag. Här är några jag har kikat in på senaste tiden: Jamstack Conf Virtual (webb), Cloud Engineering Summit och Microsoft Ignite 2020.

Den senaste veckan har jag annars suttit lite för klistrad med Considition, ett återkommande Hackathon som brukar vara bra uppstryt! I år var uppgiften att skriva kod som styr hur en stad byggs upp och innebar många saker att ta hänsyn till. En viktig detalj om hur byggnaders temperatur hade jag missuppfattat tills det var ett par dagar kvar så det gick lite halvbra 😅 Men som vanligt roligt att försöka, samt lärorikt se lite ny kod! tips tips här finns det kod för API-anrop i flera programmeringsspråk att hämta hem. När jag ändå är igång och tipsar; i samband med detta började jag förresten lyssna på podcasten Utveckla. Gillar hur de ger en överblick av olika ämnen inom utveckling. Hej för ikväll! 

Utveckling av Campuskost: Clean code och användartester

Mitt kära evighetsprojekt! Ibland har det tagit veckor mellan att jag har suttit med det och i vissa perioder kan jag sitta någon timme varje kväll. Nu på slutet har det blivit mer och mer i och med att nya Campuskost är live vilket ju är superkul. Än så länge har den grundläggande funktionen fått komma upp: skapa konto, ladda upp och redigera recept, ändra profilinställningar, gilla recept och följa andra användare. Jag är supertaggad på att börja med det mer komplexa, som att kunna skapa receptlistor, följa andras listor, tipsa vänner om recept, sortera efter kategorier.. Mycket är påbörjat men tidigare i somras insåg jag att det kanske gick lite fort fram och att koden började bli rätt stökig. Jag läste boken Clean Code (skulle ju också vara bra inför arbetslivet hade man fått höra) och hade därefter en samling praktiska tips att jobba efter. Så nu ett tag har utseendet på Campuskost sett i princip likadant ut, men antalet kodrader har minskat drastiskt och enklare att arbeta med. 

I övigt har jag själv och personer jag tjatat på (hehe) skapat konto och letat brister och förslag, för att sedan uppdatera koden därefter. Det är en rolig process nu! 

Sen finns det verkligen många småsaker att trixa med för att skapa en komplett plattform. För att nämna några saker jag suttit med: 

  • Flytta domänen. Tidigare var Campuskost en hemsida på WordPress. Nu är nya versionen istället en React-app ihop med molntjänster från Firebase (för lagring av data och autentisering bland annat).
  • Att automatiskt uppdatera appen för användare utan att de själva ska behöva rensa cacheminnet. Eftersom Campuskost är en progressiv webbapp (webbsida som också fungerar som en mobilapp) så sker varken nedladdning eller uppdateringar via t ex App Store eller Google Play. Det har varit relevant att använda sig utav speciella JavaScript-program, så kallade service workers.
  • Att aktivera Google Analytics för att se hur många som är inne på sidan och vilken funktion som används. Tydligen svårt när de flesta använder någon slags ad-block i webbläsaren!? Också lite speciellt med SEO för en Single Page Application. Jag ska ge mig på att skapa en så kallad Sitemap.
  • Att se till att HTTPS används för att webbläsare ska anse Campuskost som en säker webbplats. Det här ordnade jag från Netlify där jag hostar sidan.
  • Få pushnotifikationer att fungera. Jag har precis börjat kika på Firebase Cloud Messaging då det vore kul att kunna skicka notifikationer. Efter att ha kollat på Netflix nya dokumentär The Social Dilemma blev jag dock lite.. velig. Notiser i lagom mängd kanske..
  • Med mera..! 

PS. Jag blir superglad för alla som vill hjälpa till att användartesta genom att skapa konto på https://campuskost.se och testa funktionerna. På förstasidan finns en länk till ett formulär för feedback. Tack på förhand!

Motiverande att skapa sin egen Engineering Wiki

Jag kan tänka mig att vi är många som gillar tanken på att ha sitt digitala liv välorganiserat. Som att ha alla foton sorterade i mappar och ha allt pluggrelaterat i bra ordning. Att alla kodprojekt skulle vara städade och väldokumenterade. Hehhh ja det vore ju en dröm. Jag påbörjar mitt organiserande titt som tätt men hinner inte bli klar innan det fylls på. Snart så! .. efter examen kanske 😄 

Hursom, när jag lyckas få (någorlunda) ordning så motiveras jag av det. Det är något med känslan av nystart som är så skön, att veta att från och med nu kommer jag kunna arbeta i en trivsam och fokuserad miljö. Just nu är jag taggad på att organisera mitt programmerande och allt som rör det! Speciellt så har jag inte haft något bra sätt att spara artiklar, tutorials, github-repos eller liknande. Nu har jag fått tips (♥!) om att använda Notion och gillar det verkligen. Kortfattat är det ett slags verktyg för anteckningar och dokumentation – med många smarta funktioner. Det går t ex att bädda in videoklipp från Youtube, Figma-skisser m.m. Jag tänker att det blir en perfekt vertyg att samla alla de kodsnuttar, länkar och annat som jag använder när jag kodar. Hittills har jag påbörjat dokumentation för det som jag vill ha lättillgängligt när jag sysslar med webbprogrammering.

Skärmdump av min påbörjade Notion för programmeringsanteckningar

Till jämförelse så har jag tidigare sparat orimligt många bokmärken (se bild till höger..). Jag gjorde en snabb översikt nu och jag har tydligen mellan 200-300 kodrelaterade bokmärken.. Det blir alltså snarare att jag på nytt söker reda på det jag letar efter. Alternativt att jag letar i mina egna programmeringsprojekt, typ ”i denna fil borde jag ha ett API-anrop där jag uppdaterar ett dokument i Firebase”. Från och med nu kommer jag istället kunna gå in i min egna koddokumentation och hitta direkt. Pepp!

Bara av anledningen att det ska bli kul att lägga in saker jag lär mig i min Wiki blir jag sugen på att testa fler programmeringsspråk och verkyg, nördig som jag är. 🙂 Det kanske är något för dig med!?

Inne och nosar på hackathons

Först och främst, som en kortfattad beskrivning så är ett hackathon ett event där programmerare träffas och kodar på projekt under endast en eller ett par dagar. Projekt som står ut lite extra inom olika kategorier brukar belönas med ett pris, så det ses ofta som en tävling. Värt att nämna är också det kan handla om att skapa idéer och designa prototyper, så det behöver inte innebära kod för alla. Hursomhelst, jag gillar verkligen konceptet med hackathons. Det är så häftigt hur mycket man kan göra på kort tid om man bara är sådär galet engagerad och lösningsfokuserad. 

Ett antal gånger har jag gått in helhjärtat i hackathons, framförallt när vi var iväg på East Sweden Hack och faktiskt tog hem ett pris, eller mitt sista-minuten-hack på Stanford Tree Hacks.
Andra gånger har jag nöjd mig med att vara inne och nosa på eventen. Under ett hackathon serveras det nämligen en massa spännande kunskaper och resurser att ta del av och det kan vara helt ok att anmäla sig just för att lära sig mer i en så stöttande miljö. 

De två senaste åren har jag också varit anmäld till The Considition, ett längre hackathon online som hålls årligen av företaget Consid. Ena gången skulle man koda en bot till ett 2D-spel som skulle ta sig igenom ett förenklat triathlon, och andra gången träna en CNN-model som skulle segmentera drönarbilder. Otajmat nog så var den första utmaningen innan jag läst kursen där jag och Emma gjorde detta projekt med just en bot i ett 2D-spel, och den andra utmaningen innan mitt nuvarande exjobb med mycket CNN-modeller. Det gick inte topptopp med andra ord! Trots att jag inte skickat in ett slutgiltigt bidrag så har det känts värt att vara anmäld och testa lite. Jag tror att en stor anledning är just att få tillgång till en uppsättning kod att lära sig av. 

Gemensamt för det är kodtävlingarna är att man blir inbjuden till något slags chattforum, nästan alltid Slack, och där kan man få hjälp och inspiration av arrangörerna, sponsorer och andra deltagare. Just nu sitter jag och skummar igenom alla idéer som publicerats i Slack för Hack The Crisis (Sveriges officiella covid-19 hackathon). Själv har jag varit så trött i veckan så jag tror inte en hel helg framför datorn är vad jag behöver. Däremot ska jag helt klart kika igenom de verktyg som nämns i dokumentet ”The Ultimate Hackathon Tools Bible”, och öppna dataset samt API:et som det tipsas om. I övrigt gällande tekniska lösningar för covid-19 har jag nu i dagarna lyssnat igenom den konferens om AI-lösningsar i koppling till pandemin som Stanford höll online.

Mitt i allt elände är det ändå fint att så mycket blir tillgängligt för alla. Min pojkvän Samuel har även kontinuerligt skickat länkar till olika gratiskurser man kan ta nu (t ex denna) och som resultat av det har jag påbörjat kursen Practical Ethical Hacking på Udemy. 

Summa summarum: det finns så mycket att ta del av, utnyttja det!! 😃

Till vänster: Meddelande från Telia som bidrar med öppet dataset för Hack The Crisis. Ovan: vänner på Hackathon för ett par år sedan!

..

Exjobbsnytt: VPN, RTSP, threading, Raspberry Pi..

.. med mera! De senaste veckorna av exjobb har bjudit på många nya tekniker och kluringar. Projektet innehåller många delar som ska kopplas samman (se detta inlägg) och vissa av dem har känts lite abstrakta fram tills nyss. Exempelvis så visste vi att det fanns en Axis-kamera på plats på Kolmården. Däremot visste vi inte riktigt vilken funktionalitet den hade och hur vi skulle kunna komma åt videoströmmen. När något känns abstrakt är det ju ibland också svårt att formulera de frågor man behöver svar på.. Nu är vi glada över att ha ersatt flera frågetecken med spännande resultat 😀

Livedetektion av Zebror på Kolmården - från kontoret!

Förra veckan var vi iväg på två besök som gjorde saker och ting klarare för oss. Vi spenderade en heldag på Kolmården och fick lära oss om den hårdvara som används för projektet. Eftersom målet är att få ut kameran mitt på savannen så jobbas det på ett elskåp som drivs på solceller. Skåpet är fyllt med batterier, spänningsmätare, nätverksswitch m.m. och var också något som kändes abstrakt förut (iallafall för mig som inte har så bra koll på ellära hehe). Lyckligtvis fick vi en bra genomgång på Kolmården och närmare förståelse av kopplingen mellan kameran, skåpet och den Raspberry Pi som vår kod ska in på.

Att koppla upp till kameran var minsann klurigt ändå. Dels så behövde vi koppla upp oss via Kolmårdens VPN och därefter skicka en request för en specifik url för att komma åt videoströmmen via RTSP (Real Time Streaming Protocol) som inte var helt lätt att hitta. Tydligen så spelade det roll vilken webbläsare vi satt i och vart vi skrev vår kod, så ibland kunde vi tro att vi fastnat fast vi var på rätt väg.. tur att vi är envisa 💪

Dagen efter var vi på besök hos Axis Communications och fick mer koll på deras kameror och en del övriga tips. Hem från Linköping fick vi även med oss en Raspberry med kameramodul som vi kunde lägga in vår detektionsmodell på och testa i realtid på kontoret. I tidigare projekt där vi använt en Raspberry så har någon annan haft det ansvaret, så det var kul att vara med i trixandet den här gången och lära sig mer! 

Ytterligare nytt är att vi börjat med Dropbox for Python SDK för att skicka vidare resultat från vår Raspberry och då vi testar livestreamen från Kolmården på datorn. Sedan (puh!) för att kunna detektera djur i videoströmmen i realtid så dök jag idag in i threading-djungeln. Kortfattat så skickar vi nu iväg en viss frame för detektion, och ser om den föregående är klar. Innan denna ändring så laggade videon då vår modell behöver ca 300 millisekunder att hitta eventuella objekt, medan nu upplevs det som att videoströmmen detekteras live.

Fler inlägg om exjobbet:
Exjobb Ngulia – Vad gör vi
Exjobbsstart
Reka exjobb i djurparken
Mina drömmars exjobb. händer det??

Amanda meckar med elskåpet på Kolmården!

Utveckling av Campuskost: Att använda Firebase

Grundläggande funktionalitet för nya Campuskost börjar falla på plats! Fram tills igår har t ex bilderna som används i recepten varit testbilder som legat i samma mapp som projektet. Nu kan en användare ladda upp en bild från sin mobil eller dator och den lagras istället på Firebase. Jag tänkte att det kan vara intressant att berätta lite mer om hur just Firebase kan användas. 🔥🧐

Via Firebase kan man bland annat skapa en databas för sitt projekt och lagra filer online. Deras molntjänster är gratis för mindre applikationer så det är perfekt att använda för att lära sig. Det finns alltså begränsningar i gratisnivån, t ex en maxgräns på att läsa data från databasen max 50 tusen gånger/dag och att lagra max 1 GiB filer totalt – men det räcker ju långt! 

I bilden nedan har jag monterat ihop en bild av hur jag använder ett några av molntjänsterna som finns på Firebase för dig som är nyfiken. Funktionalitet för att skapa ett konto och logga in sköts av Firebase Authentication och de hanterar även lösenord. Än så länge har vi att man skapar konto med sin email med det ska också gå att ordna så att man kan logga in via Facebook eller sitt Google-konto, vilket ju känns proffsigt. Database är en NoSQL databas och dess struktur är som ett JSON-objekt, dvs en trädstruktur. I databasen kan man lagra dokument med ett antal datatyper att välja mellan, exempelvis strings, numbers, booleans och arrays. Bilder och andra filer däremot lagras med fördel i Storage. När man öppnar Storage ser det ut lite som en vanlig mappstruktur på sin dator. 

En utmaning som jag arbetat med är att koppla ihop dessa tjänster. T ex att det ska skapas en nytt dokument i databasen när när en ny användare skapat ett konto. I databasen ska nämligen all information lagras om vilka recept en användare har, vilka recept som sparats, användarnamn och så vidare. Sen gällande att ladda upp ett nytt recept så lagras bilden i Storage medan listan av ingredienser, titel och annat lagras i Database. Då gjorde jag så att ett receptdokument i databasen har ett attribut, img_url, vilket kan kopplas till bilden i Storage. Detta fick jag lösa genom att i koden först ladda upp bilden till Storage och hämta vilken url den fick, för att sedan skapa dokumentet till databasen. 

Snart är en betaversion redo för testning. Den första versionen innehåller troligen buggar och kan sakna vissa en del detaljer. Så vi kommer vilja att ett gäng börjar använda appen/hemsidan och meddelar oss alla buggar, samt önskemål eller förslag inför vidare utveckling. Hör gärna av dig till mig eller Ronja om du är taggad på detta! 😀

Läs mer om utvecklingen av Campuskost här:
– Lära sig koda ’Progressive Web Applications’
Veckans kluring: Bästa sätt att driftsätta app och hemsida?
– Campuskost

Skiss på hur vi använder Firebase i vårt sidoprojekt
Exempel på hur vi kommunicerar med Firebase via JavaScript. (Det känns nog lätt lite abstrakt annars..) Här är den kodsnutten som laddar upp en bild och väntar på att få veta vilken url bilden fick.
Sneak peak!

Exjobb Ngulia – Vad gör vi

Växlingen mellan att vara medveten om varje timme till att tappa koll på veckodag gick snabbt alltså. Vi har redan 3 av 20 veckor av exjobbet bakom oss men jag skulle också säga att vi kommit rätt långt på den tiden. Det lutar åt att vi åker till Kenya i mitten av maj, så ambitionen att ha ett fungerande system tills dess hjälper nog mycket!

Jag har inte förklarat tidigare exakt vad det är vi gör så här kommer en liten översyn på hur planen ser ut just nu. Tänken är alltså att kamerafällor utplacerade på savannen i Kenya ska kunna detektera noshörningar, ett antal andra stora djur och männniskor (potentiella tjuvjägare..). Om kameran upptäcker något intressant ska information om detta samt bilder på detta till en server. I jämförelse med att bara lagra allt som filmas på ett minneskort som kollas igenom långt senare så hoppas man kunna agera snabbt om en kritisk situation verkar vara på gång med detta system. En del i det hela är att skapa ett neuralt nätverk för objektdetektion, som upptäcker ifall en bild innehåller objekt av en viss klass och isåfall vart i bilden. Utöver det behöver vi hantera resultatet från alla enskilda bilder på ett vettigt sätt, då det inte är relevant att skicka upp hundratals bilder från samma tillfälle för att djuret syntes framför kameran i en längre stund. Vi vill alltså kunna avgöra om det är samma individ som syntes i de föregående bilderna, vilket brukar kallas object tracking (se t ex denna video). En annan utmaning är att vår objektdetektion ska köras på Raspberry Pi, och då har vi plötsligt många begränsningar angående RAM-minne och hur stor vår detektionsmodell kan vara. När vi tränar vår modell har vi däremot tillgång till TensorFlow och gott om GPU via Google Colaboratory.

I figuren med alla ikoner nedan har jag försökt att visualisera vår process och hittills kan man säga att vi har rört alla delar förutom de längst till höger. Vi har lagt en hel del tid på att samla bilder och förbehandlat+annoterat dem, för att sedan träna en modell med dessa. Denna del i arbetet är en iterativ process och vi kommer fortsätta träna om vår modell då och då när vi har mer/bättre träningsbilder och med olika inställningar. Just nu genererar den mestadels vettiga resultat men det finns helt klart utrymme för förbättring, t ex kan en människa med svart- och vitmönstrad tröja ge utslag för att vara en zebra. Vi hade ett par kämpiga dagar med dels att behöva göra om delar av förbehandlingen av bilderna samt att konvertera vår detektionsmodell till ett format som kan köra på just Raspberry Pi och andra små enheter. Men vi kämpade på och det känns som att vi tar oss framåt igen. När vi kodar i Colab så kan vi testa att ladda upp filmsnuttar eller bilder men för att kunna testa objektdetektionen i realtid (som när vi är på Kolmården) så har vi lagt in modellen i en Andorid-app. Det gick rätt smidigt att ladda ner denna kod som är open source från TensorFlow och exportera appen med vår modell från Android Studios. 

Dagens tips: testa lite machine learning i Colab här (klicka på play-ikonen till vänster i alla celler) 💻

Ett ungefärligt flöde av vårt exjobb

Här intill är en skärminspelning från mobilappen, riktad mot datorn där en video från Kolmården spelas – och ovan en gammal bild på mig som klarade testet! 

Fler inlägg om exjobbet:
Exjobbsstart
Reka exjobb i djurparken
Mina drömmars exjobb. händer det??

Drömma om kod

Ni vet hur man kan känna sig helt uppjagad efter en dag av många nya intryck. Lite så har jag kännt mig nu de senaste dagarna, men nördigt värre så har intrycken handlat om kod. Igår hade jag signat upp mig på GDG East Sweden, ett meetup med syftet att lära sig mer om utvecklingsverktyg från Google. Visste inte riktigt vad jag skulle vänta mig men gick ändå och var glad för det sen! Lärde mig lite om programmeringspråket Go och blev taggad på att fortsätta. Först och främst längtar jag dock till att fortsätta programmera nya Campuskost vilket jag planerar ha tid med nästa vecka (yay!) och då är det React.js som gäller. Under dagarna blir det mycket Python och inför pass som labbassistent uppdaterar jag mina Javakunskaper.. vilken kombo. Det här med att vara exhalterad över kodandet verkar vara på gott och ont – när jag försöker somna så har det snurrat runt siffror och kodrader i huvudet (efter att ha sysslat med annotering i samband med exjobbet I guess) och sen vaknar jag tidigare än vanligt. Ändå lyxigt att få ägna sig så fokuserat åt programmering under en period, så jag ska njuta. 

Dagens tips! här kan du testa Go i en interaktiv tutorial. 💻

Från GDG Meetup i Norrköping