Un'interfaccia utente basata sul layout può essere realizzata in FileMaker in diversi modi. Il modo più semplice è sicuramente quello di posizionare semplicemente i pulsanti corrispondenti sul layout, etichettarli e assegnare loro degli script. Sebbene questo metodo sia il più rapido, è anche la soluzione meno conveniente. Quando si aggiunge una voce di menu o si cambia l'ordinamento delle voci di menu, spesso è necessario farlo su molti layout e quindi richiede molto tempo. Un metodo un po' più flessibile per un menu di navigazione in FileMaker è l'uso di campi globali corrispondenti. Nei campi globali, l'etichetta di un pulsante viene salvata come campo di testo e, se necessario, il pulsante stesso viene salvato come campo contenitore e richiamato nel layout. Globale, in modo che i pulsanti possano essere visualizzati anche in modalità di ricerca. Questo approccio è più flessibile del primo metodo citato, ma è relativamente complesso da realizzare e quindi richiede molto tempo. Jens Liebelt adotta un approccio completamente diverso, creando menu dinamici in un visualizzatore web con l'aiuto di JQuery e il plugin MBS. Ciò conferisce ai database FileMaker un'interfaccia utente estremamente moderna, molto flessibile e al tempo stesso facile da gestire, naturalmente anche con possibilità praticamente illimitate in termini di animazione o struttura dei menu. Questo articolo spiega in dettaglio cosa c'è dietro.
Il plug-in MBS è l'elemento centrale dal punto di vista di FileMaker.
Il plugin MBS consente di interagire con FileMaker e con il contenuto di un visualizzatore Web inserito in un layout di FileMaker e agisce come una sorta di "ponte" tra il contenuto del visualizzatore Web e FileMaker. Ad esempio, il plugin MBS può essere utilizzato per interrogare quale voce di menu di un sito web è stata selezionata all'interno di un visualizzatore web, quante pagine ha un documento PDF nel visualizzatore web o quale pulsante è stato selezionato su un sito web nel visualizzatore web. Nella versione attuale, il plug-in MBS offre 44 funzioni per interrogare il contenuto del visualizzatore web direttamente in FileMaker. Ma questo non è tutto ciò che il plugin MBS offre agli sviluppatori di FileMaker: Ci sono anche funzioni provenienti dalle aree di AppleScript, campi contenitori di FileMaker, SQLuna libreria estremamente ampia per l'editing di immagini, presentazioni, file PDF, informazioni di sistema e molto altro ancora. Per informazioni più dettagliate sull'ambito funzionale del plug-in MBS per FileMaker, consultare il sito web Sito web del produttore. Una licenza per cinque utenti costa 119 euro IVA inclusa, una licenza per sviluppatori e distribuzione illimitata con soluzioni proprie costa 469 euro. Il plug-in MBS è essenziale per realizzare la soluzione descritta di seguito.
JQuery per la parte web dell'interfaccia utente.
Nella soluzione presentata, il menu web-based è realizzato con JQuery. JQuery è un'ampia libreria di classi basata su JavaScript, particolarmente adatta alla navigazione. Esistono numerosi plugin gratuiti o economici per JQuery per la navigazione sui siti web, facilmente reperibili con Google o altri motori di ricerca. Alcuni plugin di navigazione, ad esempio, si possono trovare sul sito ufficiale di Sito web di JQuery da trovare. L'ultima versione della libreria di classi JavaScript è disponibile anche su questa pagina. Quando si sceglie un plug-in JQuery adatto, tuttavia, bisogna assicurarsi che non sia eccessivamente complesso, in modo che la struttura del menu sottostante possa essere facilmente mappata nei campi dati di FileMaker.
Il visualizzatore web di FileMaker assume un nuovo significato.
Con la soluzione presentata in questo articolo, il visualizzatore Web di FileMaker assume un significato molto più importante. D'ora in poi, non si tratta più solo di visualizzare contenuti da Internet all'interno di un visualizzatore web, ma viene utilizzato per la navigazione principale all'interno di un'applicazione FileMaker.Database responsabile. Quando si utilizza un visualizzatore web come elemento di navigazione, esso diventa parte integrante di ogni layout di schermo su cui deve essere disponibile la navigazione centrale. Il vantaggio della navigazione in un visualizzatore web risiede nella flessibilità che si ottiene nell'espandere e ordinare le voci di menu disponibili. Questa soluzione consente inoltre di limitare o espandere facilmente le voci di menu in base a vari criteri, come i diritti dell'utente o le situazioni legate allo stato. Nel suo articolo, lo sviluppatore Jens Liebelt consiglia di utilizzare un menu organizzato verticalmente, poiché più le voci di menu diventano ampie, più lo spazio sullo schermo diventa rapidamente troppo limitato con un menu organizzato orizzontalmente. Con un menu verticale, inoltre, è possibile utilizzare più livelli senza problemi: nella sua soluzione sono stati realizzati al massimo due sottolivelli.
L'astrazione del menu in FileMaker
Dopo aver installato il plugin MBS in FileMaker e aver scelto un plugin JQuery adatto, le due tecnologie devono essere riunite all'interno di FileMaker - in altre parole, astratte. A questo scopo, lo sviluppatore Jens Liebelt ha bisogno solo di cinque campi del database nella sua soluzione per trasferire il modello al database di FileMaker. Più semplice è la struttura dell'elenco del menu JQuery, più semplice è l'astrazione in FileMaker. Per visualizzare il menu in un visualizzatore web di FileMaker, basta un semplice Scrittura per creare il "sito web" locale (il menu). Questo sito web locale contiene il menu scorrevole e gli script di callback e viene ricreato dopo ogni modifica del menu. Jens Liebelt utilizza TextWrangler per convertire il tipico formato di set di caratteri di FileMaker UTF-16le in UTF8. Lo script in FileMaker viene utilizzato per creare l'elenco (UL/LI) e gli script JavaScript per lavorare con FileMaker. Lo script tiene conto anche dell'ordinamento delle voci di menu.
Il video mostra i dettagli per lo sviluppo di menu dinamici con JQuery.
Per spiegare più dettagliatamente il funzionamento della soluzione, lo sviluppatore ha pubblicato un video tutorial:
FileMaker e JQuery sono una squadra perfetta per i menu dinamici.
Lo sviluppatore di FileMaker Jens Liebelt mostra nel suo Articolo specialisticoche un visualizzatore Web in FileMaker può essere molto più di una semplice area per la visualizzazione di pagine Internet. Con il web viewer e il plug-in MBS, è possibile realizzare l'intera navigazione all'interno di un database FileMaker in modo estremamente flessibile, e anche l'intera creazione e gestione del menu può essere realizzata all'interno di FileMaker.
Ulteriori informazioni sono disponibili sul sito Sito web di Jens Liebelt.
Markus Schall sviluppa database personalizzati, interfacce e applicazioni aziendali basate su Claris FileMaker dal 1994. È un partner di Claris, vincitore del premio FMM 2011 e sviluppatore del programma Software ERP gFM-Business. È anche autore di libri e fondatore dell'associazione M. Schall Editore.
