Ativiadade 2 - Design Digital - UAM

Prévia do material em texto

Usuário GUILHERME Vieira VIEIRA SARTORI
Curso GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
Teste ATIVIDADE 2 (A2)
Iniciado 17/02/21 20:17
Enviado 18/02/21 21:14
Status Completada
Resultado da tentativa 8 em 10 pontos  
Tempo decorrido 24 horas, 57 minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
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.
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 2
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
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
quantidade menor de tempo para o desenvolvimento, ganhando maior
produtividade e uma consistência real do trabalho. 
Algumas sugestões de regras podem ser definidas para otimizar a
organizaçãofront-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.
I, II, III.
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.
Pergunta 3
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
Pergunta 4
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
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
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 5
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.
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
1. ( ) Os links ou hiperlinks podem ser aplicados em diferentes elementos
que compõem uma página em HTML como imagens e textos.
2. ( ) 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.
3. ( ) 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.
4. 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:
I e III, apenas.
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.
Pergunta 6
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 7
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 conformesuas funções na página.
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
 
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).
1. ( ) 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.
2. ( ) 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.
3. ( ) Inserindo o logo da empresa no elemento <header>, a marca da
empresa é visualizada no lugar da marca dos navegadores.
4. ( ) No elemento <rodape>, pode haver informações de direitos autorais
dosite, copyright, autor, links relacionados ou blocos de navegação.
Assinale a alternativa que apresenta a sequência correta.
 V, V, F, F.
 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.
Pergunta 8
Resposta Selecionada:  
Resposta Correta:  
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).
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.
0 em 1 pontos
Comentário
da resposta:
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 9
Resposta Selecionada:
 
Resposta Correta:  
Comentário
da resposta:
Leia o texto a seguir.
No código de uma página quando utiliza o CSS, o atributo font-family 
indica as tipografias, como o exemplo: {font-family: Arial, Verdana, Tahoma,
Sans-Serif;}. Este código representa que a principal fonte é Arial, caso não tenha
no computador do usuário, será trocada por Verdana, se não tiver a Verdana
será trocada por Tahoma e assim por diante.
 A respeito da formatação de tipografias no HTML, analise as afirmativas a
seguir e assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s).
1. ( ) Os navegadores utilizam as fontes instaladas no sistema operacional
do usuário, usar fontes desconhecidas pode prejudicar a visualização
correta do projeto.
2. ( ) O atributo que define o tamanho do caractere em uma página em
HTML é o font-size, e a unidade de medida que é aceita é apenas
em pixels.
3. ( ) Para definir a cor de um texto em uma página em HTML, utiliza o
atributocolor e pode-se apenas indicar a cor usando o valor do nome da
cor em inglês.
4. ( ) Para uma linha de texto não ficar muito próxima da outra, é
recomendável a utilização do atributo line-height, que define a altura da
linha.
 
Assinale a alternativa que apresenta a sequência correta.
V, V, V, V. 
  
 
 
V, F, F, V.
Sua resposta está incorreta. Define-se o tamanho do caractere através do
atributo font-size, em que pode ser utilizada a unidade de medida em px, mas
também outras. O atributo color, que indica a cor do texto, pode ser definido
pelo valor hexadecimal, pelo nome da cor em inglês ou pelo valor RGB
separados em vírgulas.
Pergunta 10
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.
 
0 em 1 pontos
1 em 1 pontos
Domingo, 28 de Fevereiro de 2021 12h16min29s BRT
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
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.