Atividade 2 (A2)_ Design Digital

Prévia do material em texto

06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 1/8
Minhas Disciplinas 202210.ead-29782321.06 - DESIGN DIGITAL - GR0634 UNIDADE 2 Atividade 2 (A2)
Iniciado em segunda, 28 mar 2022, 16:16
Estado Finalizada
Concluída em segunda, 28 mar 2022, 17:55
Tempo
empregado
1 hora 38 minutos
Avaliar 10,00 de um máximo de 10,00(100%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Front-endé a etapa do desenvolvimento de um projeto de design digital que converte as informações computacionais dos sistemas em uma
interface gráfica, usando recursos das linguagens como o HTML e CSS, tornado a compreensão dos usuários mais simples para navegar
nos sistemas. 
Considerando o texto apresentado sobre a front-end, analise as afirmativas a seguir.
I. A organização front-endé importante em todos os projetos de design digital, mas é fundamental em grandes aplicações web que
possuem uma grande quantidade de dados.
II. A organização front-end pode ser descartada em projetos experimentais com uma pequena quantidade de manipulação de dados
para poder otimizar o tempo de trabalho.
III. O uso de estruturas similares em todos os projetos facilita a organização front-end, ganhando produtividade, pelo fato de o
desenvolvedor estar familiarizado com esses padrões.
IV. Para otimizar o desenvolvimento de um projeto front-end, é necessário criar padrões próprios e testá-los, e, no momento que adquirir
a prática, iniciar o desenvolvimento.
Está correto o que se afirma em:
a. I, II e IV, apenas. 
 
 
b. I e III, apenas.  Resposta correta.  Uma boa organização front-endé fundamental em grandes aplicações web,
pois desde o início do projeto é preciso se preocupar com a arquitetura da informação, para
não ocasionar maiores problemas no decorrer do projeto. Para otimizar o desenvolvimento de
um projeto front-end, o desenvolvedor pode utilizar estruturas e padrões de que já tenha
conhecimento, não sendo necessário estabelecer novos padrões para todos os projetos.
c. II e III, apenas.
d. I e II, apenas.
e. I, II e III, apenas.
A resposta correta é: I e III, apenas.
NAP CPA Responsabilidade Socioambiental
https://ambienteacademico.com.br/my/
https://ambienteacademico.com.br/course/view.php?id=6166
https://ambienteacademico.com.br/course/view.php?id=6166&section=4
https://ambienteacademico.com.br/mod/quiz/view.php?id=160273
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 2/8
Questão 2
Correto
Atingiu 1,00 de 1,00
Leia o texto a seguir. 
A empresa Google, além de ser uma referência no mecanismo de busca, possui plataformas que, na sua grande maioria, disponibilizam
códigos fonte aberto de softwares que suportam APIs. Embora sejam voltadas para programadores, é importante o conhecimento do
designer digital para sugerir inovações para as interfaces. 
A respeito das plataformas de API da Google, analise as afirmativas a seguir e assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s).
I. ( ) Um dos APIs da plataforma é o Google Maps, o qual pode ser personalizado, inserindo todos os recursos do API, como traçar
rotas e funções do Google Street View.
II. ( ) No API GoogleFonts, há uma série de fontes com licença liberadas que podem ser utilizadas nas interfaces, sem a necessidade
de estarem instaladas nos navegadores.
III. ( ) Na plataforma Google Design, há um link para o site Material Design que possui uma série de diretrizes para APIs do Sistema
IOS.
IV. ( ) As APIs, das interfaces de aplicativos, precisam ter unidade visual de acordo com o sistema operacional que será visualizado.
Assinale a alternativa que apresenta a sequência correta.
a. F, F, F, F.
b. F, V, F, V.
c. V, V, V, V.
d. V, V, F, F.
e. V, V, F, V.  Resposta correta. A sequência está correta. Pois utilizando o API, Google Maps, é possível
disponibilizar os recursos da plataforma, como inserir o endereço de uma empresa dentro de uma
página do site. No API, Google Fonts disponibiliza fontes de alta qualidade liberadas para o uso em
projetos web. Todos os projetos têm a sua identidade visual, mas para projetos de aplicativos, é
necessário que as APIs também tenham uma unidade visual, de acordo com o sistema operacional
que será visualizado, que, no caso das APIs da Google, é o Android.
A resposta correta é: V, V, F, V.
NAP CPA Responsabilidade Socioambiental
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 3/8
Questão 3
Correto
Atingiu 1,00 de 1,00
Questão 4
Correto
Atingiu 1,00 de 1,00
Leia o texto a seguir. 
Uma página HTML é composta por diversos elementos como o próprio conteúdo, barras ou menu de navegação, cabeçalho e rodapé que
são organizados e divididos em cada parte que irá compor a interface do projeto digital. Esses elementos são formatados conforme suas
funções na página. 
 
A respeito da formatação da interface em que podem ser utilizados os códigos HTML, analise as afirmativas a seguir e assinale V para a(s)
Verdadeira(s) e F para a(s) Falsa(s).
I. ( ) Para cada parte de uma página em HTML existem várias tags, para facilitar a organização e padronização no momento do
desenvolvimento.
II. ( ) O elemento <header>, que é permitido ser inserido no cabeçalho, pode conter não só o título da página, mas também outros
elementos como um logo.
III. ( ) Inserindo o logo da empresa no elemento <header>, a marca da empresa é visualizada no lugar da marca dos navegadores.
IV. ( ) No elemento <rodape>, pode haver informações de direitos autorais do site, copyright, autor, links relacionados ou blocos de
navegação.
Assinale a alternativa que apresenta a sequência correta.
a.  V, V, F, F.  Resposta correta. Para cada divisão, existem diversas tags que organizam e
padronizam o desenvolvimento de uma página, com a inserção do elemento
<header> que, além de conter o título da página, também é insere outros
elementos, como menu de navegação, campo de buscas e logo.
b. V, V, F, V.
c. V, V, V, V.
d. F, V, F, V.
e. F, F, F, F.
A resposta correta é:  V, V, F, F.
A formatação de efeitos visuais em um projeto de design digital, como um website ou um aplicativo é uma boa opção para poder trabalhar
com a identidade visual de forma criativa e não muito estática, desde que não utilize efeitos visuais de maneira excessiva e não harmônica. 
Nesse sentido, assinale a alternativa que indique como pode ficar a interface, caso utilize efeitos visuais em excesso.
a. Interface cansativa e confusa.  Resposta correta. O uso de efeitos visuais pode ocasionar uma interface
cansativa e confusa, pela grande quantidade de animações, texto rolando de
um lado para outro, de cima para baixo ou piscando, causando desconforto
visual.
b. Interface com recursos incompatíveis no HTML5.
c. Interface com problemas de visualização em dispositivos móveis.
d. Interface com desenvolvimento incompatível de utilização de CSS. 
 
 
 
e. Interface com desenvolvimento incompatível com CMS.
A resposta correta é: Interface cansativa e confusa.
NAP CPA Responsabilidade Socioambiental
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 4/8
Questão 5
Correto
Atingiu 1,00 de 1,00
Questão 6
Correto
Atingiu 1,00 de 1,00
Analiseo texto a seguir. 
Em projetos com uma grande quantidade de informações, é importante o desenvolvimento do mapa do site– tanto para a equipe de design
digital responsável pela interface, quanto para a equipe de desenvolvimento da programação e arquitetura da informação – possuir
documentos para iniciar o seu trabalho. 
 Para diminuir a possibilidade de erros e minimizar problemas, além de desenvolver o mapa do site, é indicado desenvolver outros
documentos. A partir do exposto, associe tais documentos às suas características. 
I. Wireframe 
II. Modelos 
III. Protótipos 
( ) Ilustração básica da estrutura e componentes de uma página web. 
( ) Na maioria dos casos, aproximam-se ou são idênticos ao design final do projeto. 
( ) Layouts com alguma funcionalidade básica já pronta. 
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
a. III, II, I.
b. II, III, I.
c. II, I, III.
d. III, I, II.
e. I, II, III.  Resposta correta. Ilustração básica da estrutura e componentes de uma página
web = Wireframe. Na maioria dos casos, aproximam-se ou são idênticos ao
design �nal do projeto = Modelos. Layouts com alguma funcionalidade básica já
pronta = Protótipos. 
A resposta correta é: I, II, III.
Analise o trecho a seguir. 
Para se inserir um menu ou barra de navegação em uma página HTML, deve-se usar a tag __________. Sua atribuição é de reunir blocos
de links de um mesmo assunto ou links internos do site, indicando que um determinado bloco é um bloco de navegação ou menu. 
 Assinale a alternativa que preenche corretamente a lacuna.
a. <nav> <nav/>  Resposta correta. A tag <nav> <nav/> indica para uma página desenvolvida em
HTML que esse menu faz parte da seção de navegação do site, representa uma
seção da página que contém link para outras páginas ou partes do mesmo
website.
b. <menu> <menu/>
c. <bar> <bar/>
d. <barra> <barra/>
e. <navigation> <navigation/> 
 
 
 
A resposta correta é: <nav> <nav/>
NAP CPA Responsabilidade Socioambiental
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 5/8
Questão 7
Correto
Atingiu 1,00 de 1,00
Leia o texto a seguir. 
 
Para poder ligar um arquivo a qualquer outra página, arquivo ou recurso ou local diferente na mesma página em HTML, é utilizado o recurso
de hiperlinks 
ou simplesmente links. No momento em que são clicados é que acontece esse direcionamento para a página ou recurso. 
Considerando o texto apresentado, sobre a inserção de links, analise as afirmativas a seguir.
I. ( ) Os links ou hiperlinks podem ser aplicados em diferentes elementos que compõem uma página em HTML como imagens e textos.
II. ( ) A tag que indica um linké a <l>, na qual deve ser incluído o atributo href, Hypertext Reference, justamente o endereço de destino
do link.
III. ( ) Dentro da tag do link, deve ser inserido o texto, a imagem ou o elemento que, ao ser ativado, direciona para o endereço dentro do
atributo href.
IV. Para adicionar um link para a mesma página, basta utilizar o caractere “m” e, em seguida, a identificação do link.
Está correto o que se afirma em:
a. II e III, apenas.
b. I, II e III, apenas.
c. I e III, apenas.  Resposta correta. Os links ou hiperlinks 
podem ser aplicados em diferentes elementos como imagens e textos, que
devem ser aplicados dentro da tag <a> e ser inserido o texto, a imagem ou o
elemento que, ao ser ativado, direciona para o endereço dentro do atributo
href.
d. I, II e IV, apenas. 
 
 
 
e. II, III e IV, apenas.
A resposta correta é: I e III, apenas.
NAP CPA Responsabilidade Socioambiental
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 6/8
Questão 8
Correto
Atingiu 1,00 de 1,00
Para representar uma estrutura hierárquica de um site, aplicativo ou qualquer interface de um projeto de design digital, os desenvolvedores
utilizam o mapa do site, sitemap, no qual é possível ter uma noção geral de como será a dimensão do projeto e o nível de dificuldade para
execução. 
 
Sobre mapa do site, analise as asserções a seguir e a relação proposta entre elas.
I. Antes do desenvolvimento, o mapa do site é um documento que é usado e sempre consultado pelo gerente do projeto.
PORQUE
II. O diretor da criação e a equipe de arquitetura de informação não precisam compreender o mapa do site.
 
A seguir, assinale a alternativa correta.
a. As asserções I e II são proposições falsas.
b. As asserções I e II são proposições verdadeiras, mas a II não é uma justi�cativa correta 
da I.
c. A asserção I é uma
proposição verdadeira, e a
asserção II é uma
proposição falsa.
 Resposta correta. A asserção I é verdadeira, já que antes do desenvolvimento, o mapa do
site é um documento que é usado e sempre consultado pelo gerente do projeto e facilita
visualizar o escopo do projeto. A asserção II é falsa, pois além do gerente do projeto, o
diretor da criação, a equipe de arquitetura de informação e o cliente também consultam o
mapa do site e precisam compreendê-lo.
d. As asserções I e II são proposições verdadeiras, e a II é uma justi�cativa correta da I.
e. A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
A resposta correta é: A asserção I é uma proposição verdadeira, e a asserção II é uma proposição falsa.
NAP CPA Responsabilidade Socioambiental
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 7/8
Questão 9
Correto
Atingiu 1,00 de 1,00
Questão 10
Correto
Atingiu 1,00 de 1,00
Para inserir uma imagem no HTML utiliza-se a tagimg seguido do atributo src, source traduzindo para o português é origem; ali deve ser
informado o caminho da pasta que em está salvo o arquivo. Outra maneira de inserir uma imagem é utilizando o atributo url, caso a imagem
já esteja na internet. 
Sobre as configurações de imagens para web, analise as asserções a seguir e a relação proposta entre elas. 
 I. Para uma imagem inserida em uma página HTML, que será exibida em um navegador, também é possível mostrar alternativas de
visualização adicionando o atributo alt. 
PORQUE 
II. O atributo alt 
em uma página HTML representa alternate text, que exibe um texto alternativo caso não seja possível a imagem ser visualizada. 
 A seguir, assinale a alternativa correta.
a. A asserção I é uma proposição verdadeira, e a asserção II é uma proposição falsa.
b. A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
c. As asserções I e II são proposições
verdadeiras, e a II é uma justi�cativa
correta da I.
 Resposta correta. As asserções I e II são verdadeiras, pois o atributo alt, de
alternate text, texto alternativo, exibe um texto, caso ocorra erros no servidor ou
por outros motivos não seja possível carregar a imagem, sendo assim, uma
justi�cativa correta da I.
d. As asserções I e II são proposições verdadeiras, mas a II não é uma justi�cativa correta 
da I.
e. As asserções I e II são proposições falsas.
A resposta correta é: As asserções I e II são proposições verdadeiras, e a II é uma justi�cativa correta da I.
Analise o trecho a seguir. 
As imagens estão presentes em praticamente todos os projetos de design, e para projetos de design digital, as imagens são formadas por
______; os profissionais que trabalham com desenvolvimentode interface têm a necessidade de saber as informações técnicas para utilizá-
las de forma correta. 
 Assinale a alternativa que preenche corretamente a lacuna.
a. pixels.  Resposta correta.  As imagens digitais são formadas por um conjunto de pixels, no qual
1 pixel é o menor elemento que pode ser exibido em um dispositivo digital, como
monitores, televisores, pulseiras digitais, telas dos smartphones e tablets. Esses
elementos contêm cor e informação de brilho e iluminação e formam a imagem em
bitmap.
b. pdf.
c. jpg.
d. png.
e. gif.
A resposta correta é: pixels.
◀ Compartilhe
Seguir para...
NAP CPA Responsabilidade Socioambiental
https://ambienteacademico.com.br/mod/forum/view.php?id=160268&forceview=1
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade
06/04/2022 15:43 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=147703&cmid=160273 8/8
Revisão Atividade 2 (A2) ▶ NAP CPA Responsabilidade Socioambiental
https://ambienteacademico.com.br/mod/quiz/view.php?id=160274&forceview=1
https://codely-fmu-content.s3.amazonaws.com/Moodle/NAP/inicial/nap/fmu/index.html
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
https://portal.fmu.br/sustentabilidade