<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Humanidades Digitais |</title><link>https://clementgodbarge.com/pt/category/humanidades-digitais/</link><atom:link href="https://clementgodbarge.com/pt/category/humanidades-digitais/index.xml" rel="self" type="application/rss+xml"/><description>Humanidades Digitais</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>pt-pt</language><lastBuildDate>Tue, 05 May 2026 00:00:00 +0000</lastBuildDate><image><url>https://clementgodbarge.com/media/icon_hu_64a6c3bec25b3d7b.png</url><title>Humanidades Digitais</title><link>https://clementgodbarge.com/pt/category/humanidades-digitais/</link></image><item><title>tei-mcp v0.3: codificar em TEI sem reescrever a fonte</title><link>https://clementgodbarge.com/pt/post/tei-mcp-span-locked/</link><pubDate>Tue, 05 May 2026 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/pt/post/tei-mcp-span-locked/</guid><description>&lt;p&gt;Quando
, o objetivo
era impedir os assistentes de IA de alucinar marcação TEI. A ancoragem no
esquema resolveu parte do problema: com acesso direto, por ferramentas, à
especificação P5, o modelo já não tem de adivinhar o que um elemento significa
nem que atributos aceita. O resultado valida.&lt;/p&gt;
&lt;p&gt;Mas a alucinação tem duas faces na codificação TEI, e o esquema só apanha uma
delas. Validar contra a especificação diz-nos que a &lt;em&gt;marcação&lt;/em&gt; está bem
formada. Nada diz sobre o &lt;em&gt;texto&lt;/em&gt; que essa marcação envolve. E é aí – no
próprio texto – que vivem as alucinações mais nocivas. A composição por
intervalos bloqueados, a grande novidade da v0.3, foi concebida especificamente
para as impedir.&lt;/p&gt;
&lt;details class="print:hidden xl:hidden" &gt;
&lt;summary&gt;Lista de Conteúdos&lt;/summary&gt;
&lt;div class="text-sm"&gt;
&lt;nav id="TableOfContents"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#a-alucinação-que-o-esquema-não-apanha"&gt;A alucinação que o esquema não apanha&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#a-composição-por-intervalos-bloqueados"&gt;A composição por intervalos bloqueados&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#o-que-isto-é-e-o-que-não-é"&gt;O que isto é, e o que não é&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#porque-é-que-isto-importa-para-lá-da-tei"&gt;Porque é que isto importa para lá da TEI&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#obter-a-atualização"&gt;Obter a atualização&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;/div&gt;
&lt;/details&gt;
&lt;h2 id="a-alucinação-que-o-esquema-não-apanha"&gt;A alucinação que o esquema não apanha&lt;/h2&gt;
&lt;p&gt;Peça-se a um modelo que codifique uma carta francesa do século XVI e
receber-se-á muitas vezes um documento TEI de aspeto impecável. O cabeçalho
está preenchido, as etiquetas &lt;code&gt;&amp;lt;persName&amp;gt;&lt;/code&gt; estão bem colocadas, o &lt;code&gt;&amp;lt;dateline&amp;gt;&lt;/code&gt;
está bem formado. Passe-se pelo &lt;code&gt;validate_document&lt;/code&gt; e ele passa.&lt;/p&gt;
&lt;p&gt;Compare-se depois o corpo com a fonte.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;mesme&lt;/code&gt; passou a &lt;code&gt;même&lt;/code&gt;. Uma vírgula mudou de sítio. &lt;code&gt;luy&lt;/code&gt; foi silenciosamente
modernizado em &lt;code&gt;lui&lt;/code&gt;. Uma oração de leitura difícil no manuscrito foi
«corrigida» para algo mais limpo. Nenhuma destas alterações foi pedida. Nenhuma
é assinalada. O documento é válido segundo o esquema e está discretamente
errado.&lt;/p&gt;
&lt;p&gt;Para um fluxo de trabalho de arquivo – em que o texto codificado se torna o
registo permanente de que dependem leitores, índices de pesquisa e citações –
é este o modo de falha que mais importa. Uma etiqueta malformada é um incómodo.
Uma grafia modernizada de que ninguém dá conta durante cinco anos é uma
corrupção.&lt;/p&gt;
&lt;h2 id="a-composição-por-intervalos-bloqueados"&gt;A composição por intervalos bloqueados&lt;/h2&gt;
&lt;p&gt;A nova versão (v0.3) traz um mecanismo de prevenção de alucinações apontado
diretamente a este modo de falha. O objetivo de design é tornar as alucinações
no corpo do texto impossíveis por construção, e não apenas improváveis.&lt;/p&gt;
&lt;p&gt;A ideia é simples: &lt;strong&gt;o modelo nunca escreve texto de corpo&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Em vez disso, o fluxo de trabalho é o seguinte:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;O modelo chama &lt;code&gt;get_source(&amp;quot;letter_001&amp;quot;)&lt;/code&gt; e recebe o texto simples da fonte
como cadeia imutável.&lt;/li&gt;
&lt;li&gt;Para cada etiqueta que queira aplicar, chama
&lt;code&gt;tag_span(&amp;quot;letter_001&amp;quot;, start, end, element_path, attrs)&lt;/code&gt; – registando um
elemento TEI sobre um intervalo de caracteres da fonte.&lt;/li&gt;
&lt;li&gt;Quando termina, chama &lt;code&gt;compose(&amp;quot;letter_001&amp;quot;)&lt;/code&gt;. O servidor intercala as
etiquetas registadas com o texto simples original, gera o TEI final e
verifica depois, &lt;em&gt;byte a byte&lt;/em&gt;, que o conteúdo textual plano do documento
gerado é igual à fonte.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Se os bytes coincidem, o documento é devolvido. Se não coincidem – se as
etiquetas do modelo implicarem de algum modo um corpo que difere da fonte num
único caráter que seja –, &lt;code&gt;compose()&lt;/code&gt; lança uma exceção em vez de devolver um
documento corrompido.&lt;/p&gt;
&lt;p&gt;Não há caminho, neste fluxo de trabalho, em que o modelo produza um documento
TEI cujo corpo difira da fonte. O invariante é mecânico, não comportamental.
Não é preciso confiar que o modelo não alucina; basta confiar numa comparação
&lt;code&gt;==&lt;/code&gt; entre duas cadeias de bytes.&lt;/p&gt;
&lt;h2 id="o-que-isto-é-e-o-que-não-é"&gt;O que isto é, e o que não é&lt;/h2&gt;
&lt;p&gt;A composição por intervalos bloqueados é &lt;strong&gt;complementar&lt;/strong&gt; da ancoragem no
esquema; não a substitui. As ferramentas de ancoragem no esquema
(&lt;code&gt;validate_document&lt;/code&gt;, &lt;code&gt;lookup_element&lt;/code&gt;, &lt;code&gt;valid_children&lt;/code&gt; e as restantes das
dezasseis originais) ajudam o modelo a produzir TEI &lt;em&gt;válida&lt;/em&gt;. A composição por
intervalos bloqueados garante que o corpo do texto dentro dessa TEI é &lt;em&gt;fiel&lt;/em&gt; à
fonte. Um fluxo de codificação que se possa pôr em produção tem de satisfazer
os dois eixos, e agora ambos ficam cobertos por um único servidor.&lt;/p&gt;
&lt;p&gt;Também não é uma varinha mágica para tudo. &lt;code&gt;compose()&lt;/code&gt; ainda não verifica se as
etiquetas registadas são admissíveis segundo uma personalização ODD carregada –
fica para uma próxima versão. As etiquetas registadas vivem na memória do
processo e não sobrevivem a um reinício. E os ficheiros-fonte têm de ser
legíveis a partir de onde quer que o servidor corra. Tudo isto tem solução;
nada disto abala o invariante central.&lt;/p&gt;
&lt;h2 id="porque-é-que-isto-importa-para-lá-da-tei"&gt;Porque é que isto importa para lá da TEI&lt;/h2&gt;
&lt;p&gt;O padrão generaliza-se. Sempre que se pede a um modelo que anote, transforme ou
envolva um pedaço de texto – e sempre que a integridade do texto subjacente
importa mais do que a capacidade do modelo para o «melhorar» –, aplica-se a
mesma forma de solução. Não peça ao modelo que reescreva o texto. Peça-lhe que
produza instruções sobre o texto, e deixe que um compositor determinista as
aplique sob um invariante de igualdade.&lt;/p&gt;
&lt;p&gt;Para as edições digitais em particular, isto muda o que se pode pedir a um
modelo com responsabilidade. A codificação torna-se de repente uma tarefa
delegável sem ter de comparar à mão cada resultado com a fonte. A máquina faz
o caminho enfadonho; o editor revê a marcação, não a ortografia.&lt;/p&gt;
&lt;h2 id="obter-a-atualização"&gt;Obter a atualização&lt;/h2&gt;
&lt;p&gt;Se já tem o tei-mcp instalado:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;uvx tei-mcp@latest
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Ou de raiz:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;pip install tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Para usar a composição por intervalos bloqueados, aponte o servidor para uma
diretoria de ficheiros-fonte em texto simples:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;export&lt;/span&gt; &lt;span class="nv"&gt;TEI_MCP_SPAN_SOURCE_ROOT&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;/path/to/sources
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;uvx tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;O radical do nome de cada ficheiro passa a ser o seu identificador de documento
(&lt;code&gt;letter_001.txt&lt;/code&gt; → &lt;code&gt;letter_001&lt;/code&gt;).&lt;/p&gt;
&lt;p&gt;Código-fonte, documentação completa e notas de design do invariante:
&lt;/p&gt;</description></item><item><title>Uma edição digital de outro tipo</title><link>https://clementgodbarge.com/pt/post/cavriana-edition/</link><pubDate>Tue, 24 Mar 2026 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/pt/post/cavriana-edition/</guid><description>&lt;p&gt;A maior parte das fontes primárias nunca chega a ser publicada. O modelo em que confiamos para remediar isso, a edição digital financiada por bolsas, é demasiado caro, demasiado centralizado e demasiado frágil para funcionar em escala. Acabo de publicar
em que explico por que estou a construir de outra maneira a edição crítica das cartas de Cavriana: fontes primárias digitalizadas que crescem organicamente, com infraestrutura mínima, manutenção automatizada, abertas à colaboração e tão baratas que nem sequer precisam de bolsas. É um argumento a favor de umas humanidades digitais que funcionam com ou sem apoio institucional.&lt;/p&gt;</description></item><item><title>tei-mcp: a TEI P5 ao alcance dos agentes de IA</title><link>https://clementgodbarge.com/pt/post/tei-mcp/</link><pubDate>Sun, 15 Mar 2026 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/pt/post/tei-mcp/</guid><description>&lt;p&gt;Quem já tenha usado um assistente de programação por IA para escrever XML TEI
terá reparado que ele se engana. Aparecem elementos onde não deviam.
Inventam-se atributos. Ignoram-se as regras de aninhamento. O modelo tem uma
ideia vaga do aspeto da TEI, mas nenhum conhecimento fiável da especificação.&lt;/p&gt;
&lt;p&gt;O tei-mcp resolve o problema dando aos agentes de IA acesso direto, por meio de
ferramentas, às Guidelines da TEI P5.&lt;/p&gt;
&lt;details class="print:hidden xl:hidden" &gt;
&lt;summary&gt;Lista de Conteúdos&lt;/summary&gt;
&lt;div class="text-sm"&gt;
&lt;nav id="TableOfContents"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#o-que-é-o-mcp"&gt;O que é o MCP?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#o-que-faz-o-tei-mcp"&gt;O que faz o tei-mcp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#porque-é-que-isto-importa"&gt;Porque é que isto importa&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#primeiros-passos"&gt;Primeiros passos&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;/div&gt;
&lt;/details&gt;
&lt;h2 id="o-que-é-o-mcp"&gt;O que é o MCP?&lt;/h2&gt;
&lt;p&gt;O
(MCP) é uma norma
aberta que permite às aplicações de IA ligar-se a fontes de dados e ferramentas
externas. Pense-se nele como uma porta USB para a IA: um protocolo único que
permite a qualquer cliente compatível – Claude, Cursor, Windsurf e outros –
ligar-se a serviços especializados.&lt;/p&gt;
&lt;p&gt;Um servidor MCP expõe &lt;em&gt;ferramentas&lt;/em&gt; que a IA pode invocar durante uma conversa.
Em vez de se fiar em dados de treino memorizados, o modelo pode consultar uma
fonte viva e autorizada.&lt;/p&gt;
&lt;h2 id="o-que-faz-o-tei-mcp"&gt;O que faz o tei-mcp&lt;/h2&gt;
&lt;p&gt;O tei-mcp analisa a especificação ODD da TEI P5 e expõe 16 ferramentas que
cobrem as perguntas mais frequentes de um editor ou codificador:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;O que é este elemento?&lt;/strong&gt; Consultar qualquer elemento, classe, macro ou
módulo pelo nome, sem distinção de maiúsculas e com sugestões em caso de gralha.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Que atributos aceita?&lt;/strong&gt; Resolver os atributos ao longo de toda a hierarquia
de classes – primeiro os locais, depois os herdados, por ordem.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;O que pode conter?&lt;/strong&gt; Expandir os modelos de conteúdo em árvores
estruturadas, ou obter uma lista simples dos filhos válidos.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Este elemento pode ir aqui?&lt;/strong&gt; Verificar o aninhamento pai-filho, ou seguir
a acessibilidade através de toda a hierarquia de elementos.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;O meu documento é válido?&lt;/strong&gt; Validar um ficheiro XML TEI contra a
especificação: modelos de conteúdo, valores de atributos, listas fechadas de
valores, integridade das referências e avisos de depreciação.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;E o esquema do meu projeto?&lt;/strong&gt; Carregar um ficheiro de personalização ODD
para restringir tudo o que precede ao subconjunto de TEI próprio do seu projeto.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="porque-é-que-isto-importa"&gt;Porque é que isto importa&lt;/h2&gt;
&lt;p&gt;Codificar em TEI exige consultar as Guidelines a toda a hora. Os codificadores
experientes interiorizam os padrões mais comuns, mas até eles têm de verificar
a especificação quando se trata de elementos menos familiares ou de modelos de
conteúdo complexos. Para os assistentes de IA, que não têm esse conhecimento
interiorizado, o problema é pior: alucinam marcação de aspeto plausível, mas
incorreta.&lt;/p&gt;
&lt;p&gt;Com o tei-mcp, a IA não tem de adivinhar. Pode procurar a resposta na
especificação antes de escrever um único parêntese angular. O resultado é
marcação conforme à TEI P5 – ou à personalização ODD do seu projeto.&lt;/p&gt;
&lt;h2 id="primeiros-passos"&gt;Primeiros passos&lt;/h2&gt;
&lt;p&gt;Instale a partir do PyPI:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;pip install tei-mcp
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Depois, acrescente-o à configuração do seu cliente MCP:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-json" data-lang="json"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;mcpServers&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;tei&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;command&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;uvx&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nt"&gt;&amp;#34;args&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;tei-mcp&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;O servidor descarrega a especificação TEI na primeira execução e funciona com
qualquer cliente compatível com MCP.&lt;/p&gt;
&lt;p&gt;Código-fonte e documentação completa:
&lt;/p&gt;</description></item><item><title>Ensinar o binário com o emulador de telégrafo ITA2</title><link>https://clementgodbarge.com/pt/post/baudot/</link><pubDate>Thu, 13 Feb 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/pt/post/baudot/</guid><description>&lt;h2 id="tornar-tangível-o-abstrato"&gt;Tornar tangível o abstrato&lt;/h2&gt;
&lt;p&gt;Este emulador ITA2 é um auxiliar pedagógico de uso prático. Ao dar forma visível e interativa a conceitos abstratos de codificação, introduz os estudantes numa noção central da informática e das telecomunicações: a representação binária – ou seja, como um texto se converte em sequências de uns e zeros.
Costumamos ensiná-la em abstrato; ora, ver os furos aparecerem na fita ajuda os estudantes a perceber como um sistema físico pode representar informação digital.
&lt;div class="baudot-emulator"&gt;
&lt;h2&gt;ITA2 (Baudot-Murray) Telegraph Type Emulator&lt;/h2&gt;
&lt;p&gt;Type a word in the input below to see its representation on the ITA2 tape.&lt;/p&gt;
&lt;div class="baudot-controls"&gt;
&lt;label for="baudot-input"&gt;Type word:&lt;/label&gt;
&lt;input id="baudot-input" class="text-input" size="50" maxlength="50" /&gt;
&lt;button type="button" id="baudot-ltr-button" class="control-button active"&gt;LTR&lt;/button&gt;
&lt;button type="button" id="baudot-fig-button" class="control-button"&gt;FIG&lt;/button&gt;
&lt;/div&gt;
&lt;div class="tape-outer-container"&gt;
&lt;div class="tape-container"&gt;
&lt;table&gt;
&lt;tbody id="baudot-tape"&gt;&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.baudot-emulator {
--light-color: #f3f4f6;
--dark-color: #1f2937;
--light-alt-color: #e5e7eb;
--dark-alt-color: #374151;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
max-width: 100%;
margin: 2rem 0;
padding: 0;
box-sizing: border-box;
}
.baudot-emulator {
--tape-bg: var(--light-color);
--hole-bg: var(--light-color);
--hole-border: #d1d5db;
--punched-bg: var(--dark-color);
--punched-border: var(--dark-color);
--sprocket-bg: var(--light-color);
--sprocket-border: #9ca3af;
--button-bg: var(--light-color);
--button-bg-active: #d1d5db;
--button-text: var(--dark-color);
--button-border: #d1d5db;
--input-bg: white;
--input-border: #d1d5db;
--input-text: var(--dark-color);
--line-number: #6b7280;
}
html.dark .baudot-emulator,
html[data-theme='dark'] .baudot-emulator,
body.dark .baudot-emulator {
--tape-bg: var(--dark-alt-color);
--hole-bg: var(--dark-alt-color);
--hole-border: #4b5563;
--punched-bg: var(--light-color);
--punched-border: var(--light-color);
--sprocket-bg: var(--dark-alt-color);
--sprocket-border: #9ca3af;
--button-bg: var(--dark-alt-color);
--button-bg-active: #4b5563;
--button-text: var(--light-color);
--button-border: #4b5563;
--input-bg: var(--dark-alt-color);
--input-border: #4b5563;
--input-text: var(--light-color);
--line-number: #9ca3af;
}
.baudot-controls {
margin-bottom: 1.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.baudot-emulator .text-input {
flex: 1;
min-width: 200px;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid var(--input-border);
border-radius: 4px;
background: var(--input-bg);
color: var(--input-text);
}
.baudot-emulator .control-button {
padding: 0.5rem 1rem;
background: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.baudot-emulator .control-button.active {
background: var(--button-bg-active);
font-weight: bold;
}
.tape-outer-container {
padding: 0;
margin-bottom: 1.5rem;
border-radius: 4px;
overflow: hidden;
}
.tape-container {
width: 100%;
overflow-x: auto;
background: var(--tape-bg);
padding: 1rem 0.5rem;
}
.baudot-emulator table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
border: none;
}
.baudot-emulator tr {
height: 24px;
border: none;
}
.baudot-emulator td {
border: none;
padding: 0;
}
.baudot-emulator .line-number {
width: 20px;
text-align: center;
color: var(--line-number);
font-size: 0.8rem;
padding: 0 8px 0 0;
font-weight: bold;
}
.baudot-emulator .cell {
position: relative;
width: 20px;
height: 20px;
}
.baudot-emulator .cell-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--hole-bg);
border: 1px solid var(--hole-border);
}
.baudot-emulator .punched .cell-content {
background: var(--punched-bg);
border: 1px solid var(--punched-border);
}
.baudot-emulator .sprocket-hole {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--sprocket-bg);
border: 1px solid var(--sprocket-border);
z-index: 2;
}
&lt;/style&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function() {
initBaudotEmulator();
});
function initBaudotEmulator() {
if (!document.getElementById('baudot-input')) return;
const textInput = document.getElementById('baudot-input');
const tape = document.getElementById('baudot-tape');
const ltrButton = document.getElementById('baudot-ltr-button');
const figButton = document.getElementById('baudot-fig-button');
const ita2Code = {
'A': '00011', 'B': '11001', 'C': '01110', 'D': '01001', 'E': '00001',
'F': '01101', 'G': '11010', 'H': '10100', 'I': '00110', 'J': '01011',
'K': '01111', 'L': '10010', 'M': '11100', 'N': '01100', 'O': '11000',
'P': '10110', 'Q': '10111', 'R': '01010', 'S': '00101', 'T': '10000',
'U': '00111', 'V': '11110', 'W': '10011', 'X': '11101', 'Y': '10101',
'Z': '10001',
'1': '00011', '2': '11001', '3': '01110', '4': '01001', '5': '00001',
'6': '01101', '7': '11010', '8': '10100', '9': '01011', '0': '11000',
'-': '00011', '?': '00100', ':': '01010', '(': '11000', ')': '11101',
'.': '01000', ',': '00010', "'": '10001', '=': '01111', '/': '10011',
'+': '11011', ' ': '00100',
'FIG': '11011', 'LTR': '11111',
};
function generateTape() {
let rows = '';
for (let row = 0; row &lt; 5; row++) {
rows += '&lt;tr&gt;';
rows += `&lt;td class="line-number"&gt;${row + 1}&lt;/td&gt;`;
for (let col = 0; col &lt; 50; col++) {
rows += `&lt;td id="baudot_${row}_${col}" class="cell unpunched"&gt;
&lt;div class="cell-content"&gt;&lt;/div&gt;
${row === 2 ? '&lt;div class="sprocket-hole"&gt;&lt;/div&gt;' : ''}
&lt;/td&gt;`;
}
rows += '&lt;/tr&gt;';
}
tape.innerHTML = rows;
}
function updateITA2Code(word) {
clearTape();
word = word.toUpperCase();
let tapePosition = 0;
let currentCharType = 'LTR';
ltrButton.classList.add('active');
figButton.classList.remove('active');
for (let i = 0; i &lt; word.length; i++) {
const char = word[i];
let code = ita2Code[char] || ita2Code[' '];
let requiredCharType = /[A-Z ]/.test(char) ? 'LTR' : 'FIG';
if (requiredCharType !== currentCharType) {
const shiftCode = requiredCharType === 'LTR' ? ita2Code['LTR'] : ita2Code['FIG'];
punchTape(shiftCode, tapePosition++);
currentCharType = requiredCharType;
ltrButton.classList.toggle('active', currentCharType === 'LTR');
figButton.classList.toggle('active', currentCharType === 'FIG');
}
punchTape(code, tapePosition++);
}
}
function punchTape(code, tapePosition) {
if (tapePosition &gt;= 50) return;
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${tapePosition}`);
if (cell) {
cell.className = code[bit] === '1' ? 'cell punched' : 'cell unpunched';
}
}
}
function clearTape() {
for (let i = 0; i &lt; 50; i++) {
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${i}`);
if (cell) {
cell.className = 'cell unpunched';
}
}
}
}
generateTape();
textInput.addEventListener('input', function() {
updateITA2Code(this.value);
});
ltrButton.addEventListener('click', function() {
this.classList.add('active');
figButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
figButton.addEventListener('click', function() {
this.classList.add('active');
ltrButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
if (textInput.value) {
updateITA2Code(textInput.value);
}
}
&lt;/script&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;h2 id="contexto-histórico-do-telégrafo-à-informática"&gt;Contexto histórico: do telégrafo à informática&lt;/h2&gt;
&lt;p&gt;O código ITA2 (International Telegraph Alphabet No. 2), também conhecido como código Baudot-Murray, foi desenvolvido nos anos 1920 como aperfeiçoamento do código telegráfico original de Émile Baudot, que datava da década de 1870. Estes primeiros sistemas de telecomunicação influenciaram diretamente a informática que se lhes seguiu:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;O esquema de codificação em 5 bits foi um dos primeiros exemplos de codificação de caracteres&lt;/li&gt;
&lt;li&gt;As limitações do conjunto de caracteres (apenas 32 combinações possíveis com 5 bits) deram origem ao engenhoso mecanismo de comutação LETTERS/FIGURES (letras/algarismos)&lt;/li&gt;
&lt;li&gt;O sistema continuou a ser usado nos teleimpressores até bem entrado o século XX&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="aprender-as-máquinas-de-estados-a-brincar"&gt;Aprender as máquinas de estados a brincar&lt;/h2&gt;
&lt;p&gt;O mecanismo de comutação LETTERS/FIGURES introduz as máquinas de estados com toda a naturalidade. Experimentando, os estudantes descobrem que o mesmo padrão pode representar caracteres diferentes consoante o modo ativo. Esta experiência direta da codificação dependente de um estado prepara-os para conceitos informáticos mais complexos.
Por exemplo, o padrão de bits &lt;code&gt;00011&lt;/code&gt; representa:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A letra «A» em modo LETTERS&lt;/li&gt;
&lt;li&gt;O algarismo «1» em modo FIGURES
Esta dupla interpretação em função do estado está na base da maneira como os computadores lidam com os dados.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="atividades-para-a-sala-de-aula"&gt;Atividades para a sala de aula&lt;/h2&gt;
&lt;p&gt;Eis algumas maneiras de integrar o emulador ITA2 no ensino:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Desafio de descodificação&lt;/strong&gt;: pedir aos estudantes que decifrem mensagens codificadas em padrões ITA2&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Codificação eficiente&lt;/strong&gt;: discutir por que razão o mecanismo de comutação era importante para poupar largura de banda&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Evolução da codificação&lt;/strong&gt;: comparar o código de 5 bits do ITA2 com o ASCII (7 bits) e o Unicode&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Computação física&lt;/strong&gt;: ligar este sistema histórico aos microcontroladores modernos, como o Arduino&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="vantagens-em-matéria-de-acessibilidade"&gt;Vantagens em matéria de acessibilidade&lt;/h2&gt;
&lt;p&gt;Para além do interesse histórico, esta abordagem serve estudantes com estilos de aprendizagem diversos:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Os visuais veem os padrões&lt;/li&gt;
&lt;li&gt;Os cinestésicos interagem diretamente com o processo de codificação&lt;/li&gt;
&lt;li&gt;Os de pendor conceptual podem explorar a vertente matemática da teoria da informação&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="pormenores-de-implementação"&gt;Pormenores de implementação&lt;/h2&gt;
&lt;p&gt;O emulador está escrito em JavaScript e integra-se facilmente em qualquer plataforma de ensino em linha. O código é modular e adaptável a diferentes contextos pedagógicos.
O código-fonte está disponível, e o emulador pode ser experimentado, no
&lt;/p&gt;</description></item></channel></rss>