Antes
As técnicas aparecem misturadas no trabalho: tabela, grafo, árvore, card, link, modal, análise, responsividade e registro de impacto.
1. Finalidade da página
A finalidade desta página é explicitar as técnicas usadas no OLA, mostrando como elas apoiam a análise, a modelagem, a construção de artefatos, a navegação, a visualização e a governança evolutiva do conhecimento.
Formulação sintética:
as técnicas do OLA são recursos práticos para executar métodos e materializar
modelos em artefatos de conhecimento navegáveis.
Análise estruturada
Extração de conceitos
Relações
Tabelas
Árvores
Grafos
Responsividade
Governança
2. Problema resolvido
O problema resolvido desta página é permitir que o autor do OLA identifique quais técnicas está usando, em que etapa elas entram e que tipo de artefato cada técnica ajuda a produzir.
Depois
Cada técnica fica nomeada, classificada e associada a métodos, modelos e artefatos específicos do OLA.
3. Método, modelo e técnica
No OLA, é importante diferenciar método, modelo e técnica. Essa separação evita confusão entre o caminho de trabalho, a representação do conhecimento e o recurso prático usado para executar uma parte do caminho.
| Elemento | Função | Pergunta orientadora | Exemplo no OLA |
|---|---|---|---|
| Método | Define o caminho de trabalho. | Como conduzir a transformação? | Método Demanda → Entrega. |
| Modelo | Define a representação estruturada. | Como o conhecimento fica organizado? | Modelo de conhecimento, modelo de domínio, modelo M0–M3. |
| Técnica | Executa uma operação prática dentro do método. | Que recurso usar para analisar, representar ou publicar? | Tabela de análise, árvore hierárquica, grafo D3.js, card, modal. |
| Artefato | Materializa o resultado. | O que foi produzido para uso? | Página HTML, índice, trilha, objeto de aprendizagem, imagem síntese. |
Regra prática:
método orienta; modelo representa; técnica executa; artefato materializa.
4. Técnicas principais usadas no OLA
As técnicas abaixo formam uma primeira coleção operacional. Elas podem ser combinadas conforme a página, domínio, demanda, entrega ou objeto de aprendizagem.
Problema Resolvido
Formula a situação desejada antes de detalhar execução, conteúdo ou página.
Entrada Estruturada
Organiza pergunta, texto, imagem, conversa ou demanda em material tratável.
Análise Estruturada
Decompõe conteúdo em finalidade, contexto, conceitos, relações e saídas.
Extração de Conceitos
Identifica unidades de conhecimento relevantes para vocabulários e grafos.
Identificação de Relações
Define predicados entre conceitos, como organiza, gera, orienta e representa.
Modelagem Conceitual
Transforma conceitos e relações em modelos de domínio, página ou conhecimento.
Rede de Tópicos
Organiza tópicos conectados para apoiar estudo, navegação e trilhas.
Grafo de Conhecimento
Representa conceitos como nós e relações como ligações navegáveis.
Tabela de Análise
Compara, classifica e organiza conteúdo em linhas e colunas.
Árvore Hierárquica
Mostra decomposição de pastas, conceitos, páginas, demandas ou entregas.
Breadcrumb Físico e Semântico
Localiza o leitor no site e no significado do conhecimento.
Lentes de Leitura
Permite analisar o mesmo objeto por perspectivas controladas.
M0–M3
Classifica página, modelo, metamodelo e princípio em níveis de abstração.
Demanda → Entrega
Organiza solicitação, planejamento, notas, artefato e publicação.
Páginas Impactadas
Registra quais páginas devem ser revistas quando um novo artefato nasce.
Linkagem Cruzada
Conecta páginas relacionadas para evitar ilhas de conhecimento.
Card de Navegação
Cria entradas visuais para páginas, domínios, trilhas, demandas e entregas.
Responsividade com Rolagem Horizontal
Evita corte de tabelas, árvores e códigos em celular, tablet e desktop.
Modal Explicativo
Reduz sobrecarga cognitiva com explicações acessadas sob demanda.
Síntese Visual
Condensa conteúdo complexo em imagem, diagrama, quadro ou mapa visual.
Checklist de Publicação
Verifica links, responsividade, localização, título, padrão visual e impactos.
| Técnica | Finalidade | Quando usar | Artefato típico | Observação OLA |
|---|---|---|---|---|
| Problema Resolvido | Definir a situação desejada. | No início de páginas, demandas e objetos. | Seção de problema resolvido. | Ajuda a evitar dispersão. |
| Entrada Estruturada | Preparar a matéria-prima do conhecimento. | Quando há pergunta, texto, imagem ou demanda. | Bloco de entrada e contexto. | Transforma conversa em material trabalhável. |
| Análise Estruturada | Decompor o conteúdo. | Quando o tema está amplo ou confuso. | Quadro analítico, tópicos, resumo. | Aproxima análise de sistemas e conhecimento. |
| Extração de Conceitos | Identificar unidades de conhecimento. | Ao criar vocabulário, grafo ou rede. | Lista de conceitos, glossário. | Base para modelagem semântica. |
| Identificação de Relações | Definir predicados entre conceitos. | Ao criar grafo, mapa ou rede. | Tabela sujeito-relação-objeto. | Base para grafo de conhecimento. |
| Modelagem Conceitual | Criar representação intermediária. | Ao organizar domínios, páginas e sistemas. | Modelo conceitual, mapa, grafo. | Conecta pensamento e artefato. |
| Rede de Tópicos | Conectar tópicos de estudo. | Ao montar trilhas e domínios. | Mapa de tópicos, trilha. | Apoia aprendizagem incremental. |
| Grafo de Conhecimento | Visualizar conceitos e relações. | Quando a rede conceitual importa. | Grafo D3.js ou grafo textual. | Favorece visão sistêmica. |
| Tabela de Análise | Comparar, classificar e sintetizar. | Quando há muitos critérios ou elementos. | Tabela responsiva. | Deve ter rolagem horizontal. |
| Árvore Hierárquica | Mostrar decomposição. | Ao mostrar pastas, páginas ou estrutura. | Bloco pre com árvore. | Deve ter rolagem horizontal. |
| Breadcrumb Físico e Semântico | Localizar no site e no conhecimento. | Em páginas estruturais e conceituais. | Trilha de navegação. | Ajuda o leitor a não se perder. |
| Lentes de Leitura | Separar perspectivas. | Em objetos complexos. | Cards, abas, filtros ou seções. | Evita misturar dimensões. |
| M0–M3 | Separar níveis de abstração. | Ao explicar página, modelo, metamodelo e regra. | Tabela M0–M3. | Fortalece a arquitetura conceitual do OLA. |
| Demanda → Entrega | Organizar ciclo produtivo. | Ao tratar pedidos internos ou externos. | Planejamento, notas, entrega. | Separa bastidor e publicação. |
| Páginas Impactadas | Controlar manutenção. | Depois de criar ou alterar páginas. | Lista de impactos. | Mantém o OLA conectado. |
| Linkagem Cruzada | Conectar artefatos relacionados. | Entre páginas complementares. | Links em cards, índice e texto. | Evita páginas isoladas. |
| Card de Navegação | Criar acesso visual. | Em portal, índices e mapas. | Card com título, descrição e link. | Ajuda a navegação por intenção. |
| Responsividade | Garantir uso em qualquer dispositivo. | Em toda página HTML do OLA. | CSS responsivo, hamburger, overflow-x. | Especialmente importante para tabelas e árvores. |
| Modal Explicativo | Explicar sem sobrecarregar a página. | Em glossário, ajuda e leitura orientada. | Janela modal. | Conteúdo sob demanda. |
| Síntese Visual | Condensar entendimento complexo. | Ao finalizar uma análise ou entrega. | Imagem, diagrama, mapa ou quadro. | Valoriza visualização da informação. |
| Checklist de Publicação | Verificar prontidão do artefato. | Antes de publicar no provedor. | Lista de verificação. | Reduz erros de link, layout e localização. |
5. Fluxo de aplicação das técnicas
As técnicas não são usadas isoladamente. Normalmente elas aparecem em sequência, desde a entrada inicial até a publicação e manutenção do artefato.
Entrada no OLA
├── 1. Entrada estruturada
│ ├── Pergunta
│ ├── Texto
│ ├── Imagem
│ ├── Página existente
│ └── Demanda
├── 2. Problema resolvido
│ └── Situação desejada e critérios de satisfação
├── 3. Análise estruturada
│ ├── Finalidade
│ ├── Contexto
│ ├── Conceitos
│ ├── Relações
│ └── Lacunas
├── 4. Representação
│ ├── Tabela
│ ├── Árvore
│ ├── Rede de tópicos
│ ├── Grafo de conhecimento
│ └── Modelo conceitual
├── 5. Materialização
│ ├── Página HTML
│ ├── Objeto de aprendizagem
│ ├── Trilha
│ ├── Demanda
│ └── Entrega
└── 6. Governança
├── Linkagem cruzada
├── Páginas impactadas
├── README
├── Portal
└── Mapa do site
Sequência prática:
entrada → problema resolvido → análise → representação → artefato → publicação → evolução.
6. Classificação das técnicas
Para facilitar o uso, as técnicas podem ser classificadas por função no OLA.
| Classe | Técnicas incluídas | Função | Resultado esperado |
|---|---|---|---|
| Técnicas de entrada | Entrada estruturada, problema resolvido, contexto inicial. | Preparar a matéria-prima. | Entrada clara e objetivo definido. |
| Técnicas de análise | Análise estruturada, extração de conceitos, identificação de relações. | Decompor e compreender. | Conhecimento explicitado. |
| Técnicas de modelagem | Modelagem conceitual, M0–M3, lentes de leitura, rede de tópicos. | Representar e organizar. | Modelo ou mapa estruturado. |
| Técnicas de visualização | Grafo, tabela, árvore, síntese visual. | Tornar relações visíveis. | Compreensão visual e sistêmica. |
| Técnicas de navegação | Breadcrumb, card, linkagem cruzada, índice, modal explicativo. | Facilitar acesso e leitura. | Página navegável e compreensível. |
| Técnicas de interface | Responsividade, hamburger, rolagem horizontal, tema claro/escuro. | Garantir uso em diferentes dispositivos. | Boa leitura em celular, tablet e desktop. |
| Técnicas de governança | Páginas impactadas, checklist de publicação, atualização de portal e README. | Manter coerência do sistema. | OLA conectado, revisável e evolutivo. |
7. Técnicas e níveis M0–M3
As técnicas também podem ser lidas pelos níveis M0–M3, separando uso concreto, padrão aplicado, metatécnica e princípio de governança.
| Nível | Leitura da técnica | Exemplo nesta página | Uso no OLA |
|---|---|---|---|
| M0 | Técnica aplicada em uma página concreta. | Rolagem horizontal nas tabelas desta página. | Resolver um problema real de leitura. |
| M1 | Padrão técnico reutilizável. | Classe .table-wrap para tabelas responsivas. |
Reutilizar o mesmo padrão em outras páginas. |
| M2 | Metatécnica ou regra de aplicação. | Tabelas largas devem ficar dentro de contêiner com overflow-x. |
Definir regra para uma classe de problemas. |
| M3 | Princípio orientador. | O conhecimento deve ser acessível em múltiplos dispositivos. | Governar decisões de interface e publicação. |
8. Relação com métodos e modelos
Esta página completa o conjunto formado por metodos_ola.html,
modelos_ola.html e tecnicas_ola.html.
Métodos
Explicam o caminho de trabalho: como conduzir a transformação do conhecimento.
Modelos
Explicam a representação: como o conhecimento fica estruturado e navegável.
Técnicas
Explicam os recursos práticos: como executar análise, modelagem, interface e governança.
| Método | Modelo relacionado | Técnicas usadas | Artefato resultante |
|---|---|---|---|
| Problema Resolvido | Modelo do Problema Resolvido | Entrada estruturada, critérios de satisfação, finalidade × análise. | Seção de problema resolvido e roteiro de construção. |
| Estruturação do Conhecimento | Modelo de Conhecimento | Extração de conceitos, identificação de relações, tabela e grafo. | Vocabulário, rede de tópicos, grafo e página conceitual. |
| Orientado a Problemas | Modelo de Domínio | Problema real, mapa de domínio, trilha e objeto de aprendizagem. | Domínio organizado por necessidade humana. |
| Demanda → Entrega | Modelo de Demanda e Entrega | Planejamento, notas privadas, páginas impactadas e linkagem cruzada. | Entrega publicável e rastreável. |
| Governança Evolutiva | Modelo de Governança | Checklist, atualização de README, portal, mapa do site e índices. | OLA mais coerente e sustentável. |
9. Localização física sugerida
Pela natureza conceitual e operacional, esta página pode ficar em
fundamentos/tecnicas_ola.html, com links a partir de portal,
README, fundamentos e governança.
Local recomendado
fundamentos/tecnicas_ola.html, formando o conjunto
fundamentos/metodos_ola.html, fundamentos/modelos_ola.html e
fundamentos/tecnicas_ola.html.
Apontamentos recomendados
Atualizar portal.html, readme.html,
fundamentos/index_fundamentos.html,
modelos_ola.html e metodos_ola.html.
Atenção aos caminhos:
se a página for publicada fora de
fundamentos/, revisar os links
relativos do cabeçalho: ../portal.html, ../index.html,
../readme.html, metodos_ola.html e
modelos_ola.html.
10. Como usar esta página
Use esta página como lista de referência para escolher a técnica adequada ao revisar, criar ou publicar um artefato do OLA.
| Situação | Técnica recomendada | Pergunta orientadora | Resultado esperado |
|---|---|---|---|
| O tema está confuso. | Análise estruturada. | Quais são finalidade, contexto, conceitos e relações? | Conteúdo reorganizado. |
| Há muitos conceitos novos. | Extração de conceitos + glossário. | Quais termos precisam ser definidos? | Vocabulário inicial. |
| Há muitas relações entre ideias. | Grafo de conhecimento. | Quais conceitos se conectam e por qual predicado? | Rede conceitual visível. |
| A página tem tabela larga. | Responsividade com rolagem horizontal. | O conteúdo corta no celular? | Tabela legível em telas pequenas. |
| Uma página nova foi criada. | Páginas impactadas + linkagem cruzada. | Que índices, portal e README precisam apontar para ela? | OLA conectado e atualizado. |
| O conteúdo precisa ser apresentado rapidamente. | Síntese visual. | Qual imagem, mapa ou diagrama resume o entendimento? | Comunicação mais rápida e visual. |
Checklist rápido para uma nova página OLA
- Tem finalidade clara?
- Tem problema resolvido?
- Tem breadcrumb físico e semântico?
- Tem índice interno ou navegação adequada?
- Tabelas e árvores têm rolagem horizontal?
- Há link cruzado com páginas relacionadas?
- Foram identificadas páginas impactadas?
- Precisa atualizar portal, README ou mapa do site?
11. Próximos passos
Esta página pode evoluir para uma biblioteca de técnicas do OLA, com exemplos, trechos reutilizáveis de código e padrões de aplicação.
1. Criar grafo das técnicas
Representar técnicas, métodos, modelos e artefatos como nós conectados por predicados.
2. Atualizar páginas irmãs
Inserir links para tecnicas_ola.html em
metodos_ola.html e modelos_ola.html.
3. Criar biblioteca de snippets
Guardar padrões reutilizáveis de tabela responsiva, árvore, modal, card, breadcrumb e botão de voltar ao topo.