UPDATE

Fem coola JavaScript-bibliotek med öppen källkod som fräschar upp din anpassade app.

Claris FileMaker 19 innehåller en av de funktioner som efterfrågats mest i Claris Community – möjligheten att bädda in JavaScript direkt i anpassade appar!

Nu kan du använda paket från färdiga JavaScript-bibliotek eller skapa din egen kod för att modernisera dina appar med datavisualisering, kartor, kalendrar med mera.

Här är 5 praktiska JavaScript-bibliotek som du kan förbättra dina appar med.

1. Kendo UI: Förbättra användargränssnittet

När uppdaterade du din app senast i fråga om användargränssnittet (UI) eller till och med den totala användarupplevelsen (UX)? Du har säkert ägnat mycket tid åt att planera hur användarna ska genomföra funktionella uppgifter med appen, men det är lätt att glömma bort användargränssnittet. Enkla designändringar kan göras på ett smidigt sätt med JavaScript.

Lägg enkelt till avancerade UI-komponenter i din befintliga design eller använd det omfattande biblioteket i Kendo UI. Du kan snabbt lägga till funktioner i din app genom att integrera enkla, konfigurerbara React-komponenter med avancerade datatabeller, diagram, kalkylblad, schemaläggare med mera.

Det gör att du kan designa ett engagerande användargränssnitt för slutanvändaren och därmed förbättra appens intryck och interaktivitet.

2. Quill: Lägg till en textredigerare

Oavsett om du har fyllt i en feedbackenkät online, använt ett chattfönster eller kommenterat ett inlägg har du troligtvis använt någon sorts textredigerare. De flesta webbprogram har numera en RTF-redigerare (Rich Text Format) någonstans i sin design. RTF-redigerare erbjuder ett gränssnitt för att redigera formaterad text eller låta användare ladda upp bilder, länkar, ljud eller video.

En radiolog kan till exempel skicka in en textbaserad rapport om en patients fraktur och ladda upp en visuell röntgenbild i appen.

Om du på ett enkelt sätt vill införliva en RTF-redigerare i din app kan du titta på Quill. Quill är en kostnadsfri WYSIWYG-redigerare med öppen källkod, som skapats för den moderna webben. Anpassa den för vilket behov som helst.Företag som Slack, LinkedIn och Salesforce använder Quill i de flesta av sina produkter som riktas mot användarna.

3. FullCalendar: Förbättra användargränssnittet med en anpassad kalender

Nästan varje företag kan behöva en kalender i sina användarriktade eller interna appar. Kalendrar är ett grundläggande element i en apps användargränssnitt, från att låta kunder välja tid och datum för avtalade tider till att logga händelser, spåra logistik eller visa tidskänsliga uppgifter.

JavaScript-kalenderkomponenter är grundläggande i de flesta moderna appar och kan vara ett bra sätt att ögonblickligen uppdatera kalendergränssnittet i din befintliga app eller lägga till nya funktioner.

Med attraktiva layouter och funktioner får du snabbt alla fördelar med JavaScript-bibliotek med öppen källkod som FullCalendar. Du kan välja bland över 100 anpassningsbara inställningar i en kalender i full storlek, som erbjuder smidiga dra och släpp-funktioner och anpassningar som gör ditt användargränssnitt ännu mer engagerande.

4. React Gantt: Lägg till Gantt-scheman för projektledning

Gantt-scheman visar projektöversikter och tidslinjer för transparens i organisationen. När det handlar om kommunikationsförbättringar, projektplanering och uppföljning av resultat har Gantt-scheman en rad fördelar. De gör det lätt för användare att planera in uppgifter, lägga till beroenden och skapa en visuell representation av projektplaneringen.

Tidigare var nackdelen med Gantt-scheman att de var komplicerade att förbereda och hantera, men det har förändrats på senare år.

Bryntum Gantt erbjuder ett bibliotek som är fullt av alla de rätta funktionerna och en genomtänkt användarupplevelse. Du kan till och med skapa tidslinjeelement med din egen, anpassade mall. Kritiska förlopp, PDF-export, dokumentimport, resurstilldelning, begränsningar och mycket mer finns direkt tillgängligt genom att kopiera och klistra in kod.

5. Toast UI: Lägg till en bildredigerare

Du kanske tänkerVarför i hela friden skulle jag behöva en bildredigerare i min anpassade app?”, men lite överraskande är bildredigerare en viktig funktion för professionella institutioner som banker, skolor och sjukvårdsorganisationer.

Vi går tillbaka till exemplet med radiologen som laddar upp en patients röntgenbild i en anpassad app. Appen länkar på ett säkert sätt till sjukhusets system för patientuppgifter via Claris Connect. Röntgenbilden är rätt stor i sitt råa format så radiologen kanske vill beskära bilden och zooma in på frakturen för en mer precis visualisering av det skadade området.

JavaScript-bibliotek med fotobildsredigerare med alla funktioner och öppen källkod, till exempel Toast UI, erbjuder en stabil uppsättning funktioner som är enkla att använda. Den möjliggör grundläggande bildhantering som att beskära, rotera, vända, lägga på filter med mera.

Det var det! Vi har valt ut 5 av de mest användbara JavaScript-biblioteken med öppen källkod. Det finns tusentals gratis- och betalalternativ som du kan använda för att förbättra dina befintliga anpassade appar. Vi hoppas att du blir inspirerad att använda någon av alla dessa fantastiska komponenter.

Din anpassad app, byggd i Claris FileMaker 19, kan utvecklas och växa i det oändliga. Den senaste versionen är fulladdad med Core ML-funktioner, Siri-genvägar och AI, NFC-taggar (near field communication) och mycket mer.

Vill du förbättra din anpassad app eller skapa en ny? Hämta en kostnadsfri provversion och börja utforska!