CREACIÓ D'EXERCICIS

Algunes aplicacions educatives que ens permeten generar activitats per l’alumnat:

          • HotPotatoes

          • El Clic

          • WebQuestions

          • TestMarket

          • Quiz     

          • Quadern de Mates

HOTPOTATOES

     Hot Potatoes es un conjunt de programes de creació d’exercicis autocorrectius.

     El programa es desenvolupat i publicat per la Victoria University i Half-Baked Software.

     Hot Potatoes ens permet crear qüestionaris sense resposta, o d’elecció múltiple, completar frases en les que hi falten paraules, ordenar frases, mots encreuats, aparellar elements de dos columnes...

     Tots aquests materials poden ser elaborats com pàgines web i publicar-se, o utilitzar-se sense estar connectat a la Internet.

     Podem descarregar la versió Mac o Windows, i te la interfície en castellà. L'ús de Hot Potatoes es gratuït per a particulars i per a institucions educatives sense ànim de lucre, amb la condició que els materials que s'elaborin amb el programa es distribueixin gratuïtament a través de la WWW.

EL CLIC

     El Clic es un programa de lliure distribució que permet crear diversos tipus d'aplicacions educatives multimèdia en l’entorn Windows.

    Podem dissenyar diferents tipus d'activitats: trencaclosques, associacions, sopes de lletres, mots encreuats, activitats d'identificació, d'exploració, de resposta escrita, activitats de text i altres.

     Les activitats poden contenir text, imatges, sons i altres recursos multimèdia. També és possible encadenar grups d'activitats en paquets per tal d'executar-les seqüencialment.

    Darrerament també podem treballar amb la nova versió del Clic (el JavaClic) que pretén aprofitar els avantatges derivats de l'evolució d'Internet, de les prestacions tècniques dels ordinadors i dels entorns gràfics d'usuari.

“El Racó del Clic”

     A més de les informacions necessàries per a poder descarregar i instal•lar el Clic, la web "el racó del Clic" pretén ser un espai de cooperació i solidaritat entre educadors i escoles mitjançant l'intercanvi dels materials produïts amb el programa.

     A la secció d'activitats s’hi troben més de set-centes aplicacions creades gràcies a moltes hores de feina desinteressada d'educadors/es de diversos països. Les aplicacions estan classificades per àrees temàtiques, per nivells educatius i per idiomes.

     Per utilitzar les activitats cal instal•lar el programa Clic 3.0 a l'ordinador.

WEBQUESTIONS

     WebQuestions és un programa per generar qüestionaris en forma de pàgines Web.

     Les respostes que es generen poden ser de quatre tipus:

            - elecció múltiple

            - resposta simple

            - verdader/fals

            - omplir un forat.

TESTMARKET

     Test Market és una utilitat que permet generar en línea qüestionaris o tests que poden ser descarregats i guardats al disc i utilitzar-los sense estar connectats a la Internet.

     Els qüestionaris que es generen poden ser utilitzats per qualsevol navegador que soporti JavaScript.

     Test Market genera tres tipus de qüestionaris:

         - poder elegir la resposta correcta d'una llista

         - escriure la resposta correcta

         - elegir o escriure la paraula correcta en el context d'un text o història.

QUIZ

    Con Quiz, se puede confeccionar y administrar pruebas objetivas, usando tanto preguntas de selección múltiple como preguntas del tipo de llenar los espacios en blanco. Es posible crear pruebas por tiempo y hasta agregar sonidos y gráficos a los items del cuestionario.

     Además del English (Inglés) o Deutsch (Alemán) como el idioma de la interfase de la aplicación, se puede elegir el item del menú Opciones/Language. Esto permitirá cargar un ”archivo de interfase de idioma” de cualquier otro idioma, y de esta forma mostrará la interfase del programa en el idioma respectivo.

     La instalación estándar incluye un archivo English.lgqz (Inglés) y otro Espanol.lgqz. Nota: també es pot descarregar el fitxer que ens permet posar la interfície en català.

EL QUADERN DE MATES

     Cuaderno de Mates es un programa gratuito para trabajar la numeración (cardinales, ordinales, romanos y ordenación) y el cálculo (sumar, restar, tablas, multiplicar y dividir) en primaria.

     Cuaderno de Mates intenta aprovechar la motivación que genera el uso de los ordenadores en el alumnado para ejercitar mecanismos de numeración y cálculo, a menudo, tediosos y, siempre, consumidores de un tiempo precioso que querríamos dedicar a actividades de investigación, de razonamiento, de descubrimiento matemático.

    Es, pues, como dice su nombre, un cuaderno. No tiene más pretensiones.Permite configurar hasta dieciséis grupos de diferente nivel y seleccionar las actividades del cuaderno.

Podeu trobar més informació sobre aquestes aplicacions a:  http://personales.ya.com/ivilater/taller03/taller/taller.htm

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.

Breve tutorial de Hot Potatoes

View more presentations from BeneMarcos.

 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

• Coneixement del Medi - Mostres d'exercicis de coneixement del Bages

• Anglès -Reading White Death

• Actividades de lengua castellana

• Jacint Verdaguer

• Ejercicios sobre Fotografia

• Activitats Hot Potatoes de Tecnologia

• Mitjans de comunicació - Unitat Interdisciplinar 1r. cicle educació secundària

• Exercicis interactius realitzats amb Hotpotatoes

TUTORIALS
Tutorials en castellà en linea (totes les versions)

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

2. HOT POTATOES: JCLOZE

JCloze genera exercicis per omplir forats. Es poden posar un nombre il·limitat de possibles respostes correctes per a cada forat. L'estudiant, si te dubtes, podrà demanar ajuda posant un botó i se li mostrarà la resposta correcta. També podrem inserir "pistes" per a cada pregunta.

El programa ens permet, a voluntat, seleccionar paraules i deixar-les en blanc o utilitzar un procés automàtic, de manera que es generin els buits cada "n" paraules.
També s'inclou puntuació automàtica.

Anem a veure com funciona l'aplicació:

1. Enganxarem el text i seleccionarem les paraules que volem suprimir. Amb les opcions Forat / Esborra forat, anirem creant els buits. L'aplicació ens donarà diferents opcions:

          - Donar una pista orientativa

          - Respostes alternatives correctes

2. Un cop acabat, el guardarem (guardar como) al nostre disc dur. Tindrà l'extenció .jcl

3. També podem inserir imatges.

4. Aquesta icona ens permetra configurar l'aspecte i característiques del nostre document

1. Ens permet posa títol i les instruccions o anunciat de l'exercici

2. Indicacions i suggeriments: resposta correcta, incorrecta, puntuació

3. Seleccionar els botons: comprovar resposta, pista, ajuda...

4. Modificar l'aspecte de l'exercici: tipus de lletra i format, colors...

5. La temporització de l'exercici

6. Altres opcions..

Un cop hem acabat de personalitzar, el guardarem en format .htm, l'adequat per penjar-o a la web Aquesta opció també ens permetra visualitzar el nostre exercici tal com quedarà.

7. De la mateixa manera que hem explicat en el tutorial anterior, penjarem l'arxiu al nostre servidor gratuït.

8. Clicarem sobre l'arxiu i n'obtindrem l'adreça

9. Anirem a blogger, nova entrada / modifica l'HTML i inserirem l'adreça del servidor on tenim l'exercici en el següent codi:

Exemple d'un arxiu JCloze


Servidor:http://www.webgarden.es/

CANVIAR ELS LINKS DE LES PESTANYES

ESTRUCTURA

Per aconseguir que el meu blog tingui interactivitat, és a dir, que mitjançant les pestanyes pugui accedir a altres espais personals, hauré de crear tants blogs com pestanyes tingui. Per exemple:
          Inici: d'introducció al meu espai. Hi poso les novetats i on es poden trobar....
          Continguts: Part més teòrica
          Tutorials: Part més procedimental de l'aprenentatge
          Imaginart: Espai per Batxillerat
          Animat: Espai per l'ESO
Cada u d'aquests blogs generarà la seva pròpia adreça, que més endavant col·locaré en el codi

ENLLAÇ: MODIFICACIÓ DE L'HTML

Per canviar el nom de les pestanyes i els links, haurem de modificar el codi HTML.
Abans de tot, guardarem el nostre blog: Anirem a CONFIGURACIÓ / EDICIÓ / IMPORTAR. Guardarem el blog al nostre disc dur. D'aquesta manera, si fem alguna errada en el codi, podrem recuperar la nostra feina.

Ara, anirem a FORMAT / i accedirem al codi HTML. Hem d'anar molt en compte de no borrar cap etiqueta ni símbol. L'etiqueta és una ordre que va entre cometes.
Dins el codi  HTML de la plantilla podem veure com s'han definit tots els estils, tant de text, situació, format,colors..... No roqueu res!!!!

Cap a la part final heu de trobar una etiqueta que es diu HEAD, seguida de BODY. Ara ja podeu començar a observar detingudament el codi.

Aviat trobareu aquesta informació:
     ul /li: fa referència a files i columnes
     a href: ens fa un link a una altra pàgina

 '#': entre les cometes i el símbol "almohadilla" insertarem l'adreça del lloc on volem anar. Per exemple:

http://www.google.es/

http://www.web21iesbaixpenedesblogger.blogspot.com/

     title: aquesta etiqueta ens definirà el títol. Canviarem el títol original de la plantilla pel nostre
     b: indica que la primera lletra serà negreta. Posem la incial i tanquem amb una altre etiqueta b
     acabem de posar el nom que volem que es visualitzi en la nostra entrada.
     a: tanca l'ordre de l'enllaç
     li: tanca la fila

A continuació podeu veure el text HTML original, amb els elements que jo canviaré en vermell. A sota, com quedarà modificat.

Head

És fàcil d'entedre que hauré de modificar el codi de tots els meus blogs: els noms de les pestanyes i els links, de manera que l'aplicació em permeti navega d'un espai a l'altre.

3. HOT POTATOES: JMATCH

JMatch serveix per crear exercicis d'ordenació o emparellament. A l'esquerra ubicarem una llista d'elements, que podran ser de text o imatges. A la dreta, elements desordenats.

Aquesta aplicació ens podria ser d'utilitat per emparellar vocabulari amb imatges o traduccions, o per ordenar setències que formen una sequència o una conversa.

En la imatge inferior podeu veure la interface d'aquesta aplicació. És molt senzilla i funciona exactament com totes: Guardar l'arxiu amb els dos formats, canviar-ne les propietats i configurar les opcions. Pujar-la a un servidor extern i, posteriorment, inserir-la al nostre blog

Aqui podeu veure dos exemple extrets d'internet

TUTORIAL DE HOT POTATOES JMATCH

4. HOT POTATOES: JCROSS

JCross crea mots encreuats.

De la mateixa manera que en JQuiz i JClose, un botó d'ajuda permet  a l'alumne solicitar una lletra en cas que la necessiti.

Com elaborarem uns mots encreuats:

1. En primer lloc configurarem les opcions: posar el temps d'execusió, treure botons...i guargem.

2. Polsem el botó de crear cruadrícula

3. En la finestra de la part esquerra posarem,en linies diferents, totes les paraules que han d'anar als mots encreuats . Definirem la grandària màxima. Finalment crearem la graella. El propi programa crea els mots encreuats amb les paraules que jo he inscrit.

4. Puc afegir més paraules, lletra per lletra i generar, automàticament, una nova quadrícula.

5. A continuació escric les definicions. També podem afegir "pistes" per a cada una de les paraules.

6. Un cop hem acabat, guardem l'arxiu, amb l'extenció .jcw i amb .htm

7. Pugem l'arxiu al nostre servidor i des de blogger el podrem visualitzar.

TUTORIAL DE JCROSS

5. HOT POTATOES: JMIX

JMix crea exercicis de reconstrucció de frases o paràgrafs a partir de paraules desordenades. Podem especificar tantes respostes correctes diferents com volguem. També podem treballar amb els signes de puntuació. També podem incloure un botó que ajudi a l'estudiant

TUTORIAL DE JMIX

6. HOT POTATOES: JQUIZ

JQuiz crea exercicis d'elecció múltiple. Cada pregunta pot tenir tantes respostes com vulguem, i qualsevol d'elles pot ser correcta. Apareix el percentatge d'encerts cada vegada que es selecciona una resposta correcta. Tant en JQuiz com amb la resta d'aplicacions podem incloure una lectura que l'alumne efectuarà abans de realitzar els exercicis.

INTERFACE DE JQUIZ

EXEMPLE DE JQUIZ

TUTORIAL DE JQUIZ

Exercici d'introducció de text (exercicis oberts) mitjançant l'aplicació JQuiz:

1. Escriurem el títol, la pregunta i dues possibles solucions. Per exemple, podem escriure "6" i "sis". Això vol dir que el programa acceptarà com vàlides les dues respostes.

2. Un cop hem introduït les dades, guardarem el projecte (".jpz"). Més endavant, si volem, podrem modificar-les, però tant sols amb l'aplicació de Hotpotatoes. Després les haurem de tornar a generar per la Web.

3. Un cop hem acabat, crearem les pàgines Web. Polsarem sobre "Exportar a Web" del menú "arxiu". L'extensió serà ".htm".

4. El programa ens informarà que s'ha creat un fitxer i ens el deixarà veure en el navegador.

5. Pujarem l'arxiu al nostre servidor web i ja tindrem l'exercici en ple funcionament.

6. Recordeu que, per poder-lo visualitzar a blogger hem de copiar el codi a HTML juntament amb l'adreça HTTP de l'arxiu.

HOT PATATOES: THE MASHER

Un cop tenim tots els exercicis del nostre projecte final fets amb Hotpatatoes, els guardarem en una carpeta. Per tant, hi ubicarem tots els elements que necessita en meu projecte, els arxius font, les pagines web ".htm", les imatges, sons.... Procedirem a unir-los en un sol projecte, mitjançant la utilitat The Masher, inclosa en Hotpotatoes

1. Obrim The Masher i anem a la pestanya "arxiu" / "obrir arxius" i seleccionem tots els documents del nostre projecte. Fem "obrir" i ens surt una nova finestra on se'ns diu com s'anomena cada arxiu font i com s'anomenarà cada una de les pàgines web. OK a tot.

2. Podem canviar l'ordre dels exercicis seleccionant-lo i accedint a les fletxes de la part lateral, per pujar o baixar. Canviarem l'ordre seqüencial.

3. Ens demana on volem que aparegui el resultat o, més ben dit, on volem guardar el projecte. Buscarem una carpeta al nostre disc dur.

4. Anem a la pestanya "aspecte" i modifiquem les característiques del projecte. Podem unificar l'aparença de tots els exercicis (colors, font, format...) o que cada u tingui la configuració de quan el varem crear.

5. Anem a la pestanya "botons". Canviem i personalitzem el text a: exercici següent, enrere o anar a continguts.

6. Anem a la pestanya "índex" i posem el títol del projecte. Finalment, "construïm la unitat" i Masher configurarà cada un dels exercicis en un ordre correlatiu.. Quan ha acabat, podem veure el resultat final.

Observarem que el projecte final consta d'un índex amb els títols de tots els exercicis. Al clicar sobre ells, accedirem a les activitats. En cada activitat hi ha botons de navegació, que ens permeten anar endavant (següent), enrere o a la pàgina principal.

PODCAST

CARACTERÍSTIQUES DE PODCAST

1. El podcast permet, de manera senzilla, difondra continguts d'audio a la web.

2. El podcast ens permet dirigir-nos a un públic reduït o amb interessos específics.

3. La lògica d'emisió/subscripció amb la que es basa el podcasting, facilita la generació i lliurament de continguts de manera periòdica i regular.

COM PODEM FER UN PODCAST DE SO

En primer lloc, crearem el nostre arxiu de so: música, radio, veu... Una eina molt útil i senzilla, que ens permet enregistrar i modificar els nostres arxius de so, és Audacity.

A continuació us lliuro un tutorial que us permetra gravar veu i tractar arxius de so amb Audacity.

Podeu descarregar el programa, gratuitament,  de la www.softcatala.org/, i és gratuït.

TUTORIAL PER FER UN PODCAST

Podcast permet elaborat arxius de so, amb diferents continguts (ràdio, veu, música...) i pujar-los a Internet. Per fer un Podcast farem:

1. Entrarem a la pàgina http://www.podcast.es/. És un servei gratuït

2. Ens registrarem. Posarem les nostres dades.

3. Anirem a la pestanya Login i ingressarem al sistema.

4. Farem clic en el botó "Nuevo"

5. Dins la pestanya "Enviar fitcheros de audio" / examinar, buscarem, en el disc dur, el nostre arxiu de so. Acceptarem els drets reservats i accionarem "enviar audio".

6. Accedirem a la pestanya "episodios" i crearem una nova entrada. Posarem títol i descripció al Pod. També podem pujar una imatge. I "continuem". Ja tenim el primer Pod.

7. Per millorar-ne l'aparença anirem a "configuración" / "plantillas" i triarem el fons amb el que volem veure el Pod. Guardarem

8. A "configuración" / "información del podcast" definirem les dades que haurà de tenir el nostre Pod.

9. Finalment, anem a la part superior dreta, a la pestanya "Sortir".

10. Fem clic a la icona  "escoltar". Busquem el primer Podcast de la llista dels últims podcast publicats (serà el nostre) i podrem veure i escoltar com a quedat.

COM CREAR UN PODCAST PER A BLOGGER

1. Anem a: http://www.imeem.com/, red. Aquesta aplicació / red social, ens permet pujar fitxers d'audio  / video / imatges, generant un codi Html que, com hem vist amb anterioritat, podem insertar a Blogger.

2. Accedim a la pestanya Sing Up i ens registrem

3. Un cop registrats, haurem de consultar el correu per comprovar el registre del servei.

4. Anem a "login" i accedim amb el correu i la contrasenya. Desactivem la casella que hi ha al costat de "login".

5. Quan esteiguem al nostre lloc, anirem a l'opció "Upload", pestanya "Web Upload". Des d'aquí pujarem el nostre àlbum o arxiu de so.

6. Seleccionarem l'opció de foto / vídeo / so i clicarem a "Upload"

7. Apareixerà l'assistent per examinar l'àudio del nostre dics dur, arxiu .mp3. El seleccionarem i amb l'opció "Start Upload" el començarem a pujar. Pot tardar cert temps a convertir-se.

8. Un cop pujat l'audio, posarem el títol, artista, gènera... Agregarem informació a l'arxiu.I "Finish Uload"

9. Amen a la pestanua "Upload" / "Recent Uploads" i veurem els nostres arxius. Fem clic damunt del nom i ens proporcionarè el reproductor.

10. Anem a l'opció "embeb" i copiem el codi HTML que inserirem al nostre blog.

EXEMPLE DE PODCASTING PER A BLOGGER

rac_1_Baste(Divendres_30-10-09)_El_davantal_(_).mp3 - Baste

TUTORIAL DE COM PUJAR UN POD A BLOGGER

SLIDESHARE

CARACTERÍSTIQUES D' SLIDESHARE

Slideshare és un espai gratuït on els usuaris poden enviar presentacions PowerPoint o OpenOffice i que, d'aquesta manera queden amagatzemades en format Flash per poder-les visualitzar online. És una opció molt interessant per compartir presentacions en la red.

Admet fins 20 Mb de pes, sense transicions entre diapositives.
Un cop pujada i procesada, les converteix en format flash i ja la tenim disponible a través d'una adreça pública, sense privacitat. També podem compartir-la per correu electrònic, o ubicar-ho en la nostra pàgina web

L'adreça d'allotjament és www.slideshare.net

EXEMPLE D'UN POWERPOINT
IMATGES

TUTORIAL PER CREAR UN ESPAI A SLIDESHARE

Trobareu un tutorial detallat d'Slideshare en la primera part del curs, quan es van treballar aplicacions Web2.1

PICASA

CARACTERÍSTIQUES DE PICASA
 Picasa és un programa de descàrrega gratuïta de Google i que ens permet:

    • Localitzar i organitzar totes les fotos del nostre equip.
    • Podem editar i afegir efectes a les fotos d'una manera senzilla.
    • Ens permet compartir les nostres fotos amb altres usuaris, mitjançant correu electrònic.
    • Crear àlbums i etiquetes.
    • Retocar i editar les fotos.
    • Compartir les imatges amb els nostres amics.
    • Fer-ne còpies

INSTAL·LACIÓ DE PICASA Y CREACIÓ D'UN ÀLBUM

Tutorial sobre Picasa

View more presentations from BeneMarcos.

Si voleu més informació sobre la instal·lació i les prestacions de Picasa, les podeu trobar en els tutorials de la primera part del curs.