WEEK 5 - INFORMATICA

WEEK 5 les 1
1 / 32
next
Slide 1: Slide
InformaticaMiddelbare schoolhavoLeerjaar 4

This lesson contains 32 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

WEEK 5 les 1

Slide 1 - Slide

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

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

DEZE PERIODE
PROJECT MATIG WERKEN

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

Slide 4 - Slide

voorkennis activeren

Slide 5 - Slide

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 6 - Open question

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

Slide 7 - Open question

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

Slide 8 - Open question

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 question

DE APPLICATIE 
La Musica Analyzer

Slide 10 - Slide

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

Denk hieraan als je ontwerpt

Slide 12 - Slide

Ik doe mee 

Slide 13 - Slide

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

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

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

Slide 16 - Slide

WEEK 5 les 2

Slide 17 - Slide

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

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

voorkennis activeren

Slide 20 - Slide

Korte herhaling
  • Heuristieken richtlijnen

Slide 21 - Slide

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 22 - Open question

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

Slide 23 - Open question

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

Slide 24 - Open question

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

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 question

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

Slide 28 - Slide

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

Slide 29 - Slide

Figma
  • Demo van figma

Slide 30 - Slide

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

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