Giter Club home page Giter Club logo

projeto-if977's Introduction

Plataforma WEB - 2V

Link para a Plataforma

https://if977-plataformaweb.firebaseapp.com/

Link para a Publicação no Medium

https://gavs2.medium.com/projeto-geral-engenharia-de-software-b78ab2d5571b

Contexto Geral

Projeto da disciplina de Engenharia de Software que tem como objetivo apresentar uma Plataforma WEB criada com o intuito de possibilitar que as pessoas possam emprestar produtos que estão ociosos em suas residências ou que possam alugar algum produto, pois não desejam adquirí-lo de forma definitiva (Seja pelo fato de precisá-lo apenas esporadicamente, por questão financeira ou por que é algo que ocupa muito espaço para se ter de forma definitiva em casa).





Detalhes da Plataforma

Tecnologias Utilizadas

Para desenvolvimento da plataforma, utilizamos o ReactJs no frontend, pois possui ferramentas excelentes para criação de interfaces e possui integração com diversas bibliotecas do JavaScript. Outra vantagem é a popularidade que essa ferramenta vem ganhando no mercado de trabalho.

No backend, utilizamos o Firebase, pois ele oferecia tudo que precisávamos, como Database, Storage, Sistema de Autenticação para Login e até mesmo Deploy.

Sobre a plataforma

Trata-se de uma aplicação onde os usuários podem emprestar ou pedir emprestado itens, de diversas categorias, de forma centralizada e com custo abaixo do mercado.

Páginas Desenvolvidas

As páginas da plataforma são:

  • Home, com os principais produtos e filtro de busca;
  • Perfil, com as informações do usuário logado na plataforma;
  • Produto, página com as informações detalhadas do produto, e
  • Login, página principal para login do usuário na plataforma.

Testes Realizados

Com o objetivo de aplicar alguns testes na plataforma desenvolvida, foram realizadas simulações de ações que o usuário poderia fazer e também foram verificadas as respostas do software após os comandos dados pelo usuário.

Foram realizados os Seguintes Teste:

  • Selecionar produtos apresentados da HomePage
  • Acessar Perfil do Usuário
  • Tentar Fazer Login com Email Incorreto
  • Tentar Fazer Login com Senha Incorreta
  • Fazer Login com Dados Corretos
  • Clicar no Botão de Favoritar
  • Limpar Seleção de Datas no Calendario da Página do Produto
  • Selecionar Datas no Calendario da Página do Produto
  • Conferir Calculo dos Valores com base no Preço e Dias selecionados.
  • Conferir Titulo do Produto
  • Conferir Descrição do Produto
  • Conferir Botão rolar da página home.
  • Conferir Filtro de busca com categoria música.
  • Equiparar informações do "nome do produto" e "preço" entre página produto e home.
  • Conferir campo de pesquisa na barra de busca.

Códigos Prontos - Reaproveitados

Todos os códigos citados a cima, sofreram modificações de estrutura e de estilização para se adequar ao projeto da disciplina.

Detalhes da Construção do Projeto

Para construção da plataforma várias reuniões através do Google Meet foram realizadas e o Trello foi a ferramenta escolhida pelo grupo para acompanhamento de todas as etapas do projeto de desenvolvimento do software. Abaixo segue o resumo dos assuntos tratados em cada encontro:

  • 14/06/2021: Identificação da Personas
  • 21/06/2021: Identificação das Oportunidades
  • 28/06/2021: Proposição de Hipóteses
  • 05/07/2021: Criação de Narrativas
  • 28/07/2021: Desenvolvimento da Versão Inicial da Tela de Login(Autenteicação)
  • 04/08/2021: Definição da Telas a serem realizadas e Divisão da Tarefas
  • 09/08/2021: Apresentação dos Protótipos e Definição da Melhorias a serem Desenvolvidas
  • 17/08/2021: Apresentação das Melhorias realizadas e Definição de como Realizar Integração com o Banco de Dados
  • 18/08/2021: Definição das Últimas Melhorias a serem implantadas e dos Testes a serem realizados

Como as atividades foram organizadas?

Quadro SCRUM



Backlog -> Principais requisitos do projeto e que podem ser executadas a qualquer momento.
Working On -> Atividades que estavam sendo executadas.
Tests -> Realização de testes.
Done -> Atividades concluídas.

Melhorias Pendentes

Tendo em vista que o projeto pode evoluir bastante, abaixo serão discriminados os pontos de melhorias futuras:

  • Criação de Página para Cadastro de Produtos e Criação de Anúncio
  • Criação de Página para Cadastro de Perfil do Usuário
  • Criação de Página para Termos de Garantia
  • Criação de Campo para Perguntas e Respostas na Página do Produto
  • Criação de Página para Confirmar Solicitação de Empréstimo do Produto
  • Aprimorar Campo para Feedback do Usuário na Página do Produto
  • Criação de Link para Permitir Compartilhar o Produto
  • Aprimorar Campo de Buscas
  • Aprimorar Login do Usuário (Permitir Login com conta do GMAIL)
  • Permitir novos filtros além do já criado "Categoria de Produto" (Valor, Localização)

Comandos para execução

  • Clonar o repositório:
git clone https://github.com/danielturmina/Projeto-IF977
  • Instale as depedências do ReactJs:
npm install
ou
yarn install 
  • Execute:
npm start
ou
yarn start 

Time

Yuri Barros
Yuri Barros
[email protected]
Giovani Albuquerque
Giovani Albuquerque
[email protected]
Yuri Alencar
Yuri Alencar
[email protected]
Daniel Turmina
Daniel Turmina
[email protected]
Victor Barros
Victor Barros
[email protected]

projeto-if977's People

Contributors

giovaniavs avatar danielturmina avatar yuriralencar avatar yuricdb avatar vbmn-cin-ufpe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.