guia_e_manual_FONTSTRUCT

10
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 fontstruct Manual e Guia de exploração do fontstruct para utilização em contexto de Educação Visual e Tecnológica José Alberto Rodrigues

description

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. José Alberto Rodrigues

Transcript of guia_e_manual_FONTSTRUCT

Page 1: guia_e_manual_FONTSTRUCT

 

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

 

 

 

 

 

 

 

fontstructM a n u a l e G u i a d e e x p l o r a ç ã o d o f o n t s t r u c t 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

José Alberto Rodrigues  

 

 

 

 

 

Page 2: guia_e_manual_FONTSTRUCT

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

Page 3: guia_e_manual_FONTSTRUCT

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

2

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

Page 4: guia_e_manual_FONTSTRUCT

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

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

Page 5: guia_e_manual_FONTSTRUCT

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

4

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

Page 6: guia_e_manual_FONTSTRUCT

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

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

Page 7: guia_e_manual_FONTSTRUCT

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

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.

Page 8: guia_e_manual_FONTSTRUCT

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

7

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

Page 9: guia_e_manual_FONTSTRUCT

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

8

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

Page 10: guia_e_manual_FONTSTRUCT

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

Figura 15. Página personalizada para cada tipo de letra criado com o fontstruct