# Appunti sviluppo Appunti vari sviluppo progetto MAPO ## MP/MON Attualmente è un applicazione MVC asp.net c#, NON interattiva (display distribuiti stato produzione), effettua refresh timer-based. NON ottimizzata (per diminuire le chiamate) e genera traffico e carico sul server Parzialmente mitigato il carico su server con - caching tramite redis dei dati elaborati - ottimizzaizone stored - caching a livello DB dei dati x stored ### Obiettivi Si prefigge di migliorare l'applicazione per 2 motivi - performances - reattività (logica push e non pull) - semplificazione del metodo di peronalizzazione dei dati mostrati ai singoli clienti Per i primi 2 punti si intende lavorare con un prototipo VUE.JS / REACT con cui valutare un approccio differente per l'applicazione che preveda di pubblicare, in modalità push dal server, i dati in modo che siano aggiornati sul client AL MOMENTO DELLA PRODUZIONE degli stessi (o nel minor tempo possibile/col minor carico possibile sul server) Si intendeo fornire i dati (push o pull) tramite un a api REST cehceh alla chiamata fornisca un traccaito di TUTTI i valori di tutte le macchine (o in alternativa dell'unica macchina richiesta,a seconda del VERB usato) A livello di configurazione, si vuole passare dall'attuale datamodel "tipizzato" in cui ogni variabile è indicata con il nome esatto proveniente dalla abse dati ad un insieme id variabili indicate da un dizionario KVP (chiave/valore) in cui l'oggetto della view da mostrare utilizzerà dei generici segnaposti (es: da NumPezzi --> label02) e a livello di configurazione backend, tramite LUT (lookupTable) andrà a mappare, per il singolo cliente, valori e label desiderate (tramite un file json serializzato sul DB, personalizzabile per SINGOLA MACCHINA) ### WebAPI recupero dati Per il recupero dei dati di una SINGOLA macchina si intende impiegare il seguente metodo: ``` CALL: http://{server_url}/MSE/getData/{cod_macchina} ``` che fornirà in risposta una stringa JSon (per singola macchina): ``` [{ "RowNum": 1, "lastUpdate": "2019-04-03T18:33:14.24", "IdxMacchina": "SIM_DP_01", "CodMacchina": "SIMDP1", "Nome": "IOB SimDP1", "url": "Steamware.png", "idxODL": 2208, "CodArticolo": "027309", "NumPezzi": 500, "TCAssegnato": 1.08300000, "DataInizioODL": "2019-03-25T18:41:36.657", "Semaforo": "sVe", "idxStato": 13, "DescrizioneStato": "lavorazione", "durata": 557.0, "PezziProd": 20956, "PezziConf": 0, "TempoOn": 0.00000000, "TempoAuto": 0.00000000, "TempoRun": 0.00000000, "TCMedio": 0.00000000, "TCLav": 0.00000000, "TCEff": 0.00000000, "TCMedioRT": 0.00000000, "TCLavRT": 0.00000000, "TCEffRT": 0.00000000, "Disegno": "" }] ``` --- Per il recupero dei dati si intende impiegare il seguente metodo (per ottenere TUTTE le macchine): ``` CALL: http://{server_url}/MSE/getData ``` che fornirà in risposta una stringa JSon di tipo array: ``` [{ "RowNum": 1, "lastUpdate": "2019-04-03T18:33:14.24", "IdxMacchina": "SIM_DP_01", "CodMacchina": "SIMDP1", "Nome": "IOB SimDP1", "url": "Steamware.png", "idxODL": 2208, "CodArticolo": "027309", "NumPezzi": 500, "TCAssegnato": 1.08300000, "DataInizioODL": "2019-03-25T18:41:36.657", "Semaforo": "sVe", "idxStato": 13, "DescrizioneStato": "lavorazione", "durata": 557.0, "PezziProd": 20956, "PezziConf": 0, "TempoOn": 0.00000000, "TempoAuto": 0.00000000, "TempoRun": 0.00000000, "TCMedio": 0.00000000, "TCLav": 0.00000000, "TCEff": 0.00000000, "TCMedioRT": 0.00000000, "TCLavRT": 0.00000000, "TCEffRT": 0.00000000, "Disegno": "" }, { "RowNum": 2, "lastUpdate": "2019-04-03T18:33:50.167", "IdxMacchina": "SIM_DP_02", "CodMacchina": "SIMDP2", "Nome": "IOB SimDP2", "url": "Steamware.png", "idxODL": 2211, "CodArticolo": "005123", "NumPezzi": 100000, "TCAssegnato": 1.00000000, "DataInizioODL": "2019-03-25T18:44:37.3", "Semaforo": "sRo", "idxStato": 15, "DescrizioneStato": "allarme CN", "durata": 547.0, "PezziProd": 24151, "PezziConf": 1954, "TempoOn": 0.00000000, "TempoAuto": 0.00000000, "TempoRun": 0.00000000, "TCMedio": 0.00000000, "TCLav": 0.00000000, "TCEff": 0.00000000, "TCMedioRT": 0.00000000, "TCLavRT": 0.00000000, "TCEffRT": 0.00000000, "Disegno": "" }, { "RowNum": 3, "lastUpdate": "2019-04-03T18:33:28.75", "IdxMacchina": "SIMUL_01", "CodMacchina": "SIM05", "Nome": "IOB SIM 01", "url": "Steamware.png", "idxODL": 2220, "CodArticolo": "020293", "NumPezzi": 15000, "TCAssegnato": 0.00000000, "DataInizioODL": "2019-03-25T18:54:57.877", "Semaforo": "sVe", "idxStato": 13, "DescrizioneStato": "lavorazione", "durata": 568.0, "PezziProd": 63929, "PezziConf": 0, "TempoOn": 0.00000000, "TempoAuto": 0.00000000, "TempoRun": 0.00000000, "TCMedio": 0.00000000, "TCLav": 0.00000000, "TCEff": 0.00000000, "TCMedioRT": 0.18630215, "TCLavRT": 0.18499994, "TCEffRT": 0.00000000, "Disegno": "179L1000" }] ``` ### Attuale struttura pagina SINGOLA macchina Ogni singolo impianto è attualmente mostrato con una pagina razor - che si adatta alla larghezza dello schermo - che permette di specificare il NUM MAX di colonne da visualizzare tra 1 e 6 - che utilizza un criterio di flashing (tramite 2 css alternati ogni secondo quando il colore NON E' verde) ... così composta: ``` javascript @model IEnumerable
@{ // salvo variabili num blocchi x riga int numBlock = 0; int maxCol = 6; try { maxCol = ViewBag.maxCol; } catch { maxCol = 6; } if (maxCol == 0) { maxCol = 6; } } @foreach (var item in Model) { // fix codice semaforo: sVe -> Ve, sRo ->Ro... string codSemaf = item.Semaforo; if (codSemaf.Length == 3) { codSemaf = codSemaf.Substring(1, 2); } string cssStatus = ViewBag.baseCss + codSemaf; // calcolo durata... TimeSpan TCAss = TimeSpan.FromMinutes((double)item.TCAssegnato); TimeSpan TCLav = TimeSpan.FromMinutes((double)item.TCLavRT); // converto a stringa! string TCAssegnato = TCAss.ToString(@"mm\:ss"); string TCLavorato = TCLav.ToString(@"mm\:ss"); // verifico se mostrare articolo o disegno... string sArticolo = ""; if (SteamWare.memLayer.ML.CRS("sART") == "CodArticolo") { sArticolo = item.CodArticolo; } else { sArticolo = item.Disegno; } // se fosse vuoto mostro cmq codArt tra parentesi... if (sArticolo == "") { sArticolo = string.Format("[{0}]", item.CodArticolo); } // se NON trova update da oltre "keepAliveMin" / 2 minuti rosso lo status comunicazione string cssComStatus = cssStatus; string showComErr = "invisible"; if (DateTime.Now.Subtract((DateTime)item.lastUpdate).TotalSeconds > SteamWare.memLayer.ML.CRI("keepAliveMin") * 60 / 2) { cssComStatus = ViewBag.baseCss + "Ro"; showComErr = "visible"; } // verifico SE è disabilitata modalità animazione -> blink a stati (e refresh 1s) if (SteamWare.memLayer.ML.CRS("doAnimate") == "1") { // blink se secondo pari... DateTime adesso = DateTime.Now; int resto = 0; Math.DivRem(adesso.Second, 2, out resto); if (resto == 0) { cssStatus += "_b"; if (cssComStatus.EndsWith("Ro")) { cssComStatus += "_b"; } } }
@Html.DisplayFor(modelItem => item.Nome)
Art.
@sArticolo
@Html.DisplayFor(modelItem => item.DescrizioneStato)
@item.durata'
@*
OEE
xx%
*@
T.Ciclo
std: @TCAssegnato
act: @TCLavorato
Pezzi(prod/ord)
@Html.DisplayFor(modelItem => item.PezziProd) / @Html.DisplayFor(modelItem => item.NumPezzi)
C.101
@Html.DisplayFor(modelItem => item.lastUpdate)
// controllo se ho resto zero --> uso NUOVA riga... if ((numBlock % maxCol) == maxCol - 1) { @Html.Raw("
"); } // incremento contatore numBlock++; } @{ // controllo se NON SONO arrivao in fondo --> aggiungo blocchi! int currNum = (numBlock % maxCol); while (currNum < (maxCol)) { @Html.Raw("
aaa
"); currNum++; } }
``` con il seguente estratto css ``` css /* area semafori*/ .semBlinkVe, .semFixVe, .semFixVe_b, .semVe, .semVe_b { background: #009036; background: rgba(0,255,80,.6); color: #FFFFAA; } .semBlinkGr, .semFixGr, .semFixGr_b, .semGr, .semGr_b { background-color: #bcbcbc; background: rgba(180,180,180,.6); } .semGi { text-align: left; background: #8a8d27; background: rgba(230,210,0,.6); padding: 0px 4px 0px 4px; color: #000; } .semGi_b, .semFixGi, .semFixGi_b { text-align: left; background: #f9ff18; background: rgba(255,255,0,.8); padding: 0px 4px 0px 4px; color: #333; } .semBl { text-align: left; background: #000E7A; background: rgba(0,5,200,.6); padding: 0px 4px 0px 4px; color: #959500; } .semBl_b, .semFixBl, .semFixBl_b { text-align: left; background: #243FFF; background: rgba(60,80,255,.8); padding: 0px 4px 0px 4px; color: #ffff32; } .semRo { text-align: left; background-color: #7a000e; background: rgba(200,0,5,.6); padding: 0px 4px 0px 4px; color: #959500; } .semRo_b, .semFixRo, .semFixRo_b { text-align: left; background-color: #ff243f; background: rgba(255,60,80,.8); padding: 0px 4px 0px 4px; color: #ffff32; } ```