7 puntos por studroid 2021-08-26 | 6 comentarios | Compartir por WhatsApp

Comparto un marcador de puntuación para torneos de jiu-jitsu hecho con Flutter, un framework de desarrollo multiplataforma :)

  • Hay una versión web ejecutable en GitHub Pages.

  • Como está hecho con Flutter, se puede compilar en versiones que funcionen en distintos entornos (PC, Android, iOS).

La lista de funciones disponibles es la siguiente.

  • Temporizador: iniciar/pausar/cambiar tiempo/volver a 6 minutos

  • Sonido: emite un bip al iniciar el temporizador, al finalizar y al reiniciar después de hacer reset

  • Ingreso del nombre de los competidores

  • Subir/bajar puntajes en unidades de 4/3/2 puntos para cada competidor

  • Asignar Advantage/Penalty a cada competidor

  • Cálculo del puntaje total

  • Reset del marcador

Las razones por las que hice esto son las siguientes.

  • Por una u otra razón... empecé a interesarme en Flutter, estudiarlo y ya había hecho una app muuuy simple

  • Llevaba alrededor de 1 año practicando jiu-jitsu, y en la academia a la que iba decidieron organizar un torneo.

  • Se comentó que había marcadores para usar en apps móviles durante el torneo, pero no una app de escritorio realmente útil (=los competidores o el personal no podían verificar el puntaje, y además eso aumentaba la carga de indicaciones para el árbitro)

  • Algunas personas que sabían que yo desarrollo me dijeron medio en broma: "Oye, ¿tú podrías hacer esto, no!?"

  • Pero al escuchar eso, de pronto pensé que este era justo el tipo de proyecto en el que Flutter podía demostrar su verdadera utilidad...!

  • Lo hice durante el fin de semana, se usó en el torneo y todavía se sigue usando.

Las diferencias con los marcadores existentes son:

  • En cuanto a funciones, es casi igual.

  • Pero se puede ver en el navegador, y su tamaño vertical y horizontal cambia según el tamaño del navegador.

  • Es decir, es un marcador que se puede usar en cualquier lugar, incluido en móvil.

  • El tamaño de la letra cambia dinámicamente según la altura de la pantalla.

Usé una librería llamada GetX, que se utiliza en Flutter, para manejar el estado.

Como la complejidad de la estructura de desarrollo no es muy alta, armé el código separando UI/Logic/Data con un patrón MVC basado en componentes.

Está hecho en Dart, el lenguaje base de Flutter. ¡Échenle un vistazo y les agradecería muchísimo cualquier opinión, feedback o cualquier tipo de interés que puedan mostrar!

6 comentarios

 
misolab 2021-08-26

Había escuchado hablar de desarrollo web con Flutter, pero es la primera vez que lo veo.

Al ver las herramientas de desarrollador,

más que desarrollar para la web,

parece que hicieron una app que corre en el navegador.

Impresionante.~~ ¡Qué talento!

 
studroid 2021-08-27

@misolab Así es, como se dibuja sobre un canvas, al final es literalmente solo poner una app encima...

De hecho, después de escuchar hablar de Flutter Web, yo también pensé: ¡debería intentar hacer un blog con Flutter! Pero terminé guardando esa idea en el cajón...

Básicamente, vi que no iba a aparecer en los motores de búsqueda....;

 
studroid 2021-08-30

Podría ser...!? jajaja Yo también lo sigo con interés, y como está avanzando rápido, parece razonable tener expectativas jajaja

 
xguru 2021-08-30

Se dice que como Googlebot está basado en Chrome, hasta cierto punto sí es posible.

Pero parece que la mayoría coincide en que, si quieres hacer SEO bien, hay que crear aparte una versión HTML para el bot.

 
xguru 2021-08-26

Lamentablemente no sé nada de jiu-jitsu...

Pero como dijeron que se usaría en torneos, pensé que quizá estaría bien poder guardar los registros de puntajes anteriores en forma de leaderboard.

También parece que se podría permitir que cada competidor inicie sesión o algo así, para tener historial por competidor.

Y además, entre las apps que uso con frecuencia hay una app para registrar partidas de juegos de mesa llamada BG Stats.

Recuerdo que muestra estadísticas de victorias por oponente, como cuántas veces le ganaste a un rival específico y por cuántos puntos de diferencia.

https://www.bgstatsapp.com/

 
studroid 2021-08-27

@xguru

Vaya, esto hasta podría evolucionar a una plataforma capaz de gestionar el historial de los atletas... ¡Gracias por tus comentarios tan llenos de insight!

¿BG Stats, una app para registrar partidas de juegos de mesa...? Yo también soy bastante aficionado a algunos juegos de mesa en particular, ¡qué app tan impresionante!

Como también hay puntuación en el jiu-jitsu, parece que de verdad hay muchísimo contenido que puede servir como referencia.

¡¡Muchas gracias incluso por los recursos de referencia!!