Em poucas palavras

Uma folha de atividades de Ciências e Matemática, de duas páginas, sobre o ciclo da água, feita dez vezes. As perguntas são as mesmas; os números, os quadradinhos, as linhas e a conta de dividir seguem os livros de cada país.

O que você vai compor

A atividade 7 de um curso de Ciências e Matemática do 4º ano, A viagem da água, em dez edições. As perguntas são as mesmas em todos os idiomas: escolher uma resposta, marcar verdadeiro ou falso, completar as lacunas com um banco de palavras, ligar as palavras ao seu significado, circular uma palavra, dividir a água de uma caixa-d’água e explicar por que economizá-la. Cada edição as imprime como fazem as suas escolas. As folhas espanhola e catalã põem o número num círculo, pedem para marcar V ou F e armam a divisão com o divisor num L à direita do dividendo, como no método da chave. A francesa usa quadrados, cases à cocher, lacunas pontilhadas e papel Seyès para a resposta. A alemã escreve R e F, Lückentext e 864 : 4 = numa linha só, com um ponto na multiplicação. A brasileira pede V ou F entre parênteses. A inglesa divide sob a chave ⟌. A chinesa numera as seções 一、二、, põe （　） depois de cada enunciado com A. B. C. em linha, pede √ ou × e termina com 看拼音，写词语 em quadrados 田字格. A japonesa oferece アイウ e ○ ×, e a árabe corre da direita para a esquerda com أ ب ج e صح ou خطأ.

Esta receita responde a

Como componho a mesma ficha do jeito que os livros didáticos de cada país compõem os exercícios?
Como componho a divisão longa do jeito que as escolas de cada país a escrevem?
Como componho questões de prova chinesas: parênteses （　） após o enunciado e as alternativas A. B. C. D. em linha?

A resposta curta

script.js · linhas 36–69no código completo

// The Markdown of every edition has the same seven exercises. What changes is this table:
// how the number prints, how options are labelled and answered, how true/false reads, where
// a blank is written, the paper of the open answer and the layout of long division.
const disc = { shape: 'disc' };
const square = { shape: 'square' };
const bare = { shape: 'none', suffix: '.' };
const TRADITIONS = {
  es: { number: disc, options: { marker: 'none' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  fr: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'seyes', spacing: mm(8) },
    arithmetic: { division: 'potence' } },
  de: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'inline' } },
  it: { number: { shape: 'rounded' }, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  pt: { number: bare, options: { marker: 'none' }, trueFalse: { look: 'bracket' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  en: { number: bare, options: { marker: 'none' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'bracket' } },
  // 一、二、 sections; （　） after the stem and A. B. C. in a row; √ × in a bracket; 田字格.
  zh: { number: { shape: 'none', format: 'simp-chinese-informal', suffix: '、' },
    options: { labels: 'alpha-upper', suffix: '.', layout: 'row', bracket: true },
    trueFalse: { look: 'bracket' }, blank: { look: 'line' },
    area: { kind: 'tianzige', spacing: mm(13), lines: 1 }, arithmetic: { division: 'bracket' } },
  // ア イ ウ in a row with （　）, ○ × in a bracket, the number in a square.
  ja: { number: square, options: { labels: 'katakana', suffix: '', layout: 'row', bracket: true },
    trueFalse: { look: 'bracket' }, blank: { look: 'line' }, area: { kind: 'lines' },
    arithmetic: { division: 'bracket' } },
  ar: { number: disc, options: { marker: 'none', prefix: '(', suffix: ')' },
    trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'lines' }, arithmetic: { division: 'bracket' } },
};
TRADITIONS.ca = TRADITIONS.es; // Catalan schools set exercises as Spanish ones do

Ingredientes

Funcionalidades: Estilos de exercício Contas armadas Escolha e verdadeiro ou falso Exercícios Lacunas e bancos de palavras Ligar e classificar Perguntas abertas e áreas de escrita Aberturas desenhadas Atributos de título Paleta de cores semântica Fontes chinesas, japonesas e coreanas Fontes árabes Livros encadernados pela direita Texto da direita para a esquerda Hifenização e idioma do documento Páginas em um canvas Exportação para PDF
Também usa: Gabarito Estilos de parágrafo Fontes incorporadas ao PDF
Tipografia: Nunito, Baloo 2, Noto Serif SC, Noto Sans SC, Klee One, Noto Sans JP, Noto Naskh Arabic, Baloo Bhaijaan 2 (SIL OFL 1.1)
Materiais: Nenhum: todas as imagens são desenhadas em código
API: buildDocumentdecompressWoff2renderPageToCanvasrenderToPdfwithLoadedFonts

Preparo

#1 · Ponha cada tradição numa tabela

script.js · linhas 36–69no código completo

// The Markdown of every edition has the same seven exercises. What changes is this table:
// how the number prints, how options are labelled and answered, how true/false reads, where
// a blank is written, the paper of the open answer and the layout of long division.
const disc = { shape: 'disc' };
const square = { shape: 'square' };
const bare = { shape: 'none', suffix: '.' };
const TRADITIONS = {
  es: { number: disc, options: { marker: 'none' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  fr: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'seyes', spacing: mm(8) },
    arithmetic: { division: 'potence' } },
  de: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'inline' } },
  it: { number: { shape: 'rounded' }, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  pt: { number: bare, options: { marker: 'none' }, trueFalse: { look: 'bracket' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  en: { number: bare, options: { marker: 'none' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'bracket' } },
  // 一、二、 sections; （　） after the stem and A. B. C. in a row; √ × in a bracket; 田字格.
  zh: { number: { shape: 'none', format: 'simp-chinese-informal', suffix: '、' },
    options: { labels: 'alpha-upper', suffix: '.', layout: 'row', bracket: true },
    trueFalse: { look: 'bracket' }, blank: { look: 'line' },
    area: { kind: 'tianzige', spacing: mm(13), lines: 1 }, arithmetic: { division: 'bracket' } },
  // ア イ ウ in a row with （　）, ○ × in a bracket, the number in a square.
  ja: { number: square, options: { labels: 'katakana', suffix: '', layout: 'row', bracket: true },
    trueFalse: { look: 'bracket' }, blank: { look: 'line' }, area: { kind: 'lines' },
    arithmetic: { division: 'bracket' } },
  ar: { number: disc, options: { marker: 'none', prefix: '(', suffix: ')' },
    trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'lines' }, arithmetic: { division: 'bracket' } },
};
TRADITIONS.ca = TRADITIONS.es; // Catalan schools set exercises as Spanish ones do

Todas as edições têm o mesmo Markdown: sete blocos :::exercise com as respostas no texto (- [x], [[vapor]], - Evaporação -> A água vira vapor, - 864 ÷ 4). O que muda de um país para outro é a forma, então ela fica nesta tabela e em nenhum outro lugar: o formato e os algarismos do número, as letras das alternativas e se o aluno marca um quadradinho ou circula uma letra, o aspecto do verdadeiro ou falso, o das lacunas, a área de escrita e a montagem da conta de dividir. O catalão usa a linha do espanhol sem mudar nada.

#2 · Ponha a tradição sobre o estilo da casa

script.js · linhas 73–87no código completo

const T = TRADITIONS[LANG];
const ficha = {
  id: 'ficha', ...T,
  number: { background: col('accent'), color: T.number.shape === 'none' ? col('accent')
    : col('paper'), fontFamily: LABEL, fontWeight: 700, ...T.number },
  // Chinese and Japanese sheets set the instructions in the gothic (黑体, ゴシック).
  instruction: { bold: true, color: col('ink'), ...(LANG === 'zh' || LANG === 'ja'
    ? { fontFamily: LABEL } : {}) },
  blank: { color: col('ink'), weight: pt(0.7), ...T.blank },
  match: { look: 'dots', gap: em(5), color: col('accent') },
  bank: { order: 'alpha' },
  area: { color: col('rule'), spacing: mm(9), weight: pt(0.6), ...T.area },
  grid: { cell: mm(8.5), fontFamily: TEXT, rule: col('rule'), color: col('ink') },
  marginTop: mm(7), marginBottom: mm(1), itemSpacing: em(0.4),
};

Um único estilo de exercício, ficha, leva o que as dez folhas têm em comum (o azul dos números, os fios cinza, o espaço entre os exercícios), e a linha da edição se espalha por cima dele. O que a linha não diz vem do idioma: T F, V F, R F, √ ×, ○ × e صح خطأ são palavras do próprio motor, assim como a) b) c), A. B. C., アイウ e أ ب ج, e por isso nenhuma edição as escreve.

#3 · Dê a cada escrita as suas fontes

script.js · linhas 27–32no código completo

const FACES = {
  zh: { text: 'Noto Serif SC', label: 'Noto Sans SC' },
  ja: { text: 'Klee One', label: 'Noto Sans JP' },
  ar: { text: 'Noto Naskh Arabic', label: 'Baloo Bhaijaan 2' },
}[LANG] ?? { text: 'Nunito', label: 'Baloo 2' };
const [TEXT, LABEL] = [FACES.text, FACES.label];

As edições em alfabeto latino dividem Nunito e Baloo 2. A folha chinesa compõe o texto em Song e os enunciados em Hei; a japonesa, o texto em Klee One, uma letra de livro didático, e os enunciados numa gótica; a árabe usa Noto Naskh Arabic. O peso mais forte da Klee One é 600, por isso a edição japonesa põe o negrito em 600 (boldFontWeight): um 700 seria desenhado pelo navegador e a captura falharia.

#4 · Abra a folha com linhas para o nome

script.js · linhas 91–110no código completo

const at = (to, edge, x = 0, y = 0, size) => ({ anchor: { to, edge },
  offset: { x: mm(x), y: mm(y) }, ...(size && { size }) });
const field = (id, attr, x, width) => [
  { kind: 'text', id, content: `{attr.${attr}}`, fontFamily: LABEL, fontSize: pt(10),
    fontWeight: 700, color: col('muted'), align: 'left', placement: at('container', 'top-left',
      x, 28) },
  { kind: 'rule', id: `${id}-line`, direction: 'horizontal', thickness: pt(0.75),
    color: col('rule'), placement: at('container', 'top-left', x + 16, 33, { width: mm(width) }) },
];
const head = { enabled: true, minHeight: mm(38), slot: { elements: [
  { kind: 'box', id: 'band', style: { backgroundColor: col('accent'), borderRadius: mm(3) },
    placement: at('container', 'top-left', 0, 0, { width: 'fill', height: mm(21) }) },
  { kind: 'text', id: 'kicker', content: '{title} · {subtitle}', fontFamily: LABEL,
    fontSize: pt(8.5), fontWeight: 700, color: col('tint'), align: 'left',
    placement: at('container', 'top-left', 6, 3.5) },
  { kind: 'text', id: 'title', content: '{titleText}', fontFamily: LABEL, fontSize: pt(22),
    fontWeight: 700, color: col('paper'), align: 'left', lineHeight: 1.1,
    placement: at('container', 'top-left', 6, 9.5) },
  ...field('name', 'nombre', 0, 96), ...field('date', 'fecha', 120, 40),
] } };

O título de nível 1 desenha a faixa, o curso tirado do frontmatter e o título, além de dois campos com linha cujas palavras vêm dos atributos do título (nombre="Nome" fecha="Data"). Assim a folha alemã diz Datum e a japonesa 名前, sem nenhuma string no código.

A receita completa

Sandbox

// ═══ Postext Cookbook · Nº 169 · One worksheet in ten school traditions ═════════
// https://postext.dev/en/cookbook/school-traditions-worksheet
// Code: MIT · Text: original (CC BY 4.0) · Pictures: none
// Fonts: Nunito, Baloo 2, Klee One, Noto Naskh Arabic and others (SIL OFL) · Needs postext ≥ 1.59.0
import {
  buildDocument, withLoadedFonts, renderPageToCanvas,
} from 'https://esm.sh/postext';
import { renderToPdf, decompressWoff2 } from 'https://esm.sh/postext-pdf';

const LANG = 'pt'; // @lang: the language of the worksheet (en es ca fr de it pt zh ja ar)
const RECIPE = 'school-traditions-worksheet';

// ─── 1 · Design ─────────────────────────────────────────────────────────────
// #region palette: a blue-black ink, one blue accent, a pale tint, grey rules
const palette = {
  ink: '#1d2633', accent: '#2a5d9f', tint: '#e8f0fa', rule: '#a9b6c6', muted: '#5d6878',
  paper: '#ffffff',
};
const col = (id) => ({ hex: palette[id], model: 'hex', paletteId: id });
const colorPalette = [
  ...Object.entries(palette).map(([id, hex]) => ({ id, name: id, value: { hex, model: 'hex' } })),
  { id: 'main-color', name: 'accent (defaults)', value: { hex: palette.accent, model: 'hex' } },
];
// #endregion

// #region faces: Latin editions share two faces; Chinese, Japanese and Arabic their own
const FACES = {
  zh: { text: 'Noto Serif SC', label: 'Noto Sans SC' },
  ja: { text: 'Klee One', label: 'Noto Sans JP' },
  ar: { text: 'Noto Naskh Arabic', label: 'Baloo Bhaijaan 2' },
}[LANG] ?? { text: 'Nunito', label: 'Baloo 2' };
const [TEXT, LABEL] = [FACES.text, FACES.label];
// #endregion

// #region answer: the form of the exercises, as each country's school books set them
// The Markdown of every edition has the same seven exercises. What changes is this table:
// how the number prints, how options are labelled and answered, how true/false reads, where
// a blank is written, the paper of the open answer and the layout of long division.
const disc = { shape: 'disc' };
const square = { shape: 'square' };
const bare = { shape: 'none', suffix: '.' };
const TRADITIONS = {
  es: { number: disc, options: { marker: 'none' }, trueFalse: { look: 'boxes' },
    blank: { look: 'line' }, area: { kind: 'lines' }, arithmetic: { division: 'potence' } },
  fr: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },
    blank: { look: 'dots' }, area: { kind: 'seyes', spacing: mm(8) },
    arithmetic: { division: 'potence' } },
  de: { number: square, options: { marker: 'box' }, trueFalse: { look: 'boxes' },

O script.js montado funciona como está: cole-o como script de módulo em qualquer página ou abra a receita no CodePen. Pasta da receita no GitHub ↗ (abre em uma nova aba)

Variações

#Imprima o livro do professor

Cada resposta vai para o seu lugar em magenta: os parênteses, os quadradinhos, as lacunas e o quociente.

   exerciseStyles: [ficha],
+  exercises: { edition: 'teacher' },

#Junte as respostas no pé da folha

placement: 'after' põe o gabarito de cada exercício embaixo dele; 'inverted' o vira de cabeça para baixo, como nas páginas de passatempos.

+  exercises: { solutions: { placement: 'inverted', layout: 'key' } },

Erros comuns

Uma fonte sem o peso 700 deixa sintético o negrito dos números dos enunciados. Dê a essa fonte de texto um boldFontWeight com um peso que ela tenha.
O ○ dos enunciados japoneses e o √ dos chineses só existem nas fontes CJK: coloque-os numa frase do texto CJK, não num rótulo latino.

Créditos

Receita: Ignacio Ferro
Texto: Texto original, CC BY 4.0
Fontes: Nunito (SIL OFL 1.1) · Baloo 2 (SIL OFL 1.1) · Noto Serif SC (SIL OFL 1.1) · Noto Sans SC (SIL OFL 1.1) · Klee One (SIL OFL 1.1) · Noto Sans JP (SIL OFL 1.1) · Noto Naskh Arabic (SIL OFL 1.1) · Baloo Bhaijaan 2 (SIL OFL 1.1)
Código: MIT, como o Postext

Editar este texto ↗ (abre em uma nova aba)Pasta da receita no GitHub ↗ (abre em uma nova aba)

Em poucas palavras

#O que você vai compor

#A resposta curta

#Ingredientes

#Preparo

#1 · Ponha cada tradição numa tabela

#2 · Ponha a tradição sobre o estilo da casa

#3 · Dê a cada escrita as suas fontes

#4 · Abra a folha com linhas para o nome

#A receita completa

#Variações

#Imprima o livro do professor

#Junte as respostas no pé da folha

#Erros comuns

#Créditos

Mais das Receitas

Um caderno de exercícios chinês, do aluno e do professor

Exercícios japoneses com as respostas de cabeça para baixo

Um caderno de exercícios árabe, da direita para a esquerda