____________________________________________________________________Governo do Estado do Pará

Secretaria de Estado de EducaçãoSecretaria Adjunta de Ensino

Diretoria de Educação para Diversidade, Inclusão e CidadaniaCoordenação de Tecnologia Aplicada à Educação

Núcleo de Tecnologia Educacional - Tucuruí

Oficina básica de

Este Material foi elaborado por:

Marilene Ferreira VieiraMultiplicadora do NTE-Tucuruí

Tucuruí-PA2017

Hot Potatoes 6.0

Revisão:Cláudio Luiz Fernandes

Multiplicadores Colaboradores:Cláudio Luiz FernandesDilma Maria do Socorro do Amaral CorreaMário José Siqueira da Silva

Coordenação NTE-Tucuruí:Cláudio Luiz Fernandes

Licença:É garantida a liberdade de cópia e/ou distribuição deste documento.

INTRODUÇÃOO aplicativo Hot Potatoes 6.0 é um conjunto com cinco ferramentas de autoria que possibilitam a elaboração de atividades interativas, gerando páginas web que serão visualizadas no navegador de Internet.Basta introduzir as informações necessárias (palavras, textos, perguntas, respostas, imagens, entre outras) e o aplicativo se encarrega de gerar as páginas web que também podem ser publicadas na internet.Com conhecimento em HTML, é possível realizar alterações diretamente no código fonte das atividades do Hot Potatoes.

OBJETIVO GERALA oficina básica visa apresentar o uso pedagógico do software Hot Potatoes aos profissionais da educação por meio de slides e apostila; além da interação com atividades didáticas de ensino e aprendizagem, a fim de prepará-los para a utilização das ferramentas que incentivem novas propostas de trabalho mais dinâmicas com o uso das tecnologias.

EMENTA• Apresentação da interface;• Conhecendo as funcionalidades das batatas;• Produção e formatação de atividades;• Interação com as atividades como página web.

CONHECENDO A INTERFACEPara dar início aos trabalhos com o aplicativo Hot Potatoes, é necessária a instalação do programa no computador que leva alguns minutos. Com o atalho criado na área de trabalho, recomenda-se um clique no menu Ajuda/Registrar para digitar o nome de um usuário.É importante também modificar o idioma do aplicativo para Língua Portuguesa, uma vez que ele se encontra em inglês, basta seguir o menu Opções/Interface/Carregar arquivo de interface, selecionar o idioma portuguêsbrasileiro.hif e confirmar Yes para as perguntas em que se deseja usar esta interface em todas as aplicações e é necessário reiniciar a aplicação.O Hot Potatoes apresenta cinco interfaces de batatas: JCloze, JQuiz, JCross, JMix e JMatch, conforme tela inicial do programa.

JCLOZEEste programa possibilita a criação de atividades interativas com preenchimento de lacunas.Preencha os campos do título da atividade, logo abaixo digitar ou colar o texto a ser proposto no exercício. A opção Lacuna Automática irá abrir uma caixa na qual o usuário deverá digitar um número que representa o intervalo de palavras em que serão criadas as lacunas automaticamente.Outra sugestão é selecionar uma palavra que será lacuna e clicar no ícone Lacuna.

Na janela a seguir, digitar uma pista e as possibilidades de respostas corretas (opcional). Repetir esse processo com as demais palavras a serem ocultas na atividade. Percebe-se que tais palavras são grifadas de vermelho pelo próprio aplicativo.

FORMATAÇÃO COMUM EM TODAS AS BATATASAo seguir pelo menu Opções/Configurar Saída da interface, as informações são exibidas por padrão, em inglês. Para alterar o idioma, clicar no ícone Carregar, buscar Drive C/Arquivo de Programa/HotPotatoes6/Translations e selecionar portuguesbrasileiro.cfg. A partir daí, o programa assumirá esta alteração. Neste menu, encontram-se as seguintes abas:* Título/Instruções: Definir um subtítulo do exercício e mais abaixo, as suas instruções (opcional).

* Indicações/Sugestões: Definir um feedback para a resposta correta e uma mensagem indicando a pontuação do usuário.

* Botões: Definir legendas para alguns botões (opcional), incluir botão Pista e assinalar todos os botões de navegação Próximo Exercício, Ir para o Índice e Voltar; pois serão muito úteis para dinamizar a atividade da batata The Masher.

* Aspecto: Alterar o tamanho da fonte, definir as cores para barra de navegação, fundos, textos, entre outros (opcional). Para inserir URL da Imagem de fundo, é necessário pesquisar a imagem com antecedência e Procurar na pasta correta, o que permite alterar as dimensões de largura e altura bem como o alinhamento da imagem (esquerda, centro, direita) e finalizar com OK.

* Temporizador: Definir um tempo para que cada questão seja respondida, além da mensagem indicando que o tempo do usuário expirou. (opcional)

* Outros: Assinalar o item Usar lista pendente em vez de caixa de texto para inserção para obter opções diferentes para a apresentação da atividade, como mostrar a tela com a lista de alternativas pendentes de respostas.

BARRA DE MENUSAo seguir pelo menu Arquivo, encontram-se as abas:

* Acrescentar texto de apoio: Assinalar o item Incluir um texto de leitura ou apoio, logo abaixo definir o título e o texto de suporte informativo que aparecerá durante a interação do usuário com a atividade que pode ser copiado e colado de um arquivo. Para inserir uma imagem salva no computador, posicionar o cursor do mouse na caixa abaixo do Título e seguir as instruções do próximo menu Inserir.

* Exportar para Imprimir: Automaticamente o exercício é copiado para a área de transferência e pode ser colado no processador de texto.

Ao seguir pelo menu Inserir, encontram-se as abas:* Imagem:Para inserir uma imagem salva no computador, posicionar o cursor do mouse no local da atividade a ser inserida a figura, acessar menu Inserir/Imagem/Imagem de arquivo local e selecioná-la com clique do mouse. Nota-se apenas o código-fonte da figura na atividade, que será visualizada quando executada na página da web. Lembrando que a imagem deve estar salva previamente na mesma pasta da atividade criada.

Para inserir imagem da internet, é necessário pesquisar a imagem (gif, jpg e png) com antecedência e copiar o seu endereço (url). Em seguida, posicionar o cursor do mouse no local da atividade a ser inserida a figura, acessar menu Inserir/Imagem/Imagem da web e colar o endereço no campo da URL do link, podendo também alterar as dimensões de largura e altura bem como o alinhamento da imagem (esquerda, centro, direita) e finalizar com OK.

Para inserir vídeo do Youtube, é necessário copiar o seu endereço url (Embed) que se encontra no ícone Share da página. Em seguida, posicionar o cursor do mouse no local da atividade a ser inserido o vídeo e colar o endereço. Nota-se apenas o código-fonte na atividade, vídeo este que será visualizado quando executada a atividade na página da web, porém com acesso da internet.

* Link: É necessário pesquisar a página da internet e copiar o endereço (link), sendo que o procedimento é o mesmo de inserir imagem, visto anteriormente.

* Tabela HTML: É necessário conhecimento de linguagem de programação para realizar modificações diretamente no código fonte da tabela.

Ao seguir pelo menu Opções, encontra-se a aba:* Tipo de letra: Alterar o tipo de fonte (letra), estilo (normal, itálico, negrito) e tamanho da fonte a ser utilizado na interface do programa (não afeta página web).

ABRINDO E SALVANDO ARQUIVOSPara salvar a atividade, clicar no menu Arquivo/Salvar como, abrir uma pasta e dar um nome à atividade. Lembrando que o arquivo pode ser alterado a qualquer momento e salvo novamente.

COMO ABRIR O ARQUIVO NA PÁGINA DA WEBPara abrir a atividade criada como página da web offline, clicar no ícone Exportar para criar uma página web Hot Potatoes da barra de ferramentas, e salvar mais uma vez com o mesmo nome (sem espaços), dentro da mesma pasta. Este arquivo terá formato HTML que é o formato de página da internet.Caso novas alterações tenham sido realizadas posteriormente, deve-se exportar mais uma vez, realizando-se este mesmo processo e confirmando a substituição do arquivo existente, quando o aplicativo perguntar.Na sequência, uma janela se abre indicando o item Ver o exercício no meu browser que deve ser clicado para verificar se funciona da forma esperada e visualizar a atividade em HTML, assim como o item Enviar o Arquivo para Website hotpotatoes.net, no caso de envio da atividade para o site do aplicativo.

Esta segunda opção Enviar o Arquivo para Website hotpotatoes.net possibilita o uso dos serviços web (www.hotpotatoes.net) de alojamento dos exercícios e protegê-los com uma palavra-passe para acessar o site e realizar os exercícios, bem como o tutor também poderá verificar os resultados que os usuários obtiverem. Este serviço não é gratuito, mas é de baixo custo, sugere-se a criação de uma conta experimental, basta selecionar a opção Criar uma conta experimental para mim em hotpotatoes.net no próprio site.

Vale ressaltar que o usuário pode utilizar as Pistas quando disponibilizadas na atividade, mas o resultado (em porcentagem) desconta toda a ajuda pedida.

JQUIZEste programa possibilita a criação de atividades com perguntas de múltiplas escolhas e também com respostas curtas, além da abertura para inserir mensagens de apoio à atividade.

A batata JQuiz permite 4 tipos de atividades com o mesmo arquivo.

1ª atividade: Preencha os campos do título da atividade de Escolha Múltipla, logo abaixo digitar a primeira pergunta e as opções de resposta em cada quadrinho. É necessário assinalar a alternativa correta no lado direito em Definições.Agora, para inserir outras questões, basta alterar a numeração em P1 para P2 e assim sucessivamente, no lado esquerdo do aplicativo.

Repetir os passos para Salvar o arquivo e interagir com a atividade na web offline.

Para interagir novamente com a atividade (figura acima), é necessário atualizar a página com a tecla F5.

2ª atividade: Em Resposta Curta, a interação na página da web requer que a resposta seja digitada pelo usuário numa caixa de texto, ao invés de assinalar a resposta certa, contando agora com os botões Pista (mostra a primeira letra da resposta certa) e Mostrar resposta (mostra toda a resposta certa).

3ª atividade: O tipo de atividade Híbrida permite algumas tentativas de Resposta Curta são permitidas antes que a pegunta híbrida mude automaticamente para Escolha Múltipla, definindo-se em Opções/Configurações de Saída/Outros, isto com os mesmos botões Pista (mostra a primeira letra da resposta certa) e Mostrar resposta (mostra toda a resposta certa).

4ª atividade: O tipo de exercício Seleção Múltipla é semelhante à Escolha Múltipla, porém, pode-se disponibilizar mais de uma alternativa correta em que surgirá uma mensagem informando que ainda existe questão a ser assinalada.

FORMATAÇÃO ESPECIALAo seguir pelas abas do menu Opções/Configurar Saída, pode-se obter opções diferentes para a apresentação da atividade em:* Outros: Se necessário, assinalar os itens Misturar a ordem das perguntas ou Misturar a ordem das respostas para mostrar a tela com a lista de perguntas e respostas aleatórias além de Mostrar a pontuação depois de cada resposta correta (opcional).

JCROSSEste programa possibilita a criação de cruzadinhas com palavras nos sentidos horizontal e vertical.Preencha o campo do título da atividade e digite as palavras na grade em cada quadradinho. Nesse caso, pode-se deslocar as palavras já digitadas para um melhor alinhamento, utilizando as setas de direcionamento na lateral da janela do JCross, porém, pode-se perder algumas letras nesse processo.O mais recomendável é clicar no ícone Criar grade automaticamente a partir de uma lista de palavras.

Uma janela será aberta e disponibilizará um espaço para digitar as palavras da cruzadinha, utilizando a tecla Enter para separar uma a uma, finalizando com botão Criar a grade.

Em seguida, clicar no ícone Juntar Pistas da interface inicial, para inserir as dicas de todas as palavras (horizontal e vertical), basta clicar na palavra e digitar a pista no campo em branco logo abaixo ou inserir imagens como pista e dar OK para cada pista digitada.

Repetir os passos para Salvar o arquivo e interagir com a atividade na web offline.

FORMATAÇÃO ESPECIALAo seguir pelas abas do menu Opções/Configurar Saída, pode-se obter opções diferentes para a apresentação da atividade em:* Outros: Se necessário, assinalar o item Mostrar todas as pistas abaixo da grade para mostrar a tela com as pistas logo abaixo da cruzadinha.

Com a atividade na página da web, basta clicar em qualquer número (horizontal ou vertical) para responder na caixa de texto que aparecer, com ajuda do ícone Pista referente à palavra oculta e clicar no botão Enter.

Obs: Para inserir vídeo do Youtube, é necessário copiar o seu endereço url (Embed) que se encontra no ícone Share da página. Em seguida, posicionar o cursor do mouse no local da atividade a ser inserido o vídeo e colar o endereço. Vídeo este que será visualizado quando executada a atividade na página da web, porém com acesso da internet.

Para interagir novamente com a página da web (figura acima), é necessário atualizar a página com a tecla F5.

FORMATAÇÃO ESPECIAL NA IMPRESSÃOAo seguir pelo menu Arquivo, encontra-se a aba:* Exportar para Imprimir: Ao solicitar exportação, diferentemente das outras batatas em que o exercício é copiado para a área de transferência e pode ser colado no processador de texto, o JCross gera uma página da web para ser impressa e avisa que é necessário verificar as definições de impressão do navegador, porque provavelmente a quadrícula com fundo escuro não aparecerá na impressão.Isto acontece porque a cor preta é considerada background (fundo) da célula e o navegador tem predefinida a opção de não imprimir planos de fundo da página. Então, pode-se alterar a configuração de impressão em qualquer navegador.No caso do navegador Mozilla Firefox, seguir pelo menu Arquivo/Imprimir, assinalar os itens Imprimir cores do plano de fundo e Imprimir imagens do plano de fundo na aba Opções para imprimir a atividade.Em seguida, retornar à janela Imprimir e desmarcar tais itens para não comprometer outras impressões.

JMIXEste programa possibilita a criação de atividades com ordenação de uma frase a partir de uma “sopa de palavras”.Preencha o campo do título da atividade e logo abaixo, digitar uma frase para que todas as palavras sejam embaralhadas. Deve-se digitar a frase separando cada palavra numa linha com auxílio da tecla Enter.

Repetir os passos para Salvar o arquivo e interagir com a atividade na web offline.

É necessário clicar no ícone Exportar para criar uma página web Hot Potatoes da barra de ferramentas para interagir com a atividade.Na página da web, basta clicar nas palavras em sequência correta que forme uma frase, o ícone Pista pode ser utilizado como ajuda para apresentar a próxima palavra parte da frase correta.

Para interagir novamente com a página da web (figura acima), é necessário atualizar a página com a tecla F5.

JMATCHEste programa possibilita a criação de atividades com associação de pares.A batata JMatch permite a criação de 2 tipos de atividades.

1ª atividade: Preencha o campo do título da atividade.A coluna Itens (ordenados) à esquerda deve ser preenchida com textos, palavras fixas ou imagens que não poderão ser arrastados. A coluna Itens (desordenados) à direita, deve ser preenchida com palavras, textos ou imagens relacionados à coluna da esquerda e que deverão ser arrastados associando-os à primeira coluna.Ao lado da coluna de desordenados, há o botão Fixar que se marcado, o texto aparecerá ao lado da imagem, sem permissão para a interação do usuário, apenas algo ilustrativo. O ideal é que se mantenha desmarcada (vazia), o que permite exercícios interativos. Obs: Para inserir imagens, acessar menu Inserir/Imagem/Imagem de arquivo local e ajustar a dimensão. Lembrando que estas imagens devem estar salvas previamente na mesma pasta utilizada para salvar a atividade criada.

Repetir os passos para Salvar o arquivo e interagir com a atividade na web offline.

Agora, basta clicar no ícone Exportar este exercício para criar página da web arrastar/soltar para browser da barra de ferramentas.

Para interagir novamente com a página da web (figura acima), é preciso atualizar a página com a tecla F5.

2ª atividade: Com nova proposta de atividade associativa, dessa vez sem imagens como Itens (desordenados) à direita, têm-se outro exercício bem interessante de obter opções diferentes para a apresentação da atividade, como mostrar a tela com a lista de alternativas pendentes de respostas.Em Predefinido, o símbolo padrão ??? aparecerá em cada janela das opções pendentes de respostas da atividade no navegador, podendo ser alterado por qualquer outra representação simbólica, ou mesmo apagado.

Repetir os passos para Salvar o arquivo e interagir com a atividade na web offline.

Desta vez, é preciso clicar no ícone Exportar para criar uma página web Hot Potatoes da barra de ferramentas e conferir!

Para interagir novamente com a página da web (figura acima), é necessário atualizar a página com a tecla F5.

FORMATAÇÃO ESPECIALAo seguir pelas abas do menu Opções/Configurar Saída, pode-se obter opções diferentes para a apresentação da atividade em:* Outros: Se necessário, assinalar o item Misturar a ordem das perguntas cada vez que a página é carregada para mostrar a tela com palavras e imagens aleatórias.

THE MASHEREste programa possibilita a disponibilização de várias atividades criadas previamente nas outras batatas do Hot Potatoes em um único pacote de exercícios.Logo de início, clicar no botão Juntar Arquivos e através da janela que abrir, buscar a pasta em que as atividades foram realizadas e salvas em outras batatas, selecioná-las com ajuda do mouse/teclado e finalizar em Abrir.Em seguida, aparece a janela Definições de exportação de Arquivos, em que seja preciso alterar o formato Drag/Droop para atividades de arrastar/soltar como JMath (associação de pares) e manter o formato de saída Standard (padrão) para as demais, finalmente confirmar com OK para todos. Dessa forma, os arquivos serão exportados um a um formando o conjunto de atividades.Logo, visualizamos todos os arquivos selecionados na janela The Masher em que tal sequência das atividades pode ser alterada, selecionando o arquivo e utilizando as setas direcionais que estão à direita da janela. Para apagar qualquer atividade, selecione-a e utilize o botão Apagar Arquivo.

FORMATAÇÃO ESPECIALAo seguir pelas abas desta batata, encontram-se em destaque:* Aspecto: Alterar o tamanho da fonte, definir as cores para barra de navegação, fundos, textos, entre outros (opcional). Para inserir URL da Imagem de fundo, é necessário pesquisar a imagem com antecedência e Procurar na pasta correta, o que permite alterar as dimensões de largura e altura bem como o alinhamento da imagem (esquerda, centro, direita) e finalizar com OK.

* Botões: Definir legenda para alguns botões, caso seja necessário.

* Índice: Definir o Título do capítulo ou unidade (atividade) e o Nome do Arquivo (endereço da página web).

Repetir os passos para Salvar o projeto.

Para interagir com este pacote de atividades na página da web, clique no íconena parte inferior da janela, aguardar processo de Criação da unidade em curso e confirmar a pergunta que aparece: Gostaria de ver a unidade agora?Prontinho!

A página da web (figura acima) apresenta cada atividade por meio de link para interagir de forma alinear ou mesmo sequencial.

Espera-se que professores e alunos se sintam motivados a utilizar o aplicativo Hot Potatoes a fim de criar e divulgar projetos inovadores que contribuam com a prática pedagógica da escola em enriquecer o estudo dos conteúdos que muito ainda são vistos apenas em sala de aula por meio dos moldes tradicionais.

HOT POTATOES PARA BLOGPara postar qualquer atividade pronta do Hot Potatoes no Blog, deve-se abri-la no navegador como página web (modo Exportar) que é o formato de página da internet e com um clique no botão direito do mouse sobre a página, escolher Ver código-fonte da página. Em seguida, selecionar todo o código apresentado na aba, copiar e colar na nova postagem (HTML) do blog. Agora é só publicar!

ABORDAGEM MATEMÁTICA* Linguagem de programação: Há algumas formas diferentes de representar símbolos matemáticos nos exercícios do Hot Potatoes, com uso de códigos simples de HTML que permitem formatar o texto como potência, raiz quadrada e frações; por exemplo:

Se digitar código Símbolo Observação

^x/_yFração para

quaisquer x e y

x^zPotência para

quaisquer x e y

* Caracteres especiais: Os caracteres representados abaixo fazem parte de um conjunto básico de símbolos diversos e operadores matemáticos contidos na barra de Menus Inserir/Caractere especial dos programas operacionais como Editor de Texto e Planilha Eletrônica.

Basta selecionar qualquer símbolo do Mapa de Caracteres no Editor de Texto ou Planilha Eletrônica e copiar-colar no ficheiro do programa Hot Potatoes.

REFERÊNCIAS BIBLIOGRÁFICAS

CINTED. Hot Potatoes. RS. Disponível em: <http://penta3.ufrgs.br/tutoriais/hotpotatoes/>. Acessoem: 04.08.2016.

HOT POTATOES. Guia de utilização. João Carlos Antunes. Centro de Competência da Beira Interior. Março de 2006. Adaptado para o Português do Brasil – PT/BR. Disponível em: <http://websmed.portoalegre.rs.gov.br/smed/inclusaodigital/materiais2013/tutoriais/hotpotatoes_6.pdf>. Acesso em: 26.04.2017

NTE16 VITÓRIA DA CONQUISTA. Software aplicado à Educação – Tutorial Hot Potatoes. BA. Disponível em: <http://pt.slideshare.net/adrianassousa/tutorial-hotpotatoes-atualizado>. Acesso em: 04.08.2016.

SLIDESHARE. Apostila Hot Potatoes. Instituto Presbiteriano Mackenzie. SP-2005Instituto Presbiteriano Mackenzie. SP-2005. Disponível em: <https://es.slideshare.net/patriciafcm/apostilahotpotatoes-mackenzie>. Acesso em: 04.02.2017.

TECNOLOGIA NA SALA DE AULA. Hot Potatoes. Secretaria da Educação do Paraná. PR-2008. Disponível em: <http://tecnologianasaladeaula.pbworks.com/w/page/56340263/Hot%20Potatoes>. Acesso em: 24.03.2017