Recents in Beach


Receba o meu conteúdo GRATUITAMENTE


Manual APP Fernando K











Tela Inicial








Botão Menu Options


Connection
Add Components
Screen Components Lenght
Enable/Disable DragButton
Save
About
Getting Buttons
Create Buttons
Save Buttons







Connection






Adicionar Conexão






Adicionar Conexão por Socket





Exemplo de conexão por Socket preenchida




Adicionar conexão via Firebase




Criar banco de dados no Firebase

Primeiro acesse o site do Firebase. Clique aqui para acessá-lo.
Clique no botão escrito “Primeiros Passos”.



Para criar um banco de dados no Firebase é necessário ter uma conta do Google.



Faça o Login na sua conta e clique no botão “Seguinte”.



Clique em “Adicionar Projeto”.


Insira um nome para seu projeto. Aceite os termos e clique em “Criar projeto”.




Copie e salve o conteúdo do “databaseURL” que será utilizado para fazer a conexão entre o aplicativo e o banco.







Pronto! O banco de dados está criado e em funcionamento.





Exemplo de conexão via Firebase preenchida






Conectar

Clique na conexão para conectar.



É possível também se conectar/desconectar da conexão arrastando-a da direita para a esquerda e clicando em Enable/Disable





Após a conexão ser realizada com sucesso é exibida uma mensagem na tela e também a conexão atual no canto inferior esquerdo.

Ex: Se a conexão se chamar “Local” a mensagem exibida será: “Connected Local”





Deletar conexão

1.       Clique e arraste a conexão da direita para a esquerda.
2.       Clique em Delete.
3.       Clique em Yes.






Adicionar Botão


Title - Informe o texto que deseja que o botão contenha.
Code - Informe o código que será enviado com o clique do botão. O código pode conter uma ou várias linhas (Script).
Button Color: Cor do botão.
Text Color: Cor do title do botão.

Add: Adiciona um novo botão




Observação:
Após selecionar a cor desejada clique na cor exibida no centro para salvar.








Adicionar Slider

Title - Informe o nome do slider. Observação: O nome do slider será enviado junto com o valor, por exemplo: “Servo 180”.
Min Value: Valor Mínimo.
Max Value: Valor Máximo.
Slider Color: Cor da linha.
Marker Slider Color: Cor do marcador.

Add: Adiciona um novo slider.



Observação:
Após selecionar a cor desejada clique na cor exibida no centro para salvar.






Screen Components Length (Paginação)

Quantidade de telas para posicionar componentes (botões e sliders).
“ - ”: Remove a ultima tela. Se a última tela conter algum componente a remoção não poderá ser feita.

“ + ”: Adiciona uma nova tela.


Os componentes serão criados na página atual.
A tela atual é indicada pela bola preenchida na parte inferior do app.
Para mudar de tela, basta arrastar a tela atual para o lado.
Para mudar um componente de tela, basta habilitar o DragButtons (próximo slide) e arrastar o componente até a lateral que deseja.





Enable/Disable Button

Enable Button - Habilita os botões a serem arrastados e editados na tela inicial.
Disable Button - Desabilita a função de arrastar e editar os botões.





Editar Componentes

Para editar um botão ou slider, primeiro é necessário habilitar os botões para serem arrastados (enable dragbuttons), depois,  basta clicar e arrastá-lo para a engrenagem no canto superior direito da tela inicial.
Altere os campos que deseja.
Clique em “Alter” para confirmar a alteração.





Deletar Componente

Para deletar um botão ou slider, primeiro é necessário habilitar os botões para serem arrastados, depois,  basta arrastá-lo para a engrenagem no canto superior direito da tela inicial.
Clique em “Delete” e depois confirme para deletar o botão.




Salvar

Clique em “Save” para salvar todas  as conexões, telas e componentes criados.



 

About

Clique em “About” para saber mais sobre tecnologia e me acompanhar nas redes sociais.




Create Buttons

Cria uma URL com o JSON dos botões.
URL: Informe a URL.
Create: Salva o JSON dos botões e exibe a URL que foi salva.





Getting Buttons

Busca os botões por JSON de uma URL.
Se a URL for válida, é possível adicionar os botões da URL aos botões existentes, ou substituí-los.



URL: Informe a URL que contenha um JSON válido dos botões.
Clique em “Take” para buscar o JSON dos botões da URL informada para a tela inicial.




Save Buttons

Salva os botões na URL informada.
URL: Informe a URL que deseja salvar o JSON dos botões.
Update: Salva o JSON dos botões na URL.





Comandos

É necessário estar conectado para enviar comandos.
É possível enviar comandos de três formas:





Comandos – command





Comandos – Slider

O valor alterado será o mesmo do nome do componente.
Clique e arraste até o valor desejado.
O comando será enviado.





Comandos - Clique Botão





Comandos reservados

cls - Limpa a tela.
wait [tempo em milissegundos] - Aguarda o tempo.
save - Salva botões e conexões.
del btn – Deleta todos os componentes.






Faça o download do Manual em PDF







Postar um comentário

4 Comentários

  1. Boa tarde Fernando, tenho acompanhado seus posts e são muitos bons, parabéns e muito sucesso.
    Gostaria de saber por curiosidade que programa você usou para cria-lo. Estou atualmente trabalhando com o Delphi e estou achando muito bom para a criação multiplataforma.

    ResponderExcluir
  2. Parabéns por tanto conhecimento, estou assistindo seus vídeos e tenho treinado muito apesar de ter uma idade mais avançada e minha maior experiência era em PLC com linguagem ladder. O ESP 32 me deixou fascinado . Parabéns Mestre Fernando, continue postando essas maravilhas . Obrigado.

    ResponderExcluir
  3. Quando executo qualquer comando da Alert Erros, a conexão parece tava,as não vai

    ResponderExcluir
  4. Ola! FK, eu consegui fazer a conta no firebase, também consegui baixar e gravar no ESP8266 o Sketch que vc disponibilizou para nós,e esta sincronizando o App com o Firebase, mas nao esta respodendo os comandos no ESP12, oq será que houve?

    ResponderExcluir