Ontwerp en maak een responsive website voor een startup.
Deze leertaak hoort bij sprint The Startup. Dit is een leertaak die je individueel uitvoert.
In het college S06W1-01-Sprintplanning-the-startup krijg je uitleg over de opdracht en werkwijze.
In het eerste semester van de opleiding FDND heb je veel geleerd over layout, responsive design, toegankelijkheid, interactie en het werken met een huisstijl. Je hebt kennis over HTML, CSS en (een beetje) JS. In deze sprint ga je alles wat je hebt geleerd toepassen om een opdracht voor een opdrachtgever te maken.
Op basis van een bestaand idee, concept of ontwerp ga je een responsive website ontwerpen en maken voor een opdrachtgever.
-
Maandag 9 januari krijg je een briefing bij de opdrachtgever. Tijdens de briefing maak je kennis met de onderneming en wordt besproken wat je gaat maken.
-
Je hebt 3 weken om de opdracht te maken. Hiervoor doorloop je de fases van de DLC analyseren, ontwerpen, bouwen, integreren en testen en pas je verschillende methoden en technieken toe die je hebt geleerd.
-
Donderdag 26 januari wordt de opdracht gepresenteerd en opgeleverd.
In de analysefase inventariseer je wat er moet gebeuren om een taak uit te voeren.
Bijvoorbeeld: grip krijgen op een taak door het voeren van een gesprek met jouw opdrachtgever, schrijven van een debriefing, inventarisatie van bestaande informatie, interface audit, interface inventory, planning, maken van een todo lijst en bepalen van definitions of done.
In de ontwerpfase neem je ontwerpbeslissingen en zorg je dat je precies weet wat je moet gaan bouwen.
Bijvoorbeeld: het maken van idee-schetsen, wireframes en wireflows tekenen, labels bepalen, responsive layout uitwerken, breakpoints bepalen en breakdowns maken voor onderzoek naar semantische HTML elementen die je nodig hebt, hoe je de layout in CSS zou kunnen maken en welke JS en CSS je nodig hebt voor interacties en animaties.
In de bouwfase realiseer je de beslissingen uit de ontwerpfase.
Bijvoorbeeld: toepassen van HTML, CSS en JS, werken volgens conventies en best practices, toegankelijke code schrijven en mobile first toepassen.
In de integratiefase voer je de aanpassingen door zodat iedereen ze kan zien.
Bijvoorbeeld: het comitten en pushen van code en publiceren met behulp van Github Pages.
In de testfase controleer je of jouw aanpassingen werken zoals bedoeld en pas je zo nodig jouw ontwerp of de code aan om te beantwoorden aan jouw bevindingen.
Bijvoorbeeld: uitvoeren van code/design reviews, user tests met gebruikers, toegankelijkheid testen met lighthouse en handmatige tests, je bevindingen documenteren en bepalen of je nog een iteratie maakt.
Focus sprint 6 - Je gebruikt fundamentele principes van het web voor het ontwerpen en ontwikkelen van eenvoudige gebruiksvriendelijke interactieve toepassingen voor een opdrachtgever.
Doel van deze opdracht:
- Je gaat alles wat je hebt geleerd toepassen om een opdracht voor een opdrachtgever te maken.
Voor deze leertaak gelden de gedragscriteria:
- Methodisch handelen: Je volgt binnen projecten de aangeboden fasering van de development-lifeycle.
- Methodisch handelen: Je realiseert een oplossing voor een opdrachtgever.
- Samenwerken: Je draagt verantwoording voor eigen resultaten en verwerkt ontvangen feedback.
- Communiceren: Je documenteert volgens aangeboden richtlijnen en houdt voortgang bij.
- Probleemoplossend vermogen: Je analyseert een vraag en volgt de aangeboden oplossingsrichting.
- Probleemoplossend vermogen: Je gebruikt aangeboden principes en conventies op het gebied van frontend, interface design en vormgeving om een passende oplossing voor een opdrachtgever te realiseren.
Deze opdracht is done als:
- Je hebt gewerkt volgens de verschillende fases van de development-lifecycle en je hebt je werk gedocumenteerd in de Readme en Wiki
- Je toont aan dat je in de analysefase verschillende methoden en technieken hebt ingezet om te inventariseren wat er moet gebeuren
- Je toont aan dat je in de ontwerpfase verschillende methoden en technieken hebt ingezet die ervoor zorgen dat je precies weet wat je moet bouwen
- Je toont aan dat je in de bouwfase verschillende methoden en technieken hebt ingezet om het ontwerp te realiseren
- Je toont aan dat je in de integratiefase verschillende methoden en technieken hebt ingezet om je website live te zetten
- Je toont aan dat je in de testfase verschillende methoden en technieken hebt ingezet om het ontwerp te testen en verbeteren
- De website staat op Github en heeft een live url