Prototipação
Introdução
Este documento apresenta funcionalidades que ainda não estão presentes no SAE, por meio de protótipos criados no Figma para representar o sistema proposto de forma visual e interativa. Esses protótipos ilustram como o produto final deve parecer e funcionar, mostrando elementos como cores, fontes, imagens e os caminhos de navegação entre as telas.
Eles são usados em uma fase mais avançada do processo de design e têm como objetivo testar e validar a experiência do usuário. Dessa forma, é possível identificar ajustes necessários, melhorar a usabilidade e garantir que o sistema realmente atenda às necessidades dos usuários antes de começar o desenvolvimento.
Integrantes do Grupo
A Tabela 1 apresenta todos os integrantes da equipe que participaram da etapa de Prototipação, juntamente com a descrição das atividades que cada um desenvolveu durante o projeto.
| Nome | Quais etapas participou |
|---|---|
| Arthur Guilherme | Desenvolvimento dos protótipos PT18, PT19, PT20, que são referentes, respectivamente, aos requisitos RF49, RF50 e RF51, além da validação dos protótipos com um usuário real. |
| Arthur Henrique | Desenvolvimento dos protótipos PT08, PT11, PT13, que são referentes, respectivamente, aos requisitos RF16, RF20 e RF29, além da validação dos protótipos com um usuário real. |
| Felipe Guimaraes | Criação do documento de prototipação e desenvolvimento dos protótipos dos requisitos PT01, PT02 e PT03, que são referentes, respectivamente, aos requisitos RF08, RF09 e RF10. Além da validação dos protótipos com um usuário real. |
| João Felipe | Desenvolvimento dos protótipos PT06, PT12 e PT17, que são referentes, respectivamente, aos requisitos RF14, RF23 e RF42. |
| João Sapiência | Desenvolvimento dos protótipos PT14, PT15, que são referentes, respectivamente, aos requisitos RF31 e RF33. |
| Tiago Lemes | Criação do documento de prototipação e desenvolvimento dos protótipos dos requisitos PT07, PT09 e PT10, que são referentes, respectivamente, aos requisitos RF15, RF18 e RF19. Além da validação dos protótipos com um usuário real. |
| Vilmar José | Desenvolvimento e validação dos protótipos PT04 e PT05 referentes aos requisitos RF11 e RF13 , além da validação dos protótipos com um usuário real. |
Metodologia
A construção dos protótipos foi realizada no Figma, ferramenta escolhida por sua praticidade e robustez na criação de interfaces interativas. As telas foram desenvolvidas com base nas modelagens tradicionais e ágeis feitas anteriormente, garantindo coerência com o planejamento do sistema.
Embora o sistema SAE seja exclusivamente web, a prototipação foi feita considerando uma possível adaptação futura para dispositivos móveis.
Após a finalização das telas, foi conduzida uma etapa de validação com usuários reais, por meio de entrevistas individuais. Nessas sessões, os participantes puderam explorar o protótipo livremente, enquanto os observadores registravam suas interações, percepções e eventuais dificuldades encontradas.
Protótipos
Os protótipos completos podem ser acessados no Figma: o protótipo sob a perspectiva do Aluno pode ser visualizado clicando aqui, e o protótipo sob a perspectiva do Professor pode ser acessado clicando aqui.
A Tabela 2 apresenta informações detalhadas sobre cada protótipo individual, permitindo uma visualização mais clara das funcionalidades desenvolvidas para o sistema.
| Código | Requisito | Descrição | Protótipo |
|---|---|---|---|
| PT01 | RF08 | A interface deve exibir um progresso em porcentagem do andamento da disciplina | O protótipo de Andamento da Disciplina detalha como o sistema exibe o progresso percentual da disciplina. A partir da tela de situação da disciplina, o aluno visualiza em porcentagem quanto da disciplina ja foi ministrada. |
| PT02 | RF09 | A interface deve exibir como está a porcentagem de acertos das atividades de cada conteúdo | O protótipo de Porcentagem de Acertos na Disciplina demonstra como o aluno visualiza seu desempenho. A partir do historico, ele acessa a seção de conteudos, onde o sistema apresenta, dentro de cada conteúdo da disciplina, a porcentagem específica de acertos nas atividades realizadas. |
| PT03 | RF10 | A interface deve exibir como está a porcentagem de erros das atividades de cada conteúdo | O protótipo de Porcentagem de Erros na Disciplina demonstra como o aluno visualiza seu desempenho. A partir do historico, ele acessa a seção de conteudos, onde o sistema apresenta, dentro de cada conteúdo da disciplina, a porcentagem específica de erros nas atividades realizadas. |
| PT04 | RF11 | A interface deve exibir a média geral da turma em cada atividade | O protótipo de Média da Turma mostra como o sistema monitora as médias da turma. A partir do painel de gestão, o professor acessa Acompanhar e, em seguida, Média da Turma, podendo identificar a média da turma em cada conteúdo. |
| PT05 | RF13 | O aluno deve escolher o tempo em que deseja receber alertas sobre atividades atrasadas | O protótipo de Período de notificação apresenta todo o caminho para acessar, alterar e salvar o período em que deseja receber alertas sobre atividades atrasadas. A partir da tela inicial, o usuário acessa o ícone de notificações, seleciona Preferências e é direcionado para a página correspondente, onde pode escolher o período de notificação desejado — 1 dia, 3 dias ou 7 dias — e, em seguida, salvar as alterações, recebendo uma confirmação de sucesso. |
| PT06 | RF14 | O indivíduo deve marcar os tópicos da disciplina no qual ele sente mais facilidade. | O protótipo de Tópicos de Facilidade demonstra como o aluno marca, na página da disciplina, os tópicos em que sente maior facilidade, permitindo registrar suas preferências de estudo. |
| PT07 | RF15 | O sistema deve enviar notificações para lembrar o aluno de revisar conteúdos passados. | O protótipo de Notificações de Lembrete de Revisão apresenta todo o caminho para acessar as notificações relacionadas à revisão de conteúdos passados. A partir da tela inicial, o usuário acessa o ícone de notificações, seleciona Recentes e é direcionado para a página correspondente, onde pode visualizar as notificações de revisão de conteúdos anteriores e de proximidade da data de entrega das atividades. |
| PT08 | RF16 | O sistema deve enviar notificações para lembrar o aluno de enviar atividades futuras. | O protótipo de Desempenho por conteúdo apresenta o desempenho ordenado de maneira decrescente, do pior para o melhor. A partir da tela inicial, o usuário acessa o ícone de Desempenho e é direcionado para a página correspondente, onde pode visualizar seu desempenho por conteúdo. |
| PT09 | RF18 | O sistema deve pedir ao indivíduo a melhor forma de caminho de notificação. | O protótipo de Preferência de notificação apresenta todo o caminho para acessar, alterar e salvar as preferências de notificação. A partir da tela inicial, o usuário acessa o ícone de notificações, seleciona Preferências e é direcionado para a página correspondente, onde pode escolher o modo de notificação desejado — E-mail, WhatsApp ou Somente pelo sistema — e, em seguida, salvar as alterações, recebendo uma confirmação de sucesso. |
| PT10 | RF19 | O sistema deve enviar uma notificação quando está chegando perto da data de entrega de uma atividade. | O protótipo de Notificação de Lembrete de Entrega de Atividade Próxima apresenta todo o caminho para acessar as notificações relacionadas à entrega de atividades próximas. A partir da tela inicial, o usuário acessa o ícone de notificações, seleciona Recentes e é direcionado para a página correspondente, onde pode visualizar as notificações de revisão de conteúdos anteriores e de proximidade da data de entrega das atividades. |
| PT11 | RF20 | O sistema deve enviar uma notificação quando está chegando perto da data de entrega de uma atividade. | O protótipo de Notificação de Lembrete de Entrega de Atividade Próxima apresenta todo o caminho para acessar as notificações relacionadas à entrega de atividades próximas. A partir da tela inicial, o usuário acessa o ícone de notificações, seleciona Preferências e é direcionado para a página correspondente, onde pode visualizar as notificações de revisão de conteúdos anteriores e de proximidade da data de entrega das atividades. |
| PT12 | RF23 | O sistema deve calcular e exibir o desempenho do aluno com base em dados e inferências. | O protótipo de Cálculo do Desempenho do Aluno apresenta o fluxo para visualizar o cálculo do desempenho: a partir do painel analítico, o usuário acessa o detalhamento do desempenho e confere os resultados consolidados. |
| PT13 | RF29 | A interface deve exibir a origem da questão | O protótipo de O banco de dados deve ter questões de fontes externas demonstra como o aluno visualiza a origem da questão. A partir do historico, ele acessa a seção de conteudos, onde o sistema apresenta, dentro de cada conteúdo da disciplina, a origem da questão. |
| PT14 | RF31 | Os materiais devem estar postados em tópicos de conteúdos separados na disciplina | O protótipo de Seleção de Sistemas demonstra como o usuário, a partir da tela "Sistemas", pode expandir um menu ("Sistemas relacionados") para visualizar e acessar outras plataformas, como Sigaa, Teams e Aprender. |
| PT15 | RF33 | A interface deve exibir a lista de materiais, tópicos ou conteúdos da disciplina. | O protótipo de Listagem de Materiais demonstra como o sistema exibe os diferentes tópicos de estudo da disciplina (ex: Modelagem de Dados, Controle de Acesso) em formato de lista, permitindo a navegação. |
| PT17 | RF42 | O sistema deve identificar quais alunos apresentam dificuldade em determinado conteúdo. | O protótipo de Aluno com Dificuldade mostra como o professor, no painel da turma, identifica os alunos com maior dificuldade por conteúdo, apoiando intervenções pedagógicas direcionadas. |
| PT18 | RF49 | O assistente virtual deve analisar a situação cognitiva de cada aluno e atuar como agente colaborativo na aprendizagem. | Os protótipos de Sugestão de Conteúdo Personalizado, Histórico de Questões e Situação Cognitiva do Aluno apresentam o fluxo de análise da situação cognitiva dos alunos. A partir da tela inicial, o assistente virtual acessa dados de desempenho, identifica lacunas de aprendizagem e sugere conteúdos personalizados. |
| PT19 | RF50 | O sistema deve apresentar ao professor qual aluno sabe sobre o conteúdo. | O protótipo de Desempenho do Aluno detalha como o sistema apresenta ao professor os níveis de conhecimento dos alunos. A partir da área de avaliação, é possível visualizar o desempenho geral das atividades e provas separados por conteúdo. |
| PT20 | RF51 | O sistema deve apresentar ao professor qual aluno possui um comportamento adequado (entrega de atividades, presença na aula). | Os protótipos de Engajamento do Aluno e Presença do Aluno mostram como o sistema monitora o comportamento dos estudantes. A partir do painel de gestão, o professor acessa indicadores de presença, entrega de atividades e participação nas aulas, permitindo identificar quais alunos mantêm um comportamento adequado e constante ao longo do período letivo. |
Gravações da Validação do Documento
Gravação 1
A Tabela 3 mostra os participantes do grupo envolvidos na validação.
| Nome |
|---|
| Arthur Guilherme |
| Tiago Lemes |
| Vilmar José |
A Tabela 4 apresenta as informações do usuário que participou da etapa de validação, incluindo seu nome e dados sobre a gravação, como data, hora e local.
| Nome | Data | Hora | Local |
|---|---|---|---|
| Caio Sabino | 11/11/2025 | 17:10 | Faculdade de Ciências e Tecnologias em Engenharia – FCTE/UnB |
Além disso, a gravação da validação referente aos protótipos de Tiago Lemes e Vilmar José pode ser conferida em: https://youtu.be/Lm3WyXxFRtY?si=5FuekfpwPKPInEc3.
Enquanto isso, a gravação da validação referente ao protótipo de Arthur Guilherme pode ser conferida em: https://youtu.be/WIeOHGhVrzk?si=BF5jdOx2LvXmW9Er.
Gravação 2
A Tabela 5 mostra os participantes do grupo envolvidos na validação.
| Nome |
|---|
| Felipe Guimaraes |
A Tabela 6 apresenta as informações do usuário que participou da etapa de validação, incluindo seu nome e dados sobre a gravação, como data, hora e local.
| Nome | Data | Hora | Local |
|---|---|---|---|
| Filipe Ferreira | 12/11/2025 | 15:50 | Faculdade de Ciências e Tecnologias em Engenharia – FCTE/UnB |
Além disso, a gravação da validação pode ser visualizada em: https://youtu.be/6AK6vUqBjUc
Gravação 3
A Tabela 7 mostra os participantes do grupo envolvidos na validação.
| Nome |
|---|
| Arthur Henrique |
A Tabela 8 apresenta as informações do usuário que participou da etapa de validação, incluindo seu nome e dados sobre a gravação, como data, hora e local.
| Nome | Data | Hora | Local |
|---|---|---|---|
| Rafael Vieira | 12/11/2025 | 19:50 | Casa do Rafael |
Além disso, a gravação da validação pode ser visualizada em: https://youtu.be/6AK6vUqBjUc
Gravação 4
A Tabela 9 mostra o(s) participante(s) do grupo envolvido(s) na validação.
| Nome |
|---|
| João Felipe |
A Tabela 10 apresenta as informações do usuário que participou da etapa de validação, incluindo seu nome e dados sobre a gravação, como data, hora e local.
| Nome | Data | Hora | Local |
|---|---|---|---|
| Caio Soares | 24/11/2025 | 14:10 | Faculdade de Ciências e Tecnologias em Engenharia – FCTE/UnB |
Além disso, a gravação da validação pode ser visualizada em: https://youtu.be/XkMO1kuzWPE
Agradecimentos
O Grupo 03 agradece o apoio das ferramentas de Inteligência Artificial Generativa — ChatGPT, GitHub Copilot, Google Gemini e DeepSeek — na revisão gramatical e de estilo deste artigo. As tecnologias foram utilizadas para tornar o texto mais claro, objetivo e fácil de ler. Todo o conteúdo, assim como a precisão técnica e as ideias apresentadas, permanecem de responsabilidade dos autores.
Históricos de versão
| Versão | Data | Descrição | Autor(es) | Revisor |
|---|---|---|---|---|
| 1.0 | 02/11/2025 | Criação do documento de Prototipação | Tiago Lemes | Vilmar José |
| 1.1 | 12/11/2025 | Adição dos Protótipos PT08, PT11 e PT13 | Arthur Henrique | Vilmar José |
| 1.2 | 12/11/2025 | Adição dos Protótipos PT06, PT12 e PT17 | João Felipe | Tiago Lemes Vilmar José |
| 1.3 | 24/11/2025 | Adição da Gravação 4 (Referente à validação dos Protótipos PT06, PT12 e PT17) | João Felipe | Vilmar José |