Atividade A2 Design Digital UAM

Prévia do material em texto

· Pergunta 1
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
portfólio.
	Resposta Correta:
	 
portfólio.
	Comentário da resposta:
	Resposta correta. A reunião dos melhores trabalhos desenvolvidos por um profissional 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 profissional sabe fazer de melhor.
	
	
	
· Pergunta 2
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
Interface cansativa e confusa.
	Resposta Correta:
	 
Interface cansativa e confusa.
	Comentário da resposta:
	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.
	
	
	
· Pergunta 3
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
Não é necessário sempre iniciar do zero escrevendo todos os códigos.
	Resposta Correta:
	 
Não é necessário sempre iniciar do zero escrevendo todos os códigos.
	Comentário da resposta:
	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 4
1 em 1 pontos
	
	
	
	No desenvolvimento de uma página em HTML5, existe a função conhecida como embed 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.
	
	
	
	
		Resposta Selecionada:
	 
Programação que permite utilizar funções de um programa externo em uma página HTML.
	Resposta Correta:
	 
Programação que permite utilizar funções de um programa externo em uma página HTML.
	Comentário da resposta:
	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 5
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
pixels.
	Resposta Correta:
	 
pixels.
	Comentário da resposta:
	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.
	
	
	
· Pergunta 6
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
I, II, III.
	Resposta Correta:
	 
I, II, III.
	Comentário da resposta:
	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
1 em 1 pontos
	
	
	
	Analise o trecho a seguir.
Para proporcionar um carregamento mais rápido de um projeto web, além das imagens estarem formatadas da maneira correta, a aplicação de boas práticas __________, definidas pelo W3C facilita muito o trabalho no momento do desenvolvimento e da manutenção de uma página HTML.
Assinale a alternativa que preenche corretamente a lacuna.
	
	
	
	
		Resposta Selecionada:
	 
na codificação.
	Resposta Correta:
	 
na codificação.
	Comentário da resposta:
	Resposta correta. A aplicação de boas práticas na codificação conforme o W3C facilita muito o trabalho do desenvolvedor, além de proporcionar uma consistência de código e nos estilos, otimizar o tempo e evitar problemas de visualização, tornar o carregamento da página mais rápido e ser necessário a manutenção, esse trabalho se tornará mais fácil.
	
	
	
· Pergunta 8
1 em 1 pontos
	
	
	
	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:
	
	
	
	
		RespostaSelecionada:
	 
I e III, apenas.
	Resposta Correta:
	 
I e III, apenas.
	Comentário da resposta:
	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 9
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
I, II, III.
	Resposta Correta:
	 
I, II, III.
	Comentário da resposta:
	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.
	
	
	
· Pergunta 10
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
Wireframe ou diagrama de wireframe.
	Resposta Correta:
	 
Wireframe ou diagrama de wireframe.
	Comentário da resposta:
	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.