En stor anledning till att jag valde Medieteknik är att man får möjligheten att genomföra väldigt många olika typer av coola projekt. Extra bra är det också när man kan kombinera estetiskt tilltalande projekt med någonting som faktiskt gör någon typ av samhällsnytta. I vårt stora avslutande grupprojekt i kursen InformationsVisualisering försökte vi att åstadkomma just detta.
Lite bakgrund till projektet: Under det senaste valet och månaderna efteråt när Sverige inte hade en ny regering upplevde vi i projektgruppen att många uttryckte ett växande missnöje mot politiker och politik i stort. Vi kände att det saknades tydligt presenterad information om vilka våra politiker är, hur de röstar, om de röstar enligt sin partipolitik och hur alla partiers röster och åsikter egentligen jämför sig med varandra.
Vi tog därför saken i egna händer och började granska Riksdagens öppna API och såg att det fanns mycket potential att visualisera all den data som fanns tillgänglig på ett lättförståeligt sätt.
Resultatet blev RiksdagsViz – en interaktiv hemsida där man kan utforska specifika ledamöter och voteringar eller se stora trender i partipolitiken.
Jag pluggar Medieteknik som bekant och har valt ett spår på mastern som ofta hanterar webbaserade verktyg och ramverk. Dessutom jobbar jag som frontendutvecklare vid sidan av studierna så jag har bildat mig en ganska bra uppfattning om webbutveckling i relation till KTH. I veckan fick jag några frågor om Medieteknik, KTH och webbutveckling som jag svarar på här nedanför!
Fråga: ”Erbjuder KTH kurser i HTML, CSS, JavaScript, React, Node.js och liknande?”
Svar: Absolut! Jag kan lista de kurser som jag självt läst i min linje med webbfokus och som innefattar ovan nämnda teknologier (ett hett tips är att googla kurskoden för att lära sig mer varje kurs)!
”Mobilutveckling med webbteknologier | 7,5 hp | DM2518”, ”Interaktionsprogrammering och dynamiska webben | 7,5 hp | DH2642”, ”XML for Publishing | 7.5 hp | DM2517″ (något daterad kurs men man lär sig bl.a. HTML och XML). ”Databasteknik | 6.0 hp | DD1334” (snuddar vid konceptet API:er som är viktigt för utvecklare).
Dessa kurser innehåller sammantaget flera moment med javascript, CSS , HTML, React (eller Angular eller Vue). Värt att nämna är att de ovan nämnda kurserna skedde under det tredje året på min utbildning. Nu under masterutbildningen Interaktiv Medieteknik med spåret Visualisering använder jag mina kunskaper av react och d3.js i kursen ”Informationsvisualisering | 6.0 hp | DH2321”. Det finns flera andra webbkurser som jag inte nämnt som t.ex. ”Internetprogrammering” där man lär sig mer om serversidan av webutveckling.
Fråga: Jag älskar ramverket React och tycker att Medieteknik låter som ett bra program. Hur skiljer sig den utbildningen med en yrkesutbildning för webbutvecklare och kan man bli webbutvecklare efter Medietkniksprogrammet?
Svar: Om du är helt övertygad om att du vill bli webbutvecklare och jobba med befintliga teknologier som React/Javascript så är nog Medieteknik en omväg eftersom man först i trean kan börja läsa webdev-kurser. Under de första tre åren är det mer prototypande, fysik, matematik och grafisk formgivning. Det jag tyckt varit givande med alla andra kurser dock är att man fått en enorm verktygslåda av olika sätt att angripa och lösa problem som man kan använda när man utvecklar. Dessutom får man ju som civilingenjör möjligheten att jobba med morgondagens teknik medan en yrkesutbildning utbildar dig i den teknik som finns idag (vilket kan vara begränsande).
Fråga: Om man är kass på matte men duktig på webbutveckling, måste man ändå prioritera att bli duktigare på matte?
Angående matten så möjliggör den att man kan komma fram till ännu smartare och effektiva lösningar som man annars nog inte kunnat komma på. Var inte orolig för matten på KTH, nästan alla klarar av dem om man ligger i. Tips kan vara att repetera lite gymnasiematte innan man börjar så att man är bättre förberedd.
Var kan du komma i kontakt med studenter som pluggar på KTH? Du har självfallet hittat hit till bloggen på egen hand, vilket är ett utav tre social medier som KTH finns på.
Instagram
På instagram hittar du Rui, Aleks och Agnes. Läs mer om dem i den intervju jag gjorde med dem i höstas.
Det är väldigt tacksamt att vara studentbloggare samtidigt som man pluggar Medieteknik just tack vare att vi har så många olika projekt som visuellt går att visa och demonstrera. Första projektet i kursen Informationsvisualisering skrev jag om för någon vecka sedan här och nu har det blivit dags att visa upp projekt två i samma kurs.
Själva uppgiften är ganska lång och invecklad men går i princip ut på att skapa ett informationssystem som ska klara av att jämföra data från Gapminder och World Value Survey mellan 30 olika länder. Ett tydligt exempel är om man vill jämföra ”Happiness in Life” under 2010-2014 med avseende på hur många som klassar sig som ”Very Happy” jämfört med t.ex. ”Income per person”. Varenda variabel som jag precis nämnde går att byta ut vilket resulterar i en dynamisk visualisering med hundratals olika kombinationer. Uppgiften var något svårare än vad jag väntade mig på grund av inkonsekvens i datan och utmaningen i att matcha ihop två helt skilda dataset. Om jag lyckades åstadkomma någonting begripligt på tre veckors ”on and off”-arbetande får ni själva avgöra genom att klicka på länken nedan! 🙂
Ganska exakt såhär såg min vecka ut. I vanliga fall brukar jag inte skriva ut när jag ska sitta och läsa eller när vi ska sitta och grupparbeta, men här ser ni hur planeringen i mitt huvud ser ut. Nu under mastern har jag inte så mycket schemalagd tid vilket ni ser på de få lila passen i schemat. Däremot studerar jag fortfarande heltid så den tiden som inte tillbringas på föreläsningar/lektioner/workshops/seminarium så sitter jag med andra studier.
Den här veckan har jag lagt mycket tid på att förbereda mig på seminariet i kursen Energisystem, modeller och scenarier. Inför seminariet ska vi ha skapat en modell, skrivit en rapport om modellen och förberett en muntlig presentation. Vi har valt att skapa en modell som kan användas för att hitta en lunchplats på KTH.
I veckan har jag även deltagit i en debatt i kursen Retorik. Jag fick i uppgift att debattera emot att en retorikkurs skulle införas som obligatorisk för alla som studerar på KTH. Varje debattör skulle hålla ett öppningstal och ett avslutande tal samt delta i en paneldebatt. Även om mitt team inte vann debatten var det väldigt roligt att så se andra debattera och även vara med själv på ett hörn.
I den sista kursen alltså Genus, organisation och ledarskaphar vi inget schemalagt. Däremot läsare vi kurslitteratur och samlas i bokcirklar för att diskutera det vi läser. Allt läsande ska resultera i en hemtenta som jag skriver på kontinuerligt under perioden.
Innan KTH hade jag inte rört programmering överhuvudtaget och hade ärligt talat inte särskilt bra koll på vad det användes för. Nu, mer än 3.5år senare har jag pysslat med många olika programmeringsspråk och känner mig mer bekväm än vad jag kunnat anat i början av KTH med att banka ut massa rader kod. För de som vill börja programmera brukar jag ofta rekommendera att man lär sig grunderna i Python dels för att det är ett tydligt språk för nybörjare, men också för att det en enorm hjälp-community och att det finns en massa moduler som kan göra allt möjligt. Här skrev jag mer om olika resurser som man kan vända sig till för att lära sig om programmering!
För att bli lite inspirerad och kanske påbörja något eget projekt så kan man alltid kolla på klippet nedan. Mike Boyd, som jag pratat om tidigare, hade aldrig programmerat tidigare och bestämde sig för att skapa ett eget simpelt onlinespel skrivet i p5.js (ett javascriptbibliotek). Inspirerande, underhållande och nyttigt för de av er som fortfarande känner sig kluvna till programmering och behöver en boost för att slutföra den där restlabben som ligger och skaver!
Jag har många gånger skrivit om hur man pluggar bäst. De tipsen fungerar ofta väldigt väl för tentor och programmeringsuppgifter. Men ofta på KTH möts man av ett ytterligare examinationsmoment, speciellt inom mattekurserna, där man nämligen måste lämna in ett antal inlämningsuppgifter vid ett visst datum. Ofta är dessa ganska svåra och det kan kännas helt hopplöst när man vid första anblick sneglar över uppgifterna. Det är här det extra viktigt att ta hjälp av sina klasskompisar.
Idag var en sådan dag där uppgifterna i Introduktion till visualisering, datorgrafik och bild- och videobehandling kändes helt omöjliga att klara av när vi öppnade uppgiftslydelsen. Men steg för steg, googling efter googling så fick vi lite mer koll på ämnet tack vare att vi satt tillsammans. Nästan alltid är det nämligen så att någon fattar någonting först, förklarar för resten av gruppen, och sedan leder det resonemanget fram till en ny tankebana som till slut leder till en lösning. Nyckeln är att sitta och resonera fram lösningen med andra för då undviker man ofta de enkla misstagen som man lätt gör när man sitter på egen kammare 🙂
Kommer ni ihåg David som vi följde under en dag på KTH? Han har varit på utbyte i Singapore. Nedan har jag sammanställd en liten text baserad på en reseberättelse som David skrivit.
Jag heter David och pluggar på Industriell Ekonomi med inriktning mot energisystem och hållbar utveckling. Under hösten 2017 läste jag en utbytestermin vid National University of Singapore.
Singapore är ett väldigt modernt land med inslag och artefakter från många olika kulturer. Det är därför svårt att beskriva Singapore entydigt eftersom det finns så mycket kontraster. Det märks tydligt i de olika områdena i staden där vissa är mer präglade av en specifik kultur, såsom Chinatown och Little India. Hela Singapore är ändå väldigt säkert och befolkningen är väldigt vänliga, om ändock lite blygsamma. Singapore har också ett rikt uteliv med många exklusiva klubbar (bl.a. finns världens fjärde bästa klubb, Zouk, i Singapore) och som utbytesstudent har du möjlighet att komma in på flera av dessa helt gratis vissa dagar i veckan. Det som gör Singapores uteliv unikt är också att många klubbar är belägna högt uppe i skyskrapor vilket ger en fin utsikt över stadens siluett.
I Singapore är det mesta billigare än i Sverige. En normal lunch i s.k. foodcourts och hawker centres (där lokalbefolkningen äter) kostar runt 30 kr. Det finns även vanliga restauranger som är lite dyrare men där äter man mer sällan, speciellt som student. Eftersom det var så billigt att äta ute lagade jag ingen mat själv. Det finns många köpcentrum där man kan köpa kläder och det är för det mesta billigare än i Sverige, även om det också finns väldigt exklusiva butiker i vissa områden. Transport är billigt och en resa med tunnelbanan eller buss kostar ca 5-10 kr, beroende på avstånd. Kommunaltrafiken fungerar väldigt bra och det går att ta sig i stort sett överallt i hela staden.
NUS har ca 30 000 studenter och är det största universitetet i Singapore. Det finns 17 olika fakulteter, däribland Engineering, Computing, Science, Business, Arts & Social Science, etc. och därmed är campusområdet väldigt stort. På campus finns det mycket saker att göra och jag höll i första hand på med idrottsrelaterade aktiviteter och då främst fotboll och löpning. Det finns många andra idrottsfaciliteter på campus (tennisplaner, simbassänger, gym, basketbollplaner, handbollsplaner, klättervägg, friidrottsarena, etc.) så om du vill träna brukar det inte vara några problem att hitta din idrott. Men det finns mycket annat också, t.ex. engagerade jag mig även lite i universitetets sällskap för astronomi. För att hitta det som passar dig anordnas det under de första veckorna en mässa på campus där alla olika föreningar visar vad de gör.
De allra flesta utbytesstudenter bor på campus och det finns flera olika områden med studentboenden. Det område jag bodde på kallas Prince George’s Park (PGP) och är det området där det bor flest studenter. På PGP är det studentkorridorer där man delar antingen både kök och badrum eller endast delar kök med ca 10 andra studenter. Ett annat stort område på campus är University Town (Utown). Där finns också allting nära till hands och de har bland annat en utomhuspool som alla studenter får utnyttja gratis. I Utown delar 4 personer på en större lägenhet med ett gemensamt kök och vardagsrum men alla har ett eget rum med säng och skrivbord. Det finns även många s.k. colleges med korridorer där studenter kan bo. Colleges har fler anordnade aktiviteter för att främja socialt umgänge än vad PGP och Utown har men de är också lite mer strikta då vissa aktiviteter är obligatoriska för dem studenter som bor där.
På KTH finns det många ”gömda” platser som man inte visste fanns. Ett bra exempel är VIC-studion som funnits i D-huset sedan 2011. Jag älskar VIC för att de pysslar några av mina stora intressen på ett lekfullt sätt, nämligen grafik, visualisering, interaktionsdesign, spelutveckling m.m 🙂 Kolla på klippet nedan för att se hur lokalerna ser ut!
Går man en master inom Interaktiv Medieteknik så har man varit här många gånger och i kursen Informationsvisualisering så har vi just nu alla våra föreläsningar/övningar i VIC-studion med läraren Mario Romero. Aleks från KTH student gjorde nyligen en grym intervju med den andra läraren i ViC, Björn Thuresson, (som även är ansvarig för VIC) där han demonstrerar olika projekt och förklarar mer ingående vad VIC gör på KTH!
Det är dags att visa vad jag har hållit på med för skolprojekt den senaste veckan! I kursen Information Visualization fick vi som uppgift att visualisera data från en introduktionsenkät som registrerade studenter genomförde. Introduktionsenkäten bestod av ett antal frågor om intressen och förväntningar inför kursen samt att man skulle uppskatta sin egen kunskapsnivå inom olika områden. För att anonymisera alla svar gjordes namnen om till Harry Potter-karaktärer 🙂
Sagt och gjort så städade jag upp data filen, tog fram ett antal medelvärden, delade in studenters intressen i huvudkategorier och färgkodade dem. Sedan så anropade jag den datan från min kod (så att jag dynamiskt kan uppdatera datan via Google Sheets utan att behöva ändra något lokalt).
Projektet byggde jag sedan i React + visualiseringsbiblioteket d3.js. Resultatet blev som ni ser nedan!
Hemsidan består av en interaktiv och dynamisk Bubble Chart vars noder/bubblor korresponderar med alla studenterna som tar kursen. Storleken på bubblorna beror på studentens uppskattade förmåga inom ett specifikt område. Området kan användaren själv filtrera med hjälp av de översta knapparna. Färgerna på bubblorna korresponderar med studenternas huvudintresse.
Klickar man på en bubbla så blir den orange och läggs till i en tabell där man kan se mer information om den valda studenten som t.ex. average skill level. Klickar man igen går bubblan tillbaka till sin ursprungsfärg och tas bort från tabellen . Dessutom kan man zooma och navigera runt i visualiseringen för mer kontroll.
Om du vill leka med verktyget själv och se hur fint Bubble Chart:en fungerar ”in action” så är det bara att surfa in här! (Obs, just nu är sidan främst för desktop!)
