Questão de Arquitetura de Software — E-mag (modelo de acessibilidade de governo eletrônico) — FGV 2024
Arquitetura de Software›E-mag (modelo de acessibilidade de governo eletrônico)
Código
fg101717
Banca
FGV
Órgão
TRF - 1ª REGIÃO
Ano
2024
Nível
Superior
Cargo
Técnico Judiciário - Área Administrativa - Especialidade: Desenvolvimento de Sistemas de Informação
O analista João está refatorando a página web principal do TRF1 à luz do Modelo de Acessibilidade em Governo Eletrônico (eMAG). João separou a implementação da página em camadas lógicas, de acordo com o objetivo para o qual elas foram desenvolvidas.Ao seguir estritamente as recomendações do eMAG, João dividiu a implementação entre as camadas lógicas de:
Aconteúdo, visual e lógica;
Bmarcação, visual e lógica;
Cmarcação, design e comportamento;
Dconteúdo, apresentação e comportamento;
Emarcação, apresentação e comportamento.
Revelar gabarito e comentário▾
GabaritoD — conteúdo, apresentação e comportamento;
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”.
Modelo de Acessibilidade eMAG: separação em camadas
Gabarito: letra D. O eMAG recomenda separar a implementação em três camadas lógicas: conteúdo, apresentação e comportamento, princípio alinhado às boas práticas de acessibilidade web (separação entre HTML, CSS e JavaScript).
João, ao seguir estritamente o eMAG, deve adotar essa divisão, que garante que a estrutura da informação, o estilo visual e o comportamento dinâmico sejam mantidos independentes, facilitando a acessibilidade e manutenção.
Camada Lógica
Descrição
Exemplo Técnico
Conteúdo
Estrutura semântica da informação
HTML
Apresentação
Estilos visuais e formatação
CSS
Comportamento
Interatividade e scripts
JavaScript
Alternativa A — ❌ Incorreta
Usa "visual" e "lógica" como nomes de camadas. O eMAG adota os termos apresentação (para estilo) e comportamento (para scripts), não "visual" e "lógica". Além disso, omite a separação entre conteúdo e apresentação.
Alternativa B — ❌ Incorreta
Troca "conteúdo" por "marcação". Embora marcação (HTML) seja o veículo do conteúdo, o eMAG enfatiza o conteúdo como camada conceitual. Também usa "visual" e "lógica" no lugar de apresentação e comportamento.
Alternativa C — ❌ Incorreta
Emprega "design" e "comportamento". "Design" é muito amplo e não é o termo técnico usado pelo eMAG (o correto é apresentação). A camada de comportamento está correta, mas a substituição de apresentação por design não é fiel ao modelo.
Alternativa D — ✅ Correta ⟵ GABARITO
Reproduz exatamente a nomenclatura do eMAG: conteúdo (estrutura semântica), apresentação (estilos visuais) e comportamento (interatividade com scripts). Essa é a tríade clássica de separação de responsabilidades na web, adotada pelo modelo de acessibilidade.
Alternativa E — ❌ Incorreta
Apresenta "marcação" em vez de "conteúdo". Embora próxima, o eMAG adota o termo conteúdo para a primeira camada, reforçando o foco na informação acessível, não apenas no código de marcação.
PEGA ESSA DICA!
Memorize as três camadas lógicas do eMAG: conteúdo, apresentação e comportamento. Associação direta com HTML (conteúdo), CSS (apresentação) e JavaScript (comportamento). Questões de outras bancas podem usar sinônimos como "estrutura", "estilo" e "interatividade", mas a FGV costuma cobrar os termos exatos do modelo.