Ferramentas Web, Web 2.0 e Software Livre em EVTDarkroom e Sktchapad, fazendo uma breve explicação do seu funcionamento. Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre

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 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

MugTug

M a n u a l e G u i a d e e x p l o r a ç ã o d o M u g t u g 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

Elisa Cidade

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

1

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

Nome Mugtug

Tipo de ferramenta Web 2.0

Autores e/ou Criadores Orange Honey ©

Versão Versão 2

Tipo de versão Online, gratuita e com necessidade de registo

URL’s http://mugtug.com/

Língua(s) Inglês

Tipo de funções Editor e catálogo de imagens/fotografias e desenho.

Recursos necessários Computador com ligação à Internet e browser.

Breve descrição A ferramenta Mugtug é uma aplicação online que permite criar e editar imagens e criar pinturas ou desenhos nas suas aplicações. É ainda possível partilhar catálogos de imagens nas redes sociais.

http://mugtug.com/



2

Manual e Guia de Utilização do Mugtug ©

1. Para acedermos a esta ferramenta, devemos, no browser da Internet digitar o seguinte

endereço http://mugtug.com/

2. Iremos visualizar a página inicial (figura 1).

Figura 1 – Página inicial

3. Nesta primeira página, temos acesso a uma barra de menus (figura 2).

Figura 2 – Barra de Menus

4. Ao clicar em “Discover” visualizamos a seguinte figura (figura 3). Temos acesso a uma

galeria de fotos, que estão agrupadas por idade, tipo de foto e âmbito da foto.

Figura 3 – Menu “Discover”

5. Ao clicar em “Software” visualizamos a figura 4. Dá-nos acesso às ferramentas

Darkroom e Sktchapad, fazendo uma breve explicação do seu funcionamento.

http://mugtug.com/



3

Figura 4 – Menu “Software”

6. Ao clicar em “Sign up” figura 5, registamo-nos, para poder-mos entrar à posterior no

programa e trabalhar.

Figura 5 – Menu “Sign Up”

7. Ao clicar em “Log in”, visualizamos a figura 6, de seguida introduzimos o nosso nome

e senha, entrando automaticamente no programa.

Figura 6 – Menu “Log In”

8. Depois de entrar-mos no programa, aparecenos uma barra de menu com as opções:

“Happenings” (Acontecimentos), “Artboard” (Prancheta), ”Connecte” (Contactos) e “Profile

(Perfil) (Figura 7).



4

Figura 7

9. Clicando em “Artboard” (Prancheta), aparece-nos uma barra de ferramentas com seis

opções: “View Photos” (Ver fotos), “Picasa Photos” (fotos no Picasa), “List Photos”

(Lista de fotos), “Upload Photos“ (Enviar fotos), “External Photos” (Fotos Externas) e

“Albuns” (Figura 8).

Figura 8. Barra de Ferramentas

10. Ao clicar em “ Upload Photos” (juntar fotos), visualizamos a seguinte figura (figura 9).

Figura 9

11. Para adicionarmos uma foto, clicamos em procurar, abre-se uma janela e vamos

importar a foto que pretendemos (Figura 10). De seguida, damos-lhe um nome,

fazemos uma breve descrição e clicamos em “Upload”. Para acrescentar novas fotos,

clicamos em “Upload New Photos”.

Figura 10



5

12. As nosas fotos passam a fazer parte da Galeria de fotos (figura 11).

Figura 11 – Galeria de fotos

13. Clicando em “View Photos” (Ver fotos), temos acesso a todas as fotos que importamos

(Figura 12).

Figura 12 – View Fotos – galeria

14. Clicando em cima da foto pretendida, visualizamos a seguinte estrutura de

apresentação da imagem (figura 13):

Figura 13



6

15. No lado direito da figura, encontramos vários menus: “Contact” (Contactos), “Like”

(Gosto), “Favourits” (Favoritos), “Edit Photo Com” (Editar fotos) e “Share” (Partilhar).

16. Este menu permite:

- O acesso ao perfil do autor da foto.

- Enviar uma mensagem ao autor da foto.

Figura 14

17. Este menu permite, dizermos que gostamos da foto.

Figura 15

18. Este menu permite acrescentar ou retirar a foto das favoritas.

Figura 16

19. Este menu permite o acesso ao software DARKROON e ao SKETCHPAD.

Figura 17

20. Este menu permite partilhar as fotos, através do Facebok, Twitter, etc.

Figura 18



7

21. O DARKROOM é um editor de imagens, mas que esta indisponivel à data de

realização deste manual.

22. O SKETCHPAD, é uma ferramenta de desenho online. Clicando em cima do logótipo,

aparece a seguinte figura (figura 19).

Figura 19 - Página inicial do SKETCHPAD

23. A página apresenta três áreas distintas: barra de ferramentas, do lado esquerdo (figura

20), um menu na parte superior (figura 21), ao centro a área de trabalho (figura 22).

Figura 20 – Barra de ferramentas



8

Figura 21 – Área de trabalho

Figura 22 – Menu

24. A barra de ferramentas inclui um conjunto de Autoforma, texto, pincel, selos, texturas,

escova em espiral, carimbo e borracha para apagar.

25. Clicando num dos itens da barra menus, abre-se uma janela (figura 23), cada uma

delas permitenos escolher, seleccionar, diminuir ou aumentar uma serie de efeitos.

Todas elas podem ser combinadas, até obtermos o trabalho pretendido (figuras 24 e

25).

26. Toda e qualquer ferramenta SKETCHPAD pode ser emprege em dois diferentes modos

de mistura: mistura e luz (selecionar na barra de menus).

Figura 23



9

Figura 24 – Exemplo de trabalho realizado

Figura 25 – Exemplo de trabalho realizado

Documents

Ferramentas Web, Web 2.0 e Software Livre em EVTDarkroom e Sktchapad, fazendo uma breve explicação do seu funcionamento. Ferramentas Web, Web 2.0 e Software Livre em EVT Estudo sobre