Leerdoelen
- Het zelfstandig oplossen van een programmeer vraagstuk
- Het inzetten van variablen voor het tijdelijk opslaan van informatie
- Doormiddel van een functies opdelen realiseren van schermen
- Een visueel eindresultaat creeeeren afhankelijk van de instellingen.
Opdracht T-Shirt
Bij VID hebben jullie allemaal een opdracht gedaan voor het ontwerpen van een t-shirt applicatie. Dit is de eindopdracht bij MME. Dit betekent dat je je ontwerp voor VID mag gebruiken als uitgangspunt voor deze opdracht. Het is een kans om je ontwerp ook daadwerkelijk te prototypen. Wel kent deze eindopdracht een aantal functionele randvoorwaarden. Daarom wordt als uitgangspunt van deze opdracht een wireframe gebruikt. Het kan zijn dat je VID ontwerp hier nog niet volledig aanvoldoet. Breidt dan je oorspronkelijk ontwerp uit, zodat je voor MME wel aan deze functionele eisen kunt voldoen. Wanneer je bij VID iets hebt opgeleverd wat je liever wilt vergeten of wat niet voldoende was, ben je niet verplicht dit als uitgangspunt te hanteren. Je bent dan vrij om een nieuwe applicatie te realiseren.De visuele afwerking telt mee in de beoordeling, de visuele kwaliteit van je ontwerp echter niet.
Stap 4: Elk scherm realiseren
Scherm 1:
formulierelement 1: 4 radiobuttons met de maten. Gebruik hier radiobuttons, omdat je altijd maar 1 maat kunt selecteren.
formulierelement 2: 16 kleurkeuzes, dit kun je natuurlijk ook heel anders oplossen. Wanneer je kiest voor een andere interface kan dit ook. Belangrijk is dat je een iedergeval de kleurkeuze oplslaat
formulierelement 3: Hier kun je kiezen uit verschillende vrijstaande afbeeldingen. Hoe je deze afbeeldingen weergeeft is afhankelijk van je ontwerp. Belangrijk is dat het gaat om 24 bits png afbeeldingen die je zelf in photoshop hebt vrijgeknipt.
formulierelement 4: De gekozen afbeelding verschijnt in dit formulier element. Met de slider kan je grote tenopzicht van het origineel bepalen. Op deze manier bepaal je de grootte waarop de afbeelding op het t-shirt wordt afgedrukt.
formulierelement 5: Hier kies je voor het type t-shirt:
- lange mouw
- korte mouw
- korte mouw tight
formulierelement 6: In dit formulier element kan je de tekst op het t-shirt wijzigen en de kleur waarin de tekst wordt afgedrukt. In tegenstelling tot de afbeelding zul je een knop moeten gebruiken om de tekst op het origineel te kunnen wijzigen. Dus deze zul je nog moeten toevoegen.
preview: Er is er een preview die onder invloed van het invullen van de verschillende opties wijzigt conform de instellingen.
Scherm 2:
In scherm twee wordt er nog een keer een overzicht gegeven van alle ingevoerde opties op een rijtje, plus de defnitieve preview van je scherm. Daarnaast wordt er een formulier zichtbaar waar je je persoonlijke gegevens kunt invoeren om het t-shirt te bestellen. Belangrijk is dat je hier een check inbouwd om te controlleren of alle velden geldig zijn ingevuld.
Oplevering
Plaats je uitwerking en reflectie op de CMD webserver op jouw studentenspace in de volgende map:
jaar2/winter/mme
Maak de uitwerking toegankelijk via je opleverpagina van MME van de winterperiode.