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.

Startpagina van een online les. Omdraaien naar de leswijzer Start het lesoverzicht leswijzer Startpagina van een online les.

Lesoverzicht extra tooltip bij scene Toon overview schuif scene strip naar rechts schuif scene strip naar links schuif scene strip naar links Mouse Over toon info tekst en tooltip Mouse Klik is start scene Lesoverzicht

Opdracht Player: doe je zo videovenster terug naar scene overzicht opent de opdracht scrubber Opdracht terug pauze/play audio control extra videofuncties scene titel en status score tijdslijn menu vraag bullet bullets aan/uit overall score verdieping bullet en tooltip Player: doe je zo

Pagina titel 01 tekst template Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up 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. 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. Draai terug naar video. aanwijzing 01 tekst template

02a tekst template met afbeelding Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up 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. Draai terug naar video. aanwijzing Afbeelding titel 02a tekst template met afbeelding

02b tekst template met afbeelding Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up 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. Draai terug naar video. aanwijzing Afbeelding titel 02b tekst template met afbeelding

Pagina titel 03 afbeelding met info Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel aanwijzing Tekst of bullets bullet Draai terug naar video. Afbeelding titel 03 afbeelding met info

Pagina titel 04 tekst met mpcvraag Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up 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. Waarom zou je dit nodig hebben? a) b) c) Feedback area Draai terug naar video. 04 tekst met mpcvraag

05 tekst met videofragment Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up 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. Titel van video fragment Draai terug naar video. 05 tekst met videofragment

06a mpc vraag met generieke feedback Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Waarom is dit waar? A) antwoord x B) Antwoord x C) Antwoord v Feedback Evt tekst of afbeelding Draai terug naar video. 06a mpc vraag met generieke feedback

06b mpc vraag met specifieke feedback Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Waarom is dit waar? A) antwoord x feedback B) Antwoord x feedback C) Antwoord v feedback Algemene feedback Evt tekst of afbeelding Draai terug naar video. 06b mpc vraag met specifieke feedback

07a volgorde vraag met afbeeldingen hussel Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Zet de onderstaande stappen in de juiste volgorde: Reset Draai terug naar video. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Stap 8 07a volgorde vraag met afbeeldingen hussel

07b volgorde vraag met afbeeldingen Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Zet de onderstaande stappen in de juiste volgorde: Reset Draai terug naar video. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Stap 8 07b volgorde vraag met afbeeldingen

07c volgorde vraag met tekst Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Zet de onderstaande stappen in de juiste volgorde: Draai terug naar video. Stap 1 afdelen Evt tekst of afbeelding Stap 2 stylen Stap 3 knippen Stap 4 adviseren 07c volgorde vraag met tekst

Pagina titel 08 fill in the blank Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Wat moet er hier staan? Vul het juiste antwoord in. Draai terug naar video. 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. Check antwoord! Hint area 08 fill in the blank

Pagina titel 09 stellingvraag Pagina navigatie, highlight en select status, met pagina key-word bij Mouse-over. Pagina titel Voorbeeld template what’s up Pagina titel Welke stelling is juist? Draai terug naar video. a) Stelling a b) Stelling b c) Stelling c Feedback 09 stellingvraag

10a wat hoort bij wat gelijke lagen toenemede lagen afnemede lengte combinatie bebop toenemende lengte gelijke lengte combinatie pony om het spannend te maken ik wil nog een keer 10 van 15 goed 10a wat hoort bij wat

klant gezicht techniek ▼ ▼ ▼ ? ▼ ? ▼ ? ▼ nog 4 te gaan ? ▼ ? ▼ ? ▼ hip ▼ lang ▼ gelijke lengte ▼ rate this model ? ▼ ? ▼ ? ▼ nog 4 te gaan ? ▼ ? ▼ ? ▼ 2 goed van 3 10b wat hoort bij wat

Model informatie klant gezicht techniek ▼ ▼ ▼ ? ▼ ? ▼ ? ▼ rate this model hip ▼ lang ▼ gelijke lengte ▼ ? ▼ ? ▼ ? ▼ nog 4 te gaan ? ▼ ? ▼ ? ▼ 2 goed van 3 10c wat hoort bij wat

▼ nog 4 te gaan 2 goed van 3 11 wat zou jij doen .. en wat zeg jij? Ja lekke, hé! Wat doe je dat weer lekker, van mij mag je wel doorgaan, hoor! Sorry, maar ik ben bijna klaar! wel leuk, maar kijk uit, wordt niet te aardig! nog 4 te gaan 2 goed van 3 11 wat zou jij doen

geef mij alle vragen van deze les Pagina navigatie, highlight, select, niet actief en status. Een of meerdere tooltips in de kantlijn. Pagina titel Voorbeeld template what’s up ? ? geef mij alle vragen van deze les 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. Titel van de video tip bij de vraag Draai terug naar video. Video bullet 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

i ? ? ? ? ? ? ? ? ? ? % Pagina titel 12b checkvragen van de hele les Een of meerdere tooltips in de kantlijn. Voorbeeld template Pagina titel what’s up i ? ? ? ? ? ? ? ? ? ? % 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. Titel van de video tip bij de vraag Draai terug naar video. Video bullet Pagina navigatie, highlight, select, niet actief en status. 12b checkvragen van de hele les

Voorbeeld template Pagina titel Draai terug naar video. 13 modelviewer