manual do hotpotatoes

2013

Alexandrina Martins

Escola Básica do 2º e 3º Ciclos do Caniçal

06-05-2013

Manual do Hot Potatoes

Hot Potatoes

Manual prático do Hot Potatoes

Alexandrina Martins© 2/45

Introdução .................................................................................................................................... 5

Licenças de utilização ..................................................................................................................... 5

Funcionamento básico do Hot Potatoes .............................................................................................. 6

Introdução de dados ................................................................................................................... 6

JCloze ......................................................................................................................................... 11

Descrição ................................................................................................................................. 11

Criação de um exercício .............................................................................................................. 11

JQuiz .......................................................................................................................................... 15

Descrição ................................................................................................................................ 15

Criação de um exercício ............................................................................................................. 15

JCross ....................................................................................................................................... 27

Descrição ............................................................................................................................... 27

Criação de um exercício ............................................................................................................ 27

JMix .......................................................................................................................................... 33

Descrição ............................................................................................................................... 33


JMatch ....................................................................................................................................... 37

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


The Masher ................................................................................................................................ 43

Hot Potatoes



Índice das Figuras Figura 1: Inserção de dados no JMatch .............................................................................................. 8

Figura 2: Configurar a saída ............................................................................................................ 9

Figura 3: Configurar o aspeto final do exercício ................................................................................... 9

Figura 4: Criar uma página Web ...................................................................................................... 10

Figura 5: O texto para o JCloze....................................................................................................... 13

Figura 6: Inserir lacunas ................................................................................................................. 13

Figura 7: Aspeto de um texto lacunar ............................................................................................... 14

Figura 8: Aspeto final de um exercício JCloze .................................................................................... 15

Figura 9: Janela do JQuiz .............................................................................................................. 16

Figura 10: Tipos de questões do JQuiz ............................................................................................. 17 Figura 11: Questão completa na escolha múltipla ................................................................................. 18

Figura 12: Acrescentar texto de apoio ............................................................................................... 18

Figura 13: Inserir o texto de apoio .................................................................................................... 19

Figura 14: Aspeto final de um exercício de escolha múltipla ................................................................. 20

Figura 15: Respondendo às questões ............................................................................................... 20

Figura 16: Exercício de resposta curta ............................................................................................... 21 Figura 17: Resultado em HTML ....................................................................................................... 22

Figura 18: Respondendo às questões ............................................................................................... 22

Figura 19: Exercício de resposta híbrida ........................................................................................... 23

Figura 20: Exercício de resposta híbrida ........................................................................................... 24

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

Figura 22: Exercício de escolha múltipla ........................................................................................... 25

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

Figura 24: Mostra o comentário em falta. ......................................................................................... 26

Figura 25: A resposta está totalmente correta .................................................................................... 27 Figura 26: Aspeto do JCross.......................................................................................................... 28

Figura 27: Criar um exercício ......................................................................................................... 29

Figura 28: Mudar o tamanho da grelha ............................................................................................ 29

Hot Potatoes



Figura 29: Incluir as pistas de cada palavra ...................................................................................... 30

Figura 30: Resultado final de um exercício em JCross ......................................................................... 31 Figura 31: Botão da grelha automática .............................................................................................. 31 Figura 32: Criar a grelha automaticamente ........................................................................................ 32

Figura 33: Resultado de uma grelha criada automaticamente ............................................................... 33

Figura 34: Janela do JMix ............................................................................................................. 34

Figura 35: Definindo um exercício do JMix ........................................................................................ 35

Figura 36: Exercício do JMix .......................................................................................................... 36

Figura 37: Verificar se a frase está correta ....................................................................................... 37 Figura 38: Criar um exercício de arrastar e largar .............................................................................. 37 Figura 39: Layout de um exercício do JMix ....................................................................................... 38

Figura 40: Janela do JMatch ......................................................................................................... 39

Figura 41: Definindo os parâmetros do JMatch .................................................................................. 40

Figura 42: Resultado de JMatch simples ........................................................................................... 41 Figura 43: Dadas as respostas ........................................................................................................ 41 Figura 44: Criar um exercício de arrastar e largar .............................................................................. 42

Figura 45: Resultado de um JMatch para arrastar e largar ................................................................... 42

Figura 46: Resultado final do exercício ............................................................................................ 43

Figura 47: Janela do Masher ......................................................................................................... 44

Figura 48: Adicionar ficheiros ......................................................................................................... 45

Figura 49: Ficheiros do exercício .................................................................................................... 46

Figura 50: Layout do menu criado no Masher ................................................................................... 46

Hot Potatoes



Introdução

O HotPotatoes é um programa constituído por seis módulos específicos que possibilitam a elaboração de seis tipos de exercícios interativos com recurso à Internet. A ferramenta é desenvolvida por uma equipa da University of Victoria CALL Laboratory Research and Development, University of Vitoria, Canadá. Para garantir a interatividade dos exercícios a ferramenta usa a linguagem Javascript, que permite que os seus trabalhos funcionem perfeitamente na esmagadora maioria dos browsers mais usados, podendo ter problemas apenas os utilizadores que usem versões muito antigas dos browsers.

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.

Um dos grandes atrativos 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 tenha um navegador mais ou menos recente. De qualquer forma, 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 aspeto.

Licenças de utilização

O HotPotatoes é um programa gratuito apenas para instituiçõ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://hotpot.uvic.ca/) 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

http://hotpot.uvic.ca/

Hot Potatoes



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 HotPotatoes é 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 aspeto 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 itens ordenados e os desordenados, para fazer a correspondência.

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

Hot Potatoes



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.

Configuração do aspeto 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 aspetos. Para aceder

Figura 1: Inserção de dados no JMatch

Hot Potatoes



a esta área escolha o menu indicado a seguir:

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

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 aspeto 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

Figura 2: Configurar a saída

Figura 3: Configurar o aspeto final do exercício

Hot Potatoes



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.

Imagine 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.

Figura 4: Criar uma página Web

Hot Potatoes



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.

Hot Potatoes



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 corretas e para obter a sua pontuação no exercício. Para cada lacuna é possível estabelecer até 100 respostas corretas. 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.

Hot Potatoes



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

Escrevemos uma pista, se a quisermos, e as várias respostas alternativas (se tivermos). Clica-se em OK e a

Figura 5: O texto para o JCloze

Figura 6: Inserir lacunas

Hot Potatoes



palavra selecionada 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.

Figura 7: Aspeto de um texto lacunar

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 da frase.

Finalmente, pode usar a opção já referida de configuração do aspeto para definir 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 aspeto possível.

Hot Potatoes



É 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 aspeto.

Figura 8: Aspeto final de um exercício JCloze

Hot Potatoes



JQuiz

Este é o módulo do Hot Potatoes que permite a elaboração de exercícios de perguntas abertas (Escolha múltipla, Resposta curta, Híbrida e Seleção múltipla).

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 corretas quantas queiramos, e para cada questão podem ser definidas pistas.


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

A primeira coisa a fazer é decidir que tipo de questionário quer elaborar. Isso é feito na caixa de opções que

Figura 9: Janela do JQuiz

Hot Potatoes



se encontra em cima à direita.

Existem 4 possibilidades:

Escolha múltipla

Resposta curta

Híbrida

Seleçã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 objetos 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 escrever 20, significa que a pergunta vale 20% 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, ativar a opção Aceitar como correta e definir a percentagem de correção da

Figura 10: Tipos de questões do JQuiz

Hot Potatoes



resposta. Por exemplo, posso aceitar uma resposta mas descontar 20% por não ser a melhor (ou seja, essa resposta vale 80% da cotação total da pergunta).

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

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

Figura 12: Acrescentar texto de apoio

Hot Potatoes



A seguinte janela aparecerá:

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

Figura 13: Inserir o texto de apoio

Hot Potatoes



Vamos responder às perguntas.

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

Figura 15: Respondendo às questões

Hot Potatoes



Resposta curta

Vamos acrescentar uma segunda pergunta ao nosso exercício, desta vez do tipo Resposta curta. Colocamos o

peso desta a 80 (a soma das duas perguntas dará 100, como se pretende).

Geramos o HTML e o resultado é este:

Figura 16: Exercício de resposta curta

Hot Potatoes



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

Figura 18: Respondendo às questões

Figura 17: Resultado em HTML

Hot Potatoes



Híbrida

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

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. Repare que a 3ª resposta possível tem a caixa Incluir opções Múltipla Escolha desativada. Isto significa que no caso de a pergunta passar a escolha múltipla, esta possibilidade de resposta não aparecerá na lista. Apenas aparecerão as 3 primeiras, que têm esta caixa ativada.

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

Figura 19: Exercício de resposta híbrida

Hot Potatoes



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.

Seleção múltipla

Figura 20: Exercício de resposta híbrida

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

Hot Potatoes



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

Figura 22: Exercício de escolha múltipla

As três respostas que têm a caixa Deve estar selecionado são as respostas corretas e que o utilizador deverá selecionar.

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

Hot Potatoes



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.

Hot Potatoes



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 efetuados para a classificação final são facilmente verificáveis por si, mas pode confiar que estão corretos.

Figura 25: A resposta está totalmente correta

Hot Potatoes



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:

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).

Figura 26: Aspeto do JCross

Hot Potatoes



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

Figura 27: Criar um exercício

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 28: Mudar o tamanho da grelha

3. Atribuímos uma pista a cada palavra, clicando no botão Juntar pistas.

4. Clica-se na pista desejada e, no retângulo à esquerda do botão OK escreve-se o texto

Hot Potatoes



correspondente. Faz-se isto para todas as pistas. No fim, clica-se no botão OK ao fundo da janela.

Figura 29: Incluir as pistas de cada palavra

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

Hot Potatoes



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

Hot Potatoes



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 aspeto:

Figura 32: Criar a grelha automaticamente

Hot Potatoes



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

Figura 33: Resultado de uma grelha criada automaticamente

Hot Potatoes



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 corretamente executado.


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

Figura 34: Janela do JMix

Hot Potatoes



Escreva o título do exercício e a frase na ordem correta. 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.

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

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

Figura 35: Definindo um exercício do JMix

Hot Potatoes



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 corrcta, e a frase será construída por essa ordem.

Vejamos um exemplo de layout:

E depois de ordenar (clicando) e verificar:

Figura 36: Exercício do JMix

Hot Potatoes



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 correta, e a frase será construída por essa ordem.

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

Figura 37: Verificar se a frase está correta

Hot Potatoes



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:

JMatch

Este módulo cria exercícios do tipo associação de pares (correspondência).

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

Hot Potatoes



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

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

Figura 40: Janela do JMatch

Hot Potatoes



Repare que à direita de cada item da esquerda está a resposta correta. 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 correto para esse elemento.

Figura 41: Definindo os parâmetros do JMatch

Hot Potatoes



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, corretamente.

O layout irá apresentar-lhe duas colunas, uma à direita e outra à esquerda. Deverá ir arrastando cada

Figura 42: Resultado de JMatch simples

Figura 43: Dadas as respostas

Hot Potatoes



conceito da coluna da direita para junto do conceito correspondente 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

Figura 45: Resultado de um JMatch para arrastar e largar

Hot Potatoes



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

Figura 46: Resultado final do exercício

Hot Potatoes



The Masher

Este não é um módulo para criação de algum tipo específico de exercícios. É um módulo que permite juntar os 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:

Definimos a pasta de saída, isto é, a pasta onde irão ficar os resultados do processamento. Depois

Figura 47: Janela do Masher

Hot Potatoes



adicionamos os ficheiros dos outros módulos.

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

Figura 48: Adicionar ficheiros

Hot Potatoes



Neste caso, o sistema criará os ficheiros lacuna.htm, palavras2.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

manual do hotpotatoes

Documents

figuras figura

funcionamento bsico

the masher