C16 SCM: Ontwerpen Uitbreiden/Roadmap & LBS: Pro-actief

Ontwerpen uitbreiden & Roadmap
SCM
Sprint 6
College 16 

1 / 42
suivant
Slide 1: Diapositive
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Cette leçon contient 42 diapositives, avec quiz interactifs, diapositives de texte et 2 vidéos.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Ontwerpen uitbreiden & Roadmap
SCM
Sprint 6
College 16 

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Wat gaan we doen
  1. Feedbackmoment nabespreken onderdeel Toets 
  2. Terugblik op Wireframes
  3. Bestaande ontwerpen analyseren
  4. Bestaande ontwerpen aanpassen
  5. Roadmap maken van PB Casus Hardstore

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Nabespreking Toets onderdeel:
Wireframes

Feedbackmoment

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Terugblik Wireframes

Analyseer  
Eisen & Wensen

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Toets Wireframe
Op dit moment worden alleen de bestellingen in het restaurant Excellent Taste geautomatiseerd opgenomen.
U wilt nu ook de reserveringen automatiseren, want door medewerkers worden fouten gemaakt bij reserveringen en u kunt nu niet zien van welke reserveringen wel of niet gebruik gemaakt wordt. 

Bij een reservering wordt niet alleen de naam van de klant vastgelegd, maar ook de datum en het tijdstip, het aantal personen waarvoor gereserveerd is en het telefoon nummer van de persoon die reserveert. Daarnaast is het mogelijk ook vast te leggen als er van de reservering geen gebruik is gemaakt.

Je maakt een ontwerp voor het reserveringssysteem.

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Wat zou er in het wireframe voor het automatiseren van het reserveringssysteem dan moeten bevatten:
1. Een sectie voor het invoeren van de naam van de klant, de datum en het tijdstip van de reservering, het aantal personen en het telefoonnummer van de persoon die reserveert.
2. Een knop om de reservering op te slaan en een andere knop om de reservering te annuleren.
3. Een sectie voor het bekijken van alle bestaande reserveringen, gesorteerd op datum en tijdstip.
4. Een mogelijkheid om aan te geven welke reserveringen zijn gebruikt en welke niet.
5. Een waarschuwingssysteem dat aangeeft wanneer een nieuwe reservering wordt gemaakt met dezelfde naam en telefoonnummer als een eerdere reservering die niet is gebruikt.
6. Een zoekfunctie om snel specifieke reserveringen te vinden.
7. Mogelijkheid om reserveringen te bewerken en te verwijderen.


Slide 6 - Diapositive

Welke zijn van deze de must have's?

Slide 7 - Diapositive

Een knop om de reservering op te slaan en een andere knop om de reservering te annuleren.

Een sectie voor het bekijken van alle bestaande reserveringen, gesorteerd op datum en tijdstip.

Een mogelijkheid om aan te geven welke reserveringen zijn gebruikt en welke niet.

Mogelijkheid om reserveringen te bewerken en te verwijderen.


Wat zou er nog beter kunnen in dit wireframe?

Slide 8 - Question ouverte

Cet élément n'a pas d'instructions

Slide 9 - Diapositive

Een knop om de reservering op te slaan en een andere knop om de reservering te annuleren.

Een sectie voor het bekijken van alle bestaande reserveringen, gesorteerd op datum en tijdstip.

Een mogelijkheid om aan te geven welke reserveringen zijn gebruikt en welke niet.

 Een waarschuwingssysteem dat aangeeft wanneer een nieuwe reservering wordt gemaakt met dezelfde naam en telefoonnummer als een eerdere reservering die niet is gebruikt.

Mogelijkheid om reserveringen te bewerken en te verwijderen.

Wat zou er nog beter kunnen in dit wireframe?

Slide 10 - Question ouverte

Cet élément n'a pas d'instructions

Slide 11 - Diapositive

al bijna goed, mis hier alleen nog;

Een knop om de reservering op te slaan en een andere knop om de reservering te annuleren.

Wat zou er nog beter kunnen in dit wireframe?

Slide 12 - Question ouverte

Cet élément n'a pas d'instructions

Low-Fidelity
Medium-Fidelity
High-Fidelity

Slide 13 - Question de remorquage

Cet élément n'a pas d'instructions

Wat is er belangrijk bij het maken van een wireframe van een formulier?

Slide 14 - Question ouverte

Cet élément n'a pas d'instructions

Formulier is niet duidelijk voor de ontwikkelaar
Duidelijke afspraken gemaakt over de inhoud van het formulier

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Hoe lang moet je met een wireframe bezig zijn?
A
1 tot 5 minuten
B
5 tot 10 minuten
C
langer dan 10 minuten
D
Tot alle details er in verwerkt zijn

Slide 16 - Quiz

Cet élément n'a pas d'instructions

Wireframe Tip!
Als je langer dan 10 minuten bezig bent met een low/medium wireframe, dan ben je waarschijnlijk te precies of gedetailleerd bezig!!!

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

Hoe gaven we de "flow" van een wireframe aan?

Slide 18 - Question ouverte

Cet élément n'a pas d'instructions

Slide 19 - Diapositive

Cet élément n'a pas d'instructions

Wat waren de afspraken voor het maken van een wireframe?

Slide 20 - Question ouverte

Cet élément n'a pas d'instructions

Maak een wireframe van de homepagina van strato.nl.
timer
10:00

Slide 21 - Question ouverte

Cet élément n'a pas d'instructions

Slide 22 - Diapositive

Cet élément n'a pas d'instructions

Bestaande ontwerpen analyseren
Klopt het ontwerp nog?

Slide 23 - Diapositive

Cet élément n'a pas d'instructions

De opgeleverde wireframe
De website zoals het nu is
Klopt de wireframe nog?

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

Opdracht 1 
Maak een medium fidality wireframe van de homepagina van strato.nl
(Reverse Engineering)


Slide 25 - Diapositive

Cet élément n'a pas d'instructions

1. Hoe kun je nu het beste een aanpassing doen aan het wireframe?
2. Wat voor programma zou je kunnen gebruiken, of werk je op papier?
3. Waar kun je tegenaan lopen bij het doen van een aanpassing aan een bestaande tekening?

Slide 26 - Question ouverte

Cet élément n'a pas d'instructions

 

Roadmap 

Slide 27 - Diapositive

Cet élément n'a pas d'instructions


Wat is een roadmap?

Slide 28 - Diapositive

Het is een visuele weergave van de lange termijn planning en de richting van een project of product. 

Een Roadmap kan verschillende onderdelen bevatten, zoals de belangrijkste functies die moeten worden ontwikkeld, de belangrijkste mijlpalen die moeten worden bereikt, de prioriteiten en afhankelijkheden van verschillende taken.

Slide 29 - Vidéo

Cet élément n'a pas d'instructions

Opdracht 2
Maak een roadmap 

Casus Hardstore
Minimaal van 4 sprints 

Bekijk het stappenplan Roadmap in Cumlaude

Slide 30 - Diapositive

Cet élément n'a pas d'instructions

timer
5:00

Slide 31 - Diapositive

Cet élément n'a pas d'instructions

LBS:
College 16
 Wees proactief!

Slide 32 - Diapositive

Presentie opnemen en aantekening voor diegene die werkboek niet mee hebben.

Mobiele telefoons in de telefoonflat (extra letten op de reactieve reacties --> later op terugkomen)

Kort huiswerkopdracht B bespreken.
Waar denk je aan bij
het woord 'proactief'?

Slide 33 - Carte mentale

Cet élément n'a pas d'instructions

Wat betekent reactief zijn?
A
Je hebt er geen zin in en blijft liever in bed
B
Je maakt bewuste keuzes in het leven
C
Je treedt graag op de voorgrond
D
Je maakt beslissingen op basis van impulsen. Je denkt niet na voordat je iets doet.

Slide 34 - Quiz

Cet élément n'a pas d'instructions

Wanneer ben je proactief?
A
Als je impulsief bent en doet waar je zin in hebt
B
Als je zelf keuzes maakt en denkt voordat je handelt.
C
Als je erg druk bent en graag op de voorgrond treed
D
Als je vaak boos op een ander reageert als iets je irriteert.

Slide 35 - Quiz

Cet élément n'a pas d'instructions

Slide 36 - Vidéo

Hierbij is het belangrijk hoe gezond je leeft:
- voldoende slapen
- gezond eten
- voldoende bewegen

Rest van het filmpje later terug laten komen bij communicatie (eigenschap 5: eerst begrijpen, dan begrepen worden)

Slide 37 - Diapositive

Cet élément n'a pas d'instructions

Slachtoffervirus

Slide 38 - Diapositive

Cet élément n'a pas d'instructions

Eigenschap: Wees proactief
Proactiviteit gaat dus over:
  • het maken van keuzes
  • het nemen van verantwoordelijkheid
  • het bespreekbaar maken van dingen
  • zelf actie ondernemen

Slide 39 - Diapositive

Cet élément n'a pas d'instructions

Pro actief
taal-
gebruik
Reactief
taal-
gebruik
Ik zal het proberen
Zo zit ik nu eenmaal in elkaar
Ik zal het doen
Ik kan het veel beter
Ik moet wel
Ik kies ervoor
Ik kan het niet
Er moet een manier zijn

Slide 40 - Question de remorquage

Bij reactief taalgebruik leg je de verantwoordelijkheid buiten jezelf. Bij proactief taalgebruik laat je zien dat je zelf verantwoordelijk bent voor je keuzes. Ben je pro actief heb je de houding=het lukt. Reactieve houding=het lukt niet.
Mijn taalgebruik is meestal:
A
Reactief
B
Proactief

Slide 41 - Quiz

Pagina 14 lezen en invullen
--> taalgebruik i.p.v. handeling
Opdracht
  • Begin met 1 document te maken, Sprint 6 LBS
  • Maak de opdracht College 16, initiatief nemen & Pro-actieve houding. 
  • En bekijk goed of je de beoordelingsdoelen hebt behaald.

Slide 42 - Diapositive

Cet élément n'a pas d'instructions