Atividade Dissertativa_ Interfaces Digitais_ Front-End

Prévia do material em texto

27/02/2023, 08:08 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 1/4
Atividade Dissertativa
Entrega 16 de abr de 2021 em 23:59 Pontos 1 Perguntas 1
Disponível 10 de fev de 2021 em 0:00 - 16 de abr de 2021 em 23:59 Limite de tempo Nenhum
Instruções
Este teste não está mais disponível, pois o curso foi concluído.
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 de abr de 2021 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
A+
A
A-
https://famonline.instructure.com/courses/12959/quizzes/46977/history?version=1
27/02/2023, 08:08 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 2/4
Sua Resposta:
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.
 
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
A+
A
A-
27/02/2023, 08:08 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 3/4
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.
 
 
 
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/)
A+
A
A-
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/
27/02/2023, 08:08 Atividade Dissertativa: Interfaces Digitais: Front-End
https://famonline.instructure.com/courses/12959/quizzes/46977 4/4
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
A+
A
A-