Functioneel ontwerp online les

Presentatie over: "Functioneel ontwerp online les"— Transcript van de presentatie:

1 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.

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

3 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

4 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

5 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

6 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

7 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

8 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

9 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

10 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

11 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

12 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

13 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

14 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

15 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

16 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

17 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

18 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

19 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

20 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

21 ▼ 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

22 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

23 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

24 Voorbeeld template Pagina titel Draai terug naar video. 13 modelviewer