>_ DevTrendsnl

Taal

Home

Talen

Secties

Frontend Backend Mobiel DevOps AI / ML GameDev Blockchain Embedded Beveiliging
TypeScript

Ontologie Begrijpen Zonder Pijn en Pillen Lastige Studieboeken

Toen ik voor het eerst het concept van ontologieën tegenkwam in de ontwikkeling, had ik een sterk gevoel dat ik in een filosofisch college was beland. Al deze RDF, OWL, kennisgrafen en semantische webconcepten klinken indrukwekkend, maar in de praktijk veranderen ze vaak in een berg XML-bestanden die onmogelijk met het blote oog te lezen zijn. Microsoft heeft onlangs het Ontology Playground-project gelanceerd, en het is waarschijnlijk de meest beginnervriendelijke manier om in het onderwerp te komen die ik de laatste tijd heb gezien.

Het project is gepositioneerd als een sandbox voor Microsoft Fabric IQ, maar in werkelijkheid is het nuttig voor iedereen die datastructuren wil visualiseren of wil begrijpen hoe entiteiten verbinden in complexe systemen. Het is een volledig statische webapplicatie: geen backend, geen registratie nodig, open het gewoon in je browser en begin met het tekenen van grafieken.

Ontology Playground screenshot

Wat zit er in deze sandbox

Het leukste deel is de visuele editor. In plaats van RDF-bestanden handmatig te bewerken, schets je entiteiten op een canvas.

Visuele grafiekontwerp

Het maakt gebruik van de Cytoscape.js-bibliotheek. Je maakt entiteitstypen, wijst ze kleuren, pictogrammen en eigenschappen toe. Relaties tussen hen instellen is net zo gemakkelijk: je kunt direct de cardinaliteit (een-op-veel, veel-op-veel) specificeren en zien hoe het er op het diagram uitziet. Als je ooit ER-diagrammen voor databases hebt getekend, voel je je hier direct thuis.

Gereed catalogus voor inspiratie

Als beginnen met een blanco canvas saai aanvoelt, bevat de app een bibliotheek met kant-en-klare ontologieën. Het heeft voorbeelden uit verschillende domeinen: retail, gezondheidszorg, financiën, productie. Je kunt elk van hen laden, de relatiestructuur onderzoeken en direct exporteren naar RDF/XML. Het is een geweldige manier om te zien hoe professionals complexe domeingebieden ontwerpen.

Ingebouwde ontologieschool

De ontwikkelaars hebben een Ontology School-sectie toegevoegd. Het is niet alleen documentatie, maar een set van negen interactieve cursussen. Ze leggen de basis uit: van waarom ontologieën eigenlijk nodig zijn, tot ontwerppatronen. Artikelen bevatten kennisquizzen en live grafieksnippets die veranderen terwijl je door de les gaat.

Technische stack en architectuur

Het project is gebouwd met React 19 en TypeScript 5. De toolselectie is vrij standaard voor moderne Microsoft frontend-projecten:

  • Zustand beheert de status (designer, quests, instellingen).
  • Vite verwerkt de build.
  • Framer Motion voegt vloeiendheid toe aan de interface.

De gegevensverwerking is interessant geïmplementeerd. Omdat er geen backend is, worden alle wijzigingen lokaal opgeslagen, en voor publicatie naar de gedeelde catalogus gebruikt de app GitHub Device Flow. Het automatisch forked de repository, maakt een branch en stuurt een Pull Request met je wijzigingen.

Voor degenen die visualisatie in hun eigen projecten willen gebruiken, is er een script ontology-embed.js. Je kunt het opnemen met één regel en een interactieve grafiek op elke pagina insluiten.

Wie zal dit in de praktijk nuttig vinden

Ik zie verschillende scenario's waarin Ontology Playground echt tijd bespaart.

Ten eerste is het ontwerp van datarchitectuur in de vroege fasen. Wanneer je analisten of klanten moet uitleggen hoe entiteiten met elkaar zullen communiceren, werkt een live grafiek beter dan een statische afbeelding in Miro of een omslachtig diagram in Visio.

Ten tweede is het teamtraining. Als je semantische technologieën introduceert of met Microsoft Fabric werkt, verlaagt dit hulpmiddel de instapdrempel. Het is gemakkelijker voor een nieuwkomer om op knoppen te klikken in een visuele editor dan om W3C-consortiumspecificaties te bestuderen.

Ten slotte is het snel hypothesen testen. Je kunt een schema schetsen, het valideren met ingebouwde hulpmiddelen en direct een kant-en-klaar RDF-bestand krijgen voor verdere verwerking.

Hoe het project lokaal uit te voeren

Als de webversie niet genoeg is en je het voor jezelf wilt aanpassen, is het project gemakkelijk lokaal uit te voeren. Je hebt Node.js 18+ en npm 9+ nodig.

Daarna zal de sandbox beschikbaar zijn op http://localhost:5173.

Ontology Playground is een zeldzaam voorbeeld van een complex en saai onderwerp verpakt in een coole, bijna game-achtige interface. Het project zal zware hulpmiddelen zoals Protégé voor professionele ontologen niet vervangen, maar voor ontwikkelaars en architecten die snel een domeinmodel moeten ontwerpen of grafieken moeten begrijpen, is het een must-have.

Als je altijd al hebt willen begrijpen wat dit wezen is — een ontologie — is dit het perfecte moment om de online versie te bekijken en gewoon wat grafiekknooppunten te verplaatsen. Soms vervangt zo'n sessie een paar uur theorie lezen.

Gerelateerde projecten