Instruções para a Primeira Prova On-line

Prévia do material em texto

Primeira prova on-line
Entrega 24 set em 19:30 Pontos 25 Perguntas 15
Disponível 24 set em 14:00 - 24 set em 19:30 5 horas e 30 minutos
Limite de tempo 90 Minutos
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 42 minutos 20 de 25
 As respostas corretas estão ocultas.
Pontuação deste teste: 20 de 25
INSTRUÇÕES DA PRIMEIRA PROVA ON LINE
A prova tem a duração de 90 minutos e se realizará das 14h às 19:30 horas, horário de
Brasília.
Ao clicar em Primeira Prova ON LINE, no menu “tarefas” você iniciará a prova. A partir daí, você
deverá realizar a avaliação valendo-se de 1 (uma) única tentativa.
Ao final da prova não se esqueça de enviá-la clicando no botão “ENVIAR TESTE”. Só utilize
esse botão quando tiver finalizado a avaliação.
Não deixe para começar no final do turno, pois assim você terá menos tempo para a realização
da avaliação. Exemplo: a prova se encerra às 19h30min, se o aluno começar às 19 horas terá
somente 30 minutos para a realização.
Atenção, mesmo abrindo e fechando o navegador o tempo de realização continuará contando
após iniciada a avaliação.
Utilize preferencialmente o navegador Google Chrome.
Caso sua avaliação possua questões discursivas que requeiram um envio de arquivo, anexe o
arquivo em formato PDF. 
ATENÇÃO: Todas as provas iniciadas e que não houverem sido submetidas, serão
automaticamente encerradas pelo sistema transcorridos os 90 minutos de duração.
 
Boa Prova!
https://pucminas.instructure.com/courses/127410/quizzes/334390/history?version=1
Enviado 24 set em 14:43
Esta tentativa levou 42 minutos.
1,5 / 1,5 ptsPergunta 1
Algumas aplicações são mais adequadas para dispositivos móveis que
para computadores desktop, quando se leva em consideração a
experiência do usuário. 
Entre as aplicações abaixo e as respectivas justificativas, qual
descreve uma aplicação mais adequada a dispositivos móveis que a
dispositivos de mesa como os computadores?
 
Aplicações de streaming de filmes, porque é possível ver o filme em
qualquer posição (sentado, deitado, ...).
 
A correção de defeitos em fotos, porque o smartphone também
funciona como câmera fotográfica.
 
Uma aplicação de mensagens instantâneas, porque você pode se
comunicar de qualquer lugar.
Correto. Na verdade, os telefones celulares surgiram exatamente
para que a gente pudesse se comunicar de qualquer lugar. A
troca de mensagens, como a feita por WhatsApp ou Telegram, é
apenas uma outra forma de comunicação. 
Além disso, as mensagens curtas e interações rápidas desse tipo
de aplicativo são sempre bem-vindas para os smartphones.
 
Aplicação de edição de textos, porque o teclado virtual permite a
entrada rápida de frases.
1,5 / 1,5 ptsPergunta 2
Qual das seguintes alternativas descreve características de uma
aplicação web progressiva?
 
Desenvolvida com tecnologias web e instalável a partir das lojas
virtuais.
 
Desenvolvida com tecnologias web e pode ser executada em tela
cheia. 
Isso mesmo. A interface do navegador não aparece, de tal forma 
que a PWA se assemelha a uma aplicação nativa.
 
Desenvolvida com tecnologias web, mas é necessário exportar uma
versão executável diferente para cada plataforma.
 
Desenvolvida com tecnologias nativas e é executada em uma instância
do navegador.
0 / 1,5 ptsPergunta 3IncorretaIncorreta
Uma aplicação híbrida é melhor definida como:
 
Uma aplicação web que pode ser executada em dispositivos de
diferentes plataformas.
Não. Uma aplicação web qualquer pode ser executada em 
qualquer dispositivo, por meio dos seus navegadores.
 
Uma aplicação web que pode acessar recursos nativos do dispositivo. 
 Uma aplicação nativa multiplataforma. 
 Uma aplicação nativa gerada desenvolvida com tecnologias web. 
1,5 / 1,5 ptsPergunta 4
Uma aplicação móvel não é uma aplicação desktop. As características
dos dispositivos são diferentes, o contexto de uso é diferente, as
expectativas dos usuários são diferentes e por aí vai.
Para nos ajudar a criar uma aplicação móvel corretamente, sem nos
deixar perder de vista todas essas especificidades, devemos seguir um
conjunto de diretrizes de projeto de aplicações móveis.
Qual das diretrizes de projeto de aplicações móveis abaixo está
correta e completa?
 
A área de toque deve ser maior para que a interação com o polegar
seja mais fácil.
É isso aí. Os controles devem ser grandes o suficiente para 
permitirem a interação por meio dos dedos polegares. Controles 
pequenos são mais propensos a erros.
 
A área da tela deve ser aproveitada ao máximo para reduzir o número
de telas necessárias.
 
A área superior da tela deve ser priorizada para os elementos
interativos.
 
Use letras menores para o texto não fique muito quebrado nas telas. 
1,5 / 1,5 ptsPergunta 5
Antes de nos esforçarmos para implementar o projeto de uma
aplicação móvel qualquer, devemos comunicar a nossa ideia para
nossos colegas de trabalho, para o cliente, para alguns usuários e
para quaisquer outros stakeholders. Assim, quando tivermos que
trabalhar na implementação, estaremos mais seguros de estarmos
fazendo a aplicação correta para atender às necessidades de todos.
Existem várias formas visuais de comunicação das nossas ideias para
um projeto. Uma dessas formas é o Wireframe.
Qual das afirmativas abaixo contém uma característica correta
dos wireframes?
 
 
Os wireframes descrevem as principais interações que podem ser
realizadas nas interfaces.
Correto. O principal objetivo do wireframe é explicar o que uma
aplicação fará e como deverá ser usada.
 
Os wireframes demonstram o posicionamento preciso dos elementos
na interface.
 
Os wireframes contém elementos interativos que podem ser testados
pelos usuários.
 
Os wireframes contém objetos de alta fidelidade como ícones e
imagens.
1,5 / 1,5 ptsPergunta 6
Uma aplicação móvel não é uma aplicação desktop. As características
dos dispositivos são diferentes, o contexto de uso é diferente, as
expectativas dos usuários são diferentes e por aí vai.
Para nos ajudar a criar uma aplicação móvel corretamente, sem nos
deixar perder de vista todas essas especificidades, devemos seguir um
conjunto de diretrizes de projeto de aplicações móveis.
Qual das diretrizes de projeto de aplicações móveis abaixo está
correta e completa?
 
Nas aplicações móveis, deve-se reduzir o esforço de entrada de dados
por meio do uso de apenas poucos campos nos formulários.
 
As aplicações móveis devem ter interfaces minimalistas, isto é, telas
que tenham poucos elementos.
 
Como as interações são feitas por meio de toques, não se deve usar
entrada de dados por outros meios como o teclado.
 
As interfaces das aplicações móveis devem ser planejadas para
microinterações, isto é, ações curtas, objetivas e com feedback
imediato.
Correto. Cada interface (ou estado da interface) deve ser pensada
para uma (ou poucas) microinteração. Uma microinteração é uma
ação simples que oferece feedback imediato. Essa microinteração
pode alterar o estado da interface abrindo a possibilidade para
outras microinterações.
0 / 1,5 ptsPergunta 7IncorretaIncorreta
Observe essa distribuição de elementos feita com a FlexBox:
Qual das seguintes propriedades CSS do elemento principal (roxo)
está corretamente especificada, de tal forma que a distribuição da
figura possa ser criada.
 flex-row: true;
 align-items: flex-end;
 justify-content: space-evenly;
Não, pois esse valor de justify-content coloca espaços antes do 
primeiro elemento da linha e depois do último elemento da linha 
também, o que não aconteceu na figura.
 flex-direction: column;
1,5 / 1,5 ptsPergunta 8
O que o método fetch() retorna quando passamos um URL em um
dos eventos do service worker?
 O conteúdo do arquivo na forma de um DataURI. 
 
Um Promise cujo método text() retorna outro Promise com o
conteúdo do arquivo.
Isso mesmo. Esse segundo Promise receberá uma função do tipo
resolve() que poderá fazer algo com o conteúdo.
 
Um Promise cujo método response() dá acesso direto ao conteúdo.
 O conteúdo do arquivona forma de uma string. 
1,5 / 1,5 ptsPergunta 9
Qual dos seguintes valores da propriedade justify-content na
FlexBox está corretamente descrito?
 
space-center: ítens são centralizados e o espaçamento fica ao redor
deles.
 
space-around: ítens distribuídos de forma que qualquer espaço (entre
dois elementos ou entre um elemento e a borda) são iguais.
 
space-evenly: ítens distribuídos com margens esquerda e direita
iguais para cada elemento, de tal forma que o espaço entre dois
elementos seja o dobro da distância do primeiro elemento à borda
inicial ou do último elemento à borda final.
 
space-between: ítens distribuídos com o mesmo espaçamento entre
eles, sendo que o primeiro fica colado à borda inicial e o último à borda
final.
Isso mesmo. Essa é a forma mais usada de distribuição do 
espaçamento.
1,5 / 1,5 ptsPergunta 10
Uma das características das aplicações móveis é o armazenamento de
dados localmente, que permitam o seu melhor funcionamento. Por
exemplo, podemos armazenar os dados de login do usuário para que
ele não precise se identificar a cada acesso (afinal, o dispositivo é dele
mesmo), podemos armazenar dados da aplicação para que ela possa
funcionar off-line e assim em diante.
No caso das aplicações web móvel, um dos recursos disponíveis para
o armazenamento local de dados é a API Web Storage. Ela permite o
armazenamento de dados tanto de forma permanente quanto
temporária, mas como algumas limitações.
Qual das seguintes afirmativas descreve uma limitação do
armazenamento de dados por meio da API Web Storage?
 
Os valores precisam ser enviados pelo navegador ao servidor em todas
as respostas HTTP.
 
Apenas operações assíncronas de armazenamento e recuperação de
dados podem ser executadas.
 
As requisições devem ser feitas por meio de comandos na sintaxe
SQL.
 Todos os valores devem ser armazenados na forma de strings. 
Isso mesmo. Se tivermos qualquer outro tipo de dados, inclusive 
dados compostos, devemos convertê-los para strings para que 
possam ser armazenados localmente.
2 / 2 ptsPergunta 11
O que faz o método match() do objeto cache no service worker de
uma aplicação web progressiva?
 
Retorna o nome do cache que contém o recurso passado como
parâmetro ou undefined se nenhum recurso com esse nome for
encontrado
 
Atualiza, no cache, um recurso que tenha o nome passado como
parâmetro do método.
 
Apaga, no cache, um recurso cujo nome corresponda ao valor passado
como parâmetro do método.
 
Recupera, no cache, um recurso cujo nome corresponda ao valor
passado como parâmetro do método.
Isso mesmo, mas ele retorna apenas o primeiro recursos cuja 
comparação seja válida (caso outros recursos tenham o mesmo 
início de string).
2 / 2 ptsPergunta 12
Qual das seguintes afirmativas sobre o Manifesto está correta?
 
O manifesto é um código JavaScript que assegura que a aplicação
possa ser executada com o dispositivo off-line.
 
O manifesto é um código JavaScript que, ao ser executado, baixa a
aplicação para o dispositivo do usuário.
 
O manifesto é um arquivo que contém um objeto JSON cujos atributos
definem como a aplicação deve ser instalada na tela inicial do
dispositivo e como deve ser executada pelo navegador.
Exatamente. Cada atributo passa uma informação sobre a 
instalação ou sobre a forma de execução da aplicação, que 
continua sendo uma aplicação web.
 
O manifesto é um arquivo JSON que contém a lista de arquivos que
devem ser armazenados no cache do navegador.
2 / 2 ptsPergunta 13
A aplicação web progressiva é uma das formas mais recentes de
desenvolvimento de aplicações web móveis. Esse nome foi dado por
Alex Russell lá em 2015 para uma categoria de aplicações móveis
desenvolvidas com tecnologias web que tinham várias características
especiais.
Uma dessas características é:
 
A aplicação pode ser aprimorada para funcionar sem conectividade
(off-line).
Correto. Isso pode ser feito por meio do service worker e do 
cache de aplicação.
 
A aplicação pode ser baixada a partir de qualquer URL por meio de
uma conexão HTTP.
 A aplicação pode ser publicada nas lojas virtuais das plataformas. 
 
A aplicação é transpilada para a linguagem nativa da plataforma do
usuário.
0 / 2 ptsPergunta 14IncorretaIncorreta
Qual das afirmativas abaixo explica corretamente a finalidade de um
dos eventos do ciclo de vida do service worker?
 
register - faz o download do arquivo do service worker que está no
servidor.
Não. O método register() apenas solicita a execução do service 
worker em segundo plano.
 
install - realiza operações de instalação da aplicação como, por
exemplo, armazenar os arquivos necessários para a execução off-line
no cache do navegador.
 
activate - dispara o código JavaScript da aplicação na linha de
execução principal.
 fetch - recupera dados da aplicação armazenados localmente.
2 / 2 ptsPergunta 15
Avalie as afirmativas a seguir relacionadas às aplicações web
progressivas:
I. Uma PWA é capaz de funcionar mesmo quando não há conexão à
Internet,
PORQUE
II. Seu código executável é baixado da loja virtual e instalado no
dispositivo do usuário.
Considerando essas afirmativas e a relação proposta entre elas,
assinale a opção correta.
 
As duas afirmativas são verdadeiras e a segunda justifica a primeira. 
 
As duas afirmativas são verdadeiras, mas a segunda não justifica a
primeira.
 A primeira alternativa é verdadeira e a segunda é falsa. 
Isso mesmo. As PWAs não são baixadas das lojas virtuais.
 A primeira alternativa é falsa e a segunda é verdadeira. 
 As duas afirmativas são falsas. 
Pontuação do teste: 20 de 25