Skip to content
This repository has been archived by the owner on Mar 13, 2023. It is now read-only.

Latest commit

 

History

History
54 lines (40 loc) · 5.17 KB

instructions.md

File metadata and controls

54 lines (40 loc) · 5.17 KB
Raw

Briefing para realização do desafio: novo site para o Reprograme-se

Objetivo

Disponibilizar informações necessárias e que sejam úteis para o desenvolvimento de um site para o projeto Reprograme-se.

Público-alvo do site

Jovens e Adultos que pretendem mudar de carreira e usuários em geral.

Requisitos

  1. O site deve ter um design e layout intuitivos que permitam aos usuários navegar facilmente;
  2. O site deve ser responsivo e compatível com os principais navegadores e resoluções de tela;
  3. O site deve ser desenvolvido usando HTML, CSS e JavaScript, podendo ou não utilizar Bootstrap;
  4. O site deve respeitar a identidade visual do Reprograme-se, utilizando a paleta de cores e logos presentes na pasta /assets do código base disponível no Repl.it;
  5. O site deve ter uma área de notícias. Cada notícia terá uma foto de capa, um título, conteúdo textual, data e horário de publicação. Crie alguns exemplos de notícias;
  6. O site deve ter uma área de calendário e eventos, evidenciando as datas importantes;
  7. O site deve ter uma área de depoimentos de alunos do Reprograme-se. Cada depoimento deverá conter alguma identificação do aluno e seu relato;
  8. O site deve ter uma área de dúvidas frequentes (FAQ). Você pode utilizar como base o conteúdo disponível no arquivo https://cachoeiro.ifes.edu.br/images/stories/2022/editais/252022/RESPOSTAS_A_PERGUNTAS_FREQUENTES.pdf;
  9. O site deve ter um formulário de contato em que o usuário poderá enviar dúvidas, sugestões, reclamações ou outros assuntos. As mensagens devem ser enviadas para o e-mail contato@reprograme-se.org.br utilizando o recurso mailto;
  10. O site deve ter uma área em destaque para novos alunos se inscreverem no curso. O link para inscrição é https://cachoeiro.ifes.edu.br/processosseletivos/alunos/16788-edital-25-2022-processo-de-selecao-de-estudantes-para-o-curso-do-projeto-reprograme-se;
  11. O site deve ter uma área em que sejam disponibilizadas informações sobre o curso, evidenciando a grade currícular que pode ser acessada pelo link https://cachoeiro.ifes.edu.br/images/stories/2022/editais/252022/Estrutura_e_organizacao_do_reprograme-se.pdf;
  12. O site deve ter uma área em que sejam destacadas informações sobre o Ifes e a Action, instituições responsáveis pela realização do programa;
  13. O site deverá contar com recursos de acessibilidade. Para isso, utilize ferramentas, bibliotecas ou plugins que permitam a inclusão de funcionalidades de acessibilidade a sua escolha;
  14. Dentre as funcionalidades relacionadas à acessibilidade, você deverá desenvolver uma barra de navegação com as seguintes funcionalidades:
  • Aumento do tamanho da fonte;
  • Redução do tamanho da fonte;
  • Ativação/Desativação de modo alto contraste;

As preferências do usuário em relação às funcionalidades de acessibilidade deverão ser armazenadas na Localstorage, permitindo que, em futuros acessos, tais configurações já sejam carregadas automaticamente;

Além das funcionalidades elencadas, a equipe deverá propor outras funcionalidades e conteúdos para o site;

A equipe poderá seguir a sugestão de árvore de diretórios para organização dos arquivos html, css, js e outros;

Conteúdos

Para preencher todas as páginas e áreas do site, serão necessários diversos conteúdos. Os tópicos abaixo apresentam uma série de sugestões de conteúdos, não sendo de uso obrigatório, exceto o tópico 1.

  1. Materiais disponíveis na pasta /assets do código base disponível no Repl.it. Na pasta estão disponíveis várias versões de cada logo, não sendo obrigatório o uso de todas as versões;
  2. Informações presentes no site atual https://reprograme-se.org.br/;
  3. Informações presentes na página do processo seletivo no site do Ifes https://cachoeiro.ifes.edu.br/processosseletivos/alunos/16788-edital-25-2022-processo-de-selecao-de-estudantes-para-o-curso-do-projeto-reprograme-se;
  4. Utilize repositórios de imagem on-line e gratuitos como, por exemplo, o FreePik https://br.freepik.com/ e o PixaBay https://pixabay.com/pt/;
  5. Utilize geradores de texto como Lorem Ipsum https://www.lipsum.com/ e o Fábuloso Gerador de Lero Lero http://lerolero.bgnweb.com.br/leroleroti.html;

Ferramentas de Apoio

  1. Can I Use https://caniuse.com/ - Ferramenta para validação da compatibilidade de seletores e propriedades CSS com os principais navegadores;
  2. Am I Responsive https://ui.dev/amiresponsive e Responsive Design Checker https://responsivedesignchecker.com/ - Ferramentas que permitem validar a responsividade de um site através de telas virtuais em diversas resoluções;
  3. PageSpeed Insights https://pagespeed.web.dev/ - Ferramenta para análise de métricas e aspectos técnicos como usabilidade, velocidade de carregamento, SEO e disponibilização de arquivos estáticos;
  4. Adobe Color https://color.adobe.com/pt/create - Ferramenta para criação de paletas de cores e extração de cores de imagens;
  5. RemoveBG https://remove.bg - Ferramenta para remoção do plano de fundo de imagens;
  6. Google Fonts https://fonts.google.com/ - Ferramenta para obtenção de fontes e icones;