--- title: "Formattare grafici e diagrammi per qualsiasi dispositivo mobile nel vostro ambiente BYOD (Bring Your Own Device)" date: "2014-12-10" categories: - "development" tags: - "charts" - "mobile-development" - "mobiletogether" - "software-tools" description: Scoprite come formattare grafici e diagrammi per diversi dispositivi mobili in ambienti BYOD (Bring Your Own Device), utilizzando le variabili globali e locali di Altova MobileTogether per migliorare l'efficienza dello sviluppo. --- Status: #blog Tags: #charts #mobile-development #mobiletogether #software-tools Categories: [development](/blog/it/category/development.md) # Formattare grafici e diagrammi per qualsiasi dispositivo mobile nel vostro ambiente BYOD (Bring Your Own Device) Una delle sfide nello sviluppo di soluzioni aziendali per dispositivi mobili è l'adattamento a tutti i diversi dispositivi che gli utenti finali utilizzano. Ogni sistema operativo mobile supporta una gamma di dimensioni dello schermo, dai più piccoli smartphone ai più grandi tablet. E quando si passa a un sistema operativo concorrente, tutte le dimensioni dello schermo cambiano di nuovo. La necessità di supportare molti dispositivi mobili diversi può rallentare lo sviluppo di soluzioni per aziende che adottano il modello "BYOD" (Bring Your Own Device, porta il tuo dispositivo). ![Grafico a torta visualizzabile su qualsiasi dispositivo mobile, creato utilizzando Altova MobileTogether](https://lh5.ggpht.com/-7Xh6qdjc2N0/VIc8xfEsPgI/AAAAAAAAB30/DNEO_7zmRMg/Opening%252520Chart%252520Capture%25255B2%25255D.png?imgmax=800 "Pie chart for any mobile device created using Altova MobileTogether") Altova MobileTogether è un [framework di sviluppo mobile multipiattaforma](https://www.altova.com/it/mobiletogether.html) che consente di creare applicazioni una sola volta per diverse piattaforme: - Android - iOS - Windows 8 - Windows Phone 8 - Client basato su browser e sviluppato con HTML-5 Inoltre, MobileTogether supporta tutte le dimensioni dello schermo disponibili per ogni sistema operativo, offrendo funzionalità speciali per aumentare la produttività degli sviluppatori. **Variabili globali a portata di mano** Il software MobileTogether Designer offre accesso a una libreria di oltre trenta variabili globali e locali che è possibile utilizzare per diversi scopi durante la progettazione della vostra soluzione mobile. Le variabili globali sono statiche, il che significa che non cambiano durante l'esecuzione della vostra applicazione. Le variabili locali sono dinamiche e possono essere disponibili solo in determinate circostanze. Molte variabili globali contengono valori relativi al dispositivo che esegue la soluzione mobile durante l'esecuzione ![Variabili globali in Altova MobileTogether](https://lh4.ggpht.com/-vNpe-nYOYfI/VIc8xs2WRLI/AAAAAAAAB34/AMbi82MP8SM/Global%252520Variables%252520Crop%25255B2%25255D.png?imgmax=800 "Global Variables in Altova MobileTogether") È possibile utilizzare le variabili globali direttamente nella finestra delle proprietà del designer MobileTogether, oppure è possibile creare funzioni che includano variabili globali e definire risultati in base al loro valore. Se non riuscite a trovare una variabile specifica di cui il vostro progetto ha bisogno, potete anche definire le vostre variabili personalizzate. Naturalmente, tutte queste variabili sono disponibili, oltre agli elementi presenti nelle vostre fonti di dati che possono contenere valori che potreste utilizzare anche nelle funzioni. **Imposta la dimensione del grafico come variabile** Se si assegna alla variabile globale $MT_DeviceWidth la larghezza da utilizzare per la creazione del grafico nella finestra delle proprietà, durante l'esecuzione il grafico si adatterà automaticamente alla larghezza di qualsiasi dispositivo visualizzato in modalità verticale, indipendentemente dal sistema operativo mobile o dalle dimensioni dello schermo. Non è necessario definire l'altezza del grafico. L'altezza viene generata automaticamente, in modo che l'intero grafico possa essere visualizzato senza dover scorrere la pagina. È inoltre possibile utilizzare variabili globali e locali con visibilità specifica per il dispositivo, selezionabile dal menu contestuale, per definire comportamenti in base a determinate condizioni, come l'orientamento verticale o orizzontale. La soluzione "Widget Sales Data" disponibile sul server dimostrativo di Altova MobileTogether illustra come applicare variabili locali ai dati dei grafici in modi diversi, a seconda dell'orientamento del dispositivo. Ad esempio, la pagina "Vendite per regione" mostra un grafico a linee in orientamento verticale o un grafico a barre tridimensionale in orientamento orizzontale. ![Un grafico a barre tridimensionale, progettato con MobileTogether, visualizzato su un telefono Android](https://lh4.ggpht.com/-7ijQLURgs5c/VIc8xypd59I/AAAAAAAAB4A/hgwqmhCvwFY/Android%252520shot%25255B4%25255D.png?imgmax=800 "A 3-D Bar Graph Designed in MobileTogether as Viewed on an Android Phone") La soluzione per l'analisi dei dati di vendita dei widget è inclusa negli esempi installati con MobileTogether Designer, quindi potete esaminarla per capire come è stata realizzata. I grafici definiti dalla variabile `$MT_DeviceWidth` mantengono le stesse dimensioni quando il dispositivo viene ruotato e non sfruttano appieno lo spazio disponibile, come si può notare nell'esempio del grafico a barre riportato di seguito. ![Esempio di grafico a barre orizzontale 1](https://lh6.ggpht.com/-Q-fzzxWIwwc/VIc8yUVZ97I/AAAAAAAAB4E/A8do4TBfJyE/photo1framed%25255B23%25255D.png?imgmax=800 "Horizontal Bar Graph Example 1") Un'alternativa migliore è la variabile globale $MT_CanvasX. Il valore di $MT_CanvasX cambia quando il dispositivo viene ruotato e il grafico viene automaticamente ridisegnato. Se utilizziamo $MT_CanvasX per definire la larghezza del grafico nella finestra delle proprietà, il grafico viene ridisegnato in modo più elegante per adattarsi allo schermo in modalità orizzontale, offrendo più spazio per il testo della legenda lungo l'asse orizzontale. ![Grafico a barre orizzontale, dimensionato automaticamente per adattarsi allo schermo, grazie a MobileTogether](https://lh6.ggpht.com/-8-LS-SPDvAU/VIc8yyI_eWI/AAAAAAAAB4M/XfeVo6k1nlQ/photo2framed%25255B3%25255D.png?imgmax=800 "Horizontal Bar Graph Automatically Sized to Fit Screen by MobileTogether") **Potete** [**visualizzare un video dimostrativo](https://www.altova.com/it/mobiletogether/demos.html) **sulla creazione di grafici in MobileTogether Designer, disponibile sul sito web di Altova,** [**scaricare una versione di prova gratuita](https://www.altova.com/it/download/mobiletogether-designer.html) **che include più di 30 esempi di soluzioni e iniziare a creare le vostre!**