Use cases - herhaling / opfrissen + navigatiemodel/toestandsdiagram

we starten om 11:20
1 / 23
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 5

In deze les zitten 23 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

we starten om 11:20

Slide 1 - Tekstslide

Interaction design
Ontwerp van een eigen app

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Online samenwerken
In Teams:
  • Kanalen (afgeschermd) voor elk groepje
  • Chatten en overleggen met elkaar
  • Tegelijk aan een verslag werken

Slide 4 - Tekstslide

Waar staan we?

Slide 5 - Tekstslide

Use case kennis opfrissen
Diagram: 
  • Rechthoek met naam systeem
  • Gebruikers/actoren links
  • Andere systemen rechts

Slide 6 - Tekstslide

Use cases
  • De 'bollen' in het systeem
  • Elke use case is een taak van de gebruiker 
  • Met een taak kan de gebruiker in één keer een afgerond doel vervullen
  • Geen pijlen maar lijnen!

Slide 7 - Tekstslide

Bespreken ingeleverd use case diagram 

Slide 8 - Tekstslide

Tweede use case diagram

Slide 9 - Tekstslide

Van use cases naar schermen

Slide 10 - Tekstslide

Voorbeeld schermen

Slide 11 - Tekstslide

Wat is GEEN goede use case voor de Tandarts-app?
A
Afspraak maken
B
Afspraak annuleren
C
Datum kiezen
D
Rekening betalen

Slide 12 - Quizvraag

Zoek de fouten in dit use case diagram

Slide 13 - Open vraag

Van schermen naar navigatie
navigeren in je app met een toestandsdiagram

Slide 14 - Tekstslide

Toestandsdiagrammen

Slide 15 - Tekstslide

Elementen en structuur van toestandsdiagram

Slide 16 - Tekstslide

Voorbeeld toestanden

Slide 17 - Tekstslide

Navigatie voor 'Terrasjes app' 
'bestelling plaatsen'

Slide 18 - Tekstslide

Voorwaardelijke overgangen
  • Aan toestandsovergangen mag je voorwaarden koppelen (guards)
  • Alleen bij voldoen aan de voorwaarde kan de overgang plaatsvinden
  • Guards staan tussen deze [haken]
  • (let op: dit staat niet in de stof!)

Slide 19 - Tekstslide

Navigatie van complete app

Slide 20 - Tekstslide

Wat klopt niet in dit toestandsdiagram?

Slide 21 - Open vraag

Het toestandsdiagram hiernaast betreft een telefoon.
Welke teksten kunnen bij de letters A t/m D staan?
(© TU Delft)
A
A: na 30 seconden B: gesprek beëindigen C: gesprek doorschakelen D: opnemen
B
A: gesprek beëindigen B: opnemen C: gesprek doorschakelen D: voicemail inspreken
C
A: na 30 seconden B: gesprek beëindigen C: opnemen D: in gesprek
D
A: gesprek beëindigen B: voicemail inspreken C: gesprek doorschakelen D: opnemen

Slide 22 - Quizvraag

Huiswerk
  • samenwerken aan deelopdrachten
  • use case diagram + schermen afronden
  • starten met navigatiemodel 
  • ... en vrijdag inleveren: op tijd = feedback krijgen

Slide 23 - Tekstslide