Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
8 tasks
ofelipelucca opened this issue Nov 19, 2024 · 0 comments
Open
8 tasks

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

ofelipelucca opened this issue Nov 19, 2024 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@ofelipelucca
Copy link
Owner

ofelipelucca commented Nov 19, 2024

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).
@ofelipelucca ofelipelucca added the enhancement New feature or request label Nov 19, 2024
@ofelipelucca ofelipelucca self-assigned this Nov 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant