Questões de Concurso Público UFRPE 2022 para Técnico em Tecnologia da Informação - Webdesign, Edital nº 42

O E-MAG v3.1 (Modelo de Acessibilidade em Governo Eletrônico) traz consigo diversas recomendações de acessibilidade, que visam tornar o conteúdo web acessível a todas as pessoas, inclusive àquelas com deficiência. Baseado nessas diretrizes, assinale a alternativa recomendada pelo E-MAG para a criação de sites com acessibilidade digital. 

Conforme o E-MAG, o processo de desenvolvimento de um sítio acessível é realizado por meio do cumprimento dos seguintes passos: 

A Norma Técnica da ABNT NBR 9241 (Requisitos Ergonômicos para Trabalho de Escritórios com Computadores), na sua Parte 11 (Orientações sobre Usabilidade), baseada na ISO 9241, define que “Usabilidade” é uma medida na qual os objetivos são alcançados com _____________, ___________ e ___________. As palavras que preenchem, correta e respectivamente, as lacunas são: 

O conhecimento de como as informações estão organizadas na concepção de um novo projeto é fundamental para se entender o momento e até onde se quer chegar. Para dar conhecimento sobre o que o projeto deverá atender, é possível utilizar a arquitetura da informação por meio da ferramenta de mapeamento de processos. Tal mapeamento consiste em analisar dados, informações e conhecimentos, além do entendimento da rotina das personas envolvidas, fator de suma importância. Neste sentido, analise outros aspectos que devem ser considerados no mapeamento dos processos que influenciam a arquitetura da informação:

1) se o processo faz alguma interação com o cliente e quando;

2) se o processo já tem seu desempenho conhecido;

3) quais os custos envolvidos durante o processo;

4) se já existe algum nível de automação do processo.

Estão corretos os aspectos: 

Podemos considerar que wireframes são como protótipos ou esqueletos de uma interface gráfica, de alta ou baixa fidelidade. Considerando essa informação, assinale a alternativa que não constitui uma ferramenta de construção de wireframes.

Em todo projeto de website, deve-se atentar para todas as etapas, desde a concepção até a entrega final ao cliente. Na etapa de planejamento, wireframes e mapa de navegação são fundamentais, e é possível trabalhar com diversos tipos de wireframes. Estabeleça a relação entre as características dos wireframes (coluna 1) e as descrições (coluna 2). 

Coluna 1 

1) Wireframe de baixa fidelidade

2) Wireframe anotado

3) Wireframe de alta fidelidade

Coluna 2

a) Trabalha com elementos visuais mais organizados e simulação de página, incluindo descrições e legendas.

b) Trabalha geralmente com software e se mostra mais próximo da realidade, pois oferece interação com links e navegação.

c) Trabalha exclusivamente com papel, onde os links e telas podem ser alternados, utilizando, para tanto, diferentes folhas.

d) Trabalha geralmente em modo manual, não requer uso de cores nem maiores detalhes.

A relação entre a Coluna 1 e a Coluna 2 está correta em:

No planejamento da construção de um website, um web designer, após reuniões com o cliente, analisou os possíveis caminhos e processos que os usuários empreenderiam durante sua navegação por entre as páginas, incluindo aí as barreiras para checagem de credenciais ou entrada de parâmetros que algumas páginas iriam requerer. Esse tipo de informação é mais adequadamente representado, na forma gráfica, através de qual recurso de webdesign?

O CSS (Cascading Style Sheets) permite que o desenvolvedor adicione estilos aos componentes escritos em linguagem de marcação como o HTML. Baseado na utilização do CSS, analise o código abaixo e assinale a alternativa correta. 

No contexto de banco de dados, existem as linguagens DML (Data Manipulation Language) e DDL (Data Definition Language). Acerca desse tema, assinale a alternativa incorreta. 

O CSS é utilizado para estilizar aparência de websites com as linguagens de marcação HTML ou XHTML. Ele possui uma propriedade flex-direction que é usada para especificar a direção em que os itens flexíveis (flex) são exibidos na interface de um website. Neste sentido, quais são os valores possíveis de se utilizar com o flex-direction, segundo sua sintaxe? 

Considere as seguintes afirmações a respeito de um elemento de interface costumeiramente utilizado em websites: “Um controle gráfico que possibilita uma forma contínua de apresentar numa página textos e/ou imagens que possam ser mostrados aos poucos, normalmente, quando o seu tamanho total é superior ao disponível na tela do dispositivo, tanto no sentido horizontal como vertical.”. Essa descrição se refere a qual elemento de interface? 

Observe os seguintes caracteres escritos na fonte Baskerville Old Face:

É correto afirmar que essas letras apresentam as seguintes características tipográficas:

Na construção de um website, quanto à sua tipografia, são diretrizes comuns: a escolha de fontes decorativas é recomendável para títulos ou cartazes/avisos; fontes convencionais não serifadas são normalmente recomendadas para o corpo do texto; há, ainda, o ajuste no tamanho da fonte, nas entrelinhas, no espaçamento entre os caracteres e na postura. Essas recomendações dizem respeito à ___________________ do texto, que é a facilidade de inferir letras individualmente, e à _____________________ do texto, que se refere à fluidez e ao conforto visual.

As palavras que preenchem, correta e respectivamente, as lacunas são: 

De acordo com a W3C, para se criar um website responsivo, usando grid-view, são utilizadas:

Considere as seguintes ações, comumente praticadas por designers de sites:

I. Utilização de cor diferenciada para um elemento frente aos demais;

II. Utilização de um tamanho maior para um elemento em relação aos demais;

III. Alinhamento de conteúdos;

IV. Utilização de espaços negativos de forma racional;

V. Diferenciação tipográfica para certos elementos de texto;

VI. Utilização de ícones muito conhecidos.

Tais ações são exemplos de um trabalho de design mais bem sintetizado pelo conceito de 

Certo web designer, que estava desenvolvendo um site destinado ao público em geral, decidiu adotar alguns ícones associados a certas ações do site. Algumas das associações são ilustradas a seguir:

Essas associações estão em clara violação às recomendações de um dos princípios mais utilizadas na área de Design, que é: 

Fazem parte das boas práticas no desenho de certo tipo de elemento para determinados tipos de websites as características a seguir.

I. O elemento é posto na parte superior da página.

II. A cor do elemento deveria capturar a atenção do visitante.

III. No elemento existe um botão com a denominação da ação escrita de forma concisa e clara ou uma imagem representativa da ação.

IV. A ação do elemento deve atuar em todas as páginas do site, incluindo formulários.

V. Palavras-chave entradas pelo usuário aparecem nos resultados destacadas em negrito.

VI. O elemento usa o recurso “autocomplete”.

A alternativa que apresenta corretamente o tipo de elemento ao qual essas boas práticas se referem é

Em um projeto de website, a atenção precisa obviamente estar voltada aos aspectos do projeto, design, fluxo de informações, usabilidade, entre outros. Um fator importante que pode diferenciar o desenvolvedor dos demais é o conhecimento em relação à indexação do website para melhor visualização em motores de busca. Considerando essas informações, SEO (Search Engine Optimization) é o processo:

O Git é uma ferramenta de controle de versão que permite aos desenvolvedores de softwares estarem trabalhando juntos, de forma distribuída em um mesmo projeto, e mantendo um completo histórico dos trabalhos realizados. Considerando essa informação, assinale a alternativa que contém um código git válido.

Imagine que seu software está armazenado no git e surge a necessidade de efetuar um merge normal de duas branches de sua aplicação. Qual o tipo de estratégia de mesclagem que o git irá utilizar para efetuar tal procedimento?