🎨 Protótipo do Projeto Data Builders¶
O protótipo foi desenvolvido no Canva e representa a estrutura inicial do site proposto para a disciplina Estruturas de Dados 2, ministrada pelo Professor Doutor Maurício Serrano na Universidade de Brasília.
🧩 Objetivo do Protótipo¶
O protótipo tem como objetivo demonstrar o fluxo de navegação, a identidade visual e a disposição dos elementos principais do sistema antes da implementação.
Ele serve como base para validar ideias, coletar feedback e garantir que o produto final atenda às necessidades do professor e dos alunos.
🔗 Acesse o Protótipo¶
👉 Clique aqui para visualizar o protótipo completo no Canva
🖥️ Telas e Funcionalidades¶
| Página | Descrição |
|---|---|
| Login (Professor/Monitores) | Área exclusiva de login para professor e monitores. |
| Página Inicial | Apresenta o projeto, com links diretos para as principais áreas do site. |
| Materiais de Aula | Espaço dedicado a vídeos, slides e documentos da disciplina. |
| Repositórios GitHub | Exibe projetos da disciplina com filtros, busca e integração à API do GitHub. |
| Avisos e Comunicados | Central de mensagens e comunicados do professor e monitores. |
| Perfil e Gestão | Página para alterar dados pessoais e para gerenciar e adicionar conteúdos |
| Dashboard Administrativo | Dashboard de gerenciamento de materiais, avisos, repositórios e usuários |
🎯 Importância do Protótipo¶
O protótipo é uma etapa fundamental do desenvolvimento, pois:
- Garante clareza na comunicação entre equipe e cliente;
- Permite testar a experiência do usuário (UX) antes da codificação;
- Reduz retrabalho e ajustes futuros;
- Facilita a visualização da identidade visual e do layout.
🧠 Tecnologias Planejadas¶
O projeto final será desenvolvido com foco em:
- Front-end: React
- Back-end: Node.js + TypeScript
- Banco de Dados: PostgreSQL ou MongoDB
- Integrações: GitHub API
📸 Prévia Visual¶
👤 Login (Professor e Monitores)¶
Tela restrita para autenticação de usuários responsáveis pela gestão dos conteúdos.
🏠 Página Inicial¶
Apresenta o nome do projeto e seu propósito. Centraliza o acesso rápido às principais seções do site, como materiais, repositórios e comunicados, com uma interface simples e responsiva.
📚 Materiais de Aula¶
Exibe os conteúdos da disciplina, como slides, vídeos e documentos. Organizada para facilitar o acesso dos alunos, com seções filtráveis e visual limpo.
📢 Avisos e Comunicados¶
Central de notificações onde o professor e os monitores publicam atualizações e informações importantes para os alunos.
💻 Repositórios GitHub¶
Mostra os projetos relacionados à disciplina, com integração à API do GitHub. Inclui filtros por linguagem, número de estrelas e busca por nome ou descrição.
👤 Tela de Perfil¶
Mostra o painel pessoal do docente com informações de contato, estatísticas rápidas (Materiais Criados, Alunos Ativos, Avisos Publicados, Repositórios) e áreas de gestão.
⚙️ Dashboard Administrativo¶
Painel interno onde o professor e monitores gerenciam os materiais de aula, os avisos e o histórico de versões do conteúdo publicado.
“Um bom protótipo é o primeiro passo para um produto funcional e bem estruturado.”