IT-Landschaft

Webentwicklung

Überblick

Die IT-Landschaft ist eine Webseite zur visualisierten Navigation durch meine Server- und Projektlandschaft. Statt einer langen Liste aus IP-Adressen und Ports zeigt sie meine gesamte Infrastruktur als interaktive, klickbare Ebenen-Struktur — vom Heimnetz über einzelne Server bis hin zur Software und ihrer Konfiguration.

Startansicht der IT-Landschaft mit den obersten Netzwerk-Knoten

Die Herausforderung

Mit wachsender Anzahl an Servern, Containern und Projekten wurde der Überblick zunehmend schwieriger — welche Anwendung läuft wo, auf welchem Port, mit welcher Datenbank im Hintergrund? Eine reine Text-Dokumentation ist dafür schnell unübersichtlich und veraltet genauso schnell wieder.

Ebenen-Navigation der IT-Landschaft von Netzwerk bis Konfiguration

Die Lösung

Die IT-Landschaft bildet die komplette Infrastruktur als navigierbaren Ebenen-Baum ab: Netzwerke → Geräte → Software → Konfiguration. Jeder Knoten lässt sich anklicken, um eine Ebene tiefer zu springen, per Info-Button lassen sich Details wie Ports oder IP-Adressen einsehen — ganz ohne die Seite zu verlassen.

Detailansicht eines Knotens mit Konfigurationsdaten

Technologien

HTML
CSS
PHP

Details & Einblicke

Interaktive Navigation

Klickbare Ebenen statt starrer Listen — vom Netzwerk bis zur Portkonfiguration.

Baukasten-System

Neue Server, Geräte oder Dienste lassen sich unkompliziert ergänzen, sobald sich die Infrastruktur ändert.

Nur lokal verfügbar

Da hier sensible Infrastrukturdaten sichtbar sind, läuft das Projekt aus Sicherheitsgründen ausschließlich lokal, kein öffentlicher Live-Link.