Questão nº 70
Questão de Tecnologia da Informação · FGV TRF1 2024 (nº 70)
O analista Xavier está implementando o design de uma página web com base no Bootstrap. Ele deve adicionar à página um elemento flutuante acionável pelo clique de um botão. O elemento flutuante deve ser exibido logo acima do botão após o clique do usuário, devendo ainda apresentar uma área específica para o título e outra específica para o conteúdo. Para acelerar a implementação, Xavier deve basear o elemento flutuante no componente mais simples do Bootstrap que reúne o maior número de atributos prontos para o comportamento desejado.
Xavier deve usar como base o componente do Bootstrap:
- Atoast;
- Bbadge;
- Ctooltip;
- Dpopover; (alternativa correta)
- Ebreadcrumb.
Resposta comentada
Gabarito Alternativa D
Um popover é um pequeno elemento flutuante que exibe conteúdo adicional, incluindo um título e um corpo de texto, quando acionado por um clique ou foco em outro elemento.
(A) Incorreta: Um toast é uma notificação temporária que aparece e desaparece automaticamente, geralmente para feedback do usuário, e não é projetado para ser acionado por clique e exibir conteúdo contextual com título e corpo sobre um botão.
(B) Incorreta: Um badge é um pequeno rótulo numérico ou textual usado para indicar contagens ou status, sendo um elemento estático e não flutuante ou interativo por clique.
(C) Incorreta: Um tooltip é uma pequena caixa flutuante que exibe informações adicionais ao passar o mouse sobre um elemento (hover), e não por clique, além de ser mais simples e geralmente não ter uma área separada para título e conteúdo como o popover. Armadilha da banca: O tooltip é um distrator tentador por ser um elemento flutuante e contextual, mas sua ativação padrão é por hover e não por clique, e sua estrutura é mais simples, sem as áreas distintas de título e conteúdo que o popover oferece.
(D) Correta: O popover do Bootstrap é o componente ideal, pois é um elemento flutuante acionável por clique, pode ser posicionado acima do elemento de origem, e é estruturado para conter explicitamente uma área para título e outra para conteúdo, atendendo a todos os requisitos.
(E) Incorreta: Um breadcrumb é um componente de navegação que indica a localização atual do usuário dentro de uma hierarquia de páginas, sendo estático e não um elemento flutuante interativo.
Fonte: FGV TRF1 2024 Técnico Judiciário - Tecnologia da Informação (Caderno Tipo 1). Reproduzida para fins de estudo.