Offrite agli utenti funzionalità per app mobile personalizzate in base al dispositivo

Oggi esistono una varietà incredibile di telefoni cellulari e tablet, e nuovi modelli vengono presentati continuamente. Tutti questi dispositivi mobili hanno specifiche e funzionalità diverse, il che può rappresentare un problema per gli sviluppatori di applicazioni mobili. I tablet hanno schermi di grandi dimensioni, ma non sempre includono la connettività dati cellulare; le impostazioni di colore predefinite variano a seconda del produttore del telefono, e le funzionalità mobili integrate possono comportarsi in modo diverso in ciascun sistema operativo mobile. Fortunatamente, MobileTogether Designer offre un ambiente di sviluppo integrato che consente agli utenti di progettare e sviluppare rapidamente funzionalità per applicazioni mobili multipiattaforma, ideali per il dispositivo di ciascun utente finale.

Tre funzionalità uniche presenti nel software MobileTogether Designer supportano lo sviluppo multipiattaforma:

• Il simulatore di esecuzione integrato consente agli sviluppatori di visualizzare come la loro applicazione appare e funziona su diversi dispositivi
• Un'ampia serie di variabili globali offre allo sviluppatore l'accesso alle caratteristiche del dispositivo utilizzato dall'utente finale, consentendo la definizione di operazioni condizionali basate sul tipo di dispositivo
• La visibilità dei componenti dipende dal dispositivo: per impostazione predefinita, qualsiasi componente aggiunto a un'applicazione è visibile su tutti i dispositivi, ma gli sviluppatori possono impostare la visibilità di qualsiasi componente in modo che dipenda dal dispositivo specifico

Lavorare con MobileTogether Designer consente di sviluppare applicazioni che funzionano in modo fluido ed elegante su tutti i dispositivi, inclusi iPhone, iPad, Android, nonché sui sistemi operativi Windows 8 e Windows 10. Allo stesso tempo, la vostra applicazione può sfruttare appieno le funzionalità più avanzate, quando disponibili.

Abbiamo implementato diverse funzionalità dell'applicazione mobile, specifiche per i vari dispositivi, nell'applicazione dimostrativa di geolocalizzazione di cui abbiamo parlato nel nostro recente articolo intitolato "Servizi REST come fonti di dati per applicazioni mobile". In quell'articolo, abbiamo pubblicato degli screenshot dell'applicazione completa in esecuzione su un iPhone, ma, durante lo sviluppo dell'applicazione, è stato utile eseguirla nel simulatore MobileTogether per vedere come si sarebbe presentata su dispositivi diversi.

Di seguito è riportata una visualizzazione parziale della finestra del simulatore, che mostra la stessa applicazione in esecuzione su dispositivi diversi.

Android:

iOS:

Windows Phone:

Tutte e tre le illustrazioni presentano le stesse informazioni e gli stessi controlli disponibili tramite l'applicazione mobile. Le differenze nella visualizzazione tra i diversi dispositivi derivano dalle variazioni nelle dimensioni dello schermo e dalle differenze nell'interfaccia utente tra i diversi sistemi operativi.

La nostra app include una pagina delle impostazioni che consente agli utenti di configurare le preferenze dell'applicazione. Questa pagina tiene conto delle caratteristiche specifiche del dispositivo, poiché i diversi sistemi operativi mobili offrono funzionalità differenti. Di seguito è riportata una schermata della pagina delle impostazioni all'interno della finestra principale di progettazione:

Le schede situate ai bordi sinistri dei controlli al centro dello schermo definiscono quali dispositivi mobili visualizzeranno questi elementi. Per impostare la visibilità specifica per ogni dispositivo, lo sviluppatore crea semplicemente il controllo in modo standard, quindi utilizza il menu contestuale che si apre con un clic destro per accedere alla finestra di dialogo relativa alla visibilità specifica per dispositivo. Nella nostra pagina, i pulsanti "File GPX" sono destinati ai dispositivi Android e iOS, ma non a Windows, quindi le opzioni corrispondenti sono selezionate nella finestra di dialogo della visibilità.

Quando eseguiamo l'applicazione nel simulatore, possiamo visualizzare in anteprima i controlli su ciascun dispositivo. A sinistra è mostrata la pagina delle impostazioni simulata per Android, mentre a destra è mostrata quella simulata per Windows Phone.

Il Designer consente inoltre agli sviluppatori di definire azioni da eseguire in base ai valori di variabili globali e locali che memorizzano dati sul dispositivo dell'utente finale. Esistono più di due dozzine di variabili globali per informazioni sul sistema operativo e sulle caratteristiche fisiche del dispositivo, e più di una dozzina di variabili locali i cui valori possono cambiare durante l'esecuzione dell'applicazione. Le variabili locali consentono agli sviluppatori di creare display personalizzati per orientamenti verticali e orizzontali, ad esempio. Di seguito è riportata una parte dell'elenco delle variabili globali.

La nostra app dimostrativa è progettata per consentire agli utenti di Android e iOS di raccogliere tutti i punti GPS registrati in un file e di inviare quel file come allegato a un'email. Il sistema operativo Windows Phone non consente alle app esterne di creare allegati per email in modo così semplice, quindi non implementeremo questa funzionalità per Windows Phone, e non è necessario creare il file.

MobileTogether ci permette di definire un gruppo di azioni per aggiungere la latitudine e la longitudine di ogni punto al file, ma solo se l'utente finale sta utilizzando Android o iOS, come si può vedere qui:

D'altra parte, Windows Phone offre un comportamento di zoom più elegante quando si visualizzano gli indirizzi su una mappa rispetto ad altri sistemi operativi, quindi permettiamo agli utenti di Windows di scegliere il livello di zoom della mappa nella pagina delle impostazioni.

Se desiderate provare di persona il comportamento specifico dei dispositivi all'interno di MobileTogether Designer, scaricate MobileTogether Designer – il suo utilizzo è gratuito – e ottenete una copia dell'applicazione dimostrativa di geolocalizzazione e dei relativi file su GitHub all'indirizzo https://github.com/altova/MobileTogether-geolocation-example.