Manual_Hotpotatoes

Manual do

HotPotatoes

Ho t Po t a t o e s

Manual prático do HotPotatoes

Indice de conteúdos Introdução .................................................................................................................................4

Licenças de utilização................................................................................................................5 Funcionamento básico do Hot Potatoes..................................................................................5

Introdução de dados..............................................................................................................5 Elaboração de páginas web.................................................................................................8

JCloze........................................................................................................................................10Descrição..............................................................................................................................10

Criação de um exercício......................................................................................................10JQuiz.........................................................................................................................................14

Descrição..............................................................................................................................14 Criação de um exercício......................................................................................................14

JCross.......................................................................................................................................26Descrição.............................................................................................................................26

Criação de um exercício.....................................................................................................26JMix...........................................................................................................................................32

Descrição..............................................................................................................................32 Criação de um exercício.....................................................................................................32

JMatch.......................................................................................................................................37Descrição..............................................................................................................................37

Criação de um exercício......................................................................................................37 The Masher..............................................................................................................................42

Alexandrina Martins© 2/47

Ho t po t a t o e s


Índice das Figuras 1: Figura Inserção de dados no JMatch....................................................................................6 2: Figura Configurar a saída......................................................................................................7 3: Figura Configurar o aspecto final do exercício....................................................................7 4: Figura Criar uma página Web..............................................................................................8 5: Figura O texto para o JCloze................................................................................................11 6: Figura Inserir lacunas............................................................................................................11 7: Figura Aspecto de um texto lacunar....................................................................................12 8: Figura Aspecto final de um exercicio JCloze......................................................................13 9: Figura Janela do JQuiz........................................................................................................14 10: Figura Tipos de questões do JQuiz...................................................................................15 11: Figura Questão completa na escolha múltipla...................................................................16 12: Figura Acrescentar texto de apoio......................................................................................17 13: Figura Inserir o texto de apoio............................................................................................17 14: Figura Aspecto final de um exercício de escolha múltipla...............................................18 15: Figura Respondendo às questões......................................................................................18 16: Figura Exercício de resposta curta.....................................................................................19 17: Figura Resultado em HTML...............................................................................................20 18: Figura Respondendo às questões ....................................................................................20 19: Figura Exercício de resposta híbrida..................................................................................21 20: Figura Exercício de resposta híbrida................................................................................22 21: , Figura Após duas respostas erradas passa para escolha múltipla................................22 22: Figura Exercício de escolha múltipla................................................................................23 23: Figura Resultado final de um exercício de escolha múltipla...........................................24 24: Figura Mostra o comentário em falta................................................................................24 25: Figura A resposta está totalmente correcta......................................................................25 26: Figura Criar um exercício no Jcross.................................................................................26 27: Figura Criar um exercício...................................................................................................27


Ho t Po t a t o e s


28: Figura Mudar o tamanho da grelha...................................................................................27 29: Figura Incluir as pistas de cada palavra...........................................................................28 30: Figura Resultado final de um exercício em JCross.........................................................29 31: Figura Botão da grelha automática....................................................................................29 32: Figura Criar a grelha automaticamente............................................................................30 33: Figura Resultado de uma grelha criada automaticamente..............................................31 34: Figura Janela do JMix........................................................................................................33 35: Figura Definindo um exercício do JMix............................................................................34 36: Figura Exercício do JMix....................................................................................................35 37: Figura Verificar se a frase está correcta...........................................................................35 38: Figura Criar um exercício de arrastar e largar.................................................................36 39: Figura Layout de um exercício do JMix...........................................................................36 40: Figura Janela do JMatch...................................................................................................37 41: Figura Definindo os parametros do JMatch......................................................................38 42: Figura Resultado de JMatch simples................................................................................39 43: Figura Dadas as respostas................................................................................................39 44: Figura Criar um exercício de arrastar e largar................................................................40 45: Figura Resultado de um JMatch para arrastar e largar...................................................41 46: Figura Resultado final do exercício...................................................................................41 47: Figura Janela do Masher...................................................................................................42 48: Figura Adicionar ficheiros..................................................................................................43 49: Figura Ficheiros do exercício............................................................................................44 50: Figura Layout do menu criado no Masher.......................................................................44


Ho t po t a t o e s


Introdução

O Hot Potatoes é um programa constituído por seis módulos específicos que possibilitam a elaboração de seis tipos de exercícios interactivos com recurso à .Internet A

ferramenta é desenvolvida por uma equipa da University of Victoria CALL Laboratory . Research and Development Para garantir a interactividade dos exercícios a ferramenta

, usa a linguagem Javascript que permite que os seus trabalhos funcionem perfeitamente , na esmagadora maioria dos navegadores correntes mais usados podendo ter problemas

.apenas os utilizadores que usem versões muito antigas dos ditos navegadores

Dois dos ,módulos JMatch e ,JMix permitem a utilização da técnica de arrastar e ,largar mas . apenas nas versões mais recentes dos navegadores Todos os módulos

, admitem a utilização de caracteres acentuados possibilitando assim a criação de , trabalhos em qualquer língua que se baseie no conjunto de caracteres romano incluindo

, , .o francês o português o alemão e outras línguas europeias

U m dos grandes atractivos do HotPotatoes é que os seus utilizadores não precisam saber rigorosamente nada da construção de páginas para a Internet ou da programação

. com Javascript Tudo o que é necessário é inserir os parâmetros para as diversas - - . questões e o programa encarregar se á de gerar as páginas web para si Essas páginas

podem depois ser publicadas no seu servidor web ou podem ser simplesmente usadas em qualquer computador que t . enha um navegador mais ou menos recente De qualquer

f , orma se você estiver familiarizado com o / , HTML e ou com o Javascript pode sempre , dar um toque pessoal ao resultado final tanto em termos das questões como

. simplesmente do aspecto


Ho t Po t a t o e s


Licenças de utilização O Hot Potatoes é um programa gratuito apenas para i nstituições públicas ou sem fins

. , - lucrativos Se trabalha numa instituição educativa sem fins lucrativos pode usá lo sem . , ser preciso fazer nada Se for uma empresa comercial deverá adquirir uma licença

( consulte http://www.halbakedsoftware.com ) . , de utilização No entanto se for uma , .instituição educativa tudo o que lhe é pedido é que registe o programa Tal serve

apenas para se ter uma ideia de quem está a usar o programa e a fazer o .quê Funciona como uma espécie de carteira de clientes que os desenvolvedores podem

usar como . , :forma de apresentarem e justificarem o seu produto Para este registo vá a

http://web.uvic.ca/reg/register.htm.

Funcionamento básico do Hot Potatoes . , O Hot Potatoes é um programa muito simples de usar No entanto como todos os

, . programas tem uma linha base de funcionamento Para construir algum material de , :aprendizagem útil deverá seguir os seguintes passos

. , , , .Introdução de dados No módulo escolhido definir as perguntas respostas etc

.Configuração do aspecto final

. Elaboração de páginas web

.Organizar os seus exercícios em ficheiros HTML

Vejamos rapidamente cada um destes passos.

Introdução de dados , Depois de escolher o módulo com que deseja trabalhar escreva as perguntas e todas as outras informações relativas ao módulo que .escreveu Por ,exemplo se escolheu o

JMatch escreva os , .items ordenados e os desordenados para fazer a correspondência


http://web.uvic.ca/hrd/hotpot/register.htm

Ho t po t a t o e s


, - . Quando o trabalho está pronto é necessário gravá lo Cada um dos módulos guarda o . seu trabalho em ficheiros com extensões próprias Repare que esse ficheiro não é o

.ficheiro HTML que você irá distribuir É o ficheiro com a sua .construção Se mais tarde quiser fazer alterações ao seu ,trabalho é este ficheiro que deverá ,abrir com o módulo .adequado Nunca apague este ;ficheiro a página HTML que é gerada não pode

.ser usada para reconstruir o seu trabalho

. Mais à frente iremos ver cada um dos módulos com um pouco mais de pormenor


Figura 1: Inserção de dados no JMatch

Ho t Po t a t o e s


Configuração do aspecto final

É possível com o Hot Potatoes configurar a forma como o seu trabalho será apresentado aos . , , ,outros Pode definir cor de fundo cor das letras tipos de letra

- , . mensagens pré definidas entre outros aspectos Para aceder a esta área escolha o :menu indicado a seguir

, A janela que aparece tem vários separadores servindo cada um deles para configurar .aspectos específicos do seu trabalho


Figura 2: Configurar a saída

Figura 3: Configurar o aspecto final do exercício

Ho t po t a t o e s


Se clicar no botão Gravar, , no fundo da janela pode guardar o modelo de configuração . que definiu Mais tarde pode carregar esse modelo em outro .trabalho Desta ,forma

não tem que andar sempre . a configurar o aspecto de cada trabalho que realiza Para , carregar um modelo use o botão Carregar, .ao fundo da janela

Algumas opções são comuns a todos os módulos e algumas só aparecem módulo a , .módulo por serem específicas para o mesmo

Elaboração de páginas web

, Nesta fase as opções mais importantes são as que lhe permitem exportar o seu trabalho .para a web


Figura 4: Criar uma página Web

Ho t Po t a t o e s


I magine que dá o nome teste . ao seu trabalho Então terá com certeza um ficheiro .teste htm, . ,que é onde está o seu trabalho Se deseja criar uma ligação ao seu trabalho .deve ser este o ficheiro para o qual a ligação deverá apontar

, , Poderá em alguns casos ter ainda o ficheiro .testew htm, -que é o ficheiro de boas

(vindas =w welcome). - Aparecerá no topo do seu trabalho e tem apenas as boas vindas e .as instruções de realização do exercício

Também poderá aparecer o ficheiro .testec htm, que é onde está todo o código (necessário para que o exercício funcione =c code).

Vamos ver de seguida o funcionamento de cada um dos módulos que constituem o Hot .Potatoes


Ho t po t a t o e s


JCloze

"Este é o módulo que é usado para a elaboração de exercícios do tipo preencher lacunas".

Descrição

O utilizador coloca as suas respostas nas lacunas e depois clica em Verificar para ver as . respostas correctas e para obter a sua pontuação no exercício Para cada lacuna é

100 . , possível estabelecer até respostas correctas Por exemplo numa determinada lacuna " ", " " " ". podemos aceitar como certo as palavras espaço cosmos e vazio Se clicar no botão

Pista, o sistema irá dando letras da palavra na lacuna em que estiver posicionado o . , - cursor Este botão é opcional pelo que você pode decidir não utilizá lo nos seus

, - . exercícios tornando os mais difíceis Pode ainda definir se quer que o sistema seja .sensível a maiúsculas e minúsculas

Criação de um exercício

. A primeira coisa a fazer é dar um título ao nosso exercício De seguida escrevemos o nosso

texto completo, sem qualquer lacuna.


Ho t Po t a t o e s


, Para inserir uma lacuna seleccionamos a palavra que queremos que seja a lacuna e clicamos no botão Lacuna..


Figura 5: O texto para o JCloze

Figura 6: Inserir lacunas

Ho t po t a t o e s


, , ( ).Escrevemos uma pista se a quisermos e as várias respostas alternativas se tivermos - Clica se em OK e a palavra seleccionada fica com uma formatação -vermelha

-sublinhada itálico, .indicando que é uma lacuna

. Repita este processo para todas as palavras que deseja que sejam lacunas Se desejar , eliminar uma lacuna coloque o cursor no meio da palavra que representa essa lacuna e

clique em Apagar Lacuna. .a palavra voltará a ser uma palavra normal do texto

O botão Remover Lacunas ,remove automaticamente todas as lacunas definidas . restituindo o estado normal a todas as palavras que as representam O botão Lacuna Automática .atribui uma lacuna automaticamente a cada n palavras

, Finalmente pode usar a opção já referida de configuração do aspecto para definir


Figura 7: Aspecto de um texto lacunar

Ho t Po t a t o e s


, algumas funcionalidades entre as quais cabe aqui referir a existência ou não do botão .de dicas e a definição de um tempo máximo de execução deste exercício

.Vejamos um aspecto possível

. É claro que todo o texto que está em inglês poderia ter sido posto em português É só .explorar a janela de configuração do aspecto


Figura 8: Aspecto final de um exercicio JCloze

Ho t po t a t o e s


JQuiz

Este é o módulo do Hot Potatoes que permite a elaboração de exercícios de perguntas abertas.

Descrição

, Este módulo cria questionários para se responder a uma pergunta ou definir uma .palavra ou uma questão qualquer cuja resposta seja uma palavra ou uma frase curta

, Podemos especificar tantas respostas correctas quantas queiramos e para cada questão .podem ser definidas pistas


- :Quando se entra no JQuiz aparece nos a seguinte janela


Ho t Po t a t o e s


. A primeira coisa a fazer é decidir que tipo de questionário queremos elaborar Isso é feita .na caixa de opções que se encontra em cima à direita

4 :Existem possibilidades

Escolha múltipla


Figura 9: Janela do JQuiz

Figura 10: Tipos de questões do JQuiz

Ho t po t a t o e s


Resposta curta

Híbrida

Selecção múltipla

, Os resultados obtidos são diferentes pelo que vamos analisar cada uma das opções .separadamente

Escolha múltipla

. Vejamos quais são os passos para a criação de um exercício Realço que qualquer um , , dos parâmetros a preencher pode levar imagens tabelas HTML links e diversos objectos

. , multimédia Para tal utilize o menu Inserir.

1. .Escrever um título para o nosso exercício

2. .Escrever a pergunta propriamente dita

3. . , Definir qual o peso que essa pergunta vai ter no total de perguntas Por exemplo se 20, 20% ( escrever significa que a pergunta vale do exercício completo do total de ).perguntas

.A seguir definimos todas as respostas possíveis a esta questão

4. , Escrever todas as respostas possíveis bem como um possível comentário para cada .uma delas

5. , Para cada uma das respostas activar a opção Aceitar como correcta e definir a . , percentagem de correcção da resposta Por exemplo posso aceitar uma resposta mas

20% ( , 80% descontar por não ser a melhor ou seja essa resposta vale da cotação total da


Ho t Po t a t o e s


).pergunta

. , Podemos agora definir quantas perguntas e respostas queremos Por fim vamos . acrescentar um texto de apoio Usamos o menu Ficheiro - Acrescentar texto de apoio.

:A seguinte janela aparecerá


Figura 11: Questão completa na escolha múltipla

Figura 12: Acrescentar texto de apoio

Ho t po t a t o e s


, . :Depois gravamos como HTML e vemos os resultados O efeito final é o que segue


Figura 13: Inserir o texto de apoio

Ho t Po t a t o e s


.Vamos responder às perguntas

Resposta curta

, Vamos acrescentar uma segunda pergunta ao nosso exercício desta vez do tipo Resposta curta. 80 ( 100,Colocamos o peso desta a a soma das duas perguntas dará

).como se pretende


Figura 14: Aspecto final de um exercício de escolha múltipla

Figura 15: Respondendo às questões

Ho t po t a t o e s


:Geramos o HTML e o resultado é este


Figura 16: Exercício de resposta curta

Ho t Po t a t o e s


:Vejamos como fica dando a resposta que atribui apenas metade da cotação

Híbrida

2 40 3, Vamos passar o peso da pergunta para e acrescentar uma pergunta com um


Figura 17: Resultado em HTML

Figura 18: Respondendo às questões

Ho t po t a t o e s


40.peso de

, , , Antes de mais convém referir que por defeito nas configurações da saída está definido .que ao fim de duas tentativas erradas o sistema passará a pergunta a escolha múltipla

3 Repare que a ª resposta possível tem a caixa . Incluir opções Múlt Escolha .desactivada , Isto significa que no caso de a pergunta passar a escolha múltipla esta possibilidade de

. 3 , resposta não aparecerá na lista Apenas aparecerão as primeiras que têm esta caixa .activada

, :Depois de gerar o HTML vejamos qual o efeito final para esta questão


Figura 19: Exercício de resposta híbrida

Ho t Po t a t o e s


, :Após dar duas respostas erradas acontece o seguinte

: , Cá está o sistema passou a pergunta a escolha múltipla mas não incluiu a quarta resposta possível na lista.


Figura 20: Exercício de resposta híbrida

Figura 21: Após duas respostas erradas, passa para escolha múltipla

Ho t po t a t o e s


Selecção múltipla

, 20, Finalmente vamos passar o peso da questão três para e criar uma nova questão 20 com peso e tipo Selecção múltipla.

As três respostas que têm a caixa Deve estar seleccionado são as respostas correctas e . que o utilizador deverá seleccionar

.Vamos gerar o código HTML e ver o efeito final desta pergunta


Figura 22: Exercício de escolha múltipla

Ho t Po t a t o e s


.Vamos acertar apenas em duas e colocar uma errada

. :Ele mostra o comentário da resposta em falta Vamos agora colocar a sequência certa


Figura 23: Resultado final de um exercício de escolha múltipla

Figura 24: Mostra o comentário em falta

Ho t po t a t o e s


, , Como se viu o JQuiz é um módulo versátil que nos permite criar e misturar questões de , . diversos tipos com facilidade e simplicidade Os cálculos efectuados para a classificação

, .final são facilmente verificáveis por si mas pode confiar que estão correctos


Figura 25: A resposta está totalmente correcta

Ho t Po t a t o e s


JCross

Este é o módulo do Hot Potatoes que permite a elaboração de palavras cruzadas.

Descrição

- , O módulo JCross permite lhe criar um sistema de palavras cruzadas com palavras na . , horizontal e na vertical Para cada palavra pode ser definida uma pista e podemos

indicar ao sistema se as pistas deverão aparecer apenas quando for clicado o número da .palavra ou se deverão estar sempre presentes


, :Quando escolhemos o módulo JCross a janela que nos aparece é a seguinte


Figura 26: Criar um exercício no Jcross

Ho t po t a t o e s


1. ( Começamos por dar um título a este exercício podemos também acrescentar um , ).texto de apoio como já vimos atrás

2. . Depois escrevemos as palavras verticais e horizontais Use as teclas do cursor , .para navegar na grelha ou clique com o rato

Os botões que se encontram ao fundo à esquerda servem para ajustar a posição de todo ( , ...). o conteúdo mais para a esquerda mais para cima Pode ainda alterar a dimensão da

( ):matriz da grelha no seguinte menu a grelha é sempre uma matriz quadrada


Figura 27: Criar um exercício

Figura 28: Mudar o tamanho da grelha

Ho t Po t a t o e s


3. , Atribuimos uma pista a cada palavra clicando no botão Juntar pistas.

4. - , Clica se na pista desejada e no rectângulo à esquerda do botão OK - escreve se o . - . , - texto correspondente Faz se isto para todas as pistas No fim clica se no botão

OK .ao fundo da janela

...Podemos agora gerar o ficheiro web para este exercício e ver o resultado final


Figura 29: Incluir as pistas de cada palavra

Ho t po t a t o e s


Criar a grelha automática

...Podemos também criar uma grelha de palavras cruzadas automática

E aparece a seguinte janela onde podemos inserir as palavras e definir o tamanho da . grelha


Figura 30: Resultado final de um exercício em JCross

Figura 31: Botão da grelha automática

Ho t Po t a t o e s


, , Após a inserção de todas as palavras em linhas diferentes carregar no botão Criar a grelha..

, As palavras são distribuídas automaticamente pela grelha ficando com o seguinte :aspecto


Figura 32: Criar a grelha automaticamente

Ho t po t a t o e s


Devemos proceder , à inserção das pistas tal .como foi feito anteriormente


Figura 33: Resultado de uma grelha criada automaticamente

Ho t Po t a t o e s


JMix .Módulo para criação de exercícios de ordenação de palavras

Descrição

Com este módulo podemos criar exercícios em que é apresentada ao aluno uma frase , - . com as palavras todas desordenadas sendo sua função ordená las Essa ordenação é , feita através de cliques nas palavras desejadas que vão sendo colocadas pela ordem . , dos cliques Se essa nova ordem coincidir com a frase definida o exercício foi

.correctamente executado


, .Ao escolher este módulo aparece a seguinte janela


Ho t po t a t o e s


. Escreva o título do exercício e a frase na ordem correcta Cada palavra deverá estar ; ; , numa linha esta é uma exigência do JMix se não o fizer todas as palavras que colocar

.na mesma linha serão consideradas como uma só palavra


Figura 34: Janela do JMix

Ho t Po t a t o e s


( As frases alternativas são frases que poderão igualmente ser construídas com as ), .mesmas palavras ad frase principal e que também serão consideradas correctas

, - , .Quando gera o código HTML são lhe apresentadas duas hipóteses neste módulo

Página web para browser

- . O layout irá apresentar lhe a frase com as palavras desordenadas Deverá ir clicando em , cada palavra na ordem que considerar correcta e a frase será construída por essa .ordem


Figura 35: Definindo um exercício do JMix

Ho t po t a t o e s


:Vejamos um exemplo de layout

( ) :E depois de ordenar clicando e verificar


Figura 36: Exercício do JMix

Figura 37: Verificar se a frase está correcta

Ho t Po t a t o e s


Página web Arrastar/Largar para browser

- . O layout irá apresentar lhe a frase com as palavras desordenadas Deverá ir arrastando , cada palavra na ordem que considerar correcta e a frase será construída por essa .ordem

, Ao utilizar o botão assinalado a vermelho a frase é divida em pequenos blocos que .podem ser arrastados e largados

:Vejamos em exemplo de um layout


Figura 38: Criar um exercício de arrastar e largar

Ho t po t a t o e s


JMatch .Este módulo cria exercícios do tipo associação de pares

Descrição

, Com este módulo podemos criar exercícios de associação em que o aluno terá de .associar elementos da direita a elementos da esquerda


, :Ao escolher a batata JMatch aparecerá a seguinte janela


Figura 39: Layout de um exercício do JMix

Ho t Po t a t o e s


, .Como sempre começamos por dar um título ao nosso exercício

, , . Depois escrevemos os items da esquerda os que estão ordenados e os da direita Se activarmos caixa Fixar, .eles serão baralhados


Figura 40: Janela do JMatch

Ho t po t a t o e s


. Repare que à direita de cada item da esquerda está a resposta correcta O sistema - - .encarregar se á depois de os baralhar e colocar na caixa de combinação para escolha

, Neste módulo a conversão para HTML tem duas possibilidades.

Página web para browser

. Aparecerá uma caixa de combinação para cada elemento da esquerda Deve ser .escolhido o item correcto para esse elemento


Figura 41: Definindo os parametros do JMatch

Ho t Po t a t o e s


E depois de dadas as respostas:

Página web Arrastar/Largar para browser

,Aqui deverá arrastar os elementos da direita para a frente dos da esquerda


Figura 42: Resultado de JMatch simples

Figura 43: Dadas as respostas

Ho t po t a t o e s


. correctamente

- , . O layout irá apresentar lhe duas colunas uma à direita e outra à esquerda Deverá ir arrastando cada conceito da coluna da direita para junto do conceito corrrespondenta na

.coluna da esquerda

, Ao utilizar o botão assinalado a vermelho os conceitos são dispostos em pequenos .blocos que podem ser arrastados e largados

:Eis o resultado de uma execução deste exercício


Figura 44: Criar um exercício de arrastar e largar

Ho t Po t a t o e s


:Eis o resultado após a realização do exercício


Figura 45: Resultado de um JMatch para arrastar e largar

Figura 46: Resultado final do exercício

Ho t po t a t o e s


The Masher . Este não é um módulo para criação de algum tipo específico de exercícios É um módulo - que permite agarrar em ficheiros feitos com os outros módulos e processá los todos de ; uma vez o sistema cria o HTML de cada um dos ficheiros e um índice a apontar para .todos eles

:A janela inicial é a seguinte


Figura 47: Janela do Masher

Ho t Po t a t o e s


, , Definimos a pasta de saída isto é a pasta onde irão ficar os resultados do . .processamento Depois adicionamos os ficheiros dos outros módulos


Figura 48: Adicionar ficheiros

Ho t po t a t o e s


, Após adicionarmos todos os ficheiros necessários clicamos no botão Criar unidade..

, . , 2. , . Neste caso o sistema criará os ficheiros lacuna htm palavras htm corresponder htm e . . , , index htm Este último funciona como um menu para os anteriores ou seja um menu

.para os diversos exercícios


Figura 49: Ficheiros do exercício

Figura 50: Layout do menu criado no Masher

Documents

Manual_Hotpotatoes