Skip to content

Adicionar página "GestoCustom" para criar novos gestos #2

@ofelipelucca

Description

@ofelipelucca

Adicionar uma nova página 'GestoCustom' que permita aos usuários criar novos gestos no sistema.

Funcionalidades esperadas:

  1. Captura de gesto (screenshot):
  • Exibir um feed da webcam para que o usuário visualize o gesto em tempo real.
  • Disponibilizar um botão "Tirar Foto", que captura os atributos do gesto detectado no momento em que é pressionado.
  • Enviar uma requisição para o WebSocket para ativar o modo "camera_deteccion" e cropar a imagem da mão do usuário.
  1. Orientação ao usuário:
  • Exibir uma mensagem clara instruindo o usuário a posicionar a mão na frente da câmera e pressionar o botão para capturar o gesto.
  1. Configuração de atributos:

    Campos para o usuário inserir:

  • Nome do gesto: Texto descritivo.

  • Bind (comando associado): Chave ou ação vinculada ao gesto.

  • Toggle (ativado ou não): Checkbox que ativa/desativa o comportamento "toggle".

  • Tempo pressionado: Aparece apenas se o "toggle" estiver ativado, permitindo definir a duração do gesto.

  • Salvar novo gesto:

    Botão "Salvar" para enviar o novo gesto e suas configurações ao WebSocket, salvando-o no servidor.

Fluxo esperado:

  • Ao navegar para a página "GestoCustom", o sistema envia uma requisição ao WebSocket para ativar o modo "camera_deteccion".
  • O feed da webcam é exibido com o cropeamento focado na mão do usuário.
  • O usuário posiciona o gesto e clica no botão "Tirar Foto", que captura a imagem e os atributos detectados.
  • O usuário insere os detalhes nos campos apropriados e clica em "Salvar".
  • O gesto é salvo no servidor e a página redireciona de volta à página inicial com o novo gesto exibido.

Tarefas:

  • Feed de webcam.
  • Botão "Tirar Foto".
  • Formulário para nome, bind, toggle e tempo pressionado.
  • Botão "Salvar".
  • Implementar o envio da requisição WebSocket para ativar o modo "camera_deteccion".
  • Adicionar validações para garantir que todos os campos obrigatórios estão preenchidos antes de salvar.
  • Integrar com o WebSocket para enviar o gesto criado para o servidor.
  • Testar a captura e salvamento do gesto, além do redirecionamento correto.

Notas adicionais:

  • O modo "camera_deteccion" deve ser desativado ao sair da página.
  • Garantir uma interface amigável e feedbacks visuais claros ao usuário (ex.: mensagens de erro, sucesso ou carregamento).

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions