Ferramentas Web, Web 2 - evtdigital.files.wordpress.com · Figura 4. Localização dos ícones acima referidos na área de trabalho. 5. Ao clicar sobre o botão correspondente ao

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

Mash on Spore Creator M a n u a l e G u i a d e e x p l o r a ç ã o d o M a s h o n S p o r e C r e a t o 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

Carolina Rodrigues

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 da Ferramenta Mash on Spore Creator ©

Nome Mash on Spore Creator

Tipo de ferramenta Web 2.0

Autores e/ou Criadores Spore elements ©

para Electronic Arts, inc.

Versão Gratuita, online, com possibilidade de registo gratuito

Tipo de versão Gratuita, online, com necessidade de registo para as aplicações media

URL’s http://www.mashon.com/spore/creator/

Língua(s) Inglês

Tipo de funções Criação e composição de Bandas Desenhadas/ Comics

Recursos necessários Computador, ligação à Internet e browser com Flash Player

Breve descrição A ferramenta Mash on Spore Creator é uma ferramenta gratuita para qualquer sistema operativo pois funciona online e permite a criação de bandas desenhadas/comics, quer utilizando todas as potencialidades (personagens, cenários, objectos, etc.) que a ferramenta oferece, quer a partir da criação das nossas próprias histórias e personagens. Permite ainda adicionar efeitos sonoros e vídeo. Estas BD`s podem ser publicadas e partilhadas na internet.

http://www.mashon.com/spore/creator/



2

Manual e Guia de Utilização e Exploração da Mashon Spore Creator ©

1. Para ter acesso a esta ferramenta, é necessário digitar o seguinte endereço:

http://www.mashon.com/spore/creator/ o qual, direcciona imediatamente para a página

da web. (Figura 1).

Fig. 1. Página inicial do Mashon spore creator

2. De seguida, e automaticamente, aparece no ecrã a área de trabalho, onde do lado

esquerdo temos um esquema da informação necessária para utilizar a ferramenta na

sua totalidade e que, ao mesmo tempo, serve de orientação para o fazer. Por outro

lado, esta página também nos apresenta todas as opções que podem ser usadas para

a criação de uma BD (Figura 2).

http://www.mashon.com/spore/creator/



3

Figura 2. Aparência da página inicial referente à área de trabalho.

3. Do lado direito encontram-se todos os tipos de pranchas possíveis de utilizar para

iniciar a composição da BD (Figura 3).

Figura 3. Diferentes tipos de pranchas que a ferramenta mash on spore creator oferece.

4. Já no canto inferior esquerdo da página web, encontram-se alguns ícones, de fácil

percepção, que permitem: gravar/guardar o ficheiro, partilhar o ficheiro, imprimir o

ficheiro, realizar o nosso registo, imprimir o ficheiro, levantar questões ou mesmo

partilhar sugestões, procurar recursos e conhecer os termos de uso da ferramenta.



4

Figura 4. Localização dos ícones acima referidos na área de trabalho.

5. Ao clicar sobre o botão correspondente ao ícone file, aparecem mais quatro ícones:

new, open, save, e export pdf (Figura 5).

Figura 5. Ícones que aparecem ao clicar sobre o botão file.

6. O ícone new permite seleccionar e escolher um tipo de prancha para começar a BD.

Aparecem cinco tipos de prancha diferentes (Figura 6).



5

Figura 6. Diferentes tipos de pranchas obtidas ao clicar sobre o ícone new.

7. O ícone open permite abrir projectos anteriormente guardados, mas para isso é

necessário fazer o registo (login) (Figura 7).

Figura 7. Janela correspondente ao pedido do registo para poder abrir um projecto guardado.



6

8. O ícone save permite guardar projectos, mas para isso é também necessário fazer o

registo (login) (Figura 7).

Figura 8. Janela correspondente ao pedido do registo, para poder guardar um projecto.

9. O ícone export PDF permite exportar um projecto em formato PDF, sendo necessário

guardá-lo antes (Figura 9).

Figura 9. Janela que informa ser necessário guardar o projecto, antes de poder exportá-lo em formato

PDF.

10. No canto inferior direit, existem ainda mais botões que permitem então iniciar a criação

de um projecto para uma BD.



7

Figura 10. Botões interactivos que permitem dar início ao projecto.

11. Para dar início à criação da Banda Desenhada é necessário escolher uma das

pranchas que se encontram no canto superior direito da página inicial. Para isso, basta

clicar em cima da prancha desejada. Seguidamente, esta é transferida

automaticamente para a área de trabalho (fundo cinza escuro) (Figura 11).

Figura 11. Início do projecto: escolha de um tipo de prancha.

12. A prancha tem por sua vez dois ícones: um no canto superior esquerdo e outro no

canto superior direito (Figura 12).



8

Figura 12. Aspecto da prancha com os botões interactivos.

13. Ao clicar sobre o botão do canto superior esquerdo (ferramenta), apenas aumentamos

a visualização da área de trabalho, ou seja, da prancha (Figura 13).

Figura 13. Visualização da área de trabalho (prancha) num tamanho maior ao inicial.



9

14. Ao clicar sobre o botão do canto superior direito (X), apenas fechamos a prancha e

esta desaparece do fundo cinza escuro (Figura 14).

Figura 14. Visualização da área de trabalho após ter sido fechada a prancha.

15. Ao escolhermos um tipo de prancha aparecem mais botões interactivos: (tools e zoom),

em cima da área de trabalho (Figura 14).

Figura 14. Botões que aparecem em cima da área de trabalho (prancha).

16. O botão correspondente ao zoom permite, quer pelo arrastar da pequena barra

numérica, quer através do clique nos sinais menos (-) e mais (+), diminuir ou aumentar

a visualização da área de trabalho (Figura 15).



10

Figura 15. Visualização da área de trabalho com o auxílio do zoom.

17. Para começar a preencher a área de trabalho, ou seja, cada uma das vinhetas da

prancha, existem vários botões interactivos no canto inferior direito do ecrã (Figura 16).

Figura 16. Botões interactivos que permitem preencher cada uma das vinhetas, iniciando assim o projecto.

18. Numa primeira fase, devemos escolher o fundo, isto é, o cenário pretendido na BD.

Para isso basta clicar sobre o botão scenery e escolher um dos muitos cenários que

são oferecidos por este tipo ferramenta. Ao clicar sobre o tipo de cenário escolhido,

obtemos logo a visualização de 6 imagens diferentes, do mesmo cenário (Figura 17).



11

Figura 17. Visualização das opções disponíveis para criar o cenário da BD.

19. Para colocar o cenário em cada uma das vinhetas, basta arrastar a imagem pretendida

para o local pretendido (Figura 18).

Figura 18. Início do preenchimento de cada uma das vinhetas utilizando o botão sceary.



12

20. Ao colocar a imagem de fundo (cenário) pretendida no espaço desejado, existe a

possibilidade de modificar o tamanho dessa mesma imagem. Como é possível verificar

na figura 19, existem umas linhas guia que aparecem à volta da imagem. Basta colocar

o cursor num dos vértices desse quadrado para alterar o tamanho da imagem. Para

além de alterar o tamanho da imagem, pode-se ainda rodá-la através do clique no

botão que aparece no vértice do canto inferior direito (Figura 20). Por outro lado, o

canto superior direito dessas linhas guia permite ainda fechar a imagem clicando no X

(Figura 20).

Figura 19. Linhas guia para alterar o tamanho da imagem e botão para rodar a imagem.

Figura 20. Botões que aparecem junto das linhas que permitem alterar o tamanho da imagem.

21. Para rodar a imagem basta clicar e manter premido o botão direito do rato (Figura 21).



13

Figura 21. Visualização da alteração da posição da imagem por meio do botão para rodar.

22. Para continuar a compor a BD basta realizar o mesmo procedimento: arrastar imagem

a imagem para a vinheta desejada e desta forma compor o cenário da BD

relativamente à primeira prancha (Figura 22).

Figura 22. Visualização da prancheta totalmente preenchida pelo cenário.



14

23. Dando continuidade à composição da BD, é necessário optar pelo próximo botão que

permite inserir mais algum elemento da BD. Assim, ao clicar no botão Buildings, tem-se

a possibilidade de escolher casas (Homes) ou outra espécie de várias habitações

(misc). Para inserir estes elementos nas vinhetas basta seguir o procedimento

demonstrado anteriormente para inserir os cenários nas vinhetas. E assim

sucessivamente para os restantes elementos que servem para compor o projecto. É de

referir que existem os elementos: criaturas (creatures), meios de transporte (UFOS e

vehicles) e ainda as ferramentas/utensílios (tools). As criaturas apresentam duas ou

mais posições possíveis e são apresentadas em 20 tipos diferentes; os meios de

transporte UFOS apresentam-se em grandes variedades, também em duas vistas cada

uma; o botão vehicles apresenta-se em várias categorias diferentes; o botão tools

oferece vários objectos, para finalidades diferentes, a saber: camas (rest),ferramentas

(repair), instrumentos (recrut), curandeiro (healer), fogos/fogueiras (fierpits), manda-

chuva/cacique (chieftain) (Figura 23). Cada um destes elementos pode ser manipulado

quer no tamanho, quer na posição, ou através das linhas guias que aparecem à volta

da figura, ou através da janela que surge exactamente ao clicar no botão tools, logo

abaixo da área de trabalho, a qual desempenha as mesmas funções, para isto, basta

mover a barra numérica. Nesta barra existe ainda a função de poder posicionar os

objectos à frente ou atrás, uns dos outros, basta escolher e clicar nas setas (Figuras 24

e 25).

Figura 23. Instrumentos que aparecem ao clicar sobre o botão Tools.



15

Figura 24. Janela que permite manipular o tamanho e a posição do objecto.

Figura 25. Exemplo do plano desejado para sobrepor os elementos/objectos.

26. Para além dos cenários, personagens e ferramentas, existe também o botão referente

aos balões de fala, que se apresentam em 6 tipos diferentes (Figura 26).



16

Figura 26. Balões de fala.

27. Ao utilizar o balão de fala, existe também a possibilidade de manipulação. Basta clicar

sobre o botão tools que se encontra sobre a área de trabalho para ter acesso à janela

das alterações. Aqui, pode-se alterar o tamanho da caixa de texto (largura e altura)

(xscale e yscale), o plano do texto relativamente a outros objectos (Depth), o tipo de

letra, o tamanho e o tipo de justificação do parágrafo, bem como a cor. Depois de

concluída a primeira prancha do projecto, basta clicar no botão (pages) para

acrescentar as páginas desejadas (Figura 27).

Figura 27. Janela que auxilia o tratamento do texto.



17

28. Depois de concluída a primeira prancha do projecto, basta clicar no botão (pages) para

acrescentar as páginas desejadas (Figura 28).

Figura 28. Acrescentar mais páginas ao projecto.

29. Esta ferramenta permite ainda adicionar áudio e vídeo (Figura 29 e 30).

Figura 29. Botão do áudio. Figura 30. Botão do video.



18

31. O botão My media permite adicionar ficheiros do tipo jpg, gif, mp3, avi, flv, mov e

mpg (Figura 31).

Figura 31. Botão para adicionar ficheiros (my media).

32. Finalizado o projecto, este pode ser guardado através do botão file. È necessário

realizar o registo para poder guardar o projecto online na nossa conta de utilizador

(esta conta é gratuita) (Figura 32).

Figura 32. Guardar o projecto.

Documents

Ferramentas Web, Web 2 - evtdigital.files.wordpress.com · Figura 4. Localização dos ícones acima referidos na área de trabalho. 5. Ao clicar sobre o botão correspondente ao