Die Claris FileMaker 19-Release enthält eine der am häufigsten nachgefragten Funktionen der Claris-Community – die Möglichkeit, JavaScript direkt in Ihre eigenen Apps zu integrieren!
Jetzt können Sie Pakete aus bereits verfügbaren JavaScript-Bibliotheken oder Ihren eigenen benutzerdefinierten Code verwenden, um Ihre Apps mit Datenvisualisierung, Karten, Kalendern und mehr zu modernisieren.
Hier finden Sie 5 nützliche JavaScript-Bibliotheken, die Sie zur Optimierung Ihrer Apps verwenden können.
1. Kendo UI: Optimieren Sie Ihre Benutzeroberfläche
Wann haben Sie Ihre App das letzte Mal mit Blick auf die Benutzeroberfläche (UI) oder sogar auf die gesamte Benutzererfahrung (UX) aktualisiert? Auch wenn Sie viel Zeit damit verbracht haben, zu planen, wie Benutzer funktionale Aufgaben mit Ihrer App erledigen können, wird die Benutzeroberfläche im Laufe der Zeit leicht übersehen. Einfache Designänderungen können mit JavaScript leicht durchgeführt werden.
Fügen Sie einfach erweiterte UI-Komponenten in Ihre bestehenden Designs ein oder nutzen Sie die Vorteile der umfassenden Bibliothek vonKendo UI. Sie können Ihrer App schnell Funktionalität hinzufügen, indem Sie einfache konfigurierbare React-Komponenten mit erweiterten Datenrastertabellen, Diagrammen, Tabellenkalkulationen, Planern und vielem mehr integrieren.
So können Sie eine ansprechende Benutzeroberfläche für Ihre Endbenutzer entwerfen und die Präsentation und Interaktivität Ihrer App optimieren.
2. Quill: Rich-Text-Editor-Integration
Unabhängig davon, ob Sie eine Feedback-Umfrage online ausgefüllt, ein Chat-Fenster verwendet oder einen Beitrag kommentiert haben, ist es wahrscheinlich, dass Sie die eine oder andere Art Texteditor verwendet haben. Tatsächlich enthalten die meisten Webanwendungen heutzutage einen Rich-Text-Editor in ihrem Design. Rich-Text-Editoren bieten eine Schnittstelle zur Bearbeitung von Rich-Text oder erlauben es Benutzern, Bilder, Links, Audio und sogar Video hochzuladen.
Ein Radiologe könnte zum Beispiel einen textbasierten Bericht über den Knochenbruch seines Patienten einreichen und das Röntgenbild in die App hochladen.
Wenn Sie einen Rich-Text-Editor einfach in Ihre App integrieren möchten, sehen Sie sich Quill an. Quill ist ein kostenloser Open-Source-WYSIWYG-Editor, der für das moderne Web entwickelt wurde. Passen Sie ihn vollständig an jeden Bedarf an.Unternehmen wie Slack, LinkedIn und Salesforce haben Quill in die meisten ihrer Benutzerprodukte integriert.
3. FullCalendar: Optimierte Benutzeroberfläche dank eigenem Kalender
Nahezu jedes Unternehmen könnte einen Kalender in seinen Benutzer- oder internen Apps gebrauchen. Von der Möglichkeit, Kunden eine bestimmte Zeit und ein bestimmtes Datum für Termine auswählen zu lassen, über die Protokollierung von Ereignissen, die Verfolgung von Logistik oder die Anzeige zeitkritischer Aufgaben sind Kalender grundlegende Elemente der Benutzeroberfläche einer App.
JavaScript-Kalenderkomponenten sind in den meisten modernen Anwendungen unverzichtbar und können eine großartige Chance darstellen, die Kalender-Benutzeroberfläche in Ihrer vorhandenen App im Nu zu aktualisieren oder einige neue Funktionen hinzuzufügen.
Mit attraktiven Layouts und Funktionen bieten Ihnen Open-Source-JavaScript-Bibliotheken wie FullCalendar einen einfachen Vorteil. Sie können aus über 100 anpassbaren Einstellungen in einem Kalender in voller Größe wählen, der einfache Drag-and-Drop-Funktionen und Anpassungen bietet, um Ihre Benutzeroberfläche noch ansprechender zu gestalten.
4. React Gantt: Gantt-Diagramme für das Projektmanagement
Gantt-Diagramme zeigen Projekt-Roadmaps und Zeitpläne für mehr organisatorische Transparenz. Wenn es um die Verbesserung der Kommunikation, den Forecast von Projekten oder die Nachverfolgung von Ergebnissen geht, bieten Gantt-Diagramme eine Reihe von Vorteilen. Sie erleichtern den Benutzern die Planung von Aufgaben, das Hinzufügen von Abhängigkeiten und die visuelle Darstellung von Projektplänen.
Historisch gesehen besteht der Nachteil von Gantt-Diagrammen darin, dass sie kompliziert in der Vorbereitung und Verwaltung waren. Aber das hat sich in den letzten Jahren erheblich geändert.
BryntumGantt bietet eine Bibliothek mit allen wichtigen Funktionen und einer durchdachten Benutzererfahrung. Sie können sogar Zeitachsenelemente mit Ihrer eigenen benutzerdefinierten Vorlage darstellen. Kritische Pfade, PDF-Exporte, Dokumentimporte, Ressourcenzuweisung, Einschränkungen und viele weitere Funktionen stehen Ihnen durch Kopieren und Einfügen von Code zur Verfügung.
5. Toast UI: Integration eines Bildeditors
Sie denken vielleicht: „Wozu um alles in der Welt brauche ich einen Bildeditor für meine eigene App?“, aber überraschenderweise sind Bildeditoren für professionelle Institutionen wie Banken, Schulen und das Gesundheitswesen von entscheidender Bedeutung.
Schauen wir uns noch einmal das Beispiel des Radiologen an, der das Röntgenbild eines Patienten über eine eigene App hochlädt. Die App ist über Claris Connect sicher mit dem Patienteninformationssystem des Krankenhauses verbunden. Wie Sie sich vorstellen können, ist die Röntgendatei in ihrer Rohform ziemlich groß, so dass der Radiologe das Bild möglicherweise zuschneiden und auf den Bruchbereich zoomen möchte, um eine genauere Darstellung der Verletzung zu erhalten.
Open-Source-JavaScript-Bibliotheken mit voll ausgestatteten Bildbearbeitungsprogrammen wie Toast UI bieten einen robusten Satz von Funktionen, die einfach zu bedienen sind. Es ermöglicht grundlegende Bildmanipulationen wie Beschneiden, Drehen, Spiegeln, Hinzufügen von Filtern und vieles mehr.
Das war's! Wir haben Ihnen 5 der nützlichsten Open-Source-JavaScript-Bibliotheken beispielhaft vorgestellt. Es gibt Tausende von kostenlosen und kostenpflichtigen Optionen, um Ihre bestehenden eigenen Apps zu erweitern. Wir hoffen, dass Sie sich inspiriert fühlen, einige, wenn nicht sogar alle dieser großartigen Komponenten einzusetzen.
Ihre eigene App, die auf Claris FileMaker 19 basiert, kann sich nun endlos weiterentwickeln und wachsen. Die neueste Version ist außerdem mit Core ML-Funktionen, Siri-Kurzbefehlen + KI, NFC-Tags (Near Field Communication) und mehr ausgestattet.
Möchten Sie Ihre eigene App verbessern oder eine neue erstellen? Laden Sie eine kostenlose Testversion herunter und beginnen Sie mit der Erkundung!