Portal Atlética

Diante da atual situação enfrentada pela nossa Atlética (Pinguins), compreendemos a importância de possuir uma plataforma digital própria. Para atender a essa necessidade, tomamos a iniciativa de desenvolver uma aplicação web exclusiva, projetada para suprir todas as demandas dos Pinguins de maneira eficaz e integrada. Este passo visa fortalecer nossa presença online, facilitando a comunicação, organização de eventos e acesso a informações relevantes para todos os membros da atlética. Estamos comprometidos em proporcionar uma experiência digital completa e personalizada para nossa comunidade.

Alunos integrantes da equipe

• Gustavo Mariano Gomes Teixeira
• Mateus Viana Maschietto
• Davi Godoi Grilo
• Pedro Leite Pereira

Professores responsáveis

• Gustavo Henrique Borges Martins
• Wesley Dias Maciel

Contexto

Problema

Como mencionado anteriormente, enfrentamos um desafio significativo devido à ausência de um portal exclusivo para a atlética. Essa lacuna tem impactos diretos nos nossos membros, pois a falta de uma plataforma dedicada limita suas capacidades de comunicação com os usuários.

Objetivo

Criar um portal exclusivo para atlética onde a mesma possa interagir com os visitantes do site. Nesse sentido, com o objetivo de concluir essa tarefa decidimos colocar na plataforma meios da atlética publicar notícias, eventos, fotos, informações de horários de treino e uma aba de comunicação direta com os visitantes do site.

Justificativa

Baseado em nossas entrevistas com alguns estudantes da PUC Minas, identificamos que os alunos sentem dificuldade em interagir com a atlética Pinguins, pois a falta de uma plataforma própia descentraliza o meio de comunicação entre eles e sua comunidade. Nesse sentido, a falta de um site próprio acaba dificultando o afastamento dos alunos da atlética pela dificuldade de se comunicar com ela.

Público-alvo

Nosso portal visa atender os alunos da PUC Minas que fazem parte do ICEI (Instituto de Ciências Exatas e Informática), membros ou não membros da atlética Pinguins. Pelo fato de nosso público alvo estar fazendo graduação em uma faculdade particular, eles costumam estar na faixa etária de 19 à 25 anos e costumam ter uma renda de uma família de classe média para cima.

Concepção (Design Thinking)

O processo de concepção é composto por 3 partes, entendimento, exploração e materialização. A primeira parte de se trata do entendimento do que é o problema, para isso nós buscamos entender quais eram nossas dúvidas, certezas e suposições, buscamos as entidades influentes no nosso projeto. Além disso, fizemos entrevista para termos um embazamento do nosso público para, assim, montarmos nossa Persona(pessoa fictícia, ideal para o projeto).

Na segunda parte, buscamos explorar nosso projeto. Nesse sentido, fizemos um Brainstorming para achar ideias que solucionassem os nosso problemas e após ulgumas votações selecionamos as ideias que seriam aplicadas e as priorizamos de acordo com o impacto e custo de cada uma delas. Por fim seguimos para parte de materialização, na qual desenvolvemos protótipos do nosso projeto, porém essa parte se encontra na sessão de Projeto de interface.

[!IMPORTANT] Esse arquivo e o resultado do nosso processo de concepção: https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases.

Especificações do projeto

História de usuário

Baseado na análise das personas foram encontradas as seguintes histórias de usuário:

| Eu como Persona | Quero/Preciso de Funcionalidade | Para Motivo/Valor | | --- | --- | --- | | Membro da Diretoria | Publicar um evento | Divulgar informação aos visitantes | | Membro da Diretoria | Remover um evento | Caso o evento seja desmarcado | | Membro da Diretoria | Atualizar um evento | Caso ocorra mudanças no evento | | Membro da Diretoria | Adicionar horário de treino | Divulgar informação aos visitantes | | Membro da Diretoria | Remover horário de treino | Uma equipe pode acabar | | Membro da Diretoria | Atualizar horário de treino | O horário pode mudar | | Membro da Diretoria | Publicar fotos dos eventos | Manter os site ativo para visitantes | | Membro da Diretoria | Uma área para comunicar com os visitantes | Manter interação com os visitantes | | Membro da Atlética | Visualizar os eventos da atlética | Participar | | Membro da Atlética | Visualizar os horários de treino | Participar | | Membro da Atlética | Visualizar as fotos dos eventos | Ver fotos minhas, caso eu tenha participado | | Aluno da PUC | Visualizar os eventos da atlética | Participar | | Aluno da PUC | Visualizar os horários de treino | Participar | | Aluno da PUC | Visualizar as fotos dos eventos | Ver fotos minhas, caso eu tenha participado | | Aluno da PUC | Uma área para comunicar com a atlética | Caso queira tirar dúvida ou comentar algo |

Requisitos

As tabelas abaixo mostram os requisitos funcionais e os requisitos não funcionais do projeto.

[!NOTE]
A prioridade está classificada de 1 à 4, sendo 1 a mais alta e 4 a mais baixa.

Requisitos Funcionais

| Descrição do requisito | Prioridade | | --- | --- | | Criar uma sessão de cadastro | 1 | | Permitir que qualquer usuário remova sua conta | 1 | | Permitir que qualquer usuário atualize sua conta | 1 | | Permitir para qualquer usuário veja os horários de treino | 1 | | Permitir que a diretoria publique um horário de treino | 1 | | Permitir que a diretoria remova um horário de treino | 1 | | Permitir para qualquer usuário veja as notícias/eventos | 1 | | Permitir que a diretoria publique um evento/notícia | 1 | | Permitir que a diretoria remova um evento/notícia | 1 | | Criar uma pagina de perfil | 2 | | Permitir que a diretoria atualize um evento/notícia | 3 | | Permitir que a diretoria atualize um horário de treino | 3 | | Criar uma sessão de comunicação da atlética e os visitantes | 4 | | Permitir para qualquer usuário veja as fotos publicadas | 4 | | Permitir que a diretoria publique fotos | 4 |

Requisitos Não-Funcionais

| Descrição do requisito | Prioridade | | --- | --- | | O sistema deve fazer autentificação do usuário | 2 | | O sistema deve ser responsivo e rodar em dispositivos móveis | 2 |

Projeto de Interface

Wireframes das telas

Fluxo de usuário

O fluxo de usuário é uma técnica utilizada pelo desenvolvedor para mapear o fluxo de telas do site e as possíveis ações do usuário.

[!NOTE] Link para o pdf com os protótipos: protótipo.

A imagem acima é o protótipo da página de registro.

A imagem acima é o protótipo da página de login.

A imagem acima é o protótipo da página de home.

A imagem acima é o protótipo da página de perfil.

A imagem acima é o protótipo da página de eventos.

A imagem acima é o protótipo do fórum de dúvidas.

Protótipo interativo

Como o protótipo do iterativo foi feito no Figma, não teria como apresentar aqui. Dessa maneira, aqui está o link para o protótipo

[!TIP] O protótipo interativo apresenta o fluxo de usuário.

Metodologia

Organização da equipe e divisão de papeis

Nossa equipe está utilizando da metodologia ágil Scrum para desenvolver esse projeto, assim separamos as funçoes da seguinte maneira:

• Mateus Viana Maschietto - Scrum Master
• Gustavo Mariano Gomes Teixeira - Product Owner
• Paulo Filipe Ferreira - Developer
• Pedro Leite Pereira - Developer

Ferramentas

Relação das ferramentas utilizadas pela equipe:

| Ambiente | Plataforma | Link de acesso | | --- | --- | --- | | Design thinking | Miro | link | | Repositório de código | GitHub | link | | Protótipo baixa fidelidade | Ninjamock | link | | Protótipo alta fidelidade | Figma | link | | Banco de dados | Firebase | link | | Link para aplicação | Site Pinguins | link |

Quadro de Controle de tarefas

Com o objetivo de ter uma maneiro de nos organizarmos, decidimos utilizar o quadro de controle de tarefas Kanban, que já tem o modelo pronto e disponível no Github Projects. Nosso ambiente de gestão de tarefas e dividid em 4 sessões:

BackLog

As funcionalidades que foram identificadas pela o Product Owner e o Cliente, que serão feitas durante todo o projeto.

Ready

As funcionalidades que serão implementadas, nessa sprint.

In progress

Essas são as funcionalidade que algum dos desenvolvedores ja começou a trabalhar.

In review

Essas funcionalidades já foram implementadas e estão esperando uma avaliação para saber se ela vai acabar ou irá voltar e ser alterada.

Done

As funcionalidades já foram implementadas e avaliadas, ou seja, foram finalizadas.

Link para o o quadro de tarefas: PPGM_project

Atribuições de tarefas

Mateus Viana Maschietto

• Fazer CRUD modularizado para salvar as informações do site, usando firebase.
• Fazer a autentificação e autorização de acordo com nível de autoridade no site.
• Fazer o board de controle do banco de dados da atlica, seja para remover adicionar ou alterar.
• Fazer banco de imagens, para permitir aos usuários salvarem fotos.

Davi Godoi Grilo

• Fazer página de perfil para os usuários.
• Fazer o forúm para permitir a interação entre os usuários e memboros da atlética.
• Fazer a página de modalidades, onde os usuários poderam ver os horários de treino.

Gustavo Mariano Gomes Teixeira

• Fazer a página de login, para autentificação de usuário.
• Fazer a página álbum, onde as pessoas podem adicionar fotos dos eventos da atlética.
• Fazer tela home, página principal do site onde terão as últimas notícias da atlética.

Pedro Leite Pereira

• Fazer a página de cadastro, para a criação de usuários.
• Fazer a página de eventos, onde a atlética publicaram seus eventos.
• Fazer o forúm para permitir a interação entre os usuários e memboros da atlética.

Referências Bibliográficas

OpenAI. GPT (Generative Pre-trained Transformer). Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

Figma. Figma. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

GitHub. GitHub. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

NinjaMock. NinjaMock. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

MindMaster. Scrum: 11 passos essenciais. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

Gabriel Sa e Farias. Fluxo de usuário (user flow): O que é e como fazer. Medium. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

Atlassian. Histórias de usuários com exemplos e template. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

Flammo. Persona e público-alvo: Qual a diferença? Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

Jader Bastista Favero. Como montar a justificativa do TCC. Guia da Monografia. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases

webtech-pucminas. GitHub Repository. Retrieved from https://github.com/ICEI-PUC-Minas-PPLCC-TI/ppl-cc-ti1-2024-1-g-ppgm/releases