Desenvolvimento Responsivo - Interações Web entre Navegador e Servidor Web - Ampli Pitagoras

Prévia do material em texto

Desenvolvimento Responsivo
Interações Web entre Navegador e Servidor Web - Ampli Pitagoras
Questão 1
Correta
Questão com problema?
Construímos nossas páginas responsivas, melhoramos a aparência e também otimizamos o desempenho de nosso site. Mas antes do aplicativo entrar no ar, é dever de um desenvolvedor testar o desempenho do site (LIBBY et al. (2016).
 
De acordo com as informações apresentadas na tabela a seguir, faça a associação dos tipos de testes de desempenho para websites (Coluna A) com suas respectivas características principais (Coluna B), respectivamente.
 
	I Teste de carga
	1. feito para garantir se o sistema será capaz de lidar com a carga esperada por um longo período de tempo.
	II Teste de estresse
	2. este teste é feito para garantir quantos usuários / transações podem ser suportados por vez.
	III Teste de capacidade
 
	3. ajuda o testador a descobrir como o sistema reage sob condições extremas de carga. Isso ajuda a encontrar problemas relacionados a vazamentos de memória, sincronização, etc.
	IV Teste de resistência
	4. feito para verificar o comportamento do site sob uma determinada carga de trabalho.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Sua resposta
Correta
I - 4; II - 3; III - 2; IV - 1.
Comentário
De acordo com as informações apresentadas na tabela, a associação dos tipos de testes de desempenho para websites (Coluna A) com suas respectivas características principais (Coluna B), seguem: I Teste de carga: feito para verificar o comportamento do site sob uma determinada carga de trabalho. II Teste de estresse: ajuda o testador a descobrir como o sistema reage sob condições extremas de carga. Isso ajuda a encontrar problemas relacionados a vazamentos de memória, sincronização, etc. III Teste de capacidade: este teste é feito para garantir quantos usuários / transações podem ser suportados por vez. IV Teste de resistência: feito para garantir se o sistema será capaz de lidar com a carga esperada por um longo período de tempo.
Questão 2
Correta
Questão com problema?
Estudos evidenciam que o design responsivo da Web vem se tornando cada vez mais importante, pois a quantidade de tráfego móvel agora representa mais da metade do tráfego total da Internet (CRESPO, 2013). Contudo, para que o usuário tenha uma experiência positiva na utilização de um site é essencial que seus desenvolvedores simulem sua funcionalidade, design e desempenho em diversos dispositivos. Esse processo é de grande importância para garantir disponibilidade e a satisfação dos utilizadores.
 
De acordo com as informações apresentadas na tabela a seguir, faça a associação de cada ferramenta de navegador utilizada para simular sites em um dispositivo (Coluna A) com suas respectivas características (Coluna B), respectivamente.
 
	I Responsinator
 
	1. Essa ferramenta permite que você obtenha o que precisa rapidamente e, pode ser útil para mostrar a seus clientes de modo mais visual o modelo do site com design responsivo quando um pacote de produtos não está pronto
	II Am I Responsive
	2. É projetado para testar sites responsivos em diferentes resoluções de dispositivo. Esta ferramenta te ajudará a obter rapidamente uma indicação de como seu site responsivo ficará nos dispositivos mais populares. Porém tenha o cuidado de utilizá-lo para testes mais precisos, porque ele não replica precisamente como será a aparência.
	III Froont
 
	3. Esta ferramenta cria viewports precisas e dinâmicas para testar seu trabalho. Isso permite que você efetue mudanças rapidamente e demonstre benefícios para as partes interessadas. É gratuito e permite usar outras extensões, como FireBug.
	IV Proto Fluid 4
	4. O design pode ser feito no navegador com ferramentas intuitivas de arrastar e soltar e cada projeto tem seu próprio URL, o que torna mais fácil testar os designs em dispositivos reais imediatamente.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Sua resposta
Correta
I - 2; II - 1; III - 4; IV - 3.
Comentário
As alternativas que apresentas a associação CORRETA entre as colunas, são: I - É projetado para testar sites responsivos em diferentes resoluções de dispositivo. Esta ferramenta te ajudará a obter rapidamente uma indicação de como seu site responsivo ficará nos dispositivos mais populares. Porém tenha o cuidado de utilizá-lo para testes mais precisos, porque ele não replica precisamente como será a aparência. II - Essa ferramenta permite que você obtenha o que precisa rapidamente e, pode ser útil para mostrar a seus clientes de modo mais visual o modelo do site com design responsivo quando um pacote de produtos não está pronto. III - O design pode ser feito no navegador com ferramentas intuitivas de arrastar e soltar e cada projeto tem seu próprio URL, o que torna mais fácil testar os designs em dispositivos reais imediatamente. IV - Esta ferramenta cria viewports precisas e dinâmicas para testar seu trabalho. Isso permite que você efetue mudanças rapidamente e demonstre benefícios para as partes interessadas. É gratuito e permite usar outras extensões, como FireBug.
Questão 3
Incorreta
Questão com problema?
CSS passou por várias mudanças ao longo dos anos, e a versão mais recente é CSS3. A maioria dos navegadores provavelmente suporta o padrão CSS3. Com esta última versão, os designers CSS têm mais ferramentas à sua disposição e algumas vantagens.
 
De acordo com as informações apresentadas na tabela a seguir, faça a associação das principais vantagens de utilização do CSS contidas na Coluna A e na Coluna B, respectivamente.
 
	I CSS economiza tempo
	1. se você estiver usando CSS, não precisará escrever atributos de tag HTML todas as vezes. Basta escrever uma regra CSS de uma tag e aplicá-la a todas as ocorrências dessa tag. Portanto, menos código significa tempos de download mais rápidos.
	II As páginas carregam mais rápido
	2. você pode escrever CSS uma vez e reutilizar a mesma planilha em várias páginas HTML. Você pode definir um estilo para cada elemento HTML e aplicá-lo a quantas páginas da Web desejar.
	III Fácil manutenção
	3. Folhas de estilo permitem que o conteúdo seja otimizado para mais de um tipo de dispositivo. Usando o mesmo documento HTML, diferentes versões de um site podem ser apresentadas para dispositivos portáteis, como PDAs e telefones celulares, ou para impressão.
	IV Compatibilidade com vários dispositivos 
	4. Para fazer uma mudança global, basta alterar o estilo e todos os elementos em todas as páginas da web serão atualizados automaticamente.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Sua resposta
Incorreta
I - 4; II - 1; III - 2; IV - 3.
Solução esperada
I - 2; II - 1; III - 4; IV - 3.
Comentário
A associação CORRETA entre as colunas será: I CSS economiza tempo: você pode escrever CSS uma vez e reutilizar a mesma planilha em várias páginas HTML. Você pode definir um estilo para cada elemento HTML e aplicá-lo a quantas páginas da Web desejar. II As páginas carregam mais rápido: se você estiver usando CSS, não precisará escrever atributos de tag HTML todas as vezes. Basta escrever uma regra CSS de uma tag e aplicá-la a todas as ocorrências dessa tag. Portanto, menos código significa tempos de download mais rápidos. III Fácil manutenção: Para fazer uma mudança global, basta alterar o estilo e todos os elementos em todas as páginas da web serão atualizados automaticamente. IV Compatibilidade com vários dispositivos: Folhas de estilo permitem que o conteúdo seja otimizado para mais de um tipo de dispositivo. Usando o mesmo documento HTML, diferentes versões de um site podem ser apresentadas para dispositivos portáteis, como PDAs e telefones celulares, ou para impressão.
Questão 4
Correta
Questão com problema?
O conteúdo disponível na Internet cresce a cada dia, e os usuários estão cada vez mais seletivos quanto ao conteúdo que consomem. Além disso, a velocidade de carregamento do site é um critério de avaliação para classificação nas páginas de busca. Considerandoestes aspectos, concluímos que é extremamente necessário testar o desempenho do seu site (CAMPOS, 2021).
 
Considerando seus conhecimentos a de testes de desempenho para website, analise as afirmativas a seguir:
 
I. A capacidade de resposta está relacionada a quanto tempo o servidor leva para responder às interações do usuário.
 
II. A estabilidade verifica se o site é estável e se permanece acessível por 24 horas.
 
III. A velocidade mede quanto tempo o site demora para efetuar seu carregamento.
 
IV. A escalabilidade avalia se o site suporta um aumento dos acessos repentinos de um site em teste.
Considerando o contexto apresentado, é correto APENAS o que se afirma em:
Sua resposta
Correta
I, II, III e IV.
Comentário
Considerando os testes de desempenho para website, todas as afirmativas que seguem estão corretas. I. A capacidade de resposta está relacionada a quanto tempo o servidor leva para responder às interações do usuário. II. A estabilidade verifica se o site é estável e se permanece acessível por 24 horas. III. A velocidade mede quanto tempo o site demora para efetuar seu carregamento. IV. A escalabilidade avalia se o site suporta um aumento dos acessos repentinos de um site em teste.
Questão 5
Correta
Questão com problema?
CSS (Cascading Style Sheets) é uma linguagem baseada em regras. É usado para definir o estilo e o layout das páginas, definindo grupos específicos de estilos que são aplicados a elementos ou grupos de elementos.
 
CSS controla a aparência e o comportamento de uma página da web. Usando CSS, você pode controlar a cor do texto, o estilo das fontes, o espaçamento entre os parágrafos, como as colunas são dimensionadas e dispostas, quais imagens ou cores de fundo são usadas, designs de layout, variações na exibição para diferentes dispositivos e tamanhos de tela bem como uma variedade de outros efeitos.
 
CSS é fácil de aprender e entender, mas fornece controle poderoso sobre a apresentação de um documento HTML. Mais comumente, CSS é combinado com as linguagens de marcação HTML ou XHTML.
 
Consideram as informações apresentadas, analise as afirmativas a seguir:
 
I. Cascade é o conceito fundamental de como o CSS foi criado. Como o nome sugere, as folhas de estilo em cascata (de cima para baixo). Isso significa que a ordem das regras CSS é importante e quando duas regras se aplicam com especificidade igual, a que vier por último no CSS será usada.
II. Alguns valores de propriedade CSS definidos em elementos pais são herdados por seus elementos filhos e outros não. Isso muitas vezes pode ser confuso, mas o princípio por trás disso foi projetado para permitir que escrevamos menos regras CSS.
 
III. Como várias regras se aplicam a um elemento, regras conflitantes não tem como ser classificadas e aplicadas por especificidade.
 
IV. Cada seletor tem uma classificação de especificidade diferente, que são: ID’s; classe e pseudo classe; seletores de elemento.
Considerando o contexto apresentado, é correto APENAS o que se afirma em:
Sua resposta
Correta
I, II e IV.
Comentário
Consideram as informações apresentadas, apenas a afirmativa abaixo está INCORRETA: III. Como várias regras se aplicam a um elemento, regras conflitantes SÃO classificadas e aplicadas por especificidade. As demais afirmativas, seguem corretas: I. Cascade é o conceito fundamental de como o CSS foi criado. Como o nome sugere, as folhas de estilo em cascata (de cima para baixo). Isso significa que a ordem das regras CSS é importante e quando duas regras se aplicam com especificidade igual, a que vier por último no CSS será usada. II. Alguns valores de propriedade CSS definidos em elementos pais são herdados por seus elementos filhos e outros não. Isso muitas vezes pode ser confuso, mas o princípio por trás disso foi projetado para permitir que escrevamos menos regras CSS. IV. Cada seletor tem uma classificação de especificidade diferente, que são: ID’s; classe e pseudo classe; seletores de elemento.