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
 

fontpark 2.0
Manual e Guia de exploração do fontpark 2.0 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.

 
 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

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

Nome FontPark
Tipo de ferramenta Web 2.0
Autores e/ou Criadores ©
Akihiko Morisawa

Versão Versão 2
Tipo de versão Gratuita, sem necessidade de qualquer registo
URL’s http://fontpark.morisawa.co.jp/
Língua(s) Inglês
Tipo de funções Desenho e Composição com letras
Recursos necessários Computador com ligação à Internet e browser

Breve descrição O fontpark é uma ferramenta que permite a execução de

composições (desenhos) com fontes. Partindo de uma palavra ou
frase o utilizador pode compor as letras dessa frase conforme
deseja. Pode inclusive tirar a significação da palavra ou palavras e
criar outros significados. No final pode copiar um código ou link
que lhe permite acesso a uma animação com o processo de
desenho.

1
 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

 ©
Manual e Guia de Utilização do fontpark

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

endereço http://fontpark.morisawa.co.jp/

2. Iremos então visualizar a página inicial (figura 1) que mostra alguns exemplos de
composição feitos por outros utilizadores.

Figura 1 – Página inicial

3. Para iniciarmos o nosso desenho carregamos no botão “PLAY & CREATE” na margem
superior esquerda onde se encontra o menu.

Figura 2 – Botões do menu

4. Na margem inferior direita vai-nos aparecer quatro rectângulos: o 1º diz “PLEASE

IMPUT TEXT” – este permite introduzir o texto (palavra ou frase) que pretendemos
trabalhar; o 2º permite escolher o tipo de letra (como está em Japonês só conseguimos
escolher a letra com seriif, sem serif ou script e depois se desejamos bold, light ou
regular (ver figura 4); a 3º é um botão “ADD LETTERS” que permite admitir o texto
escolhido nos quadrados que se encontram em toda a base inferior – em cima destes
rectângulos (figura 5).

Figura 3 – Menu de admissão de letras 

2
 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

Figura 4 – Escolha do tipo de letra 

Figura 5 – O texto aparece nesta secção 

5. Para colocar as letras do texto na zona de trabalho, usamos o rato como ferramenta. A 
manipulação das letras é muito fácil – permite rodar e deslocar usando o rato. Como o 
interface  é  muito  expressivo  compreende‐se  quando  é  para  deslocar  ou  rodar.  Se 
seleccionarmos mais que uma letra podemos desloca‐las juntas (quando seleccionadas 
duas ou mais letras estas ficam a cinzento). 

 
Figura 6 – A composição escolhida (o f e a pinta do i estão seleccionadas)  

3
 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

6. Se quisermos apagar carregamos no botão “RESET” (figura 7) 

Figura 7 – Botão “RESET” para apagar 

7. Para  submeter  a  composição  feita  carrega  no  botão  “SUBMIT”  (figura  8).  Permite 
obter um link ou um código html para introduzir num site ou blogue (figura 9 e 10).  

 
Figura 8 – Botão “SUBMIT” para conseguir o link da animação 

Figura 9 – Para submeter é necessário um título e um nickname 

Figura 10 ‐ Podemos obter o link ou o código html para colocar num blogue ou site 

4
 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

Figura 11 – Este é o aspecto final do nosso filme (composição)