WEEK 4 - INFORMATICA

• Informatica
• Middelbare school
• havo
• Leerjaar 4

STARTKLAAR

• TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
  
• JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN
  
• INDIEN VAN TOEPASSING OP JOUW PLEK ZITTEN
  
• JOUW SCHOOLSPULLEN KLAAR OP TAFEL
  
• CHROMBOOK, LAPTOP NOG GESLOTEN
  
• SCHOOLMAP OPEN + SCHRIJFWAREN KLAAR

DIT JAAR

HEEL HET JAAR PROJECT MATIG WERKEN

• WE BOUWEN EEN WEBAPPLICATIE 
• IEDEREEN WERKT INDIVIDUEEL
• MAAR WE BOUWEN WEL SAMEN AAN 1 WEBAPPLICATIE
• WE GAAN PROBEREN WEBAPP. VAN ANDERE KLASSEN TE HACKEN
• De S klas zal tijdens dit project de basis opnieuw krijgen
  
  

DEZE PERIODE

PROJECT MATIG WERKEN

• SCRUM METHODIEK
• INTERACTIE EN USABILITY
• PROGRAMMEREN
• HTML & CSS
• SECURITY
• NETWERK

voorkennis activeren

Les 1 van week 4

Korte herhaling

• Wat is HTML en wat kan ik ermee doen
• Wat is HTML Tag
• Wat is parent en child in HTML 
• Noem een paar voorbeelden van HTML Tag

DE APPLICATIE 

La Musica Analyzer

Leerdoelen

De leerling kan de richtlijnen van Heuristieken benoemen

De leerling kan beargumenteren waarom een design geen goed user experience is

De leerling kan a.d.h.v. de eerste heuristieken richtlijn een schets maken van La Musica Analyzer schermen

De leerdoelen van afgelopen keren zullen opbouwend op deze les en aankomende lessen terugkomen

Wat betekend a.d.h.v?

Wat betekend richtlijnen?

Wat betekend user experience?

Wat betekend beargumenteren?

Wat betekend opbouwend?

Scrumboard

Iedereen zit in middels in Scrum?

In magister bij HW (van vorige week) is een link klaargezet waarmee je kan aanmelden voor het scrumboard

User experience vs design

Richtlijnen van Heuristieken

• Bied eenvoudig toegang
• Geef controle
• Bied veiligheid
• Zorg voor aansluiting 

aandacht voor woordenbegrip!

Richtlijn 1: bied eenvoudig toegang

• Consistentie en doelgericht
• Eenvoud en Orde
• Zichtbaar
• Rangschikking 

aandacht voor woordenbegrip!

Consistentie en Doelgericht

Bijvoorbeeld:

• Heel de applicatie voorzien van 1 soort lettertype
• De knoppen zijn overal gelijk in vorm 
• Alle titels zijn van de zelfde stijl
• De informatie op de applicatie is doelgericht

Eenvoud en Orde

Zichtbaarheid

Zichtbaarheid

Rangschikking

Verder met applicatie bouwen

Vorige les al mee begonnen met userstory's maken

USERSTORY'S 

....

....

....

SAMENVATTING WEEK 4 les 1

• UX vs Design
• Richtlijnen van Heuristiek
• Richtlijn 1 bied eenvoudig toegang
• Deze richtlijn had 4 zaken 
• consistent en doelgericht, eenvoud en orde, zichtbaar, rangschikking
• Een aantal userstory gemaakt

WEEK 4 les 2

STARTKLAAR

• TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
  
• JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN
  
• INDIEN VAN TOEPASSING OP JOUW PLEK ZITTEN
  
• JOUW SCHOOLSPULLEN KLAAR OP TAFEL
  
• CHROMBOOK, LAPTOP NOG GESLOTEN
  
• SCHOOLMAP OPEN + SCHRIJFWAREN KLAAR

Leerdoelen

De leerling kan de richtlijnen van Heuristieken benoemen

De leerling kan beargumenteren waarom een design geen goed user experience is

De leerling kan a.d.h.v. de eerste heuristieken richtlijn een schets maken van La Musica Analyzer schermen

De leerdoelen van afgelopen keren zullen opbouwend op deze les en aankomende lessen terugkomen

Wat betekend a.d.h.v?

Wat betekend richtlijnen?

Wat betekend user experience?

Wat betekend beargumenteren?

Wat betekend opbouwend?

voorkennis activeren

Korte herhaling

• Heuristieken richtlijnen

Wat waren de Heuristieken Richtlijnen ook alweer

Welke 4 zaken horen bij richtlijn 1 Biedt eenvoudig toegang van de Heuristieken

Bezoek de website van telegraaf.nl, Dit is een slechte voorbeeld van welke zaken uit ?

Bezoek de website van telegraaf.nl, Dit is een slechte voorbeeld van?

1. Eenvoud & Orde
2. Consistent en doelgericht
3. Zichtbaarheid
4. Rangschikking

De zoekbalk op jouw webapplicatie bevindt zich telkens op een andere plek als je door de webapplicatie bladerd, dit is een slechte voorbeeld van?

Bezoek de deze link https://codemyui.com/download-button-circular-progress-indicator/ en bekijk de downloadknop. Dit is een goed voorbeeld van?

Nog niet iedereen in trello

Ga naar je schoolmail en klik op de bevestigingslink

Standup meeting

Wat heb je gemaakt

wat ga je vandaag maken

loop je tegen iets aan

Figma

• Demo van figma

Verder werken aan jouw toegekende userstory

• Ga verder met jouw scherm ontwerp voor jouw userstory
• Gebruik figma om het voor jou zelf makkelijk te maken
• Kijk naar andere apps ter inspiratie 

SAMENVATTING WEEK 4 les 1

• Herhaling Richtlijn 1 van Heuristiek
• Standup Meeting gedaan
• Jouw ontwerp m.b.t. La musica Analyzer geschetst en geprobeerd rekening te houden met Consistent en doelgericht, eenvoud en orde, zichtbaar, rangschikking