La release di Claris FileMaker 19 comprende una delle funzioni più richieste dalla community Claris: la capacità di incorporare JavaScript direttamente nelle app personalizzate!
Ora è possibile utilizzare pacchetti presi da librerie JavaScript pronte all'uso o codice personalizzato per modernizzare le proprie app con la visualizzazione di dati, mappe, calendari e molto altro.
Ecco 5 utili librerie JavaScript che è possibile utilizzare per migliorare le app.
1. Kendo UI: migliorate la vostra interfaccia utente
Quand'è stata l'ultima volta che avete aggiornato la vostra app tenendo conto dell'interfaccia utente (UI) o addirittura dell'esperienza utente in generale (UX)? Probabilmente avrete dedicato molto tempo a pianificare in che modo gli utenti possano portare a termine attività di tipo pratico con la vostra app, ma con il passare del tempo è facile che la UI venga trascurata. Con JavaScript è possibile effettuare semplici modifiche di progettazione in tutta facilità.
Inserite facilmente componenti UI avanzati in progetti esistenti o sfruttate i vantaggi della libreria completa Kendo UI. È possibile aggiungere rapidamente funzionalità all'app integrando semplici componenti React configurabili con tabelle con griglie dati avanzate, grafici, fogli elettronici, scheduler e molto altro ancora.
Questo consente di progettare un'UI accattivante per l'utente finale, migliorando l'app a livello di presentazione e di interattività.
2. Quill: aggiungete un editor rich text
Per compilare un sondaggio di feedback online, utilizzare la finestra di una chat o commentare un post spesso si utilizza un editor di testo. Di fatto, la maggior parte delle applicazioni Web odierne ha al proprio interno un editor rich text. Gli editor rich text offrono un'interfaccia in cui è possibile modificare testo e stili o permettere agli utenti di caricare immagini, link, audio e addirittura video.
Ad esempio, un radiologo potrebbe inviare un referto testuale della frattura ossea di un paziente e caricare nell'app un'immagine della radiografia.
Se state cercando un modo per incorporare facilmente un editor rich text nella vostra app, date uno sguardo a Quill.Quill è un editor WYSIWYG open source gratuito realizzato per il Web moderno e completamente personalizzabile per qualsiasi necessità.Aziende come Slack, LinkedIn e Salesforce hanno adottato Quill per la maggior parte dei prodotti rivolti all'utente.
3. FullCalendar: migliorate la UI con un calendario personalizzato
Quasi tutte le aziende potrebbero utilizzare un calendario nelle app interne o rivolte all'utente. Consentendo ai clienti di selezionare un'ora e una data specifiche per un appuntamento, offrendo la possibilità di registrare eventi, tracciare la logistica o visualizzare attività urgenti, i calendari sono elementi fondamentali della UI di un'app.
I componenti di un calendario JavaScript sono essenziali nelle app più moderne e consentono addirittura di aggiornare immediatamente la UI del calendario in un'app esistente o aggiungere alcune nuove funzioni.
Grazie a funzioni e visualizzazioni interessanti, le librerie JavaScript open-source come FullCalendar vi offrono un semplice vantaggio. È possibile scegliere tra oltre 100 impostazioni personalizzabili in un calendario full-size dotato di drag and drop e personalizzazioni per rendere la vostra UI ancora più accattivante.
4. React Gantt: aggiungete diagrammi di Gantt per il project management
Nei diagrammi di Gantt sono visualizzati piani e linee temporali, al fine di garantire la trasparenza organizzativa. Quando di tratta di migliorare la comunicazione, fare previsioni sui progetti e tenere traccia dei risultati, i diagrammi di Gantt offrono una serie di vantaggi. Facilitano gli utenti nella programmazione delle attività, nell'aggiunta di dipendenze e offrono una rappresentazione visiva dei piani di progetto.
In passato i diagrammi di Gantt avevano lo svantaggio di essere complessi da preparare e gestire, ma negli ultimi anni questa situazione è cambiata notevolmente.
BryntumGantt offre una libreria ricca di tutte le funzionalità giuste e un'esperienza utente approfondita. È anche possibile rappresentare gli elementi delle linee temporali con un proprio modello personalizzato. Percorsi critici, esportazioni in PDF, importazione di documenti, assegnazione delle risorse, restrizioni e molte altre funzioni sono a vostra disposizione copiando e incollando del codice.
5. Toast UI: incorporate un editor di immagini
Forse penserete: "Perché mai avrei bisogno di un editor di immagini nella mia app personalizzata?" Ma sorprendentemente gli editor di immagini sono funzioni fondamentali per istituzioni come banche, scuole e organizzazioni che operano in ambito sanitario.
Torniamo all'esempio del radiologo che carica una radiografia del paziente mediante un'app personalizzata. L'app si collega in modo sicuro al sistema di gestione dei dati dei pazienti dell'ospedale attraverso Claris Connect. Come potete immaginare, il file della radiografia sarà piuttosto grande nel formato originale, pertanto al radiologo potrebbe essere utile ritagliare l'immagine e ingrandire con lo zoom l'area della frattura per una visualizzazione più precisa della zona interessata.
Librerie JavaScript open source con editor di immagini completi di tutte le funzionalità come Toast UI offrono un'ampia gamma di funzioni facili da utilizzare. Questo consente modifiche di base delle immagini come il ritaglio, la rotazione, il capovolgimento, l'aggiunta di filtri e molto altro ancora.
Questo è quanto! Abbiamo selezionato 5 delle librerie JavaScript open source più utili, ma esistono migliaia di opzioni gratuite e a pagamento per migliorare le vostre app personalizzate esistenti. Speriamo che questo vi motivi a utilizzare alcuni se non tutti questi eccezionali componenti.
La vostra app personalizzata, creata su Claris FileMaker 19, ora può evolvere e crescere all'infinito. L'ultima release è inoltre ricca di funzioni Core ML, comandi rapidi Siri + AI, tag NFC (near field communication) e molto altro ancora.
Volete migliorare la vostra app personalizzata o crearne una nuova? Scaricate una versione di prova gratuita e iniziate a esplorarla!