autentik

autentik ist ein Wissensnetzwerk, in dem nicht einzelne Seiten im Mittelpunkt stehen, sondern die Verbindungen zwischen Inhalten, etwa zwischen Künstlern, Alben, Songs, Orten, Produkten und Themen. Ein interaktiver Graph macht diese Zusammenhänge sichtbar und navigierbar.

Ausgangslage

Klassische Websites ordnen Inhalte in Seiten und Menüs. autentik sollte anders funktionieren: Im Mittelpunkt steht, wie Objekte zusammenhängen. Ein Porsche 911 führt zu Werbefilmen, Fotografen und Songs, ein Künstler zu Alben, Konzerten, Genres und verwandten Künstlern.

Die Inhalte kommen aus vielen Quellen und umfassen Millionen Einträge. Sie mussten zusammengeführt, miteinander verknüpft und schnell abrufbar sein.

Lösung

Graph-Navigation mit D3.js: Zu jedem Objekt zeigt ein interaktiver Graph die verbundenen Inhalte. Die Knoten sind nach Typ gruppiert und nach Relevanz sortiert, zum Beispiel Genres nach Stimmen, Videos nach Aufrufen und Alben nach Erscheinungsdatum.
Konfigurierbare Seitentypen: Wie eine Seite aufgebaut ist, wird über Seitentypen mit Modulen festgelegt, etwa für Künstler, Genres, Playlists oder Produkte.
Eingebundene Medien: Karten, Videos, Spotify-Player, Zeitleisten und Plattenangebote von Discogs.
Finder: Nutzer beantworten einige Fragen, beim Mountainbike-Finder zum Beispiel zu Fahrertyp, Gelände und Einsatzbereich, und bekommen passende Produkte angezeigt.
KI-Chat: Ein Chatbot mit Internetzugriff beantwortet Fragen zu den Inhalten und erstellt auf Wunsch Playlists, die direkt in die Datenbank übernommen werden.

Objektseite zum Porsche 911 F-Modell mit verknüpften Fotos, Werbeanzeigen und Kategorien — Objektseite mit verknüpften Inhalten

Liste der 500 besten Songs des Rolling Stone mit Spotify-Player und Albumcovern — Rangliste mit eingebundenem Spotify-Player

Seite zu Brooklyn mit Satellitenkarte, Stadtplan und verknüpften Orten — Orte mit eingebundenen Karten

Zeitleiste der Porsche-911-Modelle von 1963 bis heute — Zeitleiste

Seite zu einem Porsche-Werbefilm mit eingebettetem Video und verknüpften Kategorien — Eingebettete Videos

Interaktiver D3.js-Graph mit den Verbindungen des Porsche 911 F-Modells — Interaktiver Graph der Verbindungen

Mountainbike-Finder mit Fragen zu Fahrertyp, Gelände und Einsatzbereich — Mountainbike-Finder

Detailansicht eines Fahrertyps im Finder mit Graph der passenden Mountainbikes — Detailansicht mit Graph der passenden Produkte

Ergebnisliste des Finders mit bewerteten Mountainbikes — Ergebnisliste des Finders

Technische Herausforderungen

Daten aus vielen Quellen zusammenführen

Die Inhalte stammen aus MusicBrainz, Wikipedia, Wikidata, dem Cover Art Archive, Spotify, ListenBrainz und YouTube. Jede Quelle hat eigene Formate und IDs. Die MusicBrainz-Daten werden vollständig in die Graph-Datenbank Neo4j importiert. Ergänzende Daten wie Texte, Bilder, Videos und Spotify-Links werden erst geladen, wenn eine Seite aufgerufen wird, und dann gespeichert. So bleibt der Import schlank, und die Seiten bekommen trotzdem alle Informationen.

Das Schema des Graphen

Welche Arten von Knoten und Beziehungen es gibt, ist in einem versionierten Schema festgelegt. Jede Änderung braucht eine Migration, die vor dem Deployment automatisch geprüft wird. So können Änderungen am Datenmodell die Live-Daten nicht beschädigen.

Graph-Darstellung bei vielen Verbindungen

Ein bekannter Künstler hat schnell Hunderte Verbindungen. Der Graph lädt deshalb pro Beziehungstyp nur eine begrenzte Anzahl Nachbarn, sortiert nach Relevanz, und passt seine Höhe an die Anzahl der Knoten an.

Ergebnis

Millionen Einträge zu Künstlern, Aufnahmen, Alben und Veröffentlichungen in einer Graph-Datenbank
Laufende Weiterentwicklung mit regelmäßig neuen Funktionen, zuletzt ein neues Design der Künstlerseiten, ein Player für ARD Sounds und eigene Playlists für Nutzer

Weitere Projekte

Hostcraft
Hostcraft gibt Gastgebern von Ferienunterkünften eine eigene Buchungsseite mit Kalenderabgleich zu Airbnb und Booking.com. Entwickelt mit Next.js, Payload CMS und Stripe.
Mart App
MART ist eine App für iOS und Android, mit der Forschende Befragungen und Smartphone-Nutzungsdaten erheben. Eingesetzt in einer Studie der FU Berlin mit 1.780 Teilnehmenden.
Crypto Tax Tool
Das Crypto Tax Tool wertet CoinTracking-Exporte aus: Steuerfreiheit mit frei einstellbarer Haltefrist, Bestand zu aktuellen Kursen, Gewinn- und Verlustanalyse und Transaktionsliste. Läuft komplett im Browser.

Kontakt Kontakt

Für ein unverbindliches Gespräch rufen Sie mich an oder schreiben Sie mir eine Mail.
Abhängig vom Auftrag wird ein Stundensatz zwischen 60 und 80 € netto berechnet.

01577 3125228

[email protected]