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.
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.
4 Comentários
Boa tarde Fernando, tenho acompanhado seus posts e são muitos bons, parabéns e muito sucesso.
ResponderExcluirGostaria 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.
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.
ResponderExcluirQuando executo qualquer comando da Alert Erros, a conexão parece tava,as não vai
ResponderExcluirOla! 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