Joost
In deze week hadden we niet veel les door een paar feestdagen, daarom hebben wij dan ook niet veel deze week gedaan naast het oriënteren van wat wij als team aan willen werken en maken. Wij hebben uiteindelijk gekozen om met de Spotify API te gaan werken. Ook hebben we nog de een dev branch aangemaakt en een read.me toegevoegd.
-
Verbeelden & Conceptualiseren -> Ik heb deze week samen met ons team aam ons eerste concept gewerkt, hiervoor hebben wij een Moodboard samen gemaakt en vanuit daar een logo, naam en font gekozen. Ik heb daarna een Style Guide uitgewerkt die de basis legde voor onze site.
-
Orienteren & Begrijpen -> Als team hebben wij ook nog een User Requirement List en Empathy Map gemaakt om de wensen en doelen van de doelgroep te verbeelden.
Al ons werk van deze week is te zien in de Wiki/Ontwerp
Deze week zijn we begonnen met het maken van de Lo-Fi ontwerpen op Figma en heb ik basis gestart voor de Front-End coden.
-
Verbeelden & Conceptualiseren -> Annika en ik zijn in de les de Lo-Fi schermen gaan uitwerken in Figma. Hiervoor hebben wij gekeken wat de gebruiker allemaal wel en niet nodig heeft om onze app te gebruiken. Ook had ik een snelle schetsen hiervoor gebruikt hoe de gebruiker door de app zal gaan.
-
Evalueren -> Voor dat we begonnen met coderen had ik met Annika voorgesteld en afgesproken dat we mobile first zouden en doen en later uitwerken naar desktop. Wij hebben hiervoor gekozen omdat ons concept meer app/mobile gericht is en het überhaupt makkelijker is om mobile eerst te doen.
-
Prototypen & uitwerken -> Verder ben ik begonnen met hoe we ons Style Guide om konden zetten naar coden. Hiervoor heb ik gebruik gemaakt van de var() function in css. bron:https://www.w3schools.com/css/css3_variables.asp
Ook stelde ik voor aan Annika dat we gebruik zullen maken van partials voor de nav, zodat wij deze niet overal op elke pagina opnieuw der in hoefde te zetten.
bron: https://www.digitalocean.com/community/tutorials/how-to-use-ejs-to-template-your-node-application#step-2-creating-the-ejs-partials
Als laatst heb ik ook een start gemaakt met het maken van de zoek-pagina.
-
Orienteren & Begrijpen -> Samen met Annika hebben wij nagedacht over hoe de navigatie er uit zou komen te zien. Wij hadden 2 opties en zijn op basis van gebruiksvriendelijkheid en funcionaliteit voor de eerste onderstaande Lo-Fi nav gegaan.
Moeten we nou .index of .ejs bestanden schrijven?
- sep: .ejs!
Hoe zien we het swipen op desktop voor ons? Ook swipen of met toetsenbord? Misschien video op desktop?
- Video is niet handig, en kunnen zowel swipen als met toetsenbord en ook buttons.
Beschrijf wat je deze week hebt gedaan in termen van de competenties waaraan we in dit project werken. Je zult niet elke week aan elke competentie werken, maar in het hele project komen ze als het goed is wel allemaal aan de orde. De voorbeeldvragen die zijn genoemd bij de uitleg over de wiki op DLO kunnen je hierbij helpen.
Welke dingen zijn nog niet duidelijk of moeilijk, waarbij kun je hulp gebruiken?
Benoem concrete vragen over het werk wat je deze week hebt gedaan, die je aan je teamgenoten en/of docenten wilt stellen
Beschrijf de feedback die je hebt ontvangen en hoe je deze gaat gebruiken om je werk verder te verbeteren.
Beschrijf het volgende:
- Welk technisch onderwerp heb je onderzocht?
- Welke bronnen heb je geraadpleegd?
- Wat heb je geleerd over het onderwerp, welke conclusies heb je getrokken?
- Welke alternatieve oplossingen heb je onderzocht? Denk bv aan verschillende libraries of modules, frontend of backend oplossingen, verschillende manieren om je data te organiseren etc.
- Welke oplossing heb je gekozen en waarom?
Vul naar behoefte aan met meer onderwerpen
Beschrijf het volgende:
- Op welke manieren heb je je prototype geevalueerd? Benoem gebruikte CMD methods
- Beschrijf de aanpak van je test / evaluatie
- Beschrijf de resultaten van je test / evaluatie
- Hoe ga je deze resultaten gebruiken om je prototype verder te verbeteren?