GRA1350 DESIGN DIGITAL GR0634211 - 202110 ead-14892 01

Prévia do material em texto

3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 1/6
Curso GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
Teste ATIVIDADE 2 (A2)
Iniciado 03/03/21 12:48
Enviado 03/03/21 13:12
Status Completada
Resultado da tentativa 9 em 10 pontos 
Tempo decorrido 23 minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
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.
1. Antes do desenvolvimento, o mapa do site é um documento que é usado e
sempre consultado pelo gerente do projeto.
PORQUE
2. 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 asserção I é uma proposição verdadeira, e a asserção II é uma
proposição falsa.
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.
Pergunta 2
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.
1 em 1 pontos
0 em 1 pontos
3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 2/6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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).
1. ( ) 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.
2. ( ) No API Google Fonts, há uma série de fontes com licença liberadas
que podem ser utilizadas nas interfaces, sem a necessidade de estarem
instaladas nos navegadores.
3. ( ) Na plataforma Google Design, há um link para o site Material Design
que possui uma série de diretrizes para APIs do Sistema IOS.
4. ( ) 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.
V, V, V, V.
V, V, F, V.
Sua resposta está incorreta. Na plataforma Google Design, há um link para
o siteMaterial Design que possui uma série de diretrizes para APIs do Sistema
Android da Google; o IOS é o sistema operacional da empresa concorrente da
Apple.
Pergunta 3
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
Para inserir uma imagem no HTML utiliza-se a tag img 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.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa
correta da I.
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa correta da I.
Resposta correta. As asserções I e II são verdadeiras, pois o atributo alt,
dealternate 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
justificativa correta da I.
Pergunta 4
1 em 1 pontos
1 em 1 pontos
3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 3/6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
1. 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.
2. 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.
3. 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.
4. 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:
I e III, apenas.
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.
Pergunta 5
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
No desenvolvimento de uma página em HTML5, existe a função conhecida
comoembed que permite incorporar informações e conteúdo de páginas ou
sistema de terceiros em um projeto digital. Esse conteúdo pode ser informações
de redes sociais e até APIs, que aumentam o leque de possibilidades de
desenvolver páginas com diversos conteúdos e recursos.
Nesse sentido, assinale a alternativa que indique qual é a definição de APIs.
Programação que permite utilizar funções de um programa externo em uma
página HTML.
Programação que permite utilizar funções de um programa externo
em uma página HTML.
Resposta correta. A alternativa está correta, pois API - Application Programming
Interface, Interface de Programação de Aplicativos, é um grupo de rotina padrão
determinado por um programa, que permite utilizar as funções desse programa em
uma página ou outros aplicativos, sem ter a necessidade que este o programa seja
implementado no sistema.
Pergunta 6
1 em 1 pontos
1 em 1 pontos
3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 4/6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Analise o texto a seguir.
No desenvolvimento de uma interface para projetos de design digital, a
aplicação de formatação de textose 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.
I, II, III.
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.
Pergunta 7
Analise a figura a seguir.
Fonte: Elaborada pelo autor. 
 
 A resolução correta para a imagem ser carregada mais rapidamente nos
projetos de design digital para web é 72 PPI. Nunca se deve aumentar as
dimensões da imagem ou a resolução; se uma imagem não estiver nesta
1 em 1 pontos
3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 5/6
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
resolução correta, existe um procedimento que é o indicado de ser executado. 
Nesse sentido, assinale a alternativa que indique qual é o procedimento correto
que deve ser executado no software Photoshop , no menu Tamanho da imagem
– Image Size.
Tirar a seleção do recurso Resample Image e depois alterar a resolução
para 72.
Tirar a seleção do recurso Resample Image e depois alterar a
resolução para 72.
Resposta correta. Ao abrir a janela do tamanho da imagem no Photoshop, o
primeiro procedimento é tirar a seleção do item Resample Image, depois inserir o
valor correto de 72. Dessa maneira, a imagem será redimensionada para o
tamanho no qual a sua qualidade não será perdida.
Pergunta 8
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
Para produzir layouts de interfaces de projetos de design digital, existem
programas, aplicativos e plataformas on-line que tornam mais fácil o trabalho do
desenvolvedor. Um exemplo é o software Adobe Dreamweaver que permite
criar, programar e gerenciar sites dinâmicos e responsivos.
Nesse sentido, assinale a alternativa que indique qual é uma das vantagens de
utilizar esses softwares ou plataformas.
Não é necessário sempre iniciar do zero escrevendo todos os códigos.
Não é necessário sempre iniciar do zero escrevendo todos os
códigos.
Resposta correta. Os softwares, aplicativos ou plataformas on-line facilitam o
desenvolvimento de layouts web, pois não é necessário sempre iniciar do zero,
escrevendo todos os códigos, em um programa de texto como o bloco de notas.
Pergunta 9
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.
1. 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
2. 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.
1 em 1 pontos
1 em 1 pontos
3/3/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_engine_soap-BBLEARN/Controller?COURSE_ID=_671126_1 6/6
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
As asserções I e II são proposições verdadeiras, e a II é uma justificativa
correta da I.
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa 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ção II é uma justificativa correta da I.
Pergunta 10
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
I, II, III.
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
final do projeto = Modelos. Layouts com alguma funcionalidade básica já pronta =
Protótipos.
1 em 1 pontos