WEEK 5 - INFORMATICA

WEEK 5 les 1
1 / 32
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesduur is: 90 min

Onderdelen in deze les

WEEK 5 les 1

Slide 1 - Tekstslide

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

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

DEZE PERIODE
PROJECT MATIG WERKEN

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

Slide 4 - Tekstslide

voorkennis activeren

Slide 5 - Tekstslide

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 6 - Open vraag

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

Slide 7 - Open vraag

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

Slide 8 - Open vraag

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

DE APPLICATIE 
La Musica Analyzer

Slide 10 - Tekstslide

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

Denk hieraan als je ontwerpt

Slide 12 - Tekstslide

Ik doe mee 

Slide 13 - Tekstslide

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

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

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

Slide 16 - Tekstslide

WEEK 5 les 2

Slide 17 - Tekstslide

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

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

voorkennis activeren

Slide 20 - Tekstslide

Korte herhaling
  • Heuristieken richtlijnen

Slide 21 - Tekstslide

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 22 - Open vraag

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

Slide 23 - Open vraag

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

Slide 24 - Open vraag

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

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

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

Slide 27 - Open vraag

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

Slide 28 - Tekstslide

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

Slide 29 - Tekstslide

Figma
  • Demo van figma

Slide 30 - Tekstslide

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

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