marți, 6 octombrie 2015

Pagina web cu "indicatoare analogice" folosind Ajax

   In articolul Two Gauge Arduino Web Server este prezentata o pagina web cu 2 "indicatoare analogice" (gauges).
si este si un filmulet numit Arduino Web Server with Two Analog Gauges
   Acolo se foloseste o placa Arduino cu o placa de retea tip shield, care are si cititor de carduri SD (versiunea oficiala cu W5100). Pe card se va incarca fisierul index.htm care include partea de indicatoare, iar placa Arduino trimite din cand in cand, doar daca e solicitata, date care sunt puse in pagina..
  Eu am adaptat sketch-ul si fisierul sa primesc date despre temperatura si umiditatea relativa a aerului citite de un senzor DHT22 (AM12302):
  Sketch-ul este eth_webserv_SD_Ajax_2_gauge_dht22.ino, iar fisierul, care trebuie scris pe cardul micro SD este index.htm.
  O captura de ecran (print screen) a paginii calculatorului:
si o poza a ecranului:
,
respectiv o poza a telefonului:
 Am facut un filmulet numit pagina web cu "indicatoare analogice" folosind Ajax

Termostat controlat de pe o pagina web

   Fata de termostatele clasice, de data asta folosesc o placa Arduino Mega si o placa de retea cu W5100 tip "shield" pentru a avea un "webthermostat"... 
   Am incercat variante cu grafica frumoasa, dar am revenit la afisare clasica cu pagina html, in care am comandat un LED (care poate comanda o placa cu releu, care la randul lui comanda o centrala sau un calorifer, dar se poate adapta si la un sistem de racire).
   Cazurile sunt:
- led stins manual
- led aprins manual
- led aprind automat (cand temperatura e mai scazuta decat cea setata)
- led stins automat (cand temperatura e mare decat cea setata)
   Pentru a avea mica animatie, cand se trece cu mouse-le peste "butoane", am schimnat culoare textului.
   Schema de conectare este simpla:
   In teste, nu am pus rezistenta de 4k7, dar pentru functonare indelungata e bine sa fie montata.
   Am facut un filmulet, cu o versiune mai veche de sketch 
apoi cu ultima versiune de schech, am facut 2 filmulete:
   Eu am alocat IP-ul in reteaua mea ca 19.168.2.199, iar portul este 8081, pentru a-l putea "scoate in lume"...
  Am folosit un serviciu al providerului de net, unde mi-am alocat un nume de domeniu virtual (dns dinamic) si anume tehniq.go.ro,
asa ca in sketch am pus:
pentru reimprospatare pagina (refresh), respectiv pentru apasarea butoanele:
  Daca se foloseste doar intr-o retea locala se pune adresa alocata peste tot..

joi, 1 octombrie 2015

Afisaj P20F04D-12L cu rezolutie 16x8 pixeli 2R1G1B (continuare)

   Dupa ce in partea intai am reusit sa "aprind" un panou dintr-un ecran stradal de tip P20F04D-12L cu interfata HUB40A cu ajutorul unei placi Arduino (Nano in cazul meu), am zis sa pun inca unul sa pot afisa informatii, gen temperatura si umiditate...
   Pentru a putea afisa un mesaj, intai am desenat un text cu rezolutia ecranului compus din cele 2 panouri (32x8) si am pus manual in siruri, in stilul de afisare:
obtinand pe ecran:

   In filmuletul afisaj 2R1G1B cu interfata HUB40A controlat de Arduino (8) se vede modul de afisare in diverse culori si cu viteze diferite de "aparitie" a textului:

   Am desenat un alt "text":
si am creat un sir cu 512 numere:
apoi am convertit in siruri mici pentru a fi afisate pe ecran:
   Am desenat inca un "text":
si am creat un alt sir cu 512 numere:
apoi am convertit in siruri mici pentru a fi afisate pe ecran:
   In filmuletul afisaj 2R1G1B cu interfata HUB40A controlat de Arduino (9) se vede modul cu se afiseaza cele 2 "imagini":

   Pasul urmator a fost sa realizez o ministatie meteo care indica temperatura si umiditatea. Aceste date sunt citite de un senzor AM2302 (DHT22), sunt prelucrate de Arduino si trimise afisajelor.
   Schema de conectare este:
iar sketch-ul este hub40a_test4m1s1.ino !
   Am facut 2 filmulete, in care si placa Arduino Nano este alimentata din sursa externa de 5V/40A: