Sei sulla pagina 1di 15

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

HOT POTATOES
Istruzioni per creare un ESERCIZIO DI ABBINAMENTO PAROLE/frasi E IMMAGINI
Dobbiamo preparare un esercizio mettendo insieme alcune parole con le rispettive immagini

1)PREPARATIVI

Preparo una cartella (tasto destro nuova cartella) che chiamer ad esempio AUTUNNO, posso metterla dove voglio, l'importante sapere che dentro quella cartella dovr starci tutto quindi non devo dimenticarmi dove si trova. Per comodit decido di metterla sul Desktop Preparo 5 file immagini non troppo pesanti e non troppo grandi (non sai come ridimensionare i file immagini? Non sai qual il loro peso?, per adesso scegli 5 immagini tra quelle che ho inserito in piattaforma nella cartella autunno in un prossimo tutorial vedremo meglio come alleggerire il peso in una immagine) Sistema i 5 file-immagini in una cartella immaginiAUTUNNO Sistema la cartella immaginiAUTUNNO dentro la cartella AUTUNNO

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

INIZIAMO
1.

Programmi

hot potatoes

clicco su Jmatch

si apre una schermata digito il titolo AUTUNNO

Questa schermata quella del file DATI, qui dobbiamo inserire i nostri dati : parole e immagini SE volessimo inserire SUBITO un'immagine apparirebbe un AVVISO DI ERRORE come questo

che cosa vuol dire? Il programma ti ricorda che non pu lavorare se tu prima non inserisci,salvandolo,il file-dati nella cartella dove hai messo tutti gli altri file, quindi pretende da te che tu lo inserisca nella cartella...AUTUNNO, in caso contrario lui si bloccherebbe perch non sa dove , non saprebbe trovare la strada per andare a prendere i tuoi file immagine OK? Quindi accontentiamolo subito

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

FILE

SALVA CON NOME

chiamo il mio file dati con il nome AUTUNNOABB e lo salvo dove? Naturalmente nella cartella AUTUNNO Vi ricordate dove si trova ? cerco la mia cartella nel desktop... trovata!

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

ci clicco sopra ...

(notate che dentro ci sono i file immaginiAUTUNNO che avevamo messo all'inizio? ) quindi SALVA Bene! Ora nella cartella AUTUNNO c' anche il nostro file dati oltre alla nostra cartella con dentro le cinque immagini Ora che abbiamo nominato il file dati DOBBIAMO INSERIRCI I DATI cio le immagini e le parole o le frasi

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

2.OSSERVIAMO
Osserviamo la schermata (solo per capire...potete saltare questo passaggio se avete fretta )

in ALTO ora appare l'indirizzo ----il nome che gli abbiamo dato e--- .jmt cio l'estensione del file jmt = Jmatch = in italiano abbinamento...almeno penso, guardate sul vocabolario di inglese, poi mi dite... Poi abbiamo a sinistra gli elementi ORDINATI. Che cosa sono? Sono gli elementi FISSI ad esempio potremmo decidere di mantenere fisse le parole e trascinare le immagini o viceversa . A destra abbiamo gli elementi disordinati, sono gli elementi, ad esempio le immagini, a cui il programma di volta in volta cambier di posizione, sar l'alunno che dovr appunto ordinarli trascinandoli vicino alla parola che si trover a sinistra E' chiaro?

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

3.INSERIAMO I DATI
A sinistra digito una frase Mi porto con il cursore a destra e INSERISCI IMMAGINE IMMAGINE DA FILE LOCALE

cerchiamo nella cartellaimmaginiAUTUNNO l'immagine CORRISPONDENTE ALLA FRASE digitata, in questo caso l'image_31.jpg fa al caso nostro ci CLICCHIAMO SOPRA una volta e APRI

Un consiglio: usate l'anteprima per visionare l'immagine che vi serve!

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

In questa schermata dobbiamo dare dei parametri alla nostra immagine decidiamo l'altezza della nostra immagine, la larghezza verr calcolata automaticamente

Controlliamo gli altri dati e... CLICCHIAMO ok

bene! Ora il programma sa dove deve prendere l'immagine e con quali dimensioni

ALLO STESSO MODO INSERIAMO LE ALTRE IMMAGINI NEI BLOCCHI 2 3 4 e 5 INSERIAMO SEMPRE LA STESSA ALTEZZA in questo caso 100 (dobbiamo calcolare quanto spazio occuperanno le cinque immagini nella interfaccia del nostro esercizio )

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

Abbiamo inserito tutti i dati, SALVIAMO nuovamente il nostro file dati AUTUNNOABB, dato che ha gi un nome basta cliccare su file salva o altrimenti clicchiamo sulla prima icona del floppy

Ora che i dati li abbiamo salvati non ci resta che pensare con quale INTERFACCIA vogliamo farli apparire
Se siamo stanchi potremmo chiudere il nostro esercizio e riprenderlo pi tardi. Che cosa l'interfaccia? la schermata dove apparir il nostro esercizio, il programma ci d la possibilit di sceglierne i colori, il tempo entro cui l'alunno deve concludere l'esercizio, ma cosa pi interessante, ci fornisce una serie di TESTI per le consegne IN LINGUA gi configurati, non solo potremmo decidere di far apparire una lingua e aggiungere a mano il testo in italiano ma, cosa interessante,il fatto di avere un file dati ci permette di configurare l'esercizio pi volte, vale a dire con lo stesso file dati potremmo fare una COPIA configurando l'esercizio ad esempio in greco... salvarlo, quindi aprirlo nuovamente e configurarlo ad esempio in rumeno o ....

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

4.CONFIGURIAMO L'INTERFACCIA dell'esercizio


In alto a destra OPZIONI CONFIGURA L'ESERCIZIO

ecco la schermata ... OPS! Mi accorgo adesso di aver lavorato lasciando una configurazione in lingua greca...

Cambiamola subito cliccando su APRI

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

ECCO QUI TUTTE LE LINGUE , QUALE VOGLIAMO SCEGLIERE? Io preferisco l'italiano ...ma potrebbe andar bene anche l'inglese come lingua per tutti o....

ok per l'italiano, aggiungiamo nel titolo COLORI IN AUTUNNO eliminiamo quel scegliendoli dal men a discesa Adesso andremo a configurare solo alcune schermate ASPETTO, TIMER e ALTRO...le pi importanti, per adesso le altre non le vediamo neppure

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

ASPETTO
possiamo cliccare e scegliere i colori che vogliamo; In anteprima vedremo il risultato. Per adesso ci limitiamo a cambiare qualche colore

TIMER
qui impostiamo un tempo ...5 minuti pu andar bene? Abbondiamo... Aggiungiamo se volete ma ci puoi riprovare

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

ALTRO questa una schermata interessante: Includi la funzione SCORM 1.2, la attiviamo nel caso volessimo implementare l'esercizio in piattaforma Mostra un numero limitato di domande all'apertura della pagina, per ora non l'attiviamo perch le nostre immagini sono solo cinque, ma se ne avessimo fatte per esempio 30, non ci starebbero nella pagina iniziale, allora Hotpotatoes ti fa scegliere tot numero di immagini che casualmente fa apparire nella pagina iniziale tutte le volte che la si ricarica....In questo modo l'esercizio non sar mai uguale. L'esercizio non sar comunque uguale anche perch attiviamo Rimescola l'ordine degli elementi all'apertura della pagina

BENE! Abbiamo finito non ci rimane che CLICCARE SU OK per cui questa configurazione sar memorizzata nel nostro file dati

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

Vi piace? Volete salvarla per il prossimo esercizio, cosi non configurate pi nulla? Potete cliccare su SALVA CON NOME dategli lo stesso nome dell'esercizio cos ricorderete di cosa si tratta. Nel prossimo esercizio potrete richiamare la configurazione con APRI

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

5.VISUALIZZAZIONE

ORA POSSIAMO GUSTARCI IL NOSTRO HOT POTATOES

DOBBIAMO SALVARE LA PAGINA HTML

Elisabetta Verticelli

Tutorial facile Hot potatoes Esercizio di abbinamento

QUINDI

attendiamo un attimo ...EUREKA !

alla prossima! Elisabetta


DUE NOTE Se riaprite il file dati e lo modificate ricordatevi di cliccare OK alla fine e di risalvare il vostro file dati Controllate con quale browser state operando perch Hot potatoes compatibile con Netscape Navigator o MS Internet Explorer