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
 

fontstruct
Manual e Guia de exploração do fontstruct para utilização
em contexto de Educação Visual e Tecnológica

José Alberto Rodrigues

 

 
 

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 fontstruct

Nome fontstruct
Tipo de ferramenta Web 2.0
Autores e/ou Criadores ©
FontShop FSI by Rob Meek

Versão Online, sem indicação no nº. da versão

Tipo de versão Gratuita, com necessidade criar um registo
URL’s http://fontstruct.fontshop.com/
Língua(s) Inglês
Tipo de funções Criação de fontes (tipos de letra) personalizados
Recursos necessários Computador com ligação à Internet e browser

Breve descrição O fontstruct é uma ferramenta que permite a qualquer utilizador

criar a sua própria fonte (tipo de letra). É uma ferramenta baseada
na Web 2.0 e não necessita de qualquer software instalado no
computador para além do browser da Internet e uma ligação à
rede. Apesar de apenas estar disponível em Inglês, a sua
utilização relativamente simples e intuitiva, exigindo apenas algum
estudo prévio das funcionalidades da mesma. Otém-se, sempre
que se quiser, uma pré-visualização da letra e efeito de escrita da
mesma. O tempo de construção de um tipo de letra cpompleto
varia consoante as exigências de cada utilizador podendo-se, no
final, descarregar e instalar no sistema de fontes do nosso
computador pessoal.

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 e Exploração do fontstruct

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

endereço: http://fontstruct.fontshop.com/

Iremos então visualizar uma página como a da Figura 1. O site (ferramenta) dá acesso
às secções My FontStruct, Gallery, FontStructor, Live, Blog e Support.

 
Figura 1. Página inicial do fontstruct

2. Para iniciarmos o trabalho de criação com esta ferramenta, na página de entrada,

devemos carregar no botão existente no lado esquerdo que diz Start Now (Figura 2).

 
Figura 2. Secção do site com o botão Start Now para criar uma conta no fontstruct

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

3. De seguida, aparece-nos uma página com características idênticas às apresentadas na

Figura 3. Caso já tenhamos criado uma conta de utilizador, devemos escrever o nosso
Username e Password.

Caso seja a primeira vez que utilizam o site/ferramenta, devem criar uma nova conta de
utilizador (gratuita) carregando na ligação que diz: Sign Up Now (Figura 3).

 
Figura 3. Página para Sign In no fontstruct

4. Se tiverem escolhido a última opção (criação de uma nova conta), devem preencher
um simples formulário que é apresentado na página (Figura 4), indicando apenas
alguns dados simples como primeiro nome, apelido, e-mail, nome de utilizador,
palavra-chave uma imagem de utilizador (Avatar). No final, devem marcar o campo de
concordar com os termos de uso e fazer Sign Up.

Figura 4. Página para criação de uma nova conta no fontstruct

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

5. No site, existe no topo de todas as páginas uma barra de navegação/Menu horizontal

(Figura 5).
- My FontStruct: dá acesso aos dados pessoais de utilizador;
- Gallery: permite-nos visualizar os tipos de letras criados por toda a comunidade que
utiliza este espaço e ferramenta;
- FontStructor: para aceder ao espaço de construção de letras/alfabetos;
- Live: acesso a várias funcionalidades e curiosidades da ferramenta;
- Blog: acesso ao Blog dos desenvolvedores e utilizadores da ferramenta, com acesso
a secções importantes, actualizações e outras curiosidades;
- Support: acesso ao suporte técnico e dúvidas sobre utilização desta ferramenta.

Figura 5. Menu principal do site

6. Depois de acedermos à nossa conta, através do Sign In, podemos no menu principal
carregar no separador (e botão) que diz FontStructor para iniciarmos a criação de um
novo tipo de letra. Se o fizermos, podemos aceder, dependendo dos casos, a duas
opções diferenciadas: a) se não tivermos nenhum tipo de letra em construção,
aparecerá algo idêntico ao representado na Figura 6, com o nosso espaço pessoal e
de perfil, com indicação dos tipos de letra que já criámos ou b) como na Figura 7, é
apresentado o tipo de letra que ainda não terminamos anteriormente e está em
acabamento.

Figura 6. Espaço pessoal My FontStruct

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 7. Espaço de trabalho da ferramenta, criando novo tipo de letra ou continuando um anteriormente
iniciado

7. Em todo o caso, sempre que se inicia a criação de um novo tipo de letra, aparecerá
uma nova janela, idêntica à da Figura 8. A primeira coisa que temos a fazer é dar um
nome à fonte (tipo de letra) que vamos criar podendo, posteriormente e sempre que
quisermos alterar esse nome.

Figura 8. Janela para nomear o tipo de letra que pretendemos criar

8. A interface de trabalho e construção dos tipos de letra, com esta ferramenta, é a que se
apresenta na Figura 9. Aconselha-se, por facilidade de visualização, a utilização de
monitores de grandes dimensões ou panorâmicos.

Figura 9. Interface e área de trabalho do fontstruct

5
 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

9. Como principais ferramentas desta aplicação, na área de trabalho da mesma, temos

uma guia quadriculada, de fundo, onde é construído, pixel a pixel, cada letra. A mesma
pode ser ampliada ou diminuída fazendo um simples deslize do scroll do rato. Mas,
vejamos as funcionalidades e ferramentas da interface acompanhando a visualização
da Figura 10, abaixo:

- Do lado esquerdo, temos a caixa All Bricks que contém pequenas figuras
geométricas a inserir em cada quadrado (pixel) da letra. Mais acima, temos a
possibilidade de criar e seleccionar os nossos próprios Bricks em My Bricks. Mais à
direita, temos a caixa que nos indica a letra que estamos a trabalha, identificada por
Current Letter. Um Botão de zoom +/- evitando-se trabalhar com o scroll do rato e
uma caixa de ferramentas, designada por Tools com as ferramentas (definidas por
ícones) lápis, borracha, selecção, arrastar, conjunto de pixels, linha. Uma barra na
parte inferior para acesso rápido ao abecedário e um menu de topo com as funções:
Save (para gravar o trabalho), Download (para descarregarmos o tipo de letra criado),
Preview (para visualização das letras já criadas) e Advanced (para funções
avançadas de edição).

Figura 9. Interface do fontstruct e as principais ferramentas

10. Por defeito, o tipo de alfabeto escolhido (para a língua portuguesa o mais indicado) é o
Basic Latin. Mas existem o Latin nas versões More e Extended A e B. Deverá ser
escolhido, para o alfabeto Português, sempre, um destes estilos. Para que o utilizador
faça esta escolha, deverá aceder ao menu pendente que existe no canto inferior
esquerdo da aplicação, tal como é apresentado na Figura 10, na página seguinte.

6
 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 10. Menu do fontstruct para selecção do tipo de alfabeto

11. Começando a “desenhar” o nosso tipo de letra, a qualquer momento podemos

abandonar a aplicação sem que percamos o trabalho. Para tal, basta carregar no botão
amarelo do menu superior que diz Save. Aparece então a janela de opção para que se
faça Save, Download Now ou Cancel (Figura 11), tendo estas funções,
respectivamente, a opção de gravar, descarregar o tipo de letra criado ou cancelar a
operação e voltar à interface do programa.

Figura 11. Janela de opção na função Save, Download e Abandono do fontstruct

12. A qualquer momento, e sempre que necessitemos, podemos carregar no botão

amarelo do menu da ferramenta com a função Preview e, facilmente, numa nova
janela que se abre na interface, visualizar as letras já criadas e gravadas, podendo o
utilizador escrever um pequeno texto e visualizar imediatamente o efeito (Figura 12).

Figura 12. Janela de pré-visualização das letras criadas no fontstruct

7
 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

13. Quando terminarmos o nosso trabalho podemos, finalmente, carregar no botão amarelo
do Menu que diz Download. Aparecerá a mensagem para gravar o trabalho e,
também, a opção Download Now. Se carregarmos nessa opção, tal como em qualquer
ficheiro descarregado, aparece uma nova janela para indicarmos o destino onde o
nosso tipo de letra será instalado (Figura 13). Depois, resta abrir a pasta dos tipos de
letra, no nosso computador e copiar para lá esse tipo de letra ou, de outra forma,
instalá-la no computador, dependendo sempre esta função das opções que tivermos
nos nossos computadores e sistemas operativos.

Figura 13. Janela de opção de destino para download do nosso tipo de letra criado no fontstruct

14. Para terminar, resta-nos referir que o acervo dos tipos de letra criados por todos os
utilizadores desta ferramenta, na sua grande maioria, estão disponíveis para download
na secção Gallery do site. Basta navegar nas várias páginas (Figura 14). E, se
seleccionarmos algum tipo de letra, temos ainda acesso aos comentários dos
utilizadores sobre esse determinado tipo de fonte (Figura 15).

Figura 14. Exemplo de uma página da Galeria do fontstruct

8
 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 15. Página personalizada para cada tipo de letra criado com o fontstruct