Questão de Engenharia de Software — Desenvolvimento de Software — FGV 2024
Engenharia de Software›Desenvolvimento de Software
Código
fg097555
Banca
FGV
Órgão
TCE-PA
Ano
2024
Nível
Superior
Cargo
Auditor de Controle Externo - Área de Informática - Web Design
Atomic Design é uma metodologia para criar sistemas de design robustos e escaláveis. Ela se baseia na ideia de dividir a interface em componentes menores e reutilizáveis. Esses componentes são baseados na teoria atômica, organizados de forma hierárquica e apresentam cinco níveis principais.Sobre o Atomic Design, avalie de as afirmativas a seguir são verdadeiras (V) ou falsas (F).( ) Átomos atuam como blocos de construção basilares que compõem as interfaces de usuário. Ex.: elementos HTML básicos, como rótulos de formulário, entradas e botões.( ) Moléculas são grupos relativamente simples de elementos de UI atuando juntos, como uma unidade. Ex.: um rótulo de formulário, um campo de busca e um botão podem ser reunidos para gerar uma molécula de formulário de pesquisa.( ) Organismos são instâncias específicas de templates que exibem o visual de uma interface com real implementação de conteúdo.As afirmativas são, respectivamente,
AV – V – V.
BF – F – V.
CV – F – F.
DV – V – F.
EF – V – F.
Revelar gabarito e comentário▾
GabaritoD — V – V – F.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Atomic Design: Hierarquia de Componentes
Gabarito: letra D (V – V – F). As duas primeiras afirmativas descrevem corretamente átomos e moléculas; a terceira está errada porque organismos não são instâncias de templates — eles são componentes complexos formados por moléculas e átomos, enquanto as páginas são as instâncias concretas de templates.
Atomic Design, criado por Brad Frost, organiza interfaces em cinco níveis crescentes de complexidade:
Nível
Definição
Exemplo
Átomo
Bloco fundamental indivisível
Botão, input, label
Molécula
Combinação simples de átomos que funciona como unidade
Formulário de busca (label + input + botão)
Organismo
Grupo complexo de moléculas e/ou átomos formando uma seção autônoma
Cabeçalho de site, formulário completo
Template
Estrutura de layout sem conteúdo real (wireframe)
Esqueleto de página
Página
Template preenchido com conteúdo real
Home page com dados
1Átomos
2Moléculas
3Organismos
4Templates
5Páginas
LEVEL · soulevel.com.br
Afirmativa 1 — ✅ Verdadeira
Átomos são os blocos de construção básicos, como elementos HTML. A descrição e o exemplo estão corretos.
Afirmativa 2 — ✅ Verdadeira
Moléculas são grupos simples de elementos que atuam juntos. O exemplo do formulário de pesquisa está perfeito.
Afirmativa 3 — ❌ Falsa
Organismos são componentes complexos, não instâncias de templates. Instâncias de templates são as páginas. A afirmativa troca o nível hierárquico: organismos < templates < páginas.
Alternativa A — ❌ Incorreta (V–V–V)
Erro na terceira afirmativa: ela é falsa, não verdadeira.
Alternativa B — ❌ Incorreta (F–F–V)
Erro na primeira e segunda afirmativas: ambas são verdadeiras, não falsas. A terceira é falsa, mas a alternativa a coloca como verdadeira.
Alternativa C — ❌ Incorreta (V–F–F)
Erro na segunda afirmativa: ela é verdadeira, não falsa.
Alternativa D — ✅ Correta (V–V–F) ⟵ GABARITO
Corresponde exatamente à sequência correta: V, V, F.
Alternativa E — ❌ Incorreta (F–V–F)
Erro na primeira afirmativa: ela é verdadeira, não falsa.
NÃO CAIA NESSA!
A banca explora a confusão comum entre organismos e páginas. Lembre-se: organismos são grupos de moléculas/átomos; templates são layouts; páginas são templates com conteúdo real. A terceira afirmativa inverte organismos com páginas.