Ferramentas Web, Web 2.0 e Software Livre em EVT

Transcrição

1 Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica DrawSWF Manual e Guia de exploração do DrawSWF para utilização em contexto de Educação Visual e Tecnológica Tiago Carvalho 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.

2 Caracterização e Ficha Técnica do DrawSWF Nome DrawSWF Tipo de ferramenta Web 2 / Software Gratuito Autores e/ou Criadores Versão Versão Tipo de versão Gratuita, sem necessidade de qualquer registo URL s Língua(s) Inglês Tipo de funções Animação e desenho Recursos necessários Computador com ligação à Internet e browser Breve descrição O DrawSWF é um programa de desenho simples que permite exportar em flash (extenção SWF) de todo o processo de desenho. Podemos fazer; desenho à mão livre (linha); elipses, rectângulos, linhas rectas, texto e importação de fotos. 1

3 Caracterização e Ficha Técnica do DrawSWF 1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte endereço Figura 1 Página inicial 2. Temos duas possibilidades, utilização via Web (temos que ter instalado Java 1.4.x) clicar em WebStart ou fazendo o download do programa clicando em Download. 3. Após o download e ao clicarmos no programa no menu programas (Windows) ou Aplicações (Mac) teremos um interface simples e com as poucas ferramentas que o software necessita (figura 2). Figura 2 Interface inicial 2

4 4. Para iniciarmos podemos aproveitar a página que se abre inicialmente ou abrir um novo em File > New. Figura 3 Abrir novo 5. Se quisermos alterar o formato da página temos que ir ao Tools > Canvassize. Temos poucas opções de alteração de tamanhos (figura 5) 4:3, 4:1, 1:1, 1:4, 3:4. Figura 4 Alterar formato da página Figura 5 Seleccionar formato de página 6. Para iniciarmos o desenho podemos partir de uma fotografia para isso podemos colocar a fotografia no fundo. Para isso é necessário carregar no botão próprio ou ir a Tools > Picture. Figura 6 Inserir imagem 7. Após introduzirmos a imagem no fundo podemos iniciar o desenho, para isso vamos verificar se a grossura e a cor do lápis está em conformidade com o que desejamos. Para isso carregamos nos botões. O primeiro permite modificar a cor da linha, o 3

5 segundo a cor do fundo (caso das figuras planas) e o terceiro a espessura do lápis (linha). 8. Ao carregar na cor do lápis encaramos com as seguintes possibilidades: Swatches que nos dá uma gama de cores escolhidas; o sistema de cores HSB Hue (Tonalidade), Saturation (Saturação) e Value (Valor) e RGB cores primárias da luz. Basta escolher a cor que pretendemos para o nosso desenho. Figura 7 Alterar cor 9. Ao carregar na grossura da linha aparece-nos uma caixa que permite escolher várias grossuras, basta carregar na seta e andando para a direita obtemos linhas mais grossas. Figura 8 Alterar grossura da linha 10. Ao carregarmos na ferramenta Draw freehand-line vamos poder desenhar linhas livres. Podemos agora desenhar na folha de papel por cima da imagem que anteriormente introduzimos. 4

6 Figura 9 Desenhar por cima de um quadro de Picasso 11. Na caixa Drawing Objects aparecem todas as operações que fizémos. Nos botões podemos alterar a ordem ou anular qualquer uma das operações. Também podemos alterar as características dos objectos. Uma linha pode ficar mais grossa ou mais fina, pode mudar de cor e de posição. Figura 10 Todas as operações que fizemos Figura 11 Alterar a característica da linha (mesma linha alterou de posição, cor e grossura) 5

7 12. No final podemos tirar a imagem do fundo. Carregando no botão respectivo. Figura 12 retirar a imagem de fundo 13. Ao carregarmos no botão Show animation podemos ver a animação de todo o desenho que fizemos. 14. Podemos ainda colocar frases ao carregarmos no botão Write a massage aparecendo uma caixa de dialogo onde podemos colocar o texto, optar pelo tipo de fonte, cor e tamanho. Figura 13 Introduzir mensagem 15. Podemos fazer uma composição com elipses, rectângulos e linhas rectas de acordo com o menu das ferramentas que temos (no caso das elipses e rectângulos temos que seleccionar a cor do fundo que pretendemos) 16. Para exportarmos um flash (ficheiro swf) vamos a File > Export de seguida é nos pedido a velocidade da animação que vai de 1 a 5 e 10. E posteriormente gravar no local do disco. 6

8 Figura 14 Fazer exportação para swf Figura 15 velocidade de animação 7