Rielaborazione di applicazioni per dispositivi mobili
Le migliori idee per nuove funzionalità e altri miglioramenti alle applicazioni software esistenti spesso provengono da utenti appassionati. L'implementazione di nuove funzionalità offre l'opportunità di ottimizzare le applicazioni mobile. Dopo diversi anni di utilizzo dell'app MobileTogether Solar Data Tracking per monitorare le prestazioni di un impianto solare sul tetto, la mia amica Casey ha avuto un suggerimento.
L'applicazione mostrava una pagina con grafici e tabelle per visualizzare la produzione mensile nell'arco di un anno, e un'altra pagina per visualizzare la produzione giornaliera degli ultimi 30 giorni. I pulsanti di navigazione su ogni pagina consentivano di passare facilmente da una visualizzazione all'altra. La proposta di Casey era di modificare l'applicazione per inserire tutti i grafici e le tabelle in un'unica pagina. Nel tempo, gli utenti di dispositivi mobili si sono abituati alle applicazioni che presentano i dati in pagine lunghe, scorrendo con un semplice gesto del dito. Un'applicazione con una sola pagina risulterebbe più fluida e più moderna.
Il Solar Data Tracker è un'applicazione multipiattaforma per Android, iOS e Windows, creata a partire da un'unica fonte utilizzando Altova MobileTogether Designer. La possibilità di combinare i report in un'unica pagina ha offerto anche l'opportunità di ottimizzare l'implementazione per semplificare l'applicazione. MobileTogether Designer è uno strumento "drag and drop" che supporta la copia e l'incolla per i controlli dell'applicazione e offre strumenti per ottimizzare le applicazioni mobile identificando l'utilizzo di variabili locali e globali, funzioni, gruppi di azioni, fogli di stile, fonti di dati esterne e altro ancora. Tutte queste funzionalità hanno notevolmente semplificato la revisione.
Ecco una visualizzazione comparativa della pagina del rapporto mensile sulla produzione solare e della pagina del rapporto giornaliero, come appaiono su un telefono Android:
![[Pasted image 20250224145704.png]]
Ecco la nuova versione, in un'unica pagina, con tutti i dati visualizzati in un'unica schermata, come si vedrebbe scorrendo su un iPhone:
![[Pasted image 20250224145734.png]] Il pulsante "Aggiungi nuova fattura" situato al centro, in alto, era precedentemente la fine della pagina del rapporto mensile. Ora, il rapporto continua a scorrere nei dati storici giornalieri. Abbiamo aggiunto una segnalazione in fondo alla pagina per indicarne la conclusione.
I passaggi per creare la nuova versione nel software MobileTogether Designer erano semplici:
Copiate gli elementi di design dalla pagina del rapporto giornaliero e incollateli alla fine della pagina mensile
Rimuovere i pulsanti di navigazione tra le pagine non necessari
Rivedere e semplificare le etichette dell'intestazione
Riprogettare la tabella dei dati giornalieri per eliminare la funzionalità di scorrimento
Eliminare la vecchia pagina del rapporto giornaliero dalla gerarchia del flusso di lavoro
Il software MobileTogether Designer include uno strumento di validazione per individuare errori logici o avvisi, e un pulsante "Annulla" che permette di tornare indietro in ogni fase di modifica, per individuare con precisione quale cambiamento potrebbe aver causato un problema.
È necessario anche rivedere un gruppo di azioni. Quando l'utente aggiunge una nuova lettura giornaliera o informazioni riportate sulla bolletta di una compagnia elettrica, i grafici devono essere aggiornati con i nuovi dati. L'implementazione originale utilizzava gruppi di azioni separati per aggiornare i grafici su ogni pagina. Possiamo aprire la finestra di dialogo del gruppo di azioni e aggiungere azioni a un gruppo di azioni esistente per aggiornare anche i grafici giornalieri.
Abbiamo anche rinominato il gruppo di azioni per descriverne meglio le funzionalità. Quando si rinomina un gruppo di azioni nella finestra di dialogo "Gruppi di azioni", il sistema aggiorna automaticamente il nome in tutte le posizioni in cui il gruppo di azioni viene utilizzato.
La finestra integrata del simulatore MobileTogether esegue immediatamente la soluzione, consentendoci di testare la logica, visualizzare l'interfaccia utente come apparirà su una varietà di dispositivi Android, iOS, Windows e altri, e di esaminare le modifiche ai dati del flusso di lavoro durante l'esecuzione. Il simulatore include anche ampie funzionalità di debug per un'osservazione e un tracciamento dettagliati del comportamento durante l'esecuzione.
Il menu "Ristruttura" contiene comandi che elencano l'utilizzo di diversi componenti di progettazione o elementi che non vengono utilizzati in nessuna parte dell'applicazione.
L'elenco dei gruppi di azione include il gruppo originale che aggiornava i grafici di produzione giornalieri. Poiché la pagina del rapporto giornaliero non fa più parte dell'applicazione, questo gruppo di azione non sarà mai più necessario e può essere eliminato.
Abbiamo implementato il nuovo sistema di monitoraggio dei dati mobili, e Casey lo ha presentato con entusiasmo a una fiera di auto elettriche in un parco dove la copertura del segnale telefonico era scarsa e non era disponibile la connessione Wi-Fi.
Provate tutte le funzionalità di MobileTogether per la rifattorizzazione delle applicazioni mobile scaricando gratuitamente il software MobileTogether Designer.