UPDATE

5 coole open-source JavaScript-bibliotheken om je app op maat te vernieuwen.

De release van Claris FileMaker 19 omvat een van de functies die het vaakst werden aangevraagd door de Claris Community - de mogelijkheid om direct JavaScript in uw apps op maat te verwerken!

Nu kunt u pakketten uit breed beschikbare JavaScript-bibliotheken of uw eigen code toevoegen om uw apps te moderniseren met gegevensvisualisatie, kaarten, kalenders en meer.

Hier volgen vijf nuttige JavaScript-bibliotheken die u kunt gebruiken om uw apps te verbeteren.

1. Kendo UI: verbeter uw gebruikersinterface

Wanneer hebt u voor het laatst de gebruikersinterface (UI) of zelfs de totale gebruikerservaring (UX) van uw app opgefrist? U hebt wellicht veel tijd besteed aan het uitdenken hoe gebruikers functionele taken met uw app kunnen uitvoeren, maar het is makkelijk om hierbij de UI over het hoofd te zien. Met behulp van JavaScript kunt u eenvoudig uw ontwerp aanpassen.

Voeg eenvoudig geavanceerde UI-onderdelen toe aan uw bestaande ontwerpen of doe uw voordeel met de uitgebreide bibliotheek van Kendo UI. U kunt snel functionaliteit aan uw app toevoegen door eenvoudig configureerbare React-onderdelen te integreren voor geavanceerde gegevensrastertabellen, kaarten, spreadsheets, planningstools en nog veel meer.

Zo kunt u een aantrekkelijke UI ontwerpen voor uw eindgebruiker en zo de uitstraling en interactiviteit van uw app verbeteren.

2. Quill: voeg een rich text-editor toe

Als u wel eens online een feedbackformulier hebt ingevuld, een chatvenster hebt gebruikt of een bericht hebt geplaatst, is de kans groot dat u hiervoor een teksteditor hebt gebruikt. Sterker nog, de meeste moderne webapplicaties omvatten ergens in hun ontwerp een rich text-editor. Met rich text-editors geven interfaces de mogelijkheid om tekst op te maken en kunnen gebruikers afbeeldingen, koppelingen, audio en zelfs video uploaden.

Zo kan een radioloog bijvoorbeeld een tekstrapport over een botbreuk indienen en hierbij een afbeelding van de röntgenfoto uploaden naar de app.

Als u op zoek bent naar een rich text-editor die u eenvoudig in uw app kunt verwerken, kunt u Quill overwegen. Quill is een gratis, open-source WYSIWYG-editor die is ontwikkeld voor moderne webtoepassingen. U kunt deze bovendien aan al uw wensen aanpassen.Bedrijven als Slack, LinkedIn en Salesforce hebben Quill verwerkt in het grootste deel van hun klantgerichte producten.

3. FullCalendar: verbeter uw UI met een kalender op maat

Vrijwel ieder bedrijf kan wel een kalender gebruiken in hun gebruikersgerichte of interne apps. Of het nu is om klanten een tijd en datum voor afspraken te laten kiezen of om gebeurtenissen vast te leggen, logistiek te bewaken of tijdgevoelige taken te volgen, kalenders zijn fundamentele elementen van de UI van een app.

JavaScript-kalenderonderdelen zijn essentieel in de meeste moderne apps en kunnen zelfs een geweldige kans bieden om direct de kalender-UI van uw bestaande app te moderniseren of nieuwe functionaliteit toe te voegen.

De aantrekkelijke lay-outs en functies van open-source JavaScript-bibliotheken als FullCalendar geven u hierbij eenvoudig een voordeel. U kunt kiezen uit meer dan 100 aanpasbare instellingen in een volledige kalender met eenvoudige ondersteuning voor slepen en aanpassingen om uw UI nog aantrekkelijker te maken.

4. React Gantt: voeg Gantt-grafieken toe voor projectmanagement

Gantt-grafieken laten projectplanningen en geplande tijdspaden zien voor transparantie van de organisatie. Op het gebied van communicatieverbeteringen, projectprognoses en het bijhouden van resultaten bieden Gantt-grafieken tal van voordelen. Met deze grafieken kunnen gebruikers makkelijker taken plannen, afhankelijkheden toevoegen en een visuele weergave van een projectplanning maken.

Het grootste nadeel van Gantt-grafieken was dat deze ingewikkeld waren om te genereren en beheren, maar dit is in de afgelopen jaren enorm veranderd.

BryntumGantt biedt een bibliotheek vol met alle functies die u nodig hebt en een goed doordachte gebruikerservaring. U kunt hiermee zelfs tijdslijnelementen renderen met uw eigen aangepaste sjabloon. Kritieke trajecten, PDF-exports, documentimports, brontoewijzingen, beperkingen en nog veel meer functies zijn binnen handbereik: u hoeft alleen maar stukjes code te kopiëren en plakken.

5. Toast UI: integreer een afbeeldingen-editor

U denkt misschienWaarom heb in mijn app op maat in hemelsnaam een afbeeldingen-editor nodig?,” maar verrassend genoeg is een afbeeldingen-editor een essentiële functie voor professionele organisaties als banken, scholen en zorgorganisaties.

Denk bijvoorbeeld nog eens aan het voorbeeld van de radioloog die via een app op maat de röntgenfoto van een patiënt uploadt. De app maakt via Claris Connect een beveiligde verbinding met het patiëntgegevenssysteem van het ziekenhuis. U kunt zich vast voorstellen dat het onbewerkte bestand van de röntgenfoto vrij groot is, dus het kan nuttig zijn als de radioloog de afbeelding kan bijsnijden en kan inzoomen op de breuk voor een nauwkeuriger beeld van het letsel.

Met open-source JavaScript-bibliotheken met uitgebreide foto-editors zoals Toast UI hebt u toegang tot een robuuste set gebruiksvriendelijke functies. Deze omvatten eenvoudige opties om afbeeldingen te bewerken, zoals bijsnijden, draaien, spiegelen, filters toevoegen en meer.

Dat waren ze! We hebben vijf van de nuttigste open-source JavaScript-bibliotheken voor u uitgelicht. Er zijn echter duizenden gratis en betaalde opties om uw bestaande apps op maat te verbeteren. We hopen dat we u hebben kunnen inspireren om aan de slag te gaan met een selectie van deze opties – of zelfs met allemaal!

Uw app op maat, gebouwd met Claris FileMaker 19, kan nu eindeloos blijven evolueren en doorgroeien. De meest recente release zit verder boordevol met functies als Core ML, Siri Shortcuts + AI, near field communication (NFC)-tags en meer.

Wilt u uw app op maat verbeteren of een nieuwe bouwen? Download een gratis proefversie en ga op avontuur!