JCloze: Invuloefeningen

1. Voorbeelden

2. Oefening 1

3. Oefening 2

Online cursus KlasCement
Werkbladen maken
met Hot Potatoes

> Naar les 2 >

• Aardrijkskunde
  - Water in ons leefmilieu (V6 browser)
  - Hasselt is de hoofdstad van de provincie Limburg.
  
  
• Informatica
  - Venstertechnieken (Met hints, maar met ongewijzigd configuratiebestand)
  
  
• Nederlands
  - Treed naar voor! Waarom antwoord je niet. Jij vermeldt dit niet.
  - Willen jullie buiten wat zout op de sneeuw strooien?
  
  
• Wereldori�ntatie
  - Karel De Grote en Godfried van Bouillon (Met hints)
  
• Wiskunde
  23+7=30
  

• Open JCloze.
• Geef als Titel: Eindtest
• Kopieer de inhoud van dit bestand in het JCloze Oefenvenster.
  
• Duid de gaten aan: Selecteer wat een gat moet worden en klik op Gat.
  Wat bij Woord staat zal weggelaten worden.
  Bij Aanwijzing kan je bij het invulvak wat hulp aanbieden of extra uitleg geven.
  Een Alternatief juist antwoord vul je onderaan in. Voorbeeld: 6 of zes.
  
  Het gat wordt rood, cursief en onderlijnd weergegeven.
  Ben je fout? Dan kan je een gat wissen door de cursor erin (of erachter) te zetten en op Verwijder Gat te klikken.
  
• Sla je werk op:
  1. CTRL+S
     Klik op de knop met de diskette en sla het bestand op als eindtest.jcl in een nieuwe map Eindtest.
  2. F6
     Bekijk je werk al eens in een versie6-browser. Sla op als eindtest.htm in diezelfde map.
     
• Voorbereiding: Sla deze dobbelsteen op in de map Eindtest.
• Plaats de cursor net boven de tekst "Hoeveel ogen ..." en voeg de afbeelding in.
  --> Invoegen - Afbeelding - Afbeelding van lokaal bestand
  Wijzig eventueel de Titel, grootte en plaats van het bestand.
  
• Sla je werk nog eens op en bekijk de webpagina.
  

      CONFIGURATIEBESTAND
           --> Opties - Uitvoer configureren

We configureren nu nog het configuratiebestand.

Is het al in het Nederlands? Nee?
Kies dan Openen en blader naar C:\Program files\HotPotatoes\Translations en open het bestand dutch6.cfg.

Sla na het instellen van de configuratie het configuratiebestand op met Opslaan als. Sla het op in de map van de bijbehorende oefening. Je kan dit configuratiebestand later ook gebruiken (via Openen) voor andere (gelijkaardige) oefeningen.

• Steekkaart Titels/Instructies
  De Omschrijving van de oefening staat er permanent. Hier kan je eventueel ook instructies opnemen.
  De Instructie wordt bovenaan getoond vanaf het begin van de oefening totdat er op Antwoord controleren wordt geklikt of totdat om uitleg (sleutel) of een hint wordt gevraagd.
  
• Steekkaart Reacties/Feedback
  Deze teksten verschijnen bovenaan nadat de gebruiker op Antwoord controleren heeft geklikt.
  
• Steekkaart Knoppen
  Twee knoppen die je al dan niet kan laten weergeven.
  Wie op de Hint knop klikt, krijgt het antwoord letter voor letter aangeboden.
  Met de Aanwijzing knop kan je bij elk invulvak afzonderlijk wat hulp aanbieden, een tip of extra uitleg geven. Deze hulp tik je in bij het maken van een gat.
  LET OP!
  Zowel het klikken op de Hint knop als op de Aanwijzing knop be�nvloedt de score. Hoe meer Hints en Aanwijzingen worden gevraagd, hoe lager de eindscore. Informatie die strikt noodzakelijk is voor het oplossen van de oefening, zet je dus best NIET onder een aanwijzing.
  Dus niet: Werkwoorden TT
  Maar wel: Expressing the future
   
  Navigatie
  Wie dit gedeelte gebruikt kent al wat van webpagina's maken.
  Je zou in ��n map verschillende oefeningen (webpagina's) kunnen aanmaken (een mix van JBC, JCloze, JMatch, ...) rond ��n bepaald thema.
  Hier kan je er dan voor zorgen dat de gebruiker na het maken van de eerste oefening kan verder gaan naar de Volgende. Bij elke pagina kan je een nieuwe Volgende pagina aanduiden.
  Op de Index pagina kan je het thema toelichten en de oefeningen aankondigen.
  
  In deze oefening schakelen we alle aankruisvakjes bij Navigatie uit.
  
• Steekkaart Uiterlijk
  Hier kan je het uiterlijk van de oefening wijzigen. Je kan met achtergrondkleuren of met ene achtergrondafbeelding werken, het lettertype wijzigen, ... Met Toon een voorbeeld krijg je een klein voorbeeld van de uiteindelijke pagina te zien.
  
• Steekkaart Tijdregistratie
  Deze steekkaart heb je nodig als je het oplossen van de oefening in tijd wil beperken.
  
• Steekkaart Overig
  Met Voeg een woordenlijst toe aan de tekst kan je ervoor zorgen dat de antwoorden die moeten worden ingevuld boven de tekst worden getoond. Dan hoeft de gebruiker enkel de juiste keuze te maken.
  Met Controleer of HOOFD/kleine letters worden de antwoorden hoofdlettergevoelig.
  Met Gebruik een toetsenblok zodat studenten niet-latijnse tekens kunnen typen, kan je speciale tekens (bv Griekse letters) laten weergeven als knopjes in de oefening. Klikt de leerling erop, dan worden die letters ingevuld. Je moet dan wel het invulvak eronder invullen met die tekens (je hoeft er geen spatie tussen te laten).
  Je kan ook de minimumgrootte van een invulvak bepalen.
  
• Steekkaarten Eigen codes en CGI
  Wordt later uitgelegd.
  
• Menu Invoegen
  Via het menu Invoegen kan je ook in de tekstvelden van het configuratiebestand afbeeldingen of tabellen invoegen. Je kan daarin dus ook met HTML-codes werken en op die manier een hele eigen lay-out ontwerpen. Hiervoor maximaliseer je het configuratiescherm best wel.
  

• Bekijk tussendoor in de browser de effecten van wijzigingen in het configuratiebestand.
  
• Bekijk het werk uiteindelijk nog een paar keer in de browser en los de oefening telkens op.
  Maak ook eens wat fouten en bekijk het effect op de eindscore.
  
• Sla op (invoer, uitvoer (webpagina), configuratiebestand) en sluit JCloze.

• Open JCloze.
  Je zal merken dat JCloze automatisch start met het laatst gebruikte configuratiebestand.
• Geef als Titel: Pieter Breughel de Oude
  
• Kopieer de inhoud van dit bestand in het JCloze Oefenvenster.
  Sla dit werk al eens op in een nieuwe map Breughel onder de naam breughel.jcl.
  
• Voeg een HTML-tabel in.
  --> Invoegen - HTML-tabel (CTRL+T)
  
  Geef de tabel:
  - Rijen: 4
  - Kolommen: 2
  - Kader: een kaderdikte van 1 pixel (border)
  - Randdikte: 4 pixels tussen de tekst in een cel en de rand (cellpadding)
  - Ruimte tussen de cellen: 2 pixels tussen de celranden (celspacing)
  - Tabelbreedte: 100%
  
  Een tabel begint met <table> en eindigt met </table>.
  Een rij begint met <tr> en eindigt met </tr>.
  In elke rij begint een cel met <td> en eindigt met </td>.
  
• In de eerste cel van elke rij komt de nummering: 1, 2, 3 en 4.
• In de tweede cel van elke rij komt:
  - de vraag
  - een nieuwe regel <br /> (CTRL+SHIFT+R)
  - het antwoord.
  De antwoorden worden gaten.
  
  Resultaat:
  
  
• Voorbereiding: Open deze afbeelding en sla ze op in de map Breughel.
• In de allerlaatste cel voegen we achter Boerenbruiloft nog twee nieuwe regels (code: <br />) in gevolgd door de afbeelding wedding.gif die linkt naar deze pagina in een nieuw venster. De ingevoegde afbeelding centreren we en we zorgen ervoor dat de tekst 'Klik voor een grotere versie' verschijnt als men de muiscursor over de afbeelding beweegt (ALT-tekst).
  
  Uiteindelijke code:
  <div style="text-align: center;">
       <a href="http://www.ibiblio.org/wm/paint/auth/bruegel/wedding.jpg" target="blank">
            <img src="wedding.gif" title="Klik voor een grotere versie" width="214" height="148" border="0">
            </img>
       </a>
  </div>
  
• We slaan ons werk nog eens op.
• We bekijken de webpagina in een browser onder de naam breughel.htm.
  
• Blijkbaar moeten we er nog voor zorgen dat de nummering in de eerste cel telkens bovenaan staat. Daartoe voegen we de code   valign="top"  toe aan <td>: <td valign="top">
  

     LEESTEKST TOEVOEGEN
          --> Bestand - Leestekst toevoegen (CTRL+R)

Je kan aan de linkerkant een tekst laten verschijnen die de leerlingen moeten lezen om de antwoorden op de vragen te kennen. Die tekst kan je intikken in het HotPotatoes Leestekst-venster of uit een extern bestand halen.

• Voorbereiding: Sla dit document op in de map Breughel.
  Zorg ervoor dat ook de twee afbeeldingen mee opgeslagen worden.
  Dit is een HTML-pagina gemaakt met FrontPage.
  Een eenvoudiger versie (enkel tekst) kan je maken met Kladblok (Notepad) waarbij je het bestand opslaat als .htm-bestand (Bestandstype 'Alle bestanden').
  
• Blader naar dit pas opgeslagen bestand en geef een titel.
  
• Laat de klok tonen met een tijdslimiet van 2 minuten.
  Dit doe je via het configuratiebestand.
  
• Sla je werk nog eens op en bekijk de webpagina.
  
• Los de oefening op. Maak ook eens wat fouten en bekijk het effect op de eindscore.
  
• Sla op (invoer, uitvoer (webpagina), configuratiebestand) en sluit JCloze.