WEEK 5 - INFORMATICA

WEEK 5 les 1
1 / 32
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 32 diapositives, avec quiz interactifs et diapositives de texte.

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

Éléments de cette leçon

WEEK 5 les 1

Slide 1 - Diapositive

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

Slide 2 - Diapositive

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

Slide 3 - Diapositive

DEZE PERIODE
PROJECT MATIG WERKEN

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

Slide 4 - Diapositive

voorkennis activeren

Slide 5 - Diapositive

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 6 - Question ouverte

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

Slide 7 - Question ouverte

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

Slide 8 - Question ouverte

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

Slide 9 - Question ouverte

DE APPLICATIE 
La Musica Analyzer

Slide 10 - Diapositive

Leerdoelen
De leerling kan a.d.h.v. van een user story een scherm ontwerpen volgens de eerste richtlijn van heuristiek

De leerdoelen van afgelopen keren zullen opbouwend in alle lessen terugkomen

Wat betekend a.d.h.v?
Wat betekend richtlijnen?
Wat betekend user experience?
Wat betekend beargumenteren?
Wat betekend opbouwend?

Slide 11 - Diapositive

Denk hieraan als je ontwerpt

Slide 12 - Diapositive

Ik doe mee 

Slide 13 - Diapositive

gebruik FIGMA
Met figma kan je via de community heel eenvoudig een scherm ontwerpen

- ga naar figma.com
- login in of maak een account
- gebruik de volgende link als bibliotheek om elementen vanuit te kopieren LINK

Slide 14 - Diapositive

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


Slide 15 - Diapositive

SAMENVATTING WEEK 5 les 1
  • UX vs Design
  • Herhaling Richtlijnen van Heuristiek
  • Richtlijn 1 bied eenvoudig toegang, scherm ontwerpen
  • Standup Meeting

Slide 16 - Diapositive

WEEK 5 les 2

Slide 17 - Diapositive

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

Slide 18 - Diapositive

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?

Slide 19 - Diapositive

voorkennis activeren

Slide 20 - Diapositive

Korte herhaling
  • Heuristieken richtlijnen

Slide 21 - Diapositive

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 22 - Question ouverte

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

Slide 23 - Question ouverte

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

Slide 24 - Question ouverte

Bezoek de website van telegraaf.nl, Dit is een slechte voorbeeld van?
A
Eenvoud & Orde
B
Consistent en doelgericht
C
Zichtbaarheid
D
Rangschikking

Slide 25 - Quiz

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

Slide 26 - Question ouverte

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

Slide 27 - Question ouverte

Nog niet iedereen in trello
Ga naar je schoolmail en klik op de bevestigingslink

Slide 28 - Diapositive

Standup meeting
Wat heb je gemaakt
wat ga je vandaag maken
loop je tegen iets aan

Slide 29 - Diapositive

Figma
  • Demo van figma

Slide 30 - Diapositive

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 

Slide 31 - Diapositive

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

Slide 32 - Diapositive