Este documento fornece instruções sobre como integrar projetos da ferramenta Scratch com outros recursos educacionais como HotPotatoes e Moodle. Ele descreve como exportar projetos Scratch para o site da web, copiar o código, e inseri-lo em páginas HTML, atividades HotPotatoes e na plataforma Moodle.

1. versão 1.0 Fernando Rui Campos
Integração da ferramenta SCRATCH
com (HotPotatoes e Moodle) algumas notas
Índice
Introdução ......................................................................................................................2
Edição do projecto .........................................................................................................3
Para inserir num projecto ...............................................................................................4
Exemplo de código ........................................................................................................4
Criar página Web ...........................................................................................................5
Inserção na Ferramenta HotPotatoes de projecto SCRATCH........................................8
Inserir um Projecto na Plataforma Moodle ....................................................................9
Figuras
Fig. 1 – Ambiente de trabalho do SCRATCH com um projecto aberto ........................3
Fig. 2 – Opção de partilha do projecto On-Line ............................................................3
Fig. 3 – Referências necessárias para a utilização noutros recursos ou na plataforma
LMS ...............................................................................................................................4
Fig. 4 – Opção para inserir código HTML utilizando a ferramenta “Front Page” ........5
Fig. 5 – Inserção de código a inserir ..............................................................................6
Fig. 6 – Página HTML obtida a partir do código inserido.............................................6
Fig. 7 – Exemplo de inserção no texto de apoio das HotPotatoes um projecto do
SCRATCH .....................................................................................................................8
Fig. 8 – Exemplo de integração com ferramenta HotPotatoes.......................................9
Fig. 9 – Exemplo de escrever página Web da plataforma LMS . ..................................9
Fig. 10 – Exemplo de texto a inserir na plataforma. ....................................................10
Fig. 11 – Exemplo de uma página inserida no Moodle ...............................................10
Pag. 1 de 11

2. versão 1.0 Fernando Rui Campos
Introdução
O presente documento tenta de forma sistemática descrever o processo de
integração de projectos baseados na ferramenta SCRATCH, com outros ambientes
virtuais de aprendizagem (Moodle), assim como outras ferramentas (HotPotatoes).
Foi utilizado como editor de páginas HTML, a ferramenta “FrontPage” dado ser
talvez o editor mais conhecido por parte dos professores e existirem licenciamentos
nas escolas e Agrupamento de escolas.
A seguir mostra-se exemplo de um projecto que foi criado, após reutilização de um
outro que se encontrava no sítio do MIT Labs (5 circuits). Foram corrigidos alguns
aspectos importantes, do ponto de vista científico nomeadamente a correcção da
simbologia de dois elementos constituintes do simulador (LED e bateria). Este
projecto tem também a característica importante que em função da tecla espaços
A simbologia varia.
Pag. 2 de 11

3. versão 1.0 Fernando Rui Campos
Edição do projecto
Após instalação da aplicação SCRATCH no computador local, abrir o projecto
respectivo. No presente documento não se encontra incluído o procedimento para
criar conta no Mit Labs.
Fig. 1 – Ambiente de trabalho do SCRATCH com um projecto aberto
Após testar as funcionalidades do projecto tem de se Exportar para o Web site do
MitLabs, de modo a ser possível a partilha e o acesso por parte dos alunos.
Fig. 2 – Opção de partilha do projecto On-Line
Pag. 3 de 11

4. versão 1.0 Fernando Rui Campos
Relembra-se que é necessário ter uma conta, no MIT Labs antes de tentar submeter o
projecto realizado. Depois de ter a conta o programa vai pedir o nome de utilizador e
palavra passe. Após a autenticação, passa à fase seguinte de “submeter” no sítio com
o novo projecto.
A submissão é muito rápida em condições normais e sem erros.
Para inserir num projecto
Para inserir um projecto, inicialmente terá de se visitar o ambiente de trabalho onde o
autor tem o seu ambiente de trabalho pessoal.
Seleccionar de seguida, qual o projecto que foi submetido, de modo a obtermos o
código correspondente.
Copiar o código, escolhendo a opção “Embed” que se encontra na página do projecto.
De referir que inicialmente o código não está disponível, antes da escolha da opção
“Embed”.
Fig. 3 – Referências necessárias para a utilização noutros recursos ou na plataforma LMS
Se quiser só a parte da imagem, deve de copiar a parte que começa por “ <a href=”
Exemplo de código
<applet id='ProjectApplet' style='display:block' code='ScratchApplet'
codebase='http://scratch.mit.edu/static/misc' archive='ScratchApplet.jar' height='387'
width='482'><param name='project'
value='../../static/projects/fcampos/603607.sb'></applet> <a
href='http://scratch.mit.edu/projects/fcampos/603607'>Learn more about this
project</a>
Pag. 4 de 11

5. versão 1.0 Fernando Rui Campos
Se quiser remover a indicação para aprender mais
Retirar “<a href='http://scratch.mit.edu/projects/fcampos/603607'>Learn more about
this project</a>”
Criar página Web
Para criar uma página Web com o código de um projecto Scratch, é possível realizar
uma página HTML, p.ex., utilizando a ferramenta “Front Page”. Para começar
escolher em “Inserir componente Web”, a opção Controlos avançados, seleccionando
o controlo HTML (ver Fig. 4).
Fig. 4 – Opção para inserir código HTML utilizando a ferramenta “Front Page”
O código a inserir ( ver Fig. 5) encontra-se no site de publicação (ver Fig. 3).
Pag. 5 de 11

6. versão 1.0 Fernando Rui Campos
Fig. 5 – Inserção de código a inserir
Após a inserção a aplicação “FrontPage” vai inserir o código na página principal
Fig. 6 – Página HTML obtida a partir do código inserido
Código HTML criado numa página à parte a partir do que foi criado na opção
“Embed” .
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-
1252">
<title>Exemplo de simulador</title>
</head>
<body>
Pag. 6 de 11

7. versão 1.0 Fernando Rui Campos
<p><!--webbot bot="HTMLMarkup" startspan --><applet id='ProjectApplet'
style='display:block' code='ScratchApplet'
codebase='http://scratch.mit.edu/static/misc' archive='ScratchApplet.jar'
height='387' width='462'><param name='project'
value='../../static/projects/fcampos/603607.sb'></applet> <!--webbot
bot="HTMLMarkup" endspan --></p>
</body>
</html>
Pag. 7 de 11

8. versão 1.0 Fernando Rui Campos
Inserção na Ferramenta HotPotatoes de projecto
SCRATCH
Uma das possibilidades de inserir a actividade criada na ferramenta de autoria
“HotPotatoes” é através da utilização da opção de “Adicionar Texto de apoio” .
Fig. 7 – Exemplo de inserção no texto de apoio das HotPotatoes um projecto do SCRATCH
Depois na parte do texto utilizar o código que foi definido através da opção “Embed”
da ferramenta SCRATCH .
Pag. 8 de 11

9. versão 1.0 Fernando Rui Campos
Fig. 8 – Exemplo de integração com ferramenta HotPotatoes
Inserir um Projecto na Plataforma Moodle
Na disciplina criada previamente escolher a opção “Escrever página Web”.
Na opção Adicionar um Recurso --> Escrever página Web
Fig. 9 – Exemplo de escrever página Web da plataforma LMS .
Alterar para a opção MODO TEXTO, tal como assinalado, após copiar a página
criada.
Pag. 9 de 11

10. versão 1.0 Fernando Rui Campos
Exemplo de utilização através da opção “Escrever página Web”.
Fig. 10 – Exemplo de texto a inserir na plataforma.
Fig. 11 – Exemplo de uma página inserida no Moodle
Pag. 10 de 11

11. versão 1.0 Fernando Rui Campos
Referências
http://scratch.mit.edu/projects/fcampos/603607. Acedido em 11 de Julho 2009.
http://scratch.mit.edu/. Acedido em 11 de Julho 2009.
http://scratch.mit.edu/projects/smartyatscratch/246892
. Acedido em 11 de Julho 2009.
Front Page - é uma marca registada da Microsoft
Pag. 11 de 11