MISE À JOUR

5 bibliothèques JavaScript open source pour moderniser votre app personnalisée

La plateforme Claris FileMaker 19 comprend l'une des fonctionnalités les plus demandées par la communauté Claris, à savoir la capacité à intégrer directement JavaScript dans vos apps personnalisées.

Vous pouvez désormais utiliser des packages prêts à l'emploi provenant de bibliothèques JavaScript, ou votre propre code, pour moderniser vos apps en incluant visualisation des données, cartes, calendriers, etc.

Voici 5 bibliothèques JavaScript utiles pour l'optimisation de vos apps.

1. Kendo UI : améliorez votre interface utilisateur

Quand avez-vous optimisé l'interface, voire l'expérience utilisateur de votre app ? Même si vous avez bien réfléchi à la manière dont les utilisateurs accompliront des tâches essentielles avec vos apps, il n'est pas rare que l'interface soit négligée au fil du temps. Des améliorations simples peuvent être apportées avec JavaScript.

Ajoutez facilement des composants d'interface avancés à vos designs existants ou tirez parti de la bibliothèque Kendo UI très fournie. Vous pouvez ajouter des fonctionnalités rapidement en intégrant des composants React configurables, à l'aide de tables de données, graphiques, feuilles de calcul, planificateurs, etc.

Cela vous permet de concevoir une interface attractive, et d'améliorer la présentation et l'interactivité de votre app.

2. Quill : ajoutez un éditeur de texte enrichi

Vous avez sans doute déjà utilisé un éditeur de texte, que vous ayez rempli un questionnaire en ligne, employé une fenêtre de chat, ou envoyé un commentaire en réponse à une publication. La plupart des applications Web d'aujourd'hui incluent un éditeur de texte enrichi. Ces éditeurs offrent une interface de modification de texte enrichi et permettent de charger des images, des liens, des fichiers audio et même des vidéos.

Par exemple, un radiologue peut soumettre un rapport textuel d'une fracture osseuse et charger la radiographie associée.

Si vous souhaitez intégrer facilement un éditeur de texte enrichi à votre app, envisagez Quill. Quill est un éditeur WYSIWYG open source gratuit pour le Web moderne. Il est entièrement personnalisable selon vos besoins.Les entreprises telles que Slack, LinkedIn et Salesforce ont adopté Quill avec la plupart de leurs produits pour utilisateurs finaux.

3. FullCalendar : améliorez votre interface avec un calendrier personnalisé

L'intégration d'un calendrier à leurs apps internes ou pour utilisateurs finaux peut se révéler bénéfique pour la plupart des entreprises. Cela permet aux clients de sélectionner une date et une heure pour leurs rendez-vous, de consigner leurs événements, d'effectuer un suivi des opérations, ou d'afficher leurs tâches critiques.

Les composants de calendrier JavaScript sont essentiels dans la plupart des apps modernes et permettent de moderniser instantanément votre interface ou d'y ajouter de nouvelles fonctionnalités.

Proposant des fonctions et des modèles attrayants, les bibliothèques open source JavaScript comme FullCalendar représentent des avantages non négligeables. Cette dernière donne accès à plus de 100 paramètres de calendrier avec fonctions par glisser-déposer et personnalisations rendant votre interface toujours plus intuitive.

4. React Gantt : ajoutez des graphiques Gantt pour la gestion de projets

Les graphiques Gantt représentent les feuilles de route et chronologies permettant d'assurer la transparence organisationnelle. Ils offrent d'importants avantages en termes d'amélioration des communications, de planification des projets et de suivi des résultats. Ils simplifient la planification des tâches et l'ajout de dépendances, et illustrent les programmes liés aux projets de manière visuelle.

Les graphiques Gantt présentaient autrefois une certaine complexité liés à la préparation et à la gestion, mais cela s'est considérablement amélioré ces dernières années.

BryntumGantt propose une bibliothèque complète de fonctionnalités pratiques et une expérience utilisateur bien pensée. Vous pouvez même représenter des éléments de chronologie à l'aide de votre modèle personnalisé. Il vous suffit de copier et coller une section de code pour profiter de nombreuses fonctionnalités (acheminements criques, exportations PDF, importations de documents, attribution des ressources, contraintes, etc.).

5. Toast UI : intégrez un éditeur d'images

Peut-être vous posez-vous la question : « En quoi intégrer un éditeur d'images à mon app pourrait-il se révéler utile ? ». Il s'agit pourtant d'une fonctionnalité critique pour les institutions telles que les banques, les écoles et les établissements de santé.

Revenons à notre exemple de la radiologie chargée à l'aide d'une app personnalisée. L'app se connecte en toute sécurité au système d'informations de l'hôpital via Claris Connect. La radiologie constitue un fichier assez volumineux. Le radiologue peut vouloir la rogner et zoomer sur la fracture pour plus de précision.

Les bibliothèques JavaScript open source dotées d'éditeurs d'images tels que Toast UI proposent un ensemble de fonctionnalités puissantes et faciles à utiliser. Elles permettent une manipulation basique des images (rognage, pivotement, inversion, filtres, etc.).

Et voilà. Nous avons présenté 5 des bibliothèques JavaScript open source les plus pratiques. Il existe des milliers d'options, payantes ou non, pour améliorer vos apps existantes. Nous espérons vous avoir convaincu d'opter pour quelques-uns de ces composants.

Vous pouvez désormais faire évoluer votre app personnalisée, développée avec Claris FileMaker 19, et ce sans restrictions. La dernière version offre également des fonctions Core ML, des raccourcis Siri, l'IA, la lecture de balises NFC (Near Field Communication), et bien plus encore.

Vous souhaitez améliorer votre app personnalisée ou en développer une nouvelle ? Téléchargez une version d'essai gratuite et commencez dès à présent !