Ferramentas Web, Web 2.0 e Software Livre em EVT

Transcrição

1 E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o da d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Chogger M a n u a l e G u i a d e e x p l o r a ç ã o d o C h o g g e r p a r a u t i l i z a ç ã o e m c o n t e x t o d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Alexandra Fonseca 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 Chogger Nome Chogger Comic Creator Tipo de ferramenta Web 2.0 Autores e/ou Criadores Chogger LLC Versão Tipo de versão URL s Língua Tipo de funções Recursos necessários Beta Gratuita, sem necessidade de qualquer registo. Inglês Criação e realização de Bandas Desenhadas e Cartoons/Comics Computador com ligação a internet e browser Breve descrição O Chogger é uma ferramenta de desenho online que permite criar e realizar Bandas Desenhas e Cartoons/Comics de forma extremamente simples e intuitiva, utilizando o desenho vectorial, embora seja relativamente limitado às opções disponíveis. Permite a importação de imagens, criação de planos de fundo, balões de diálogo e vinhetas. É uma ferramenta boa para usar com um tablet ou quadro interactivo Não necessita de qualquer software instalado no computador para além do browser da Internet e uma ligação à rede. Este software foi criado na última tecnologia HTML 5 correndo também em dispositivos móveis como iphone ou ipad. 2

3 Manual e Guia de Utilização e Exploração do Chogger 1. Para aceder à página devemos, no browser da Internet digitar o seguinte endereço: 2. Iremos então visualizar a página de carregamento do programa: Figura 1 Página de Carregamento do Chogger. 2. Após o carregamento acedemos à interface do Chogger e clicamos em New Drawing para começarmos a desenhar, como indicado pela seta rosa. Figura 2 Interface do Chogger. 3

4 3. Assim, entramos na página em que vamos começar a desenhar. Como podemos visualizar na figura 3 surge à esquerda a barra de ferramentas de desenho, Tools (1) e os separadores de edição à direita ficam limitados ao Drawing (2), na parte superior temos o Line Smoothing (3) e ao centro a área em que vamos criar (4) Figura 3 Página de criação do Chogger Ferramentas do Chogger Tools (1) Figura 4 Barra de ferramentas do Chogger. 4

5 Mouse tool ferramenta para seleccionar os desenhos feitos e imagens importadas. Path Edit Tool Ferramenta de edição dos vectores, útil para manipularmos com maior rigor os nossos desenhos. Freehand Line Tool ferramenta de desenho livre. Com esta ferramenta fazemos as nossas criações, e com a anterior (Path Edit Tool) podemos melhorar-lhas. Straight Line Tool Ferramenta para desenhar linhas rectas Rectangle/Square Tool Ferramenta para desenhar rectângulos ou quadrados. Para fazer um quadrado basta carregar no Shift enquanto desenhamos. Ellipse/Circle Tool Ferramenta para desenhar Elipses e Círculos. Igualmente como na ferramenta anterior carregamos no Shift para desenharmos um círculo. Add a Photo Adicionar uma fotografia ou imagem ao desenho (demonstrado na figura 5). Undo Voltar atrás Redo Refazer Tabela 1 Função de cada ferramenta do Chogger Para adicionarmos uma fotografia ou imagem clicamos no ícon correspondente que abrirá um quadro com as opções Upload a Photo ou Take a Photo. Figura 5 Adicionar foto/imagem. 5

6 3.2. O separador de edição Drawing (2) apenas nos permite controlar a linha e preenchimento das formas: Figura 6. Separador de Edição Drawing. 3 1 Opção de preenchimento da forma; 2 Com ou sem linha de contorno; 3 Espessura da linha; 4 Selecção da cor de preenchimento e da linha; 5 Percentagem de transparência O Line Smoothing que encontramos na parte superior serve para tornar a linha desenhada mais suave (mais arredondada) ou menos (com mais ângulos). Figura 7. Line Smoothing. 4. Quando seleccionamos uma forma aparece-nos na parte superior esquerda as opções (indicada na figura 8) Pull Image Closer ou Push Image Back que servem para colocar as imagens atrás ou á frente das outras, assim como as opções de mover, apagar, rodar e redimensionar (figura 9). 6

7 Pull Image Closer/ Push Image Back Figura 8. Pull Image Closer/ Push Image Back. Mover Apagar Rodar Redimensionar Figura 9. Opções de manipulação da imagem. 5. Após concluirmos o nosso desenho clicamos em Save Image como aponta a seta na figura 10 e verificamos que o desenho ficará na parte superior como indicado pela seta na figura 11. As seguintes vinhetas (6) ficam disponíveis para continuarmos a nossa banda desenhada, assim como os separadores laterais Image (1), Text (2), Panel (3) e Comic (4) e o separador superior Text (5). Figura 10. Área principal de edição. 7

8 Figura 11. Área principal de edição O separador lateral direito Image permite-nos controlar a sombra (Shadow), nos parâmetros Blur - sombra mais suave ou intensa, Angle ângulo da sombra e Distance distancia da sombra em relação ao desenho. Figura 12. Separador Image O separador lateral direito Text Funciona em conjunto com o separador superior com o mesmo nome. Este último dá-nos a opção de introdução de balões e caixas de texto na nossa BD e o lateral permite-nos editá-los. 8

9 Figura 13. Separador Text. 1 Opção de preenchimento da forma; 2 Com ou sem linha de contorno; 3 Espessura da linha; 4 Formato do balão; 5 Edição da fonte O separador lateral direito Panel serve para editar as vinhetas (como podemos verificar na figura 14), igualmente como os separadores anteriores no preenchimento (Fill), no contorno da forma (Stroke), espessura de linha (Stroke Weight) e formato da vinheta (Shape). Figura 14. Separador Panel. 9

10 5.3. O separador lateral direito Comic serve para ajustar o espaçamento entre cada vinheta. 2 Figura 15. Separador Comic. 1 1 Opção para adicionar mais vinhetas; 2 Opções que ficam disponíveis ao seleccionar uma vinheta: adicionar e duplicar; alterar o tamanho ou remover. 6. Depois de terminar a primeira vinheta continua a sua BD. Após concluir carrega em Finish Comic e aparecerá as opções de terminar ou continuar. Clica em Finished with comic para concluir. Figura 16. Opções para terminar a BD ou continuar Após clicar na opção de terminar aparecerá a informação que a sua BD foi gravada e poderá aceder à página onde poderá editar as informações da sua BD. 10

11 Figura 17. Informação de gravação Nesta nova página vai editar detalhes da sua BD. E quando terminar clica em Finish Comic. Figura 18. Edição de detalhes da BD Depois de concluída irá aceder a uma nova página onde poderá criar uma conta do chogger, visualizar as últimas criações, as mais votadas e as mais populares. Figura 19. Opção de criar conta Chogger. 11