Intro project

week 1

Deze week zijn we gestart met de grote opdracht die de komende periode centraal zal staan. Het project omvat drie belangrijke onderdelen: het ontwikkelen van een groepswebsite, een individuele website en een fysieke puzzel. Om een goede basis te leggen voor het project, heb ik deze week kennisgemaakt met mijn groepsleden. Samen hebben we een samenwerkingscontract opgesteld om duidelijke afspraken te maken over onze taken en verantwoordelijkheden. Daarnaast hebben we vergaderd en een planning gemaakt om structuur aan te brengen in onze werkzaamheden. Tijdens brainstormsessies hebben we creatieve ideeën uitgewisseld om tot een gezamenlijk concept te komen. Deze eerste week stond in het teken van voorbereiding, communicatie en samenwerking, waardoor we een sterke start hebben gemaakt.

Leerdoelen voor het project

tijdlijn

Om mezelf verder te ontwikkelen tijdens dit project, heb ik drie concrete leerdoelen opgesteld. Het opstellen van deze doelen helpt me om gericht te werken aan mijn persoonlijke en professionele groei. Aan het einde van dit project verwacht ik dat het eindresultaat niet alleen beter is, maar dat ik ook als persoon ben gegroeid.

Planning en Structuur

tijdlijn

Ik ben ook meteen aan de slag gegaan met het maken van een planning. Hiervoor heb ik een Gantt-chart gebruikt, zodat ik duidelijk kan zien wat er elke week moet gebeuren. Hoewel ik het soms een uitdaging vind om me aan de planning te houden, merk ik wel dat het me meer rust geeft. Het helpt enorm om overzicht te hebben en precies te weten welke taken op welk moment uitgevoerd moeten worden.

Een Sterke Start met Samenwerking

tijdlijn

We hebben een leuke en sterke groep waarmee veel bereikt kan worden. Om een goede samenwerking te waarborgen, hebben we gezamenlijk een samenwerkingscontract opgesteld. In dit contract staan afspraken over belangrijke onderwerpen zoals communicatie, het oplossen van conflicten, het leveren van kwaliteit en actieve deelname. Het opstellen van deze regels zorgt ervoor dat we allemaal op één lijn zitten en helderheid hebben over onze verwachtingen. Daarnaast biedt het contract een basis om problemen te melden bij docenten, mocht dat nodig zijn.

Brainstormen thema

tijdlijn

Deze week hebben we gebrainstormd over het thema van ons project. We hadden al besloten om ons project voor kinderen van 6 tot 9 jaar te maken. We hadden eerst allemaal individueel ideeën bedacht (divergeren) en hieruit de beste optie gekozen (convergeren): snoep. Vanuit dit onderwerp hadden we het thema Willy Wonka bedacht, onder andere omdat we dit zelf als kinderen op die leeftijd een leuk, spannend en leerzaam verhaal vonden.

Oefenen met de Raspberry Pi

tijdlijn

Deze week heb ik ook gekozen om alvast te oefenen met de Raspberry Pi. Dit is voorbereidend werk op de uiteindelijke fysieke puzzel, groepswebsite en individuele site, aangezien deze namelijk moeten draaien op de Pi. Ik heb dit gedaan omdat ik nog niet vaak met een Raspberry Pi heb gewerkt en dit wel een cruciaal onderdeel is om te begrijpen. Daarom dacht ik dat het het beste was om zo snel mogelijk hiermee te beginnen.

Verbeteren van HTML, CSS en JavaScript Skills

tijdlijn

Wat ook belangrijk is deze periode, zijn mijn HTML, CSS en JavaScript skills. Deze eerste week ben ik al hard aan de slag gegaan met deze stof om mijn vaardigheden te verbeteren. Dit heb ik gedaan omdat ik gezien heb dat je best veel met websites bezig bent deze periode. Gelukkig vind ik deze stof leuk om te leren, dus gaat het oefenen hiermee vlot.

Individuele Website: Opzet Eerste Week

tijdlijn

Een van de grotere opdrachten is de individuele website, waar je elke week deze blog op maakt. Ik heb gekozen om in de eerste week alvast een opzet te maken, wat nog niet de uiteindelijke versie wordt, maar er al wel redelijk uit ziet en een begin aan informatie bevat. Dit heb ik gedaan om alvast te oefenen met de net gekregen kennis over HTML, CSS en JavaScript.

Aanpassing Blogsite aan het Thema

week 2

Nu het thema van ons project duidelijk is, vond ik het een goed idee om de blogsite aan te passen aan het thema. Ik heb de kleuren meer roze gemaakt en een hoofdpagina met snoep toegevoegd. Dit heb ik gedaan omdat deze aanpassingen goed aansluiten bij ons thema.

Eerste Vergadering: Taken en Afspraken

tijdlijn

Deze week hebben we voor het eerst vergaderd. Tijdens deze vergadering hebben we gezamenlijk besproken welke punten belangrijk zijn en duidelijke afspraken gemaakt over wie welke taken uitvoert en met welke deadline. Dit hebben we gedaan zodat het voor iedereen duidelijk is wie wat moet doen en tegen wanneer, om onduidelijkheden te voorkomen en ervoor te zorgen dat alles op tijd afkomt.

Brainstorm Fysieke Puzzel

tijdlijn

Deze week heb ik gebrainstormd over wat ik als fysieke puzzel wil gebruiken. Ik ben eerst gaan divergeren en heb daarna de beste ideeën uitgekozen (convergeren).
Whack-a-Mole (met chocola):
Een chocoladereep in zes stukken, elk met een knop en een LED. Wanneer een lichtje oplicht, moet je snel op de knop drukken. Ben je te laat, hoor je een boze buzzer. Klik je op tijd, krijg je een blije buzzer en een punt op het scoreboard.
Gummy Bear Combo Lock:
Knoppen representeren smaken gummybeertjes. Een volgorde van kleuren wordt getoond, die je moet nadoen. Doe je het goed, hoor je een blije buzzer. Bij een fout krijg je een boze buzzer en geen punt.
Snoepdoolhof:
Met een controller van vier knopjes (met LEDs) navigeer je door een doolhof. Het doel is om bij het snoep te komen via de juiste route.

Ik ga binnenkort bepalen welke puzzel het meest geschikt is voor ons project.

Moodboard Maken voor het Thema

tijdlijn

Omdat het thema nu bekend is, zijn we in het groepje een moodboard gaan maken. Dit hebben we gedaan om ons thema goed te visualiseren en misverstanden te voorkomen. Het moodboard zorgt ervoor dat iedereen hetzelfde beeld voor ogen heeft, wat helpt bij een consistente uitwerking van het project.

Groeps Styleguide

tijdlijn

Om een duidelijk beeld te krijgen van de kleuren die we op de website willen gebruiken, hebben we een moodboard gemaakt. Dit helpt om ervoor te zorgen dat iedereen in het groepje eenzelfde visie heeft op hoe de site eruit gaat zien.

Plan van Aanpak

tijdlijn

We hebben ervoor gekozen om een plan van aanpak te maken, dat fungeert als een contract tussen werkgever en werknemer. Hierin staat beschreven wat de opdrachtgever van ons kan verwachten en hoe wij die verwachtingen gaan realiseren. Dit zorgt niet alleen voor helderheid bij alle betrokkenen, maar helpt ook bij het bepalen van verantwoordelijkheden.

Feedback Geven

tijdlijn

Deze week heb ik feedback gegeven op het plan van aanpak, mede als onderdeel van mijn persoonlijke leerdoel. Dit heb ik gedaan om mijn feedbackvaardigheden te verbeteren en om de kwaliteit van de uiteindelijke oplevering te verhogen.

Blogsite Aangepast

tijdlijn

Deze week heb ik geleerd hoe ik de site dynamisch kan maken door flexbox te gebruiken en deze een breedte van de viewport te geven. Dit zorgt ervoor dat de site zich automatisch aanpast aan de schermgrootte, ongeacht of het scherm breed of smal is. Daarnaast heb ik een hamburger menu toegevoegd, zodat navigeren ook op kleinere schermen gemakkelijk blijft.

Vergadering

tijdlijn

Deze week hebben we opnieuw een vergadering gehouden, waarin we afspraken hebben gemaakt over wie welke taken uitvoert en voor welke datum. Dankzij deze afspraken weet iedereen precies wat er moet gebeuren en zorgen we ervoor dat alle taken op tijd worden afgerond.

Prototype Fysieke Puzzel

tijdlijn

Deze week heb ik een prototype gemaakt voor de fysieke puzzel en daarbij feedback gevraagd aan mijn groep. Het spel is een snoepdoolhof waarin spelers onderweg kwaadaardige oempa loempa's moeten verslaan, passend bij ons thema. Om het spel uitdagender te maken, begin je telkens op een andere startlocatie en blokkeren dakjes op sommige plekken het zicht.

Individuele Styleguide

tijdlijn

Ik heb een styleguide gemaakt om een duidelijk plan te hebben voor de uitstraling van mijn blog en dat deze goed bij de groepswebsite past. Door van tevoren keuzes te maken over kleuren, lettertypes en de opmaak, weet ik zeker dat de website er consistent en professioneel uitziet. Het helpt me ook om snel beslissingen te maken tijdens het ontwerpen en zorgt ervoor dat de site makkelijk te gebruiken is voor mijn doelgroep. Kortom, de styleguide zorgt ervoor dat alles goed bij elkaar past en de gebruikerservaring prettig is.

Feedback Geven

tijdlijn

Deze week heb ik opnieuw feedback gegeven om te werken aan mijn persoonlijke leerdoel en de kwaliteit van ons werk te verbeteren. Ik heb feedback gegeven op het prototype van Berat Kazan voor zijn fysieke puzzel. Samen hebben we nagedacht over de berichtgeving naar de speler bij winst of verlies, zodat dit duidelijk en consistent is.

Feedback Sessie

tijdlijn

Ik heb deze week feedback gevraagd van Berat Kazan over mijn originele idee (te vinden in blog 3).
Uit de feedbacksessie bleek dat het niet haalbaar is om zoveel ledjes in het doolhof te plaatsen, aangezien er niet genoeg pins zijn op de GPIO Extension board van de Raspberry Pi.

Prototype Aangepast

tijdlijn

Na de feedback ben ik gaan nadenken over een oplossing.
Ik heb het idee ontwikkeld om een doolhof te maken waarin je niet weet waar je bent, wat een veel haalbaardere optie is.
Het doolhof zal een 4x4 of 5x5 formaat krijgen, afhankelijk van de feedback na het testen van het prototype.

Prototype Uitwerken

tijdlijn

Deze week ben ik verder gegaan met het uitwerken van het prototype,
zodat ik voldoende tijd heb om het goed te testen en aan te passen waar nodig.

Flow Verbeterd

tijdlijn

Tijdens het testen van de site ontdekte ik dat je telkens naar de homepagina moest gaan om naar een andere blog te navigeren.
Om de flow te verbeteren, heb ik onderaan de blogpagina knoppen toegevoegd voor navigatie naar de vorige of volgende blog.