Functioneel ontwerp online les

In dit document staan alle te ontwerpen en bouwen schermen voor een online les. Dit document dient alleen als overzicht.

Alle functies en werking van schermen staan beschreven in Functioneel Ontwerp Hairlevel.doc in beheer van TinQwise.

Omdraaien naar de leswijzer

Start het lesoverzicht

leswijzer

Startpagina van een online les.

Mouse Over toon info tekst

en tooltip

Mouse Klik is start scene

extra tooltip bij scene

schuif scene strip naar rechts schuif scene strip

naar links

schuif scene strip naar links

Toon overview

Lesoverzicht

Opdrachtterug

opent de opdrachtterug naar scene overzicht

pauze/play

audio control

extra videofuncties

verdieping bullet en tooltip

vraag bullet

bullets aan/uit

menu

scene titel en status

tijdslijn

scrubber

videovenster

overall score

score

Player: doe je zo

Pagina titel

Hier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

01 tekst template

Hier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

aanwijzing

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

02a tekst template met afbeelding

Hier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

Afbeelding titelaanwijzing

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

02b tekst template met afbeelding

Hier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

aanwijzing Afbeelding titel

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

03 afbeelding met info

Afbeelding titel

aanwijzing

Tekst of bullets

• bullet• bullet• bullet

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

04 tekst met mpcvraag

Waarom zou je dit nodig hebben?a)b)c)

Feedback area

Hier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

05 tekst met videofragment

Titel van video fragmentHier in komt een tekst of een afbeelding of een video fragment of iets anders.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus vestibulum. Morbi a felis. Aliquam erat volutpat. Sed lobortis egestas neque. Donec consectetuer augue sed ligula.

Praesent auctor pellentesque sapien. Phasellus vel tortor vel eros imperdiet convallis.

Donec malesuada, nibh eu sollicitudin aliquet, ipsum quam mattis purus, eget laoreet libero nunc sit amet mauris.

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

06a mpc vraag met generieke feedback

Waarom is dit waar?A) antwoord xB) Antwoord xC) Antwoord v

Feedback

Evt tekst of afbeelding

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

06b mpc vraag met specifieke feedback

Waarom is dit waar?A) antwoord x feedbackB) Antwoord x feedbackC) Antwoord v feedback

Algemene feedback

Evt tekst of afbeelding

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

07a volgorde vraag met afbeeldingen hussel

Zet de onderstaande stappen in de juiste volgorde:

Stap 1 Stap 2 Stap 3 Stap 4

Stap 5 Stap 6 Stap 7 Stap 8

Reset

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

07b volgorde vraag met afbeeldingen

Zet de onderstaande stappen in de juiste volgorde:

Stap 1 Stap 2 Stap 3 Stap 4

Stap 5 Stap 6 Stap 7 Stap 8

Reset

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

07c volgorde vraag met tekst

Zet de onderstaande stappen in de juiste volgorde:

Stap 1

Stap 2

Stap 3

Stap 4

afdelen

stylen

knippen

adviseren

Evt tekst of afbeelding

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

08 fill in the blank

Wat moet er hier staan? Vul het juiste antwoord in.

De kruinen van Fenna zitten het model niet in de weg. Maar stel dat Fenna wel een kruin voor op haar hoofd zou hebben. Die kruin bepaalt dan de manier waarop je de knipt.

Op de plaats waar de kruin zit, knip je namelijk zonder spanning (in natuurlijke val). Doe je dit niet, dan valt dit deel van de pony al snel te kort uit.

Hint area

Check antwoord!

Pagina titel

what’s up

Pagina titelVoorbeeld template

Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over.

Draai terug naar video.

09 stellingvraag

Welke stelling is juist?

a) Stelling ab) Stelling bc) Stelling c

Feedback

om het spannend te maken

ik wil nog een keer

10 van 15 goed

gelijke lagen

toenemede

lagen

afnemede

lengte

combinatie

beboptoenem

ende lengte

gelijke lengte

combinatie

pony

10a wat hoort bij wat

klant gezicht techniek

hip

?

?

lang

?

?

gelijke lengte

?

? 2 goed van 3nog 4 te gaan

▼

▼

▼

▼

▼

▼

▼

▼

▼

10b wat hoort bij wat

klant gezicht techniek

hip

?

?

lang

?

?

gelijke lengte

?

? 2 goed van 3nog 4 te gaan

▼

▼

▼

▼

▼

▼

▼

▼

▼

rate this model

Model informatie

10c wat hoort bij wat

Wat doe je dat weer lekker, van mij mag je wel

doorgaan, hoor!

.. en wat zeg jij? ▼

Ja lekke, hé!

Sorry, maar ik ben bijna klaar!

wel leuk, maar kijk uit, wordt

niet te aardig!

2 goed van 3nog 4 te gaan

11 wat zou jij doen

Pagina titel

Hier komen verschillende typen vragen.De gebruiker kan na de inleiding vragen selecteren en beantwoorden.

Als alle vragen zijn beantwoord, kan de leerling de scorepagina openen.

??

tip bij de vraag

Titel van de video

• Video bullet• Video bullet• Video bullet• Video bullet

Pagina titelEen of meerdere

tooltips in de kantlijn.

Voorbeeld template

Pagina navigatie, highlight, select, niet actief en status.

Draai terug naar video.

geef mij alle vragen van deze

les

what’s up

Titel en tijdcode van scene waar de vraag bij hoort.

Open navigatie met alle vragen in de film en

scorepagina

12a checkvragen bij 1 fase

Pagina titel

Hier komen verschillende typen vragen.De gebruiker kan na de inleiding vragen selecteren en beantwoorden.

Als alle vragen zijn beantwoord, kan de leerling de scorepagina openen.

????i %

tip bij de vraag

Titel van de video

• Video bullet• Video bullet• Video bullet• Video bullet

Pagina titel

Een of meerdere tooltips in de kantlijn. Voorbeeld template

Pagina navigatie, highlight, select, niet actief en status.

Draai terug naar video.

what’s up

?? ?? ??

12b checkvragen van de hele les

Pagina titel

Voorbeeld template

Draai terug naar video.

13 modelviewer