Costruire App per desktop e web in MATLAB con App Designer
App Designer è un ambiente software che facilita la creazione di app in MATLAB®, rendendo disponibile in un unico ambiente la definizione dei componenti visivi di un'interfaccia grafica utente e la programmazione del loro comportamento. Con i componenti drag&drop, disponibili nella libreria, si disegna in modo preciso e semplice il layout dell’interfaccia. App Designer genera automaticamente il codice orientato agli oggetti che specifica il layout e il design dell'applicazione. Il codice é visibile ed editabile in un editor integrato nell’App Designer, dove sono disponibili strumenti di controllo automatico degli errori di codifica, basati sul Code Analyzer, il quale permette di visualizzare messaggi di warning e di errore del codice mentre lo si scrive. App Designer è l'ambiente raccomandato per la costruzione di applicazioni in MATLAB. Per migrare una app costruita con la GUIDE, si può utilizzare il tool "GUIDE to App Designer Migration Tool for MATLAB".
App Designer è l'ambiente raccomandato per la costruzione di applicazioni in MATLAB. Le app possono essere condivise usando utilizzando MATLAB Drive™, o creando applicazioni desktop o web standalone con MATLAB Compiler™ e Simulink Compiler™.
Pubblicato nel: 6 mag 2020
Vediamo come costruire app per desktop e e web con App Designer che permette di realizzare app con MATLAB.
Con App Designer si possono costruire in modo semplice le app e scrivere il codice che ne controlla il comportamento.
Le app cosi’ realizzate si possono condivere come standalone per desktop o come web app, usando il Web App Server.
App sviluppate con la Guide possono essere trasformate in app che utilizzano l’App Designer, scaricando un tool che ne facilita la conversione.
Vediamo come funziona creando una app di esempio, in cui vogliamo visualizzare visualizzo la relazione tra la pressione sanguigna e il peso corporeo contenuti in un file dati.
Come primo step salviamo la app. Sia la parte grafica che la parte di codice della app, sono salvati in un unico file con estensione mlapp.
Qui nella parte centrale vediamo l’area dove disegnare il layout dell’interfaccia.
Nella libreria di sinistra si trovano un ampio set di componenti da utilizzare nell’intefaccia.
Per il nostro esempio insersco un radio button che mi permettera’ di selezionare se lavorare sui dati degli uomini o quelli delle donne. Posso quindi cancellare il terzo bottone presente di default, rinominare gli altri 2 e dimensionare l’oggetto grafico.
Poi scelgo uno switch che sara’ utile per selezionare il tipo di pressione sanguigna che vorro’ utilizzare per la nostra analisi.
Vedete come sia facile allineare i componenti.
Ora aggiungo il bottone a cui assocero’ la callback di visualizzazione dei dati.
Aggiungo gli assi su cui sara’ disegnato il grafico, ai quali aggiungo il titolo e il testo da visualizzare sugli assi x e y.
Sulla destra vediamo gli oggetti inseriti. MATLAB assegna dei nomi di default che pero’ possono essere cambiati.
Il pannello delle proprieta’, che appare selezionando un oggetto permette di modificare l’aspetto degli oggetti.
Premendo il pulsande di RUN posso vedere come appare la mia app.
Al momento non ho ancora inserito la callback per visualizzare i dati. Scrivo ora il codice.
Per fare questo passo dalla view del layout che ho usato per disegnare l’interfaccia alla view del codice, dove programmero’ il comportamento della stessa.
Come si puo’ vedere App Designer crea in modo automatico il codice che descrive la app, impostando le proprieta’ degli oggetti.
Qui vado a scrivere il codice MATLAB della mia callback.
Per il mio esempio devo aggiungere la callback al bottone di plot. La callback viene aggiunta in modo automatico. Questa porzione di codice e’ editabile.
La struttura proposta per il codice e’ comprensibile e semplice da programmare.
Per prima cosa devo caricare il set di datri.
Il blocco if controlla la selezione sul tipo di pressione selezionato con il secondo switch inserito sull’interfaccia e se voglio visualizzare uomo o donna.
Per accedere alle proprieta’ degli oggetti grafici si usa la sintassi.
App.nomedelcomponente.
Ora scrivo il codice per visualizzare i dati.
Eseguo Run e posso testare il funzionamento della app, come programmata: visualizzo la relazione tra pressione sanguigna e il peso nel mio set di dati.
Una volta terminato lo sviluppo della app, devo decidere il modo con il quale voglio condividerla con i miei end user.
In generale le app possono essere condivise includendo tutti i file dati e routine scritte con altri sw che utilizzo nello sviluppo.
Qui ad esempio devo aggiungere il file dati. Scrivo una breve descrizione e poi posso creare una app che potete scaricare e utilizzare in MATLAB, installandola come MATLAB app. Comparira’ nel toolstrip del vostro MATLAB.
Usando il MATLAB Compiler posso compilare la app come Applicazione standalone per desktop.
Oppure posso scegliere di creare una web app che puo’ essere resa disponibile all’essere utilizzata dall’ end user tramite un browser. Queste due soluzioni permettono di condividere le app realizzate in MATLAB con chi non ha MATLAB.
Adesso potete iniziare a costruire le vostre app.
Per maggiori informazioni oltre ai link qui riportati, potete contattarmi via email mailto:fperino@mathworks.com
Prodotto in evidenza
