WEEK 6 - INFORMATICA

WAT is startklaar?
A
laptop
B
map op tafel
C
zakje
D
jas en pen
1 / 28
suivant
Slide 1: Quiz
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 28 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

WAT is startklaar?
A
laptop
B
map op tafel
C
zakje
D
jas en pen

Slide 1 - Quiz

STARTOPDRACHT
 Apple kiest voor een nieuwe sensor die    overbelichting voorkomt en moet zorgen voor een aanzienlijke verbetering bij weinig licht.
Schrijf een user story voor de nieuwe Iphone

Slide 2 - Diapositive

Leerdoelen
  • De leerling kan de richtlijnen van gebruiksvriendelijk benoemen
  • De leerling kan beargumenteren waarom een design geen goede user experience (UX) is
  • De leerling kan a.d.h.v. de eerste richtlijn een schets maken van een schermen
  • Kennismaken met Trello


Slide 3 - Diapositive

TERMEN


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

Slide 4 - Diapositive

NAAM  APPLICATIE 
La Musica Analyzer
een wereld vol covers
namaken is art

Slide 5 - Diapositive

User experience vs design

Slide 6 - Diapositive

Wat is geen element uit gebruikersvriendelijkheid
A
geeft controle
B
zorgt voor aansluiting
C
biedt eenvoudige toegang
D
maakt het leven makkelijker

Slide 7 - Quiz

 gebruikersvriendelijk
  1. Biedt eenvoudig toegang
  2. Geeft controle
  3. Biedt veiligheid
  4. Zorgt voor aansluiting 




Slide 8 - Diapositive

Wat valt niet onder eenvoudige toegang
A
doelgericht
B
consistent
C
zichtbaar
D
lichte keuren

Slide 9 - Quiz

Richtlijn 1: bied eenvoudig toegang
  • Consistent (hetzelfde)
  • Doelgericht
  • Eenvoud en Orde
  • Zichtbaar
  • Rangschikking 



aandacht voor woordenbegrip!

Slide 10 - Diapositive

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

Slide 11 - Diapositive

Eenvoud en Orde

Slide 12 - Diapositive

Zichtbaarheid

Slide 13 - Diapositive

Zichtbaarheid

Slide 14 - Diapositive

Rangschikking

Slide 15 - Diapositive

OPDRACHT 
Maak in MS Word of andere applicatie verschillende ontwerpen van een gebruikers vriendelijk scherm voor de La Musica Analyzer. Denk aan de richtlijnen van "  bied eenvoudige toegang
Bijv het inlogscherm of scherm waarop je het muzieknummer selecteert

Slide 16 - Diapositive

SAMENVATTING 
  • UX vs Design
  • Richtlijnen voor gebruikersvriendelijkheid
  • Richtlijn 1 biedt eenvoudig toegang
  • Deze richtlijn had 4 zaken 
  • consistent en doelgericht, eenvoud en orde, zichtbaar, rangschikking
  • Een 3 aantal gebruikersvriendelijke schermen

Slide 17 - Diapositive

voorbereiding volgende les
Zit Iedereen  inmiddels in Trello Scrum?


In teams staat link naar scrumbord


Slide 18 - Diapositive

 applicatie ontwerpen
userstory's maken voor La Musica Analyzer
USERSTORY'S 
....
....
....

Slide 19 - Diapositive

LEERDOELEN HTML
  • Leerling weet wat  HTML is 
  • leerling kan een simpele website in HTML maken
  • Leerling kan een aantal HTML <tag> noemen 

Slide 20 - Diapositive

FUNDAMENT
https://fundament-online.nl/leeromgeving/content.php?id=49032

Slide 21 - Diapositive

URL

Slide 22 - Diapositive

<> </> TAGS

Slide 23 - Diapositive

OPBOUW HTML
<!doctype html>

<html>
<head>
</head>
<body>
</body>
</html>




Slide 24 - Diapositive

OPBOUW

Slide 25 - Diapositive

OPSLAAN
Ga naar Bestand → Opslaan als ...
Kies bij opslaan als voor Alle bestanden
Geef de bestandsnaam de naam: voornaam.html en kies voor Opslaan.

Slide 26 - Diapositive

OPDRACHT
BOUW JE ONTWERP VAN DE WEBPAGINA IN HTML

Slide 27 - Diapositive

WELKE HTML TAGS KEN JE

Slide 28 - Question ouverte