Ferramentas Web, Web 2.0 e Software Livre em EVT

Estudo sobre a integração de ferramentas digitais no currículo
da disciplina de Educação Visual e Tecnológica
 

TypeDrawing
Manual e Guia de exploração do TypeDrawing para
utilização em contexto de Educação Visual e Tecnológica

José Alberto Rodrigues

 

 
 

Este recurso foi produzido no âmbito da formação contínua de professores e faz parte integrante da investigação do trabalho de
doutoramento em Multimédia em Educação, pela Universidade de Aveiro do professor José Alberto Rodrigues, com o mesmo nome
desta oficina de formação. A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT.

 
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

©
Caracterização e Ficha Técnica do TypeDrawing

Nome TypeDrawing
Tipo de ferramenta Web 2.0
Autores e/ou Criadores ©
Storyabout

Versão 1.0
Tipo de versão Online, gratuita e sem necessidade de registo
URL’s http://www.storyabout.net/typedrawing/typedrawing.php?requestedID
Língua(s) Inglês
Tipo de funções Criação de desenhos com letras, com possibilidade de animação
Recursos necessários Computador com ligação à Internet, browser e Flash Player

Breve descrição O TypeDrawing é uma ferramenta que permite aos utilizadores

criarem desenhos e composições gráficas utilizando para o efeito
letras. Escrevendo uma pequena frase, o utilizador pode criar um
desenho simples em que o tamanho e intensidade das letras será
dado pela velocidade mais ou menos rápida do movimento. A
ferramenta possui uma vasta galeria e o trabalho, no final, aparece
em animação, mostrando-se o processo construtivo.

1
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

©
Manual e Guia de Utilização e Exploração do TypeDrawing

1. Para acedermos ao TypeDrawing devemos, no browser da Internet digitar o seguinte

endereço: http://www.storyabout.net/typedrawing/typedrawing.php?requestedID

Iremos então visualizar uma pequena animação na página de entrada enquanto

carrega a aplicação (Figura 1).

 
Figura 1. Início do carregamento da ferramenta TypeDrawing

2. Depois de terminado o carregamento da aplicação, abre-se uma página onde nos é

apresentada uma descrição da ferramenta e uma pequena galeria com
imagens/trabalhos dos mais votados e melhores do mês (Figura 2). Para acedermos à
aplicação, basta-nos carregar em ENTER, no canto superior esquerdo da interface.

 
Figura 2. Página principal do Typedrawing

2
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

3. Depois de cumprida a tarefa descrita no ponto anterior, e antes de entrar na aplicação

propriamente dita, o utilizador é convidado a ler as instruções de utilização (Figura 3).
São muito simples, apesar de serem em Inglês. Finalizada a leitura, devem carregar
em OK.

 
Figura 3. Instruções do TypeDrawing

4. Acedendo então à aplicação, temos então disponível a interface do TypeDrawing

(Figura 4). Muito simples e intuitiva, esta ferramenta está dividida em duas grandes
áreas: a zona maior, de desenho e a mais pequeno, do lado direito que funciona como
menu para a Galeria e Desenho (Gallery e Drawing).

Figura 4. Interface do TypeDrawing

5. Começando pela Galeria (Figura 5) acedendo, temos acesso a várias páginas com
diversas criações que os utilizadores desta ferramenta vão realizando. Inclui ainda uma
opção Sort by, que permite pesquisar por diversos temas, utilizadores, etc.

Figura 5. Menu do TypeDrawing

3
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

6. Quando seleccionamos uma criação (desenho), a mesma é reproduzida, em animação,

na zona central/área de trabalho (Figura 6).

Figura 6. Exemplo de um trabalho realizado e animação da Galeria do TypeDrawing

7. Passando para a secção mais importante desta ferramenta, a de desenho, acedemos à

mesma facilmente, carregando no botão DRAWING no menu lateral direito (Figura 7).
Temos uma caixa que nos permite escrever letras e/ou texto que irá ser o “material de
desenho”. As “linhas” serão constituídas por este conjunto de letras ou palavras.
Podemos escolher o tipo de letras, cor (preto ou cinzas) ou ainda símbolos.

Figura 7. Botões para aceder à Galeria ou voltar ao site

4
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

8. Com o auxílio do rato começamos então a desenhar na área de trabalho. Note-se que
os movimentos mais ou menos lentos ou rápidos darão um gesto e expressão
diferentes ao desenho/trabalho (Figura 8). Podemos a qualquer momento alterar no
menu o que queremos escrever, tipo de letra, cor, etc. Ainda temos acessível as
funções UNDO (retroceder), CLEAR ALL (apaga todo o trabalho) ou SAVE (para
gravar o trabalho/desenho).

Figura 8. Desenho/composição gráfica criada com o TypeDrawing

9. Gravado o trabalho, temos acesso a mais funções no Menu. Aparecem então

disponíveis os botões PLAY (para ver, em animação, a construção do nosso trabalho),
UPLOAD (para enviar o trabalho para a Galeria) e CANCEL (para voltar à criação do
desenho) (Figura 9).

Figura 9. Menu expandido, após gravação (SAVE)

5
 Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica

10. Se no menu anterior (ver ponto 9, Figura 9) carregarmos no botão UPLOAD, abre-se
na zona do menu lateral uma caixa de diálogo (Figura 10) para indicarmos o nosso
nome, comentário, endereço do nosso site e e-mail (estes dois últimos facultativos). Se
no final deste preenchimento fizermos SUBMIT, enviamos para a galeria pública o
nosso trabalho.

Figura 10. Formulário para envio de um trabalho para a Galeria do TypeDrawing

11. Pode inclusivamente ser muito interessante começarmos por ver os trabalhos dos
nossos alunos publicados neste espaço. E porque não até realizar um concurso nas
nossas turmas? A interface da Galeria, além do mais é muito interessante e não mostra
só o produto final, mostra-nos o processo criativo, em animação (Figura 11).

Figura 11. Galeria do TypeDrawing e animação de um trabalho