Ir direto para menu de acessibilidade.
Página inicial > Notícias > Artigo Técnico: Como criar um gerador de fichas catalográficas usando apenas JavaScript e HTML
Início do conteúdo da página

Artigo Técnico: Como criar um gerador de fichas catalográficas usando apenas JavaScript e HTML

Publicado: Terça, 09 Dezembro 2025 18:23

Recentemente, fomos provocados por uma demanda externa — estudantes de Biblioteconomia da FURG interessadas em implementar geradores automáticos em bibliotecas parceiras — a refletir sobre como poderíamos criar uma solução ágil, leve e independente de infraestrutura complexa. O resultado é a ferramenta apresentada acima: uma Prova de Conceito (PoC) de um gerador de fichas catalográficas que roda 100% no navegador do usuário.

1. Motivação e Limitações Técnicas

O maior desafio enfrentado por muitas bibliotecas universitárias e escolares não é a falta de conhecimento biblioteconômico, mas as barreiras de Tecnologia da Informação (TI). Em nosso cenário de teste, simulamos uma realidade comum:

  • Sem acesso ao servidor: Não temos permissão para instalar linguagens de backend (como PHP, Python ou Java) ou configurar bancos de dados.
  • Ambiente restrito: Nosso acesso é limitado ao painel de edição de conteúdo (CMS), como o Joomla ou WordPress.

A solução encontrada foi utilizar JavaScript Puro (Vanilla JS) e HTML5. Essa abordagem, conhecida como Client-Side, permite que toda a lógica de formatação, geração do Cutter e impressão do PDF aconteça no computador de quem está usando, sem enviar nenhum dado para o servidor da instituição. Isso garante segurança, rapidez e, principalmente, autonomia para o bibliotecário implementar a ferramenta.

2. O Uso de Inteligência Artificial no Desenvolvimento

Este projeto foi desenvolvido em uma colaboração homem-máquina. A lógica do código foi escrita e refinada com o auxílio de modelos de linguagem (IA). O papel do bibliotecário, neste caso, deixou de ser apenas o de "organizador da informação" para se tornar o de "arquiteto da solução".

A IA acelerou a escrita das funções de manipulação de strings (para inverter nomes de autores, por exemplo) e a configuração das folhas de estilo (CSS) para garantir que a impressão saísse exatamente nas medidas de 12,5cm x 7,5cm.

3. Fundamentação Teórica

Um código, por mais limpo que seja, não tem valor em nossa área se não respeitar as normas. A estrutura lógica deste gerador foi subsidiada pelo texto "1.2 Organização do AACR2r", parte do guia de estudo "AACR2, MARC 21 e controle de autoridade" de Fabrício Silva Assumpção.

Foi com base neste material que definimos os requisitos de:

  • Níveis de Descrição: A capacidade da ferramenta alternar entre o Nível 1 (simplificado) e o Nível 2 (detalhado).
  • Pontuação e Recuos: A implementação rigorosa do recuo de parágrafo na primeira linha das áreas de descrição e o alinhamento à margem nas linhas subsequentes.

4. Prova de Conceito vs. Aplicação Real: Foco na Experiência do Usuário

É importante ressaltar que a ferramenta acima é uma Prova de Conceito (PoC). Ela demonstra que é tecnicamente possível fazer um gerador complexo rodar no CMS sem *backend*.

No entanto, para uma aplicação real junto à comunidade, o principal aspecto a ser considerado é a **Experiência do Usuário (UX)**. Do jeito que está, a PoC reflete a estrutura "crua" do AACR2, o que a torna completa para o bibliotecário, mas potencialmente **confusa para o usuário final** (o aluno de graduação ou pós-graduação).

Um aluno leigo não sabe necessariamente o que é "Área 5" ou "Entrada Secundária". Uma versão de produção precisa de **campos mais guiados e orientativos**, que filtrem a experiência da pessoa. Por exemplo, se o usuário tem que escrever o curso dela e a formação nas notas (ex: Trabalho apresentado à disciplina X, valendo nota parcial...), o código deveria automatizar a maior parte disso. Bastaria à pessoa **escolher o curso em uma lista**, e o sistema preencheria a nota padrão automaticamente.

A lógica seria ter um formulário simplificado ("wizard"), com perguntas mais naturais (ex: "Quem orientou seu trabalho?" em vez de "Outros Autores - Área 1"), que internamente converteria as respostas para o formato correto do AACR2. A experiência do seu usuário é o principal aspecto a ser considerado na oferta de um serviço.

5. Acesso ao Código Fonte (Open Source)

Como defensores do acesso aberto e do compartilhamento de conhecimento, disponibilizamos abaixo o código completo desta solução. Bibliotecários e desenvolvedores podem copiar, estudar e adaptar este código para suas próprias instituições.

Copie o código abaixo e cole no seu editor HTML (Salve como arquivo .html):

===========================================================================================

Prova de conceito - Ficha catalográfica Javascript puro

Créditos: Autor do Código: Hugo da Silva Carlos [09 dez. 2025]
Powered by Gemini (Modelo 2.0 Flash Experimental | Script V9)

Bibliografia: ASSUMPÇÃO, Fabrício Silva. AACR2, MARC 21 e controle de autoridade: um guia de estudo. Disponível aqui.

Gerador Automático de Ficha Catalográfica

Preencha os dados abaixo. Dica: Se clicar em "Visualizar" sem preencher nada, carregaremos um exemplo completo.

Campos de Nível 2 / Entradas Secundárias

Texto descritivo que aparece logo após o título.
Preencha para gerar o traçado (I., II.) automaticamente.
Preencha até 3 assuntos. O sistema numera automaticamente (1., 2., 3.).
 
Registrado em: Notícias
Fim do conteúdo da página