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
6