Untitled

Brief 8:

Oppgave: I grupper på 4 skal dere designe interaktive læringsopplevelser for elever på ungdomsskolen som beriker besøket på Energi utstillingen på Teknisk Museum.

"Ikke i min hage"

Dette er en film som Ola og Sophia tegnet som skal illustrere hvordan spillet kan oppleves.

En vanlig utfordring er at mange ønsker at endringer skal skje, men helst uten å bli påvirket personlig eller oppleve noen form for ulempe. Dette fenomenet kan observeres i mange sammenhenger, for eksempel når det gjelder overgangen til fornybar energi. Mange er enige om viktigheten av å redusere klimagassutslippene og bevare miljøet, men når det kommer til å akseptere vindmøller eller solenergianlegg i nærheten av deres eget hjem eller redusere forbruket av energi, kan motstanden øke.

Brief 8:

Oppgave: I grupper på 4 skal dere designe interaktive læringsopplevelser for elever på ungdomsskolen som beriker besøket på Energi utstillingen på Teknisk Museum.

"Ikke i min hage"

Utvikling og endringer av brettspillet og ikoner:

Før utvikling⬆️

Etter utvikling⬆️

Brief 8:

Oppgave: I grupper på 4 skal dere designe interaktive læringsopplevelser for elever på ungdomsskolen som beriker besøket på Energi utstillingen på Teknisk Museum.

Jeg var på gruppe 13. sammen med Hugo, Ola og Sophia. Vi bestemte oss til slutt å lage et brettspill. Brettspill var en av tre ideer vi sto igjen med som vi ville lage.

Ide 1. Potetkraft Ide 2. UN Model, rollespill Ide 3. Brettspill🎉🎉

"Ikke i min hage"

Brettspillet gikk ut på å bevisstgjøre ungdom på utfordringene med energi uten å gi dem skyldfølelse, prioritere morro over en informasjon og for å unngå for mye skjerm under læringen. Ideen vår var at dette brettspillet skulle spilles ved hjelp av brikker med form av Heksagon, det skulle være raskt og enkelt å lære ved hjelp av en brosjyre med regler og en instruks på hvordan spillet fungerer. Denne brosjyren skulle hver medspiller ha for å kunne lese og se på regler underveis i spillet. Spillet skal knyttes til virkeligheten og spille skal utvikle seg naturlig.

Hvorfor dette? Jo, for vi ønsker å vise en tydelig visualisering av de forskjellige energiressursene. Vi ønsker å engasjere ungdommen gjennom visuelt og fysisk spill som kan føre til eierskap og mestringsfølelse. Jeg tenker personlig at dette er den beste måten å lære på, man får det fysisk i hendene og blir fysisk del av spillet. Ideen med dette er fordi vi ønsker at ungdommen skal kjenne på utfordringer og konsekvenser på en fysisk forståelse.

(Intro video of the game)

Game Design - Playful Interactions Create&Expand

Brief 7.

In groups of 4-5, design a 15 minutes urban game with a screen compagnon made on Figma. ● Pitch session tomorrow at 9. ● External playtests Tuesday and Wednesday ● A final play + filming on Thursday the 27th ● A screening + comments on Friday the 28th

Game Design

Bare en dag før deadline og konseptet vårt skulle ferdigstilles så ble vi ferdig med både rammen og joysticksene.

Prosessen for å lage rammen startet i Fusion 360 hvor vi tegnet opp mål og hvordan den skulle se ut, og etter det så gikk vi til verkstedet og startet arbeidet. Den hullete klatreveggen ble laserkuttet, mens resten av rammen ble laget selv på verkstedet.

Etter mye laserkutting og koding fikk vi figuren vår til å gjøre det den må for å klare å klatre.

Figuren vår er utstyrt med seks servoer (tre stk i hver arm) og en microbit på ryggen som er connected til to andre microbits som er festet til hver sin joystick som vi har plassert nederst på rammen.

Kodingen ble gjort i Microsoft MakeCode som er en egen nettside hvor man koder microbits.

På prototype vår hadde vi kun seks podmetere som vi kunne styre figuren med og vi fant ut at dette måtte forbedres. Vi tegnet deretter to egne joysticks i Fusion360 (3D program) og fikk dem printet ut på en 3D printer i løpet av 17 timer.

Figuren vår heter Jeff, navnet kommer fra den første prototypen vår som ble utkledd med gaffatape for at ting skulle holde seg på plass. Vi følte navnet passet fint til en klatrer og døpte han Jeff.

Jeff som er figuren vår ble for det meste laserkuttet i flere omganger til delene passet perfekt. Servoene vi har brukt skal hjelpe han å bevege seg ut i fra hvor mange grader vi stiller dem til. Det vil si at hver servo i armen hans er kodet slik at dem ikke skal gå helt rundt, men at dem skal gi en viss bevegelse.

Servoene fordeler seg ut at det er én i skulderpartiet, én i albuepartiet og en i håndleddet slik at han kan slå is-øksen sin inn i veggen og holde seg der.

Fire uker med kurs i lyd og Interaktiveleker er ferdig, det har vært både spennende, utfordrende, gøy og lærerikt.

Første uken gikk veldig sakte siden jeg ikke forstod noe av kodingene og lydene vi prøve å lage. Men når vi startet å utforske selv så ble jeg mer vandt til det.

De siste tre ukene gikk vi i grupper på to og to, jeg kom på gruppe med Ferdinand som nå gå i Gk 4 altså andre klasse på Design. Veldig gøy å bli kjent med han, Ferdinand er kjempe flink til å finne gode enkle løsninger på hvordan ting skal fungere og han er veldig god til å lære bort og har vært en kjempe god makker å jobbe sammen med.

Oppgaven klassen fikk var å komme opp med et konsept og en idé om et design som vi skulle lage ved bruk av microbits.

Konseptet vi kom frem til var å designe et spill (arkadespill), hvor vi har en bilderamme med en figur som må klare å klatre til toppen av et isfjell.

Dag 1 - Første dagen av et kurs om interaktive leker har startet og vi startet å konstruere valgfrie roboter som skulle rett og slett spille på trommer.

Interaktive leker er et valgfag som vi skal ha frem til påsken. Vi skal lære å kode microbit;

«BBC micro:bit er en datamaskin i lommeformat som du kan programmere, tilpasse og kontrollere for å sette dine digitale ideer, spill og programmer ut i livet. Kortet måler kun 4x5cm og er veldig enkel å bruke. Du kan lage alt fra spill og animasjoner til rullerende historier, hjemme eller på farten - alt du trenger er bare litt fantasi og kreativitet. Den støtter bluetooth, og alt på BBC micro:bit kan programmeres. Det inkluderer LED-lysene, knapper, input/output, akselerometer, mangetometer og mye mer.»

Siste timene bygde vi en robot hver som skulle kodes og spille trommer etter en rytme som ble spilt. 

Dag 2 - Vi fortsetter med koding og skal lære «Basic electronics (CMOS synth)» og «synth extension». Mye lyder og mye lys ble resultatet av dagen. 

Vi lærte å kode led-lys og justere det akkurat slik vi ønsket at det skulle være. Vi var innom en servo og avsluttet dagen med å bygge et «monster» med papp-kopper også skulle denne bevege seg med hjelp av servoen vi kodet.

Dag 3 - Kort forklart så gikk torsdagen til å lære seg å mekke en fet beat. Denne skulle presenteres til hverandre på slutten av dagen og jeg var ikke veldig imponert av hva jeg fikk til. 

Det ble en liten beat og resten av klassen gjorde det kjempe bra. Resultatet til dem andre i klassen ble kjempe bra og det endte med noen ordentlig fete beats.

Synes det var vanskelig å lage musikk, samt vite hvilke lyder som er hva og hva alle funksjoner gjør. Men øvelse gjør mester så blir noe flinkere etter hvert.

Dag 4 - Det er fredag! Dagen startet med litt teori om hvordan øret funker og hva lyd er. Og litt om p5.js.

Etter lunsj ble vi delt inn i random grupper på 2, deretter skulle vi komme opp med et konsept og presenter det på slutten av dagen.

Kreativt internett

Oppgave 2: Velg en historie, en tidsepoke, en hendelse, et uttrykk, en meme, et mysterie eller lignende, som har en sterk relasjon til internettet og dets historie. Lag en artikkel, en historiefortelling, en interaktiv reise gjennom hendelsen eller historien, et point and click spill - finn et kult uttrykk for temaet. Om dere vil skrive om Smosh, historien til sosiale nettverk, et internettmysterium, eller anonymous, så er det opp til dere, så lenge det har noen slags rot i internettet.

Den siste uken med koding skulle vi jobbe i par og duoen ble @baustad og meg. Vi startet tirsdagen med å gjøre litt research på hvordan nettsiden vår skulle se ut. Vi fikk litt tips og triks og fulgte en kreativ layout som blir kalt "Parallax". Denne ga fete effekter, et tredimensjonalt inntrykk og mye liv til nettsiden vår som vibet veldig til.

Vi valgte å lage en artikkel om da anonymous angrep Russland i starten av krigen i Ukraina. Vi valgte denne siden denne virket interessant og spennende. Men hovedpoenget var å designe nettsiden så selve teksten er hentet fra en artikkel vi fant på internett.

Me: "what does parallax means"

ChatGPT: Parallax refers to the apparent displacement or difference in the position of an object when viewed from different angles. It occurs because of the difference in the perspectives of the observer and the object being observed.

In astronomy, parallax is used to measure the distance of stars from the Earth by observing their apparent movement against the background of more distant stars. The parallax angle is the angle between two lines of sight to the star, one from the Earth at one point in its orbit and the other from the Earth at the opposite point in its orbit.

Parallax is also used in photography, especially in stereoscopic or 3D imaging, to create a sense of depth and dimensionality in the image.

Kreativt internett

Vi er i start med et nytt prosjekt altså kretivt internett, her lærer vi å designe våre egene nettsider og utforske dypere inn i det store internettet.

Vi skal lære hvordan nettsidene engasjerer brukere, og hvordan dem er bygget opp; historiefortelling, "playability", "explorability" osv.

Sammen med Erik Skaug Ingebrigtsen som er vår veileder disse to ukene fremover, han skal lære oss grunnleggende "HTML og CSS". Utformingen av kurset er slik at vi skal ha fokus på designtenking, lære selvlæring og troubleshooting, lære grunnleggende HTML og CSS og hvodan "stjele" koder.

Hovedpunktene er å tenker design og kode samtidig, tegne skisser for hånd eller med illustrator å kode dette.

HTML

Står for «Hyper Text Markup Language»

Standard markeringsspråk for websider

Forteller nettleseren hva den skal gjøre med forskjellige

deler av nettsiden: «Dette er en link», «dette er en overskrift», osv.

XML, XHTML, TeX, o.l

CSS

Står for «Cascading Style Sheets»

Legger til stil på HTML-dokumenter

Man kan endre font, størrelser på forskjellige elementer av en side, farge, o.l.

Man kan animere elementer, og gjøre mye -> kult. <-

Oppgave 1. Man lager en liten personlig nettside om noe slikt som følgende:

Et tema man liker

En hobby man har

Presenter deg selv som designer, evt utvid til CV, portefølje e.l.

Jeg valgte den siste og startet å lage en portefølje og resultatet ble slikt:

Prosjekt App

Skjermbasert interaksjonsdesign og deling

"I denne oppgaven skal dere jobbe individuelt og designe skjermbaserte grensesnitt som utforsker ulike former for ikke-kommersiell deling. Dere skal designe og teste digitale prototyper og vise hvordan disse oppleves over tid."

Det har gått tre uker etter at vi startet på denne oppgaven og nå har jeg og Kip en prototype av en app.

Temaet vårt er SKI, og det er en app som gjør det lettere å finne aktuelle og spennende toppturer. For å tiltrekke seg toppturentusiaster. Her samler vi alle tilgjengelige apper som gir samme informasjonen samlet i en app. Mye deler av appen er inspirert av Strava og Fatmap som mange sikkert kjenner til. Målgruppen er toppturentusiaster, det vil si folk som elsker å utfordre seg selv i høyfjellet. Passer også for alle som liker å ferdes i fjellet. Appen er mest relevant på vinterstid uavhengig hvor du er i verden. Den vil bli brukt i forkant, under og etter turen er gjennomført.

Vi har fått testet den på et par stykker og fått mye gode tilbakemeldinger, dette er hjelper i stor grad for å forbedre appen til at den blir så enkel som mulig å bruke. Dette har vi prøvd å behandle i best grad, men etter tilbakemeldinger fra veiledere så kunne den ha blitt enklere og en del vi skulle ha skrellet bort.

Det har vært veldig gøy, vi har jobbet i Figma og dette er et program det er veldig lett å rote seg i. Det er mye man skal holde styr på så her var det bare å holde tunga rett i munn.

UX UKE 1

Første uke med Figma er snart over og det er snart helg!

Oppgaven var å komme frem med en prototype av en app om forskjellige teamer, i dette tilfelle fikk jeg "ski".

Appen skal være en platform for alle, og her kan du dele og låne diverse ski og utstyr for å komme seg i bakken.

Intro til "Exploring design through interaction" - GK2