Primeira_prova_on-line__Topicos_Especiais_em_Sistemas_de_Informacao__Aplicacoes_Hibridas_-_G1_T1_-_2022_2_1 (1)

Prévia do material em texto

24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 1/13
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 32 minutos 25 de 25
 As respostas corretas estão ocultas.
Pontuação deste teste: 25 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/112973/quizzes/334391/history?version=1
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 2/13
Enviado 24 set em 14:49
Esta tentativa levou 32 minutos.
1,5 / 1,5 ptsPergunta 1
O padrão de interação dos usuários nas aplicações móveis tem
algumas diferenças em relação ao padrão de interação nas aplicações
desktop. Uma das características desse padrão é que as interações do
usuário com a aplicação móvel são bem mais curtas que as interações
nas aplicações desktop.
Qual é a razão para isso?
 Ao interagir com a tela, o dedo do usuário esconde as informações. 
 Não há teclado físico na maioria dos dispositivos móveis. 
 Os usuários esperam mais objetividade nas operações. 
Exatamente. Exceto em casos como de aplicações de 
streamming e de jogos, nas aplicações móveis o usuário espera 
poder resolver seus problemas com poucos toques na tela, 
porque não está, como no caso dos desktops, sentado a uma 
mesa em posição confortável. Geralmente ele interage com as 
aplicações andando, no meio de conversas, enquanto está 
cozinhando, dirigindo, vendo filme, ...
 
Os usuário não gostam de ficar muito tempo usando os dispositivos. 
1,5 / 1,5 ptsPergunta 2
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
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 3/13
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 3
Qual das seguintes alternativas descreve características de uma
aplicação web móvel?
 
É desenvolvida com tecnologias web e é acessada por meio do
navegador do dispositivo móvel.
Correto. As aplicações web móveis rodam por meio do 
navegador.
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 4/13
 
É desenvolvida com tecnologias web e pode rodar em tela cheia e
quando o dispositivo está off-line.
 
Usa tecnologias web e é instalada no dispositivo a partir de uma loja
virtual.
 
É desenvolvida com tecnologias nativas e é instalada a partir de uma
loja virtual.
1,5 / 1,5 ptsPergunta 4
Uma aplicação híbrida é melhor definida como:
 
Uma aplicação web que pode ser executada em dispositivos de
diferentes plataformas.
 
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. 
Isso mesmo. Apesar de ser gerada com tecnologias web, uma 
versão de cada plataforma deve ser gerada e enviada à loja 
dessa plataforma.
1,5 / 1,5 ptsPergunta 5
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 5/13
Existem diferentes formas de construção de aplicações móveis.
Geralmente, o que mais varia entre elas são as tecnologias de
desenvolvimento utilizadas, como a linguagem de programação e as
ferramentas de geração de código. Essas diferentes formas nos
permitem classificar as aplicações móveis em tipos bem definidos.
Qual dessas definições sobre os tipos de aplicações móveis está
correta?
 
Uma aplicação web responsiva é uma aplicação que roda em
computadores e dispositivos móveis e que foi planejada para o padrão
de interação dos dispositivos móveis.
 
Uma aplicação web móvel é uma aplicação desenvolvida com
tecnologias web que pode ser convertida em uma aplicação nativa.
 
Uma aplicação web progressiva é uma aplicação web que busca
oferecer a mesma experiência de uso de uma aplicação nativa.
Correto. Uma PWA pode ser instalada, rodar em tela cheia, rodar
sem conectividade (off-line), emitir notificações e demonstrar
outros comportamentos semelhantes aos das aplicações nativas.
 
Uma aplicação híbrida é uma aplicação nativa desenvolvida a partir de
tecnologias web e executadas por meio de URLs.
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.
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 6/13
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 dainterface) 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.
1,5 / 1,5 ptsPergunta 7
O armazenamento local de dados com a API Web Storage é feito por
meio do objeto localStorage disponível em JavaScript.
Qual é o método usado para se armazenar um valor usando esse
objeto?
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 7/13
 set( chave, valor )
 put( chave, valor )
 setItem( chave, valor )
Isso mesmo. O setItem() é o método para se armazenar dados 
localmente.
 putItem( chave, valor )
1,5 / 1,5 ptsPergunta 8
Na medida em que os computadores foram ficando mais sofisticados,
começamos a trabalhar com várias aplicações ao mesmo tempo. Mas
não foi só isso que passamos a fazer. Dentro de uma única aplicação,
começamos também a fazer várias operações simultâneas.
Por exemplo, em uma aplicação web como o Gmail, eu posso escrever
uma mensagem ao mesmo tempo que o Gmail sincroniza as
mensagens com o servidor e coleta novas mensagens para mim. Já
em um jogo on-line, eu posso receber dados das ações dos outros
jogadores ao mesmo tempo em que realizo as minhas próprias ações
no jogo.
Para que isso dê certo, as operações em uma aplicação não podem
"travar" a própria aplicação (até que sejam concluídas). Colocando em
outras palavras, uma aplicação deve permitir que várias operações
ocorram simultaneamente. 
Algumas operações são rápidas demais para nos preocuparmos com
isso. Porém, outras são um tanto lentas, como, por exemplo, acessar
dados na Web ou manipular arquivos. Nesses casos, executamos
essas operações de forma assíncrona. Isso significa que elas serão
executadas paralelamente à operação principal da nossa aplicação e,
quando elas estiverem concluídas, dão um jeito de nos informar disso.
Uma das formas de implementarmos operações assíncronas em
aplicações web é por meio de um objeto da classe Promise. Esse
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 8/13
objeto tem esse nome porque eles nos dá apenas uma promessa de
resposta, mas sem garantias de que tudo dará certo.
Sobre os promises, é correto dizer que:
 Quando o promise é rejeitado, a aplicação é interrompida. 
 
O tempo máximo da operação de um promise é definido por meio da
sua propriedade timeout.
 
As funções de resolução e de rejeição são passadas a um objeto
promise por meio do seu construtor.
Correto. Podemos indicar qual função será usada como resolve e
qual função será usada como reject ao criarmos uma instância da
classe Promise.
 Um promise não pode executar outro promise. 
1,5 / 1,5 ptsPergunta 9
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?
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 9/13
 
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.
1,5 / 1,5 ptsPergunta 10
Design responsivo é uma forma de projeto de interfaces em que elas
se adaptam aos contextos dos usuários, por mais diferentes que eles
sejam.
Uma forma de fazermos design responsivo usando as tecnologias web
é por meio do módulo Flexbox (Flexible Box Layout) da CSS. 
Qual é a característica correta da Flexbox?
 
Os elementos são dispostos de forma precisa em uma malha formada
pela interseção de um conjunto de linhas e um conjunto de colunas.
 
Os elementos são dispostos em um bloco horizontal ou vertical e
podem crescer ou diminuir de acordo com o espaço disponível.
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 10/13
Correto. O Flexbox é uma forma de formatação unidimensional 
(linha OU coluna), mas é possível criar vários níveis de 
formatação que permitam a construção de interfaces bastante 
sofisticadas.
 
Os elementos são formatados com regras CSS selecionadas de acordo
com o estado do navegador (largura, altura, orientação, ...).
 
Os elementos são colocados em blocos posicionados de forma
absoluta ou de forma relativa à sua posição original na página.
2 / 2 ptsPergunta 11
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. 
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 11/13
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. 
2 / 2 ptsPergunta 12
Um dos principais recursos de uma aplicação web progressiva é o seu
manifesto. É ele que contém as informações necessárias para que a
aplicação seja instalada no dispositivo do usuário.
Todas as informações abaixo fazem parte do manifesto, EXCETO:
 O idioma usado na aplicação. 
 O nome do arquivo que contém o service worker. 
Correto. O service worker é carregado por meio do código 
JavaScript da página e não por meio do manifesto.
 
O diretório que contém as páginas que podem ser vistas pela
aplicação.
 O modo como a aplicação deve ser apresentada na tela. 
2 / 2 ptsPergunta 13
Qual das seguintes alternativas contém um atributo válido do
manifesto e a definição correta desse atributo?
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 12/13
 screen - modo da tela, podendo ser tela cheia ou como janela.
 home - URL da homepage da aplicação.
 description - nome legível da aplicação.
 
icons - vetor de objetos que contém os URLs, tamanhos e tipos dos
ícones que podem ser usados na instalação da aplicação na tela
inicial.
Isso mesmo. Cada elemento do vetor contém três atributos: o 
URL da imagem, uma string com o tamanho do ícone e uma 
string definindo o Mime Type da figura.
2 / 2 ptsPergunta 14
A aplicação web progressiva é uma das formas mais recentes de
desenvolvimento de aplicaçõesweb 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. 
24/09/22, 14:50 Primeira prova on-line: Tópicos Especiais em Sistemas de Informação: Aplicações Híbridas - G1/T1 - 2022/2
https://pucminas.instructure.com/courses/112973/quizzes/334391 13/13
 
A aplicação é transpilada para a linguagem nativa da plataforma do
usuário.
2 / 2 ptsPergunta 15
Qual é a forma correta para o service worker armazenar os arquivos
index.html e styles.css no cache para uso off-line?
Para isso, considere que o nome do cache "myCache1.0".
 
caches 
 .open('myCache1.0') 
 .then(cache => 
 cache.addAll(['/index.html', 'styles.css']) 
 );
Isso mesmo. O método addAll() recebe um vetor com a lista dos 
arquivos a armazenar no cache.
 
caches 
 .open('myCache1.0') 
 .addAll(['/index.html', 'styles.css']);
 
caches('myCache1.0') 
 .then(cache => 
 cache.addAll(['/index.html', 'styles.css']) 
 );
 caches('myCache1.0') .addAll(['/index.html', 'styles.css']);
Pontuação do teste: 25 de 25