WEEK 6 - INFORMATICA

WAT is startklaar?

laptop

map op tafel

zakje

jas en pen

1 / 28

Slide 1: Quizvraag

InformaticaMiddelbare schoolhavoLeerjaar 4

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

Lesduur is: 90 min

Onderdelen in deze les

WAT is startklaar?

laptop

map op tafel

zakje

jas en pen

Slide 1 - Quizvraag

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

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

TERMEN

Wat betekend a.d.h.v?

Wat betekend richtlijnen?

Wat betekend user experience?

Wat betekend beargumenteren?

Slide 4 - Tekstslide

NAAM APPLICATIE

La Musica Analyzer

een wereld vol covers

namaken is art

Slide 5 - Tekstslide

User experience vs design

Slide 6 - Tekstslide

Wat is geen element uit gebruikersvriendelijkheid

geeft controle

zorgt voor aansluiting

biedt eenvoudige toegang

maakt het leven makkelijker

Slide 7 - Quizvraag

gebruikersvriendelijk

Biedt eenvoudig toegang
Geeft controle
Biedt veiligheid
Zorgt voor aansluiting

Slide 8 - Tekstslide

Wat valt niet onder eenvoudige toegang

doelgericht

consistent

zichtbaar

lichte keuren

Slide 9 - Quizvraag

Richtlijn 1: bied eenvoudig toegang

Consistent (hetzelfde)
Doelgericht
Eenvoud en Orde
Zichtbaar
Rangschikking

aandacht voor woordenbegrip!

Slide 10 - Tekstslide

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

Eenvoud en Orde

Slide 12 - Tekstslide

Zichtbaarheid

Slide 13 - Tekstslide

Zichtbaarheid

Slide 14 - Tekstslide

Rangschikking

Slide 15 - Tekstslide

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

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

voorbereiding volgende les

Zit Iedereen inmiddels in Trello Scrum?

In teams staat link naar scrumbord

Slide 18 - Tekstslide

applicatie ontwerpen

userstory's maken voor La Musica Analyzer

USERSTORY'S

....

Slide 19 - Tekstslide

LEERDOELEN HTML

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

Slide 20 - Tekstslide

FUNDAMENT

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

Slide 21 - Tekstslide

URL

Slide 22 - Tekstslide

<> </> TAGS

Slide 23 - Tekstslide

OPBOUW HTML

<!doctype html>

<html>

<head>

</head>

<body>

</body>

</html>

Slide 24 - Tekstslide

OPBOUW

Slide 25 - Tekstslide

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

OPDRACHT

BOUW JE ONTWERP VAN DE WEBPAGINA IN HTML

Slide 27 - Tekstslide

WELKE HTML TAGS KEN JE

Slide 28 - Open vraag

WEEK 6 - INFORMATICA

Onderdelen in deze les

Slide 1 - Quizvraag

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Quizvraag

Slide 8 - Tekstslide

Slide 9 - Quizvraag

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Tekstslide

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Tekstslide

Slide 22 - Tekstslide

Slide 23 - Tekstslide

Slide 24 - Tekstslide

Slide 25 - Tekstslide

Slide 26 - Tekstslide

Slide 27 - Tekstslide

Slide 28 - Open vraag

Meer lessen zoals deze

WEEK 4 - INFORMATICA

WEEK 4 - INFORMATICA

WEEK 4 - INFORMATICA

WEEK 4 - INFORMATICA

WEEK 4 - INFORMATICA

WEEK 5 - INFORMATICA

WEEK 3 - INFORMATICA

Een introductie tot User Experience