Integração scratch hotpotatoes moodle and the web

versão 1.0 Fernando Rui Campos

Pag. 1 de 11

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. 2 de 11

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. 3 de 11

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. 4 de 11

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. 5 de 11

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. 6 de 11

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. 7 de 11

<p><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> </p>

</body>

</html>


Pag. 8 de 11

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. 9 de 11

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. 10 de 11

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. 11 de 11

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

Integração scratch hotpotatoes moodle and the web

Technology

Transcript of Integração scratch hotpotatoes moodle and the web