Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Entrambe le parti precedenti la revisioneRevisione precedente
Prossima revisione
Revisione precedente
myhem [2026/07/27 22:39] – [Variabili] waltermyhem [2026/07/28 17:44] (versione attuale) – [5. Struttura del WEB Server] walter
Linea 7: Linea 7:
 <WRAP center round important 60%>Attenzione verificare che non ci sia un file "index" sulla directory principale del web server, se c'è serve capire se eliminabile o se si deve integrare in qualche modo</WRAP> <WRAP center round important 60%>Attenzione verificare che non ci sia un file "index" sulla directory principale del web server, se c'è serve capire se eliminabile o se si deve integrare in qualche modo</WRAP>
  
-Portarsi sulla directory www del web server +  * Portarsi sulla directory www del web server 
- +  * scaricare il file MyHEM.zip 
-scaricare il file MyHEM.zip +  * scompattare il file 
- +  * lanciare il programma di installazione
-lanciare il programma di installazione+
  
 <code> <code>
Linea 19: Linea 18:
 </code> </code>
  
-<WRAP center round info 60%>Attenzione a maiuscole e minuscole</WRAP>\\ +<WRAP center round info 60%>Attenzione a maiuscole e minuscole</WRAP> \\ Si avvia l'installazione automatica che vi guida in tutti i passi necessari
-Si avvia l'installazione automatica che vi guida in tutti i passi necessari+
  
 A questo punto il software è installato e funzionante, per avviare il menu basta digitare su un browser qualsiasi l'indirizzo del webserver o l'IP pubblico seguito da "/MyHEM" per aprire il menu. A questo punto il software è installato e funzionante, per avviare il menu basta digitare su un browser qualsiasi l'indirizzo del webserver o l'IP pubblico seguito da "/MyHEM" per aprire il menu.
Linea 52: Linea 50:
  
 ===== 4. Funzionamento ===== ===== 4. Funzionamento =====
 +
 +Il funzionamento, di per se, è abbastanza semplice, il front-end ad intervalli regolari chiama le funzioni per aggiornare l'interfaccia, la funzione, una volta attivata richiama il relativo programma di lettura dati, quandop il programma restituisce il dato la funzione lo elabora e aggiorna il front-end
 +
  
 ==== Meter ==== ==== Meter ====
Linea 78: Linea 79:
  
 LIVEMEMORY.json LIVEMEMORY.json
- + <font inherit/inherit;;inherit;;#f1c40f>[mettere contenuto]</font>
-[mettere contenuto]+
  
 lLIVEMEMORYjson (elle minuscola iniziale) lLIVEMEMORYjson (elle minuscola iniziale)
 + <font inherit/inherit;;inherit;;#f1c40f>[mettere contenuto]</font>
  
-[mettere contenuto]+le variabili tra parentesi quadre sono le variabili da inserire sul file di configurazione es. <font inherit/inherit;;inherit;;#f1c40f>[mettere contenuto]</font>  , ovviamente dovete sapere a cosa si riferiscono, il valoire che sta dopo, che è il valore letto vi auterà a capire a cosaa si riferiscono
  
-le variabili tra parentesi quadre sono le variabili da inserire sul file di configurazione es. [mettere contenuto] , ovviamente dovete sapere a cosa si riferiscono, il valoire che sta dopo, che è il valore letto vi auterà a capire a cosaa si riferiscono+ 
 +==== Icone ==== 
 + 
 +le icone e le immagini da usare come logo e sui menu, sono contenute sulla directory "/images" del webserver dove si può vedere la corrispondenza immagine/nome file.\\ 
 +Se volete aggiungere altre immagini dovete inserirle in questa directory 
 + 
 +===== 5. Struttura del WEB Server ===== 
 + 
 +<code text> 
 +📂 MyHEM 
 +├── 📄 index.html 
 +├── 📄 meter.html 
 +├── 📄 synoptic.html 
 +├── 📁 config                        <-- cartella per dati di configurazione 
 +│   ├── 📄 .htaccess 
 +│   ├── 📄 .htpasswd 
 +│   ├── 📄 admin.php                 <-- programma per la gestione del file config.php 
 +│   ├── 📄 config.php                <-- contiene i dati di configurazione 
 +│   ├── 📄 login.php                 <-- programma per entrare in admin 
 +│   └── 📄 logout.php                <-- programma per uscita da admin senza lasciare tracce 
 +├── 📁 dati                          <-- La tua cartella dedicata 
 +│   ├── 📄 dati1.txt                 <-- Il file di testo con i valori live 
 +│   ├── 📄 dati2.txt                 <-- Il file di testo con i valori live 
 +│   └── 📄 dati_.txt                 <-- Il file di testo con i valori live 
 +├── 📁 images                        <-- Cartella con le immagini 
 +│   └── 📄 logo.png                  <-- Il file con il logo del sito 
 +├── 📁 js                            <-- Cartella con i programmi e funzioni 
 +│   ├── 📄 .htaccess                 <-- pulisce la cache per js/css 
 +│   ├── 📄 function.js               <-- contiene le funzioni per lanciare i programm-legge i dati_.txt-scrive il dato nei meter/batterie 
 +│   └── 📄 synoptic.js               <-- gestisce i dati per il sinottico 
 +├── 📁 meters                        <-- cartella dei meter disponibili 
 +│   ├── 📄 meter-component.js 
 +│   ├── 📄 meter-component2.js 
 +│   ├── 📄 Vbatterymeter.js 
 +│   └── 📄 Vbatterymeter3.js 
 +├── 📁 program                       <-- cartella dei programmi di lettura dati 
 +│   ├── 📄 read_batteri.php          <-- legge i dati da solax per la batteria 
 +│   ├── 📄 read_consumption.php      <-- legge lo schelly dei consumi 
 +│   ├── 📄 read_export.php           <-- legge i dati dallo shelly per l'esportato (non usato) 
 +│   ├── 📄 read_import_export.php    <-- legge i dati dallo shelly per l'importato e esportato 
 +│   └── 📄 read_import.php           <-- legge i dati dallo shelly per l'importato (non usato) 
 +├── 📁 read.me                       <-- File con spiegazioni 
 +│   ├── 📄 configurazione.md         <-- lista variabili di sistema 
 +│   ├── 📄 note.md                   <-- funzionamento nodi e linee fi flusso 
 +│   └── 📄 struttura.md              <-- Questi file 
 +└── 📁 styles                        <-- cartella degli stili 
 +├── 📄 style.css 
 +└── 📄 synoptic.css 
 + 
 + 
 +</code>