Giter VIP home page Giter VIP logo

penca-futbol's Introduction

Repositorio plantilla para proyectos FIS

Identificación del proyecto
Fundamentos de Ingeniería de Software
M3B/M4B (Adorjan - De León)
Estudiantes
Santiago Salinas 266628
Natalia Vázquez 266986
María Noel Fernández 270854

Informes

Los informes académicos para cada entrega se realizan en los archivos README.md que están en las carpetas docs (entrega 1) y src (entrega 2).

Letra del proyecto

Instalación

Procedimiento de entrega

penca-futbol's People

Contributors

santiago-salinas avatar marianoelfernandez avatar natty-vazquez avatar github-classroom[bot] avatar

Watchers

 avatar

penca-futbol's Issues

Permite el ingreso de números negativos

Permite ingresar números negativos a la hora de ingresar una predicción, pero a la hora de presionar en el botón de "ENVIAR PREDICCION" no muestra ningún aviso y no realiza ninguna opción en el sistema.

image

Tab inicial "Resultados" muestra partidos próximos

Resumen: Cuando se inicia la aplicación la pestaña que se muestra es la pestaña "Resultados", pero en ella muestra los próximos partidos. Una vez se cambia de pestaña y se vuelve a "Resultados" se muestra lo que debe aparecer. La pestaña "Próximos" muestra los próximos partidos.

Plataforma: Google chrome Versión 107.0.5304.88

Severidad: Baja

Prioridad: Media

Pasos a reproducir:

  • Iniciar la aplicación

Resultado actual: La primer pestaña, "Resultados", muestra los próximos partidos.

Resultado esperado: La primer pestaña es "Próximos", que muestra los próximos partidos y "Resultados" muestra los resultados.

Adjunto:

  1. Apenas se inicia la aplicación:
    Issue1-1
  2. Se cambia a otra pestaña:
    Issue1-2
  3. Se vuelve a la pestaña anterior:
    Issue1-3
  4. Pestaña "Próximos":
    Issue1-4

Comportamiento extraño al ingresar predicción

A la hora de ingresar una predicción, en el caso de que presionemos en la flecha de incrementar del cuadro de texto de la izquierda, el cuadro es afectado por un cambio de posición un poco incomodo, dejandolo desordenado a una altura distinta del otro cuadro. Luego de que se incrementa el otro cuadro de texto vuelve a su posición adecuada.

Pasos para reproducirlo:

1#
p1

2#
p2

3#
p3

Información:

Dispositivo: MacBook Air (M1, 2020)
Pantalla: 13,3-inch (2560 × 1600)
Navegador: Safari 15.4 (17613.1.17.1.13)

Posible Solución:

  • Rodear ambos campos con un mismo div y a ese div darle el estilo display: "flex" para posicionarlos en la misma fila

.

Se sobrescriben las predicciones anteriores

Resumen: Al ingresar una segunda predicción se sobrescriben las predicciones anteriormente agregadas

Plataforma: Google chrome Versión 107.0.5304.88

Severidad: Alta

Prioridad: Alta

Pasos a reproducir:

1. Agregar una predicción
2. Agregar otra predicción

Resultado actual: Se sobrescriben las predicciones anteriores

Resultado esperado: Se guardan las predicciones anteriores y la nueva ingresada

Adjunto:

1. Estado inicial
Issue3-1

2. Agrego una predicción
Issue3-2

3. Estado luego de una predicción
Issue3-3

4. Agrego una segunda predicción, diferente a la primera
Issue3-4

5. Estado final, con la primer predicción modificada
Issue3-5

Área de botón "Ingresar predicción" muy grande

Resumen: Al querer ingresar una predicción no solo el botón lleva a la pantalla para ingresar, sino que toda el área de un partido lleva a la pantalla

Plataforma: Google chrome Versión 107.0.5304.107

Severidad: Media

Prioridad: Alta

Pasos a reproducir:

1. Iniciar la aplicación
2. Hacer clic en una zona de un partido

Resultado actual: Cualquier zona de un partido lleva a la pantalla de ingreso

Resultado esperado: Solo el botón lleva a la pantalla de ingreso

Tab inicial debe ir abajo según bocetos.

Resumen: Cuando se inicia la aplicación la pantalla principal que se muestra debería tener la navegación entre páginas debajo, actualmente esta se encuentra arriba.

Plataforma: Google chrome Versión 107.0.5304.88

Severidad: Baja

Prioridad: Media

Pasos a reproducir:

Iniciar la aplicación
Resultado actual: Tab de navegación se encuentra arriba.

Resultado esperado: Tab de navegación se encuentra abajo.

Adjunto:
Resulltado actual:
antes

Resultado esperado:
despues

Boceto:
boceto

WCAG Idioma HTML

Resumen: El lenguaje de la página esta en Inglés, cuando deberia ser Español.

Severidad: Baja
Prioridad: Media

Resultado actual:

<!DOCTYPE html>
<html lang="en">

Resultado esperado:

<!DOCTYPE html>
<html lang="es">

Posible mejora de responsividad en algunas pantallas

Probablemente sea molesto para el usuario en algunas pantallas pequeñas pero con una resolución que cuenta con un ancho bastante alto.
Hay versiones de navegadores que tienen en cuenta este problema, como Google Chrome, y lo adaptan automáticamente, pero no es el caso de safari.

Ejemplo:

image

Información:

Dispositivo: MacBook Air (M1, 2020)
Pantalla: 13,3-inch (2560 × 1600)
Navegador: Safari 15.4 (17613.1.17.1.13)

.

Nombre de pestaña "MisGastos"

Resumen: El nombre que aparece en la pestaña de la aplicación es "MisGastos"

Plataforma: Google chrome Versión 107.0.5304.88

Severidad: Baja

Prioridad: Baja

Pasos a reproducir:

Iniciar la aplicación

Resultado actual: La pestaña muestra el texto "MisGastos"

Resultado esperado: La pestaña muestra el texto "Mundial"

Adjunto:

1. Estado actual
Issue2-1

2. Estado esperado
Issue2-2

Comportamiento extraño de responsividad en el apartado IngresoPrediccion

Para pantallas que ronden un ancho entre 760-810 px (aprox.) los cuadros de textos se muestran con una dirección de columna. Pareciera que fue hecho con la intención de ser responsivo para mobile, pero para pantallas con un ancho menor a 700px y mayor a 400px no se respeta la dirección anterior vuelve a adaptarse con una direccion de fila.

Tamaño 800x787

image

Tamaño 550x787

image

Tamaño 420x787

image

Información:

Dispositivo: MacBook Air (M1, 2020)
Pantalla: 13,3-inch (2560 × 1600)
Navegador: Google Chrome 107.0.5304.110 (Official Build) (arm64)

Números sin límite

Resumen: No hay un límite de qué números se pueden ingresar en las predicciones (ej.: números negativos, números > 50)

Plataforma: Google chrome Versión 107.0.5304.88

Severidad: Alta

Prioridad: Alta

Pasos a reproducir:

1. Entrar a "Ingresar predicción"
2. Introducir un número fuera de los límites
3. Apretar "Enviar predicción"

Resultado actual: Se pueden ingresar números fuera de los límites

Resultado esperado: No se pueden ingresar números fuera de los límites

Adjunto:

1. Estado inicial
Issue4-1

2. Ingreso números fuera del límite
Issue4-2

3. Estado final
Issue4-3

Reborde blanco

Resumen: La pestaña tiene un reborde blanco que no deseamos

Plataforma: Google chrome Versión 107.0.5304.107

Severidad: Baja

Prioridad: Baja

Pasos a reproducir:

Iniciar la aplicación

Resultado actual: La pestaña tiene un reborde blanco que no deseamos. (Aqui marcado en amarillo a efectos demostrativos)
image

Resultado esperado: La pestaña no presenta reborde
image

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.