dissabte, 28 de novembre del 2009

1. HOT POTATOES

 CARACTERÍSTIQUES DE HOT POTATOES

Hot Potatoes és un conjunt d'eines d'autor, desenvolupat per l'equip d'Investigació i Desenvolupament de la Universitat de Victoria (Canadà). Aquestes eines permeten elaborar exercicis interactius basats en pàgines web. La interactivitat dels exercicis s'aconsegueix mitjançant JavaScript i, consequentment funcionaran tant en plataformes Windows com Macintosh.

Aquestes eines ens permetran crear exercicis en qualsevol llengua, incluint l'espanyol, el francès, l'alemany, el català...

No ens cal tenir coneixements de JavaScript, ja que tan sols necessitarem introduïr dades: textos, preguntes, respostes, icones...i el mateix programees cuidarà de generar les pàgines web. Posteriorment, podrem publicar aquestes pàgines en el nostre servidor web i/o penjar-les al blog.

En la següent presentació s'explica, pas a pas, les característiques principals de Hot Potatoes.

 Hotpotatoes consta de 6 aplicacions



    JCloze: omplir epais buits
    JQuiz: questionari
    JMatch: aprerellar
    JCross: mots ecreuats
    JMix: reordenar
    TheMasher: organitzador


El funcionament d'aquestes aplicacions és molt senzill:
Hi ha tres passos fonamentals per elaborar l'exercici

       1. Introducció de les dades (preguntes, respostes...)
       2. Configuració de l'aspecte final (nom dels botons, les instruccions...)
       3. L'elaboració de la pàgina web (el servidor i la importació a blogger)


Cada una de les aplicacions funciona d'una manera similar. Introduirem les dades i configurarem l'aspecte final que li volem donar. Guardarem l'arxiu (guardar com) amb l'extenció pròpia de cada una de les aplicacions (.jqz, .jcl, .jmt, .jmx, .jcw). Això ens permetra, més endavant, fer-ne modificacions i obtenir-ne exercicis similars.
Buscarem la icona de la imatge i guardarem l'arxiu en format .htm. D'aquesta manera obtindrem el format idoni per penjar-lo en un servidor. També ens deixarà visualitzar l'aspecta que tindrà.

 Per poder visualitzar el nostre fitxer hotpotatoes en el blogger, haurem de crear-nos una pàgina web en un servidor, pujar-hi el fitxer i des del blog, cridar-lo. Anem per passos:


1. Primer de tot, buscarem un servidor on ubicar el nostre fitxer.
          El servidor de la XTEC, si n'esteu registrats
          Un servidor gratuït. Jo he utilitzat: web Garden , però n'hi ha molts, i segurament de millors
2. Ens registrarem. Demana la direcció que tindrà la pàgina web i el nom



3. A continuació, haurem de donar el nom d'usuari, contrasenya i correu electrònic. Acceptem les condicions
 

Ja tinc la pàgina web creada: rosa.webgarden.es
A partir d'ara podrem afegir, modificar i borrar qualsevol element que tinguem en aquest lloc.


Accedirem a la pàgina, anirem a la pestanya "Contingut" i insertarem el nostre document de hotpotatoes, o qualsevol arxiu que tinguem:
      1. pestanya Unload / examinar (buscarem l'arxiu .htm) / subir
      2. El veurem a la part inferior.



   3. Cliquem sobre el nostre arxiu  per a obtenir l'adreça que haurem d'inserir al blog

4. Anirem al nostre blog. Enviament de missatges / Nova entrada / Modifica l'HTML i enganarem el següent  codi:
5. Canviarem les dades següents:
       . L'adreça del servidor, si es que n'hem utilitzat un altre.
       . L'amplada i alcada, a fi d'adaptar-lo al nostre espai (height,width)
       . Ubicarem l'adreça on tenim l'arxiu (scr="http://......."
6. Ja podem guardar i visualitzar el nostre blog.


LINKS D'UTILITAT


• Pàgina oficial de Hot Potatoes: http://web.uvic.ca/hrd/halfbaked/ (podeu descarregar l'aplicació)


PÀGINES WEB AMB EXERCICIS




Tutorial en document PDF (de la versió 5.4)
• A Recursos d'Aula21.net hi trobem una secció dedicada a HotPotatoes: com fer la instal.lació, tipus d'exercicis, adreces,...


TUTORIAL DE COM INSERTAR UN ARXIU DE HOT POTATOES EN UN BLOG