7 pontos por studroid 2021-08-26 | 7 comentários | Compartilhar no WhatsApp

Estou compartilhando um placar para campeonatos de jiu-jítsu feito com Flutter, um framework de desenvolvimento multiplataforma :)

  • Há uma versão web executável no GitHub Pages.

  • Como foi feito com Flutter, é possível gerar versões que funcionam em vários ambientes (PC, Android, iOS).

A lista de funcionalidades disponíveis é a seguinte.

  • Timer: iniciar/pausar/alterar tempo/voltar para 6 minutos

  • Som: emite um bip ao iniciar o timer, ao terminar e ao reiniciar após reset

  • Entrada do nome dos atletas

  • Para cada atleta, aumentar/diminuir a pontuação em unidades de 4/3/2 pontos

  • Para cada atleta, atribuir Advantage/Penalty

  • Cálculo da pontuação total

  • Reset do placar

Os motivos para eu ter feito isso foram os seguintes.

  • Por vários motivos...! Eu me interessei por Flutter, estudei a tecnologia e já tinha feito um app bem simples

  • Eu estava praticando jiu-jítsu havia cerca de 1 ano, e a academia onde eu treinava acabou organizando um campeonato.

  • Surgiu o comentário de que até existiam placares para usar no campeonato em formato de app mobile, mas não havia um app desktop realmente útil para isso (= atletas ou pessoas envolvidas não conseguiam conferir a pontuação, e os árbitros também tinham o peso de ficar orientando)

  • As pessoas que sabiam que eu desenvolvo brincaram, meio a sério, meio de brincadeira: “Ué, você não consegue fazer isso?!”

  • Mas quando ouvi isso, pensei de repente que esse era justamente um tipo de projeto em que Flutter poderia mostrar utilidade de verdade...!

  • Fiz no fim de semana, passou a ser usado no campeonato e continua sendo usado até hoje.

As diferenças em relação aos placares existentes são:

  • Em termos de funcionalidade, é quase igual.

  • Mas pode ser acessado pelo navegador, e seu tamanho muda em todas as direções conforme o tamanho da janela.

  • Ou seja, é um placar que pode ser usado em qualquer lugar, inclusive no celular.

  • O tamanho da fonte muda dinamicamente de acordo com a altura da tela.

Usei a biblioteca GetX, comum no ecossistema Flutter, para gerenciamento de estado.

Como a complexidade da estrutura de desenvolvimento não é muito alta, organizei o código separando UI/Logic/Data com um padrão MVC baseado em componentes.

Foi feito em Dart, a linguagem base do Flutter. Se puderem dar uma olhada, qualquer opinião, feedback ou qualquer tipo de interesse será muito bem-vindo!!

7 comentários

 
misolab 2021-08-26

Só tinha ouvido falar de desenvolvimento Web com Flutter, é a primeira vez que vejo.

Olhando pelas ferramentas de desenvolvedor, em vez de desenvolver para Web,

parece que foi feito um app que roda no navegador.

Impressionante.~~ Que talento!!

 
studroid 2021-08-27

@misolab Exatamente, como é algo desenhado no canvas, no fim das contas é literalmente só colocar um app por cima...

Na verdade, depois de só ouvir falar sobre desenvolvimento com Flutter Web, eu também pensei: vou tentar fazer um blog com Flutter! Mas deixei essa ideia bem guardada...

Basicamente, percebi que ele não seria indexado pelos mecanismos de busca....;

 
galadbran 2021-08-29

Acho que talvez o mecanismo de busca do Google faça isso, não? Pelo menos esses bots de busca esquisitos não vão conseguir levar o conteúdo, então pode até acabar virando uma área mais limpa... ^^;

 
studroid 2021-08-30

Pode ser mesmo...!? kkkk Eu também estou acompanhando com interesse, e como está evoluindo rápido, acho que vale a pena ficar na expectativa kkk

 
xguru 2021-08-30

Dizem que, como o Googlebot é baseado no Chrome, isso é possível até certo ponto.

Mas, para fazer SEO direito, parece que a maioria recomenda criar separadamente uma versão HTML para os bots.

 
xguru 2021-08-26

Que pena que eu não entendo nada de jiu-jítsu..

Mas, como você disse que seria usado em competições, pensei que talvez fosse interessante poder salvar os registros de pontuação anteriores em formato de leaderboard.

Talvez também desse para ter histórico por atleta, com cada um fazendo login ou algo assim.

E, entre os apps que eu uso com frequência, existe um app de registro de partidas de jogos de tabuleiro chamado BG Stats.

Lembro que ele mostra estatísticas de taxa de vitória por oponente, como quantas vezes você venceu um adversário específico e por quantos pontos de diferença.

https://www.bgstatsapp.com/

 
studroid 2021-08-27

@xguru

Uau, isso parece algo que poderia evoluir até virar uma plataforma capaz de gerenciar até o histórico dos atletas...! Muito obrigado pelas observações cheias de insight!!

BG Stats, um app para registrar partidas de jogos de tabuleiro...! Eu também gosto bastante de jogos de tabuleiro, ainda que de alguns tipos específicos, e esse app é realmente incrível...!

Como também há pontuação no jiu-jítsu, acho que realmente existe muito conteúdo que pode servir de referência.

Muito obrigado até pelos recursos de referência!!