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

Ontwerpen uitbreiden & Roadmap
SCM
Sprint 6
College 16 

1 / 42
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

This lesson contains 42 slides, with interactive quizzes, text slides and 2 videos.

time-iconLesson duration is: 60 min

Items in this lesson

Ontwerpen uitbreiden & Roadmap
SCM
Sprint 6
College 16 

Slide 1 - Slide

This item has no 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 - Slide

This item has no instructions

Nabespreking Toets onderdeel:
Wireframes

Feedbackmoment

Slide 3 - Slide

This item has no instructions

Terugblik Wireframes

Analyseer  
Eisen & Wensen

Slide 4 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

Welke zijn van deze de must have's?

Slide 7 - Slide

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 - Open question

This item has no instructions

Slide 9 - Slide

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 - Open question

This item has no instructions

Slide 11 - Slide

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 - Open question

This item has no instructions

Low-Fidelity
Medium-Fidelity
High-Fidelity

Slide 13 - Drag question

This item has no instructions

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

Slide 14 - Open question

This item has no instructions

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

Slide 15 - Slide

This item has no 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

This item has no 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 - Slide

This item has no instructions

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

Slide 18 - Open question

This item has no instructions

Slide 19 - Slide

This item has no instructions

Wat waren de afspraken voor het maken van een wireframe?

Slide 20 - Open question

This item has no instructions

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

Slide 21 - Open question

This item has no instructions

Slide 22 - Slide

This item has no instructions

Bestaande ontwerpen analyseren
Klopt het ontwerp nog?

Slide 23 - Slide

This item has no instructions

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

Slide 24 - Slide

This item has no instructions

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


Slide 25 - Slide

This item has no 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 - Open question

This item has no instructions

 

Roadmap 

Slide 27 - Slide

This item has no instructions


Wat is een roadmap?

Slide 28 - Slide

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 - Video

This item has no instructions

Opdracht 2
Maak een roadmap 

Casus Hardstore
Minimaal van 4 sprints 

Bekijk het stappenplan Roadmap in Cumlaude

Slide 30 - Slide

This item has no instructions

timer
5:00

Slide 31 - Slide

This item has no instructions

LBS:
College 16
 Wees proactief!

Slide 32 - Slide

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 - Mind map

This item has no 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

This item has no 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

This item has no instructions

Slide 36 - Video

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 - Slide

This item has no instructions

Slachtoffervirus

Slide 38 - Slide

This item has no 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 - Slide

This item has no 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 - Drag question

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 - Slide

This item has no instructions