Ferramentas Web, Web 2.0 e Software Livre em EVT

Tamanho: px

Começar a partir da página:

Download "Ferramentas Web, Web 2.0 e Software Livre em EVT"

Luiz Felipe de Almada Medina
8 Há anos
Visualizações:

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 d a 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 Cloud canvas M a n u a l e G u i a d e e x p l o r a ç ã o d o C l o u d C a n v a s 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 Sílvia Pimenta 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.

Pimenta 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

2 Caracterização e Ficha Técnica do Cloud Canvas Nome Cloud Canvas Tipo de ferramenta Software gratuito + Web 2.0 Autores e/ou Criadores Equipa multidisciplinar para CloudCanvas, Inc. Versão Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários Beta Gratuita, com necessidade de fazer um registo, ou utilizar conta gmail já existente Inglês Desenho Vectorial Computador com ligação à Internet e browser Breve descrição O Cloud Canvas é uma ferramenta que permite a execução de desenhos vectoriais, assim como trabalhar desenho vectorial articulado com imagens bitmap. 1

Versão Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários Beta Gratuita, com necessidade de fazer um registo, ou utilizar conta gmail

Iremos então visualizar a página inicial (figura 1) que alguns menus sobre o programa, e para acedermos ao mesmo, clicamos na

3 Manual e Guia de Utilização do Cloud Canvas 1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte endereço Iremos então visualizar a página inicial (figura 1) que alguns menus sobre o programa, e para acedermos ao mesmo, clicamos na opção LAUNCH. Irá ser pedido o registo, que poderá ser uma conta já existente do utilizador no Gmail, e a criação de uma conta para documentos no Google (figura 2). Figura 1 Página inicial Figura 2 Página inicial 2

4 2. Para iniciarmos o nosso desenho vectorial, escolhemos uma das ferramentas do menu Tools. Select tool - seta de selecção Line tool - desenho de linhas Path tool - caneta de desenho Free - hand rectangle/ square - desenho de rectângulos e quadrados Free hand Elipse / circle desenho de elipses e círculos Zoom tool lupa Shape Library - biblioteca de formas Star tool desenhos de polígonos estrelados pencil tool - lápis Text tool ferramenta de texto Image tool ferramenta de imagem pencil tool - lápis Poligon tool desenho de polígonos Eye dropper tool conta gotas / identificador de cor Figura 3 Ferramentas do menu Tools 3. Menus gerais da aplicação (figura 4): Iniciar o programa Recursos Documentação - manual -tutoriais Tecnologia utilizada - como funciona A equipa de criadores da aplicação Suporte -Fóruns - Contactos Figura 4 Menu de admissão de letras 3

elipses e círculos Zoom tool lupa Shape Library - biblioteca de formas Star tool desenhos de polígonos estrelados pencil tool - lápis Text tool ferramenta de texto Image tool ferramenta de imagem

5 4. Para iniciar o programa, clique na opção Launch, na barra de menus inicial. Irá aparecer a área de trabalho assim como as ferramentas (figura 2). 5. Os recursos da aplicação poderão ser consultados, clicando na opção Features, na barra de menus inicial. Imagens bitmap e principais ferramentas para trabalhar este tipo de ficheiro: ferramentas de desenho e pintura, tipo de pincéis e texturas disponíveis. Gráficos/vectores: ferramentas disponíveis, para criação de diferentes formas de vectores: Elipses; rectângulos; polígonos; linhas rectas e curvas. Layout da página (interface da aplicação) Layers (camadas transparentes para sobrepor diferentes elementos, organizados entre si). Filtros (trabalhar com filtros permite facilmente adicionar profundidade e dimensão) Fonte edição- vai directo à fonte dos seus arquivos. Editar Figura 5 Recursos da aplicação v) 4

Imagens bitmap e principais ferramentas para trabalhar este tipo de ficheiro: ferramentas de desenho e pintura, tipo de pincéis e texturas disponíveis.

6. Trabalhar com os menus Figura 6 desenho de forma vectorial Path Tool Ao clicar no espaço de trabalho utilizando esta ferramenta, podemos arrastar o rato, obtendo assim um ponto com duas âncoras,

6 6. Trabalhar com os menus Figura 6 desenho de forma vectorial Path Tool Ao clicar no espaço de trabalho utilizando esta ferramenta, podemos arrastar o rato, obtendo assim um ponto com duas âncoras, que permitem dar curvatura na linha que une este ponto com o anterior. Para fecharmos a forma temos de clicar no primeiro ponto criado. Podemos mudar a cor de preenchimento na opção SWATCHES, que se encontra na imagem acima representada (no lado direito da fig. 5, na janela dos media). Media Ainda na figura 6, podemos visualizar a janela dos opções media, onde poderemos trabalhar com diferentes opções: - Swatches diferentes cores disponíveis -Brushes diferentes tipos de pincéis (formas das pinceladas variadas) - Clip art pequeno motor de busca da biblioteca de clip arts diaponíveis, que permite importar para a área de trabalho um clip art à escolha. - Google images motor de busca da Google, para pesquisar online imagens pretendidas deste destino. 5

Podemos mudar a cor de preenchimento na opção SWATCHES, que se encontra na imagem acima representada (no lado direito da fig. 5, na janela dos media).

7 - Deviant art motor de busca do espaço online do Deviant art, para pesquisar imagens pretendidas deste destino. - Font store espaço que armazena uma série de fonts, para instalar caso pretenda trabalhar com texto. Menu file: -New (N) - Cria um documento em branco - Open - Abre um documento (de conta do Google Docs) - Save - Salva o documento atual (a conta do Google Docs) (N) - Atalho - Export as PNG - Abre uma nova janela com uma imagem no formato png achatada. - Document Properties - Abre um diálogo para alterar o tamanho do documento, a cor de fundo, título, etc - Print preview - Abre o documento actual numa janela separada, sem qualquer interface do usuário para impressão. -Quit/Logout - Sai do editor e voltar para a página inicial CloudCanvas. Menu edit: -Undo (z) - Desfaz a última alteração feita no editor. - Redo (y) - Refaz a última alteração feita no editor. - Duplicate/Clone (C)- Faça uma cópia da seleção ligeiramente deslocada. - Clear (Del)- Limpar a seleção da área de trabalho. - Select All (A)- Seleciona todos os objetos na camada atual. 6

Menu file: -New (N) - Cria um documento em branco - Open - Abre um documento (de conta do Google Docs) - Save - Salva o documento atual (a conta do Google Docs) (N) - Atalho - Export as PNG - Abre

Menu Window: -Edit source - Abre uma janela /editor para ver o código SVG matériaprima do documento atual. - Toggle Wireframe Mode - Liga o mais rápido processamento "Wireframe" modo on / off.

8 Menu Window: -Edit source - Abre uma janela /editor para ver o código SVG matériaprima do documento atual. - Toggle Wireframe Mode - Liga o mais rápido processamento "Wireframe" modo on / off. -Toggle All Pallets Tab - Oculta todas as paletes na interface do usuário para um visual mais limpo na arte. Toggle Grid Mostra grelha na área de trabalho. Janela das propriedades (properties): Sempre que é seleccionada uma ferramenta na janela Tools, ficam activas todas as variantes que essa ferramenta possibilita. Desde a cor de preenchimento, à opacidade, as características da linha utilizada e os seus acabamentos nos respectivos pontos que compõem essa forma vectorial, até ao tipo de pincel (brush) escolhido e respectiva espessura. 7. Salvar/Exportar CloudCanvas usa o svg como formato de arquivo. A maioria das outras aplicações abre este formato, incluindo o Illustrator e Inkscape 7

Janela das propriedades (properties): Sempre que é seleccionada uma ferramenta na janela Tools, ficam activas todas as variantes que essa ferramenta possibilita.

Documentos relacionados

Ferramentas Web, Web 2.0 e Software Livre em EVT

Ferramentas Web, Web 2.0 e Software Livre em EVT 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 d a 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 Wiiplayable M