Atividade 2 (A2) DESIGN DIGITAL

Prévia do material em texto

14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 1/8
Minhas Disciplinas 202210.ead-29782321.06 - DESIGN DIGITAL - GR0634 UNIDADE 2 Atividade 2 (A2)
Iniciado em segunda, 14 mar 2022, 16:30
Estado Finalizada
Concluída em segunda, 14 mar 2022, 16:44
Tempo
empregado
14 minutos 9 segundos
Avaliar 10,00 de um máximo de 10,00(100%)
Questão 1
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, III e IV, apenas.
b. II e III, apenas.
c. I, II e IV, apenas.
d. 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.
e. I, II e III, apenas.
A resposta correta é: I e III, apenas.
NAP CPA
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://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 2/8
Questão 2
Correto
Atingiu 1,00 de 1,00
Questão 3
Correto
Atingiu 1,00 de 1,00
Analise o trecho a seguir. 
Para os profissionais e as empresas que trabalham com desenvolvimento de projetos de design digital que abrangem diversas áreas, é
recomendável que possuam _______, para apresentar a experiência e a prática que o profissional ou a empresa sabe fazer de melhor. 
Assinale a alternativa que preenche corretamente a lacuna.
a. portfólio.  Resposta correta. A reunião dos melhores trabalhos desenvolvidos por um
pro�ssional ou empresa é um portfólio; é mais do que um currículo, é um
espaço para apresentar a experiência e prática do que a empresa ou o
pro�ssional sabe fazer de melhor.
b. Facebook.
c. Twitter.
d. vídeo.
e. Instagram.
A resposta correta é: portfólio.
Analise o 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. III, I, II.
c. II, I, III.
d. 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.
e. II, III, I.
A resposta correta é: I, II, III.
NAP CPA
https://neilpatel.com/br/blog/o-que-e-portfolio/
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 3/8
Questão 4
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 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.
b. I, II e IV, apenas.
c. I, II e III, apenas.
d. II e III, apenas.
e. I e II, apenas.
A resposta correta é: I e III, apenas.
NAP CPA
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 4/8
Questão 5
Correto
Atingiu 1,00 de 1,00
Questão 6
Correto
Atingiu 1,00 de 1,00
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 desenvolvimento de 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. gif.
b. pdf.
c. 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.
d. png.
e. jpg.
A resposta correta é: pixels.
Analise o texto a seguir. 
Na prática, a criação de convenções com normas e regras simplifica e facilita a organização front-end de um projeto de design digital que
resulta em uma quantidade menor de tempo para o desenvolvimento, ganhando maior produtividade e uma consistênciareal do trabalho. 
Algumas sugestões de regras podem ser definidas para otimizar a organização front-end, como nome e conteúdo dos arquivos de algumas
pastas (diretórios) do projeto. 
A partir do exposto, associe tais pastas às características dos arquivos que devem contê-las: 
I. components; 
II. services; 
III. scene. 
( ) conter os elementos primários como os buttons. 
( ) conter os elementos que podem ser utilizados em diversas partes do projeto. 
( ) conter os elementos que são necessários para rodar um programa no projeto. 
 
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
a. III, II, I.
b. III, I, II.
c. I, II, III.  Resposta correta. A pasta que deve conter os elementos primários como os buttons =
components. A pasta que deve conter os elementos que podem ser utilizados em
diversas partes do projeto = services. A pasta que deve conter os elementos que são
necessários para rodar um programa no projeto = scene.
d. II, III, I.
e. II, I, III.
A resposta correta é: I, II, III.
NAP CPA
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 5/8
Questão 7
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. 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.
b. F, F, F, F.
c. V, V, V, V.
d. V, V, F, F.
e. F, V, F, V.
A resposta correta é: V, V, F, V.
NAP CPA
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 6/8
Questão 8
Correto
Atingiu 1,00 de 1,00
Analise a figura a seguir. 
Fonte: Elaborada pelo autor. 
 
A figura representa como um site poderá ser navegado em um browser (navegador), apresentando a sua forma estrutural de maneira
visual, como deverá ser desenvolvido o projeto, antes mesmo de iniciar o processo de programação dos códigos em HTML ou CSS. 
 
Nesse sentido, assinale a alternativa que indique qual é o nome técnico que representa a figura.
a. Mapa do site.
b. Wireframe ou diagrama de
wireframe.
 Resposta correta. A representação visual da estrutura de como irá funcionar uma
tela de um aplicativo ou uma página é conhecida como wireframe ou diagrama de
wireframe, que deve ser criado no começo do desenvolvimento de um projeto, antes
de iniciar o processo do design visual e conteúdo.
c. Back-end.
d. Arquitetura da informação.
e. Estrutura analítica de projeto (EAP).
A resposta correta é: Wireframe ou diagrama de wireframe.
NAP CPA
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 7/8
Questão 9
Correto
Atingiu 1,00 de 1,00
Analise o texto a seguir. 
No desenvolvimento de uma interface para projetos de design digital, a aplicação de formatação de textos e imagens é fundamental para
manter a identidade visual da página ou da tela. Caso o projeto seja a criação de um aplicativo, além da formatação, a aplicação de ajustes
se faz necessária para manter um equilíbrio visual do layout. 
Para aplicar os ajustes, existem tags e atributos específicos. A partir do exposto, associe tais tags ou atributos às suas características. 
I. bottom 
II. title 
III. <hr> <hr/> 
( ) Alinha com a base mais baixa dos outros elementos da linha que pode ser uma imagem, botões etc. 
( ) Exibe um texto somente quando é mantido o mouse por alguns segundos sobre a imagem; caso os botões da página sejam imagens,
também pode ser utilizado esse recurso. 
( ) Cria uma linha horizontal como se fosse separador que pode ser utilizado também entre os botões de menu horizontal. 
 A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
a. III, II, I.
b. I, II, III.  Resposta correta. Bottom = alinha com a base mais baixa dos outros elementos da linha que
pode ser uma imagem, botões etc.; title = exibe um texto somente quando é mantido o
mouse por alguns segundos sobre a imagem; caso os botões da página sejam imagem,
também pode ser utilizado este recurso. <hr> <hr/>= cria uma linha horizontal como se fosse
separador que pode ser utilizado também entre os botões de menu horizontal.
c. I, III, II.
d. III, I, II.
e. II, III, I.
A resposta correta é: I, II, III.
NAP CPA
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html
14/03/2022 16:44 Atividade 2 (A2): Revisão da tentativa
https://ambienteacademico.com.br/mod/quiz/review.php?attempt=82398&cmid=160273 8/8
Questão 10
Correto
Atingiu 1,00 de 1,00
Os projetos web devem ser desenvolvidos para que sejam visualizados corretamente em todos os navegadores, mas também é preciso
proporcionar acessibilidade para que todos os indivíduos possam ter acesso e possam utilizar os serviços que são disponíveis nas páginas
dos websites. 
Sobre as normas de acessibilidade web, analise as asserções a seguir e a relação proposta entre elas.
I. I. As normas de acessibilidade web têm o objetivo de que todas as pessoas possam ter a experiência de utilização das páginas na
internet.
PORQUE
II. Determinam que todas as pessoas devem ter as mesmas condições de poder entender e navegar de forma totalmente autônoma.
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. 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 proposições verdadeiras, pois as normas de
acessibilidade web determinam que todas as pessoas devem ter as mesmas condições de
igualdade de poder entender e navegar de forma totalmente autônoma para ter acesso
aos serviços e sites que estão disponíveis na internet. Sendo assim, a asserçãoII é uma
justi�cativa correta da I.
c. As asserções I e II são proposições falsas. 
 
d. A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
e. As asserções I e II são proposições verdadeiras, mas a II não é uma justi�cativa correta
da I.
A resposta correta é: As asserções I e II são proposições verdadeiras, e a II é uma justi�cativa correta da I.
◄ Compartilhe
Seguir para...
Revisão Atividade 2 (A2) ►
NAP CPA
https://ambienteacademico.com.br/mod/forum/view.php?id=160268&forceview=1
https://ambienteacademico.com.br/mod/quiz/view.php?id=160274&forceview=1
https://outlook.office365.com/owa/calendar/NAPFMU@unifmubr.onmicrosoft.com/bookings/
https://codely-fmu-content.s3.amazonaws.com/Moodle/CPA/landing_CPA/index.html