sábado, 17 de março de 2018

Tópico 2 - Interface WEB

Sábado, 17-03-2018
Hoje dei andamento na parte visual do meu projeto, passei cerca de 4 horas no Corel Draw tentando criar uma interface para pagina web da automação, espero conseguir reproduzir da mesma forma quando for passar para o HTML.
   Usei como base vários desenhos disponíveis no Google imagens, mas decidi criar o meu próprio, afinal, gosto das coisas do meu jeito. tem uma tremenda semelhança com um ou outro, mas fui eu quem desenhei, utilizando outros como base, mas irei referenciar a imagem original também.

Referencia aqui.

   A primeira imagem é para acesso via tablet ou computador, dispositivos na horizontal.

Imagem por: Jose Eduardo Ribeiro
   A segunda imagem é para mobile, imagem para dispositivos na vertical.

Imagem por: Jose Eduardo Ribeiro
   Minha ideia inicial seria separar entre tópicos um menu para o sistema de controle, sendo eles:
  • Iluminação
  • Câmeras de Segurança
  • Temperatura
  • Alarme
  • Logs de erro
  • Configurações
   Inicialmente não colocarei tela de login, e com o tempo vou tentar implantar utilizando inicialmente HTML e CSS.

Arduino + DHT11 + ethernet shield

Automação parcialmente funcionando! Integrei um sensor de temperatura DHT11, responsável por mostrar temperatura e umidade do ambiente. ...