Comandare un led via internet con Miupanel e Arduino

Ciao a tutti!


Il tutorial di oggi è un approfondimento della recensione di Miupanel del mese scorso.
Infatti oggi andremo un passo oltre, vedremo collegarci al Miupanel tramite internet se per qualsiasi motivo non riuscite o non volete utilizzare la sua funzione Cloud,
e quindi da qualunque parte del mondo (operatore telefonico permettendo! ;) ).

Quello che andremo a fare oggi è un semplice progettino con 2 led,
che andremo a comandare da uno smartphone Android.
In questo faremo collegare il Miupanel al router di casa, e lo smartphone alla rete dati.
La cosa in cui ho avuto più difficoltà, data la mia non eccelsa conoscenza nel campo delle reti, è stata riuscire a raggiungere il pannellino da remoto.
Cercherò di spiegare il tutto nel modo in cui l'ho capito io, quindi prego gli informatici di non accanirsi troppo su di me ;) comunque ogni precisazione è ben accetta!


Partiamo dalle basi quindi, ciascuno di noi è visto dal mondo con un indirizzo univoco, l'indirizzo IP (cliccando qui potete scoprire il vostro).
Solitamente noi non abbiamo assegnato un IP "statico", ma abbiamo un IP che "cambia continuamente", questo per trovare in rete il mio Miupanel può essere un problema, perchè se il mio Miupanel è connesso al mio router non so mai a che indirizzo cercarlo.

Per ovviare a questo problema si possono utilizzare i DDNS,
ad esempio se possedete un router D-Link potete registrarvi gratuitamente al sito www.dlinkddns.com, funzione invece purtroppo a pagamento per possessori di altri router.
Facendo questo otterrete un indirizzo univoco, non in numeri ma in lettere.
Ad esempio otterrete qualcosa di simile a: pippo.dlinkddns.com
Fatto questo dovete aprire le impostazioni del vostro router e cercate la parte che riguarda i DDNS,
mettete i dati che avete usato nel sito dlinkddns in questo modo:

Fatto questo possiamo fare una semplice prova per vedere se abbiamo fatto tutto nel modo giusto,
abiliteremo la funzione "Gestione Remota" mettendo come porta 80 (vedi printscreen sotto).
Adesso andate al sito http://anonymouse.org/anonwww.html e mettete nel campo l'indirizzo ottenuto dal sito dlinkddns.com (ad esempio pippo.dlinkddns.com) se tutto ha funzionato dovrebbe aprirsi la pagina iniziale del vostro router.
Ricordatevi alla fine della prova di disattivare la gestione remota (per motivi di sicurezza)

Ora prendete il vostro Miupanel preparato già come nel precedente tutorial, collegatevi ad esso con il vostro smartphone alla rete wireless creata da lui.
Aprite l'app uPanel, collegatevi al modulo e poi aprite le impostazioni.
Modificatele come le seguenti:

Il numero delle porte può essere un numero qualsiasi fino a 65536, l'unica accortezza è verificare che la porta non sia già utilizzata da un'altro dispositivo.
Un tool comodo per testare le porte in uso è questo sito:
https://www.grc.com/x/ne.dll?bh0bkyd2 (cliccate il tasto procedi in basso per continuare)

fatto questo andate nella schermata iniziale dell'app e configurate il pannello cliccando sugli indirizzi ip, come IP interno lasciate quello che vi propone lui, come IP esterno scrivete l'indirizzo ottenuto dal sito dlinkddns.

Ora dovete tornare nelle impostazioni del vostro router e creare una regola per consentire al MiuPanel di comunicare con l'esterno della rete

Fatto questo dovreste finalmente riuscire a comandare il vostro pannellino dovunque voi siate!



Ecco un esempio per provare il tutto, esempio simile a quello della scorsa volta.
Per prima cosa realizzate questo collegamento:

Ora caricate questo codice nell'Arduino, ricordatevi di scollegare il cavo che entra nel Pin 0 di Arduino prima del caricamento, altrimenti non andrà a buon fine.

1. int led1 = 2;
2. int led2 = 3;
4. void setup()
5. {
6.   Serial.begin(57600);       // Inizializzazione della porta seriale (57600 è la velocità di comunicazione)
7.   pinMode(led1, OUTPUT);
8.   pinMode(led2, OUTPUT);
9.   delay(3000);                // ritardo per attendere l'avvio di uPanel
11.   Serial.println("");        // cancella eventuali messaggi parziali rimasti
12.   Serial.println("$P:{%100,20^D!488;T*13:&#956Panel - 2 led in internet, danielealberti.it;}{^-{%90,20^W1:0;L1G:0:LED1;}{%90,20^W2:0;L2G:0:LED2;}}");
14.   //visita http://www.miupanel.com/Panel-Design/ONLINE-PANEL-SIMULATOR
15.   //incolla la riga sopra senza "$P: e le virgolette finali, vedrai l'anteprima del pannello.
16. }
17. String Msg;
19. void loop()
20. {
21.   int c;
22.   while ((c = Serial.read()) > '\n') Msg += (char) c;  // leggi i caratteri via seriale e componi il messaggio, fino alla nuova linea '\n'
23.   if (c == '\n')
24.   {
25.     if (Msg.equals("#W10"))  // Se il messaggio ricevuto è "#W10" spegni il led 1 ed invia "#L10" al uPanel
26.     {
27.       Serial.println("#L10");
28.       digitalWrite(led1, LOW);
29.     }
30.     if (Msg.equals("#W11"))  // Se il messaggio ricevuto è "#W11" accendi il led 1 ed invia "#L11" al uPanel
31.     {
32.       Serial.println("#L11");
33.       digitalWrite(led1, HIGH);
34.     }
35.     if (Msg.equals("#W20"))  // Se il messaggio ricevuto è "#W20" spegni il led 2 ed invia "#L20" al uPanel
36.     {
37.       Serial.println("#L20");
38.       digitalWrite(led2, LOW);
40.     }
41.     if (Msg.equals("#W21"))  // Se il messaggio ricevuto è "#W21" accendi il led 2 ed invia "#L21" al uPanel
42.     {
43.       Serial.println("#L21");
44.       digitalWrite(led2, HIGH);
45.     }
46.     Msg = "";
47.   }
48. }

Finito! come al solito lasciate un commento qui sotto se avete dubbi,

se avete modelli/marche diverse di router purtroppo non riuscirò ad aiutarvi in ogni caso per la configurazione di questi dispositivi Google è il nostro migliore amico ;)

Ciao!

Seguimi sulle mie pagine per rimanere sempre aggiornato sui nuovi post!