Base do OLA

Modelos, padrões, templates e componentes reutilizáveis

Área estrutural reutilizável

Base do OLA

A pasta base/ reúne os elementos reutilizáveis que ajudam o OLA a manter coerência, continuidade e economia de construção: modelos, padrões, templates, componentes, estruturas recorrentes, blocos semânticos e referências internas para novas páginas.

Enquanto as áreas como fundamentos, arquitetura, governança, domínios e aprendiz registram conteúdos específicos, a base guarda aquilo que pode ser reaproveitado para construir e manter essas áreas.

M1 — modelos aplicados M2 — padrões reutilizáveis M3 — regras de uso Infraestrutura de construção

Problema resolvido

À medida que o OLA cresce, surgem muitas páginas, mapas, trilhas, grafos, índices, modelos e artefatos. Sem uma área de base, cada nova página pode ser criada de modo isolado, repetindo decisões visuais, estruturais e semânticas já tomadas anteriormente.

Problema resolvido pela pasta base/: organizar os elementos reutilizáveis do OLA para que novas páginas possam ser construídas com mais coerência, menos retrabalho e maior alinhamento com a arquitetura, a governança e a identidade do sistema.

Finalidade e análise

Finalidade

A finalidade da pasta base/ é funcionar como uma biblioteca de referência interna para a construção do OLA. Ela guarda estruturas que podem ser copiadas, adaptadas, especializadas ou evoluídas por outras áreas do sistema.

Análise

A base não deve ser confundida com conteúdo final publicado. Ela é uma camada de apoio à produção, padronização e evolução do OLA. Seu valor está em permitir que páginas diferentes usem estruturas comuns, mantendo unidade visual, semântica e operacional.

O que a pasta base/ guarda

Modelos

Estruturas conceituais reutilizáveis, como modelos de página, modelos de trilha, modelos de domínio, modelos de mapa, modelos de experiência e modelos de análise.

Padrões

Formas recorrentes de organização, apresentação, navegação, nomenclatura, blocos semânticos, breadcrumbs, cards, tabelas, accordions e seções finais.

Templates

Arquivos-base que podem ser copiados para criar novas páginas no padrão OLA, como página índice, página mapa, página organização, página fundamento e página domínio.

Componentes reutilizáveis

Blocos de interface ou de conteúdo que podem aparecer em várias páginas, como hero, índice lateral, cards, modais, tabelas, blocos de próximos passos e páginas relacionadas.

Organização recomendada da pasta base/

A estrutura abaixo é uma sugestão inicial. Ela pode evoluir conforme novos elementos reutilizáveis forem sendo consolidados.

base/
├── index_base.html
├── modelos/
│   ├── index_modelos.html
│   ├── modelo_pagina_ola.html
│   ├── modelo_mapa_ola.html
│   ├── modelo_trilha_ola.html
│   ├── modelo_dominio_ola.html
│   └── modelo_experiencia_ola.html
│
├── padroes/
│   ├── index_padroes.html
│   ├── padrao_breadcrumb_ola.html
│   ├── padrao_cards_ola.html
│   ├── padrao_tabelas_ola.html
│   ├── padrao_blocos_semanticos_ola.html
│   └── padrao_navegacao_ola.html
│
├── templates/
│   ├── index_templates.html
│   ├── template_pagina_indice.html
│   ├── template_pagina_mapa.html
│   ├── template_pagina_organizacao.html
│   ├── template_pagina_fundamento.html
│   └── template_pagina_dominio.html
│
└── componentes/
    ├── index_componentes.html
    ├── componente_hero.html
    ├── componente_indice_lateral.html
    ├── componente_card.html
    ├── componente_accordion.html
    ├── componente_modal.html
    └── componente_tabela_responsiva.html
Observação: a pasta base/ não precisa começar completa. Ela pode iniciar apenas com index_base.html e, depois, receber subpastas conforme os modelos e componentes forem consolidados.

Modelos reutilizáveis

Os modelos ajudam a definir a estrutura conceitual de páginas e artefatos do OLA.

Modelo Uso principal Exemplo de aplicação Área consumidora
Modelo de página OLA Estrutura-base para páginas institucionais, conceituais ou operacionais. Hero, breadcrumbs, problema resolvido, finalidade, análise, conteúdo e fechamento. Todas as áreas.
Modelo de mapa Representar relações entre páginas, conceitos, domínios ou componentes. mapa_fundamentos.html, mapa_arquitetura.html, mapa_dominios.html. Fundamentos, arquitetura, governança e domínios.
Modelo de índice Organizar cards de acesso às páginas de uma área. index_fundamentos.html, index_arquitetura.html, index_governanca.html. Áreas estruturais e domínios.
Modelo de organização Explicar como uma pasta, área ou domínio deve ser mantido. organizacao_fundamentos.html, organizacao_autor.html, organizacao_visitante.html. Governança e áreas internas.
Modelo de experiência Descrever jornadas, pontos de contato, entregas, dores e valor gerado. experiencia_aprendiz.html, experiencia_visitante.html, experiencia_ola.html. Aprendiz, visitante, autor e OLA.

Padrões reutilizáveis

Os padrões ajudam o OLA a manter coerência entre páginas criadas em momentos diferentes.

Padrão de breadcrumb

Separar caminho físico, lógico e semântico para mostrar onde o arquivo está, como o usuário chega até ele e qual é seu significado no sistema.

Padrão de problema resolvido

Iniciar páginas estruturantes explicando que problema aquela página resolve dentro do OLA.

Padrão de finalidade e análise

Separar o propósito da página da interpretação arquitetural, semântica ou operacional.

Padrão de cards

Usar cards para organizar páginas, conceitos, funções, artefatos ou próximos acessos.

Padrão de tabela responsiva

Usar tabelas horizontais com rolagem quando houver muitas colunas, preservando a leitura em telas menores.

Padrão de fechamento

Encerrar páginas operacionais com próximas ações e páginas de referência com páginas relacionadas.

Templates previstos

Os templates são páginas-base que podem ser copiadas para acelerar a criação de novas páginas do OLA.

Template Finalidade Quando usar Arquivo sugerido
Página índice Organizar links e cards de uma área. Ao criar uma nova pasta estrutural ou domínio. template_pagina_indice.html
Página mapa Mapear relações conceituais, físicas e semânticas. Ao precisar explicar como uma área se conecta ao OLA. template_pagina_mapa.html
Página organização Definir regras de manutenção de uma pasta ou área. Ao consolidar a estrutura física e lógica de uma área. template_pagina_organizacao.html
Página fundamento Explicar um conceito-base do OLA. Ao registrar conceitos estruturantes. template_pagina_fundamento.html
Página domínio Organizar um domínio de conhecimento específico. Ao criar ou consolidar um domínio em dominios/. template_pagina_dominio.html

Componentes reutilizáveis

Componentes são blocos de interface ou de estrutura textual que podem ser reaproveitados em várias páginas.

Hero institucional

Bloco inicial com título, subtítulo, etiqueta e síntese da página.

Índice lateral

Menu interno da página para navegação entre seções.

Breadcrumb triplo

Caminho físico, lógico e semântico da página.

Cards de navegação

Blocos visuais para acesso a páginas, modelos, artefatos ou áreas.

Accordion

Bloco expansível para explicações complementares sem sobrecarregar a leitura inicial.

Tabela responsiva

Estrutura para comparação, inventário, classificação ou análise em múltiplas colunas.

Como reutilizar a base

A base deve ser usada como ponto de partida para novas páginas e como referência para revisar páginas existentes.

Situação O que consultar na base Resultado esperado
Criar uma nova pasta do OLA Modelo de índice, modelo de organização e padrão de breadcrumb. Pasta criada com página inicial, finalidade clara e relação com o OLA.
Criar uma nova página conceitual Template de fundamento, bloco de problema resolvido e bloco de finalidade/análise. Página alinhada ao padrão semântico do OLA.
Criar um novo domínio Template de domínio, modelo de mapa e modelo de índice. Domínio organizado com mapa, índice e estrutura inicial.
Revisar páginas antigas Padrões de layout, navegação, seções e fechamento. Página antiga atualizada para o modelo atual do OLA.
Construir página para celular Padrão de responsividade, tabela horizontal e índice adaptável. Página legível em desktop, tablet e smartphone.

Relações da base/ com outras áreas do OLA

Governança

A governança define regras. A base transforma parte dessas regras em padrões, modelos e templates reutilizáveis.

Acessar governança

Arquitetura

A arquitetura define a estrutura do sistema. A base fornece componentes e modelos que ajudam a aplicar essa estrutura nas páginas.

Acessar arquitetura

Fundamentos

Os fundamentos explicam conceitos. A base fornece templates para registrar esses conceitos de forma coerente.

Acessar fundamentos

Domínios

Os domínios organizam conteúdos específicos. A base oferece modelos de índice, mapa e organização para cada domínio.

Acessar domínios

Dados

A área de dados guarda estruturas como JSON, CSV, vocabulários e registros. A base pode definir modelos e templates para esses dados.

Acessar dados

Ferramentas

Ferramentas podem gerar, validar ou transformar modelos e componentes definidos na base.

Acessar ferramentas

Próximas ações

Como esta página é operacional e inaugura uma nova pasta da raiz, ela pode terminar com ações práticas de continuidade.

1. Criar subpastas iniciais

Criar modelos/, padroes/, templates/ e componentes/ conforme a necessidade real do OLA.

2. Fazer o primeiro template

Consolidar um template_pagina_indice.html para novas áreas da raiz.

3. Registrar padrões já usados

Extrair dos arquivos atuais do OLA os padrões recorrentes de hero, breadcrumb, cards, índice lateral e fechamento.

4. Atualizar o portal

Incluir a pasta base/ no portal interno do OLA como área de apoio à construção e evolução do sistema.

Topo