Pular para o conteúdo principal

Questão de Engenharia de Software — Desenvolvimento de Software — FGV 2024

Engenharia de SoftwareDesenvolvimento 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,
  1. AV – V – V.
  2. BF – F – V.
  3. CV – F – F.
  4. DV – V – F.
  5. 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. 1Átomos
  2. 2Moléculas
  3. 3Organismos
  4. 4Templates
  5. 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.

Gabarito: letra D (V – V – F).

Link permanente: /questoes/fg097555