Prévia do material em texto
24/09/2022 14:45 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 41 minutos 23,5 de 25 As respostas corretas estão ocultas. Pontuação deste teste: 23,5 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/2022 14:45 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:44 Esta tentativa levou 41 minutos. 0 / 1,5 ptsPergunta 1IncorretaIncorreta 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. Apesar de ser bastante fácil tirar fotos com o smartphone, a aplicação citada é a de edição das fotos e isso é mais fácil no computador, por causa da tela grande e da precisão do mouse. Além disso, o fato do telefone funcionar como câmera não tem essa relação direta com a aplicação de correção das fotos, isto é, não é uma justificativa relevante. Uma aplicação de mensagens instantâneas, porque você pode se comunicar de qualquer lugar. Aplicação de edição de textos, porque o teclado virtual permite a entrada rápida de frases. 1,5 / 1,5 ptsPergunta 2 24/09/2022 14:45 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 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 3 Na medida em que os smartphones se tornaram populares, as empresas perceberam o potencial desse tipo de dispositivo como um veículo para a divulgação de suas informações, produtos e serviços. Assim, começaram a surgir várias aplicações móveis capazes de atender às mais diferentes necessidades de seus usuários. Obviamente, isso estimulou que muitos desenvolvedores se especializassem em aplicações móveis e, para distinguir seus softwares dos demais, eles precisavam de uma boa definição para o que seria uma aplicação móvel. Considerando objetivamente o que caracteriza uma aplicação móvel, qual é a definição mais precisa para essa categoria de software? 24/09/2022 14:45 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 Uma aplicação móvel é uma aplicação que pode ser instalada nos dispositivos móveis dos usuários a partir das lojas de aplicativos de cada plataforma. Uma aplicação móvel é uma aplicação web responsiva que se adapta automaticamente a qualquer tamanho de tela. Uma aplicação móvel é uma aplicação planejada para uso em dispositivos móveis, considerando as características destes e as suas condições das interações. Correto. Independentemente das tecnologias ou da forma de distribuição, uma aplicação móvel deve levar em consideração a forma como ela será usada. Uma aplicação móvel é uma aplicação desenhada para telas pequenas e cuja interação é feita por meio de toques na tela. 1,5 / 1,5 ptsPergunta 4 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? 24/09/2022 14:45 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 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 5 A maioria das aplicações móveis é projetada para telas pequenas. Essa condição traz inúmeras implicações para o projeto das aplicações móveis, como: As aplicações não podem ter entradas de dados textuais. As interações do usuário com a aplicação são mais curtas e objetivas. Isso mesmo, como as telas são pequenas, o volume de informações e de comandos acaba sendo menor também. 24/09/2022 14:45 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 A interação do usuário com as aplicações fica restrita a toques na tela, como em botões. Apenas determinados tipos de aplicações móveis podem ser criados. 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? 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. 24/09/2022 14:45 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 Use letras menores para o texto não fique muito quebrado nas telas. 1,5 / 1,5 ptsPergunta 7 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; Correto. Considerando que o eixo principal é a linha, então a propriedade align-items determinará o alinhamento vertical, que foi definido para a parte de baixo da linha. justify-content: space-evenly; flex-direction: column; 1,5 / 1,5 ptsPergunta 8 Qual dos seguintes valores da propriedade justify-content na FlexBox está corretamente descrito? 24/09/2022 14:45 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 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 9 A API Web Storage armazena os dados localmente na forma de strings. Assim, para armazenarmos objetos no navegador, precisamos converter esses objetos em strings ao armazená-los e, mais tarde, converter as strings em objetos ao recuperá-los. Qual dos seguintes comandos contém uma forma correta de conversão para armazenamento ou recuperação de um objeto usando a API Web Storage? localStorage.putItem('objeto', JSON.stringify(objeto)); JSON.stringify(localStorage.setItem('objeto', objeto)); 24/09/2022 14:45 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 let objeto = localStorage.getItem('objeto', JSON.parse(objeto)); let objeto = JSON.parse(localStorage.getItem('objeto', objeto)); Correto. Primeiro nós recuperamos a string no armazenamento local, para depois criarmos um objeto a partir dela. 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. 24/09/2022 14:45 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 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 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 12 24/09/2022 14:45 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 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 Qual das afirmativas abaixo contém uma das finalidades do service worker em uma aplicação web progressiva? Orientar a instalação da aplicação na tela inicial do dispositivo do usuário. Controlar as solicitações da aplicação por arquivos on-line ou armazenados localmente no cache do navegador. 24/09/2022 14:45 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 Isso mesmo. É esse controle que permite que as aplicações funcionem off-line. Cuidar do armazenamento local dos dados usados pela aplicação. Gerenciar os dados do usuário e os tokens de sessão. 2 / 2 ptsPergunta 14 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.24/09/2022 14:45 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 2 / 2 ptsPergunta 15 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. 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. Correto. A principal ação feita no evento install é armazenar os arquivos no cache. activate - dispara o código JavaScript da aplicação na linha de execução principal. fetch - recupera dados da aplicação armazenados localmente. Pontuação do teste: 23,5 de 25