Visuelle Erklärungen
Interaktive visuelle Erklärungen von Systemen, Frameworks und Architekturen — vom Internet und OAuth über das Business Model Canvas bis zu Microservices und CI/CD. Jede ist eine QueryChart-Zeichenfläche (FlowJam) zum Öffnen und Bearbeiten.
Alle Seiten
- So funktioniert das Internet — eine visuelle Erklärung — So funktioniert das Internet, interaktiv dargestellt: Ihr Gerät, das lokale Netzwerk, die Infrastruktur der Internetanbieter und ein Webserver — und wie Anfrage und Antwort sie durchqueren.
- So funktioniert DNS — von Domainnamen zu IP-Adressen — So funktioniert DNS, interaktiv dargestellt: Ihr Gerät, der rekursive Resolver sowie Root-, TLD- und autoritativer Server, die zusammen einen Domainnamen in eine IP-Adresse übersetzen.
- So funktioniert HTTPS — der TLS-Handshake erklärt — So funktioniert HTTPS, interaktiv dargestellt: der TLS-Handshake zwischen Browser und Server, die Rolle der Zertifizierungsstelle und die verschlüsselte Sitzung, die darauf folgt.
- So funktioniert OAuth — der Authorization-Code-Flow — So funktioniert OAuth, interaktiv dargestellt: der Authorization-Code-Flow zwischen Nutzer, Client-Anwendung, Autorisierungsserver und Ressourcenserver.
- So funktioniert JWT-Authentifizierung — Token statt Sitzungen — So funktioniert JWT-Authentifizierung, interaktiv dargestellt: Zugangsdaten, das dreiteilige signierte Token und die zustandslose Prüfung jeder Anfrage.
- So funktionieren REST-APIs — der Umlauf einer Anfrage — So funktionieren REST-APIs, interaktiv dargestellt: das Bauen einer HTTP-Anfrage, Routing und Prüfung auf dem Server und die Antwort, die den Umlauf abschließt.
- So funktioniert Docker — bauen, ausliefern, ausführen — So funktioniert Docker, interaktiv dargestellt: vom Dockerfile zum Image, von der Registry zum Container, und die Namespaces und cgroups, die einen Prozess isolieren.
- So funktioniert Kubernetes — vom Sollzustand zu laufenden Workloads — So funktioniert Kubernetes, interaktiv dargestellt: Manifeste, die Control Plane, das Einplanen der Pods und die Abgleichschleife, die Workloads am Laufen hält.
- So funktioniert Git — Momentaufnahmen, Branches und Historie — So funktioniert Git, interaktiv dargestellt: Arbeitsverzeichnis, Staging-Area, lokales und Remote-Repository und wie Commits eine geteilte Historie bilden.
- So funktionieren große Sprachmodelle — Training und Inferenz — So funktionieren große Sprachmodelle, interaktiv dargestellt: Vortraining, Fine-Tuning und die Schleife, die jede Antwort Token für Token erzeugt.
- Business Model Canvas — die neun Bausteine — Das Business Model Canvas, interaktiv dargestellt: alle neun Bausteine — Partner, Aktivitäten, Ressourcen, Wertangebote, Kunden, Kanäle, Beziehungen, Kosten und Einnahmen — in einer Ansicht.
- Lean Canvas — neun Kästen für ein Startup-Modell — Das Lean Canvas, interaktiv dargestellt: Problem, Lösung, Schlüsselkennzahlen, einzigartiges Wertangebot, unfairer Vorteil, Kanäle, Kundensegmente, Kosten und Einnahmen.
- Customer Journey Map — fünf Phasen, fünf ausgerichtete Zeilen — Eine Customer Journey Map, interaktiv dargestellt: Aktionen, Touchpoints, Fragen, Reibungspunkte und Chancen über Aufmerksamkeit, Abwägung, Kauf, Onboarding und Bindung.
- Produktentwicklungszyklus — von der Idee zum fertigen Produkt — Der Produktentwicklungszyklus, interaktiv dargestellt: Discovery, Definition, Design, Umsetzung, Test und Launch — mit Validierungsstufen und der Schleife in den nächsten Zyklus.
- Scrum Framework — der Sprint-Zyklus erklärt — Das Scrum Framework, interaktiv dargestellt: das Product Backlog, Sprint Planning, das Daily Scrum, das Sprint Review und die Retrospektive, die jeden Zyklus abschließt.
- Agiler Workflow — von den Anforderungen zum Release, in einer Schleife — Ein agiler Workflow, interaktiv dargestellt: Anforderungen, Backlog, Sprint, Demo, Abnahme durch die Beteiligten, Release und die Retrospektive, die die nächste Schleife speist.
- SWOT-Analyse — Stärken, Schwächen, Chancen, Risiken — Eine SWOT-Analyse, interaktiv dargestellt: Stärken und Schwächen innerhalb der Organisation, Chancen und Risiken außerhalb, aufgeteilt in förderlich und abträglich.
- Porters Five Forces — was die Rentabilität einer Branche bestimmt — Porters Five Forces, interaktiv dargestellt: neue Anbieter, Macht der Lieferanten, Macht der Abnehmer, Ersatzprodukte und die Rivalität, die sie alle speisen.
- Wertkettenanalyse — Primär- und Unterstützungsaktivitäten — Die Wertkettenanalyse, interaktiv dargestellt: die fünf Primäraktivitäten, die Wert schaffen, die vier Unterstützungsaktivitäten, die sie ermöglichen, und die Marge, die daraus entsteht.
- OKR-Planungsframework — Objectives und Key Results — Das OKR-Framework, interaktiv dargestellt: Objectives und Key Results kaskadieren vom Unternehmen über das Team bis zur Person, dazu der wöchentliche und vierteljährliche Takt.
- Microservices-Architektur — viele kleine Services, ein System — Microservices-Architektur, interaktiv dargestellt: Client-Schicht, API-Gateway, unabhängig ausgerollte Services, Messaging, Datenspeicher pro Service und Observability.
- Monolithische Architektur — eine Deployment-Einheit, eine Datenbank — Monolithische Architektur, interaktiv dargestellt: eine ausrollbare Anwendung mit UI-, Geschäftslogik- und Datenzugriffsmodul, eine gemeinsame Datenbank und die daraus folgende Skalierungsgrenze.
- Ereignisgesteuerte Architektur — erzeugen, veröffentlichen, konsumieren — Ereignisgesteuerte Architektur, interaktiv dargestellt: Producer, Event Bus, Subscriber und Event Store — und wie die Entkopplung neue Consumer dazukommen lässt, ohne Producer zu ändern.
- Model-View-Controller (MVC) — Eingabe, Aktualisierung, Rendern — Das Muster Model-View-Controller, interaktiv dargestellt: wie die Eingabe des Nutzers den Controller erreicht, das Model aktualisiert und über die View gerendert wird.
- Clean Architecture — die Abhängigkeitsregel — Clean Architecture, interaktiv dargestellt: Entitäten, Use Cases, Schnittstellen-Adapter und Frameworks — und die Abhängigkeitsregel, die den Kern unabhängig hält.
- CI/CD-Pipeline — vom Commit in den Produktivbetrieb — Eine CI/CD-Pipeline, interaktiv dargestellt: Commit, Build, Tests, Verpacken, Ausrollen in Staging und Produktivbetrieb und die Freigabestufen, die über ein Release entscheiden.
- Ablauf der Nutzerauthentifizierung — von der Registrierung zur Sitzung — Ein Ablauf der Nutzerauthentifizierung, interaktiv dargestellt: Kontoerstellung, Hashen und Speichern der Zugangsdaten, Anmeldung, Sitzung und geprüfte Anfragen.
- Lebenszyklus einer API-Anfrage — jeder Hop einer Anfrage — Der Lebenszyklus einer API-Anfrage, interaktiv dargestellt: Aufbau von DNS, TCP und TLS, Routing über den Load Balancer, Verarbeitung im Server und der Weg der Antwort.
- Datenpipeline-Architektur — von den Quellen zu den Erkenntnissen — Die Architektur einer Datenpipeline, interaktiv dargestellt: Quellsysteme, Change Data Capture, Erfassung, Stream- und Batch-Verarbeitung, das Warehouse und die Nutzung, die den Kreis schließt.
- Cloud-Deployment-Architektur — Weg der Anfrage und Resilienz — Eine Cloud-Deployment-Architektur, interaktiv dargestellt: Edge, Load Balancer, automatisch skalierende Anwendungsschicht, Datenschicht und Observability, die einen Dienst am Laufen halten.