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).
Altova MobileTogether è un framework di sviluppo mobile multipiattaforma 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
È 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.
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.
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.
Potete **visualizzare un video dimostrativo sulla creazione di grafici in MobileTogether Designer, disponibile sul sito web di Altova, **scaricare una versione di prova gratuita che include più di 30 esempi di soluzioni e iniziare a creare le vostre!