dubium.github.io

Centro Federal de Ensino Tecnológico de Minas Gerais
    Curso Técnico Integrado de Informática

Criado por: Anna Luisa, Lucas Vinicios e Victor Gabriel.
Alunos de INFO-3.

Versão: 2.0.0 (Beta - WIP)

Proposta

O site dubium é um trabalho prático da disciplina WEB II com intúito de produzir um site com o tema rede social de fóruns focada em dúvidas dirigido a alunos, professores e ex-alunos, em especial, os alunos do CEFET-MG Campus Contagem.

Objetivos

Desenvolver um website com front-end e back-end completos (sendo adicionados incrementalmente ao longo do ano letivo de 2023).
Aprender a como construir um website seguindo as diretrizes do design de interface, pensando na acessibilidade para todos os tipos de usuário.
Aprender a como projetar um website completo.
Aprender a como utilizar as ferramentas HTML e CSS.
Aprender a como utilizar as ferramentas e a linguagem de programação PHP e JavaScript.

Sobre o Projeto

Baseado em pequenos fóruns.
Algo similar ao site StackOverflow.
Abordagem de comunidades, inspirada na antiga rede social Orkut.
Visual inspirado em três principais sites: StackOverflow, Reddit e Twitter.
Os softwares utilizados para a produção do site são: Figma (modelagem), VSCode (desenvolvimento).
Com a abordagem de fóruns e comunidades, o lado positivo, é que não há necessidade de gastar muito tempo com criação de páginas, visto que o tempo para a entrega do trabalho é curto.
Está sendo adicionada, na versão 2, a opção de dark-mode.

Ferramentas Utilizadas:

Nas próximas atualizações...

Modelagem

Como disto anteriormente, a modelagem do site foi feita utilizando a ferramenta de web design: Figma. A ferramenta foi escolhida por seus vários recursos facilitadores do desenvolvimento web, como criação de frames, o recurso do auto-layout, que permite criar espaços e botões com facilidade, o recurso de componentes, que permite a edição dinâmica e eficiente de elementos da tela e o recurso de inspeção, que permite visualizar o CSS do elemento selecionado.

Assets:

A página de assets possui os componentes utilizados no projeto, como os botões da barra lateral, a paleta de cores, os ícones, caixas de usuário e a logo.

Homepage:

A homepage não sofreu muitas alterações, porém, conta com algumas mudanças de visual e também a função de dark-mode.

Loginpage:

A página de login está basicamente idêntica à original, porém, com algumas poucas adaptações e a função dark-mode, que é selecionada de acordo com a escolha da página inicial.

Imagens do Site

O site segue, em 99% da sua estruturação, a modelagem feita no Figma. As ferramentas utilizadas são HTML, CSS, JavaScript e, futuramente, PHP e MySQL.

Página de Login:

Homepage (Sidebar Aberta):

Homepage (Sidebar Fechada):

<pre align="center">[Mais imagens serão adicionadas posteriormente]</pre>

Desenvolvimento

30/04/2023: Foi completo o projeto da interface gráfica do site, com algumas páginas em funcionamento, exceto pelo back-end, que ainda não foi projetado por não ser o intuito atual da prática. O site ainda precisa de muitas melhorias e foi a primeira experiência real do grupo com o desenvolvimento de uma interface de site que tivesse funcionalidades mais modernas.
13/05/2023: Após ser proposta a segunda parte do trabalho envolvendo o site, a reprojeção da interface gráfica e os estudos para que os problemas encontrados na versão 1.0 sejam resolvidos retornam. O site está sendo projetado no Figma, primeiramnete, para depois ser trazido ao HTML e o CSS. São esperadas mudanças significativas no design e, se possível, a projeção de um modo escuro ou modo noturno para usuários que tenham fotossensibilidade ou que estejam utilizando o site durante a noite.
18/05/2023: A página de Login começa a ser desenvolvida e é terminada no mesmo dia. As imagens da página de login no seu modo claro e modo escuro serão adicionadas posteriormente à versão completa da página inicial, quando for finalizada.
20/05/2023: A página inicial começa a ser desenvolvida. A expectativa é que a página inicial seja finalizazda até o dia seguinte (21/05), porém, imprevistos podem acontecer durante o desenvolvimento, atrasando a página.
31/05/2023: Devido a inúmeros atrasos durante os dias da semana e problemas pessoais, a página principal acaba de ser finalizada no dia de hoje. Apesar de tudo, tudo que foi adicionado funciona de acordo com o esperado.

Conclusão

[Será escrita ao fim do projeto.]

Considerações

Não nos responsabilizamos por qualquer plágio de qualquer aluno de nosso Campus, instituição ou de quaisquer outras instituições. O repositório é aberto para consultas de outrém, porém nenhum plágio do trabalho realizado aqui é incentivado.
Todas as fontes utilizadas estão disponíveis para uso pessoal e comercial gratuitamente e estão disponibilzadas nos sites referênciados abaixo.
Todas as imagens e ícones de terceiros serão creditadas abaixo.

Materiais Utilizados

Ícones: Material Symbols.
Fontes: Poppins e Roboto.