Atividade Dissertativa_ Interfaces Digitais_ Front-End

Prévia do material em texto

13/04/2021 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 1/3
Atividade Dissertativa
Entrega 16 abr em 23:59 Pontos 1 Perguntas 1
Disponível 10 fev em 0:00 - 16 abr em 23:59 2 meses Limite de tempo Nenhum
Instruções
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 35.047 minutos 1 de 1
Pontuação deste teste: 1 de 1
Enviado 10 abr em 20:36
Esta tentativa levou 35.047 minutos.
Importante:
Caso você esteja realizando a atividade através do aplicativo "Canvas Student", é necessário que
você clique em "FAZER O QUESTIONÁRIO", no final da página.
1 / 1 ptsPergunta 1
Leia o texto a seguir:
Você foi contrato para prestar um serviço de consultoria a uma
pequena loja de informática. O contratante te mostra o site utilizado
pela loja e pede sugestões sobre quais tecnologias você poderia
implantar para melhorar esse site. 
Você percebe que as imagens dos produtos estão todas desalinhadas
e o site não é responsivo, ou seja, ele não se adapta a tela do
dispositivo que acessa. Então, o dono da loja pede uma avaliação
sobre o que pode ser melhorado no site. 
 
Analisando a situação, recomende as tecnologias que podem ser
implementadas com o objetivo de melhorar o site da loja.
 
https://famonline.instructure.com/courses/12959/quizzes/46977/history?version=1
13/04/2021 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 2/3
Sua Resposta:
Orientações:
- Sua resposta deve ser um texto único e conter entre 10 e 15 linhas
(considerando fonte padrão, tamanho 12).
- Observe as normas gramaticais, pois erros ortográficos, de coesão e
coerência podem descontar pontuação.
- Busque ao menos uma leitura para embasar sua resposta (pode ser
em livros acadêmicos, artigos e/ou notícias), e insira a referência
pesquisada após o seu texto.
 Com o objetivo de melhorar o site da loja, é necessário primeiro
escolher um bom ambiente de trabalho. A minha recomendação é pelo
Visual Studio Code, uma excelente essa ferramenta de editor de
código-fonte desenvolvido pela Microsoft para Windows, Linux e
MacOS. Depois, transportar essa página para o HTML5, pois essa
versão têm facilidades como tags específicas para seções comuns à
maioria dos sites, como “<header>, <section>, <article>, <main>,
<footer>, <aside>, <nav>, semântico para trabalhar e facilita o
mecanismo de busca. Outro motivo, é que suporta áudio, vídeo,
gráficos 2D e 3D.
 Utilizaremos o Bootstrap.css, que é um framework, capaz de
organizar e gerenciar o layout de modo responsivo, adaptando aos
diferentes tamanhos de tela de um site ou celular. Enquanto o HTML
gerencia o conteúdo e a estrutura de uma página na web, não
podemos esquecer do jQuery, ele funciona em conjunto com o
JavaScript. Diante disso, vamos conseguir agregar mais tarefas e
funcionalidades, literalmente fazendo muito mais com menos. A
programação mais rápida e eficiente seguramente fará a diferença no
processo, pois a compatibilidade com AJAX (Asynchronous JavaScript
And XML), que permite ler dados de um servidor web, depois que a
página é carregada, atualizando uma página da web sem recarregá-la,
enviando dados para um servidor web em segundo plano.
 Um site muito melhor, veloz, atualizado, com as melhores
tecnologias certamente trará aos clientes da loja um excelente ganho
de qualidade e visibilidade. Por se tratar de uma loja de informática, o
público mais exigente, que acessa o site perceberá nos detalhes os
cuidados e atenção aos detalhes.
 
 
13/04/2021 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 3/3
 
Material de Pesquisa.
HTML5: suas novidades e atualizações | Homehost
(https://www.homehost.com.br/blog/tutoriais/html5/)
Bootstrap: O que é o Framework, Para que serve e Como usar
(ciawebsites.com.br) (https://www.ciawebsites.com.br/sites/o-que-e-
bootstrap/)
jQuery: aprenda o que é e como usar | HostGator
(https://www.hostgator.com.br/blog/aprenda-o-que-e-jquery/)
O estudante deve apresentar considerações conforme a seguir:
Para melhorar o site apresentado a primeira coisa a se fazer é
utilizar CSS e Divs para alinhamento das imagens. Como o site
não é responsivo, para otimizar o tempo devemos utilizar o
framework BootStrap para torná-lo responsivo. Melhorando
assim os aspectos dessa interface.
Pontuação do teste: 1 de 1
https://www.homehost.com.br/blog/tutoriais/html5/
https://www.ciawebsites.com.br/sites/o-que-e-bootstrap/
https://www.hostgator.com.br/blog/aprenda-o-que-e-jquery/