Grafische Portübersicht
Darstellung eines Netzwerk-Switches mit 48 einzeln auswählbaren Ports. Die Portbelegung wird innerhalb einer grafischen Benutzeroberfläche übersichtlich dargestellt.
Portplan-Webtool.
Entwicklung einer webbasierten Anwendung zur grafischen Dokumentation und Verwaltung der Portbelegung von Netzwerk-Switches.
Projektart
Eigene Webanwendung
Projektstatus
Laufende Weiterentwicklung
Meine Rolle
Konzeption & Entwicklung
Schwerpunkt
Webentwicklung & Netzwerktechnik
Projektbeschreibung
Netzwerkports visuell verwalten.
Das Portplan-Webtool ist eine von mir entwickelte Webanwendung zur übersichtlichen Dokumentation der Portbelegung meiner Netzwerkinfrastruktur.
Ziel des Projekts ist es, die Verwaltung von Switch-Ports zu vereinfachen und wichtige Informationen wie Portstatus, angeschlossene Geräte und VLAN-Zuordnungen zentral darzustellen.
Statt Portbelegungen ausschließlich in Tabellen oder Textdokumenten festzuhalten, ermöglicht die Anwendung eine grafische Darstellung der Netzwerkhardware.
Das Webtool wurde ursprünglich für einen Cisco Catalyst Switch mit 48 Ethernet-Ports entwickelt und wird schrittweise erweitert.
Funktionen
Was die Anwendung bietet.
Eine Kombination aus grafischer Darstellung, Portverwaltung und strukturierter Datenspeicherung.
Portstatus verwalten
Jeder Port kann mit einem Status versehen werden. Die Zustände Frei, Belegt und Deaktiviert werden durch unterschiedliche Farben dargestellt.
VLAN-Konfiguration
Dokumentation von Access- und Trunk-Ports einschließlich VLAN-Zuordnungen. Für Trunk-Verbindungen können zusätzliche Informationen wie Native VLAN und erlaubte VLANs hinterlegt werden.
JSON-Datenspeicherung
Die Portinformationen werden strukturiert im JSON-Format gespeichert. Dadurch können bestehende Portbelegungen erneut geladen und weiterbearbeitet werden.
Suchfunktion
Eine integrierte Suchfunktion unterstützt das schnelle Auffinden dokumentierter Portinformationen und Geräte.
JSON-Export
Die dokumentierten Portdaten können im JSON-Format exportiert werden. Dies ermöglicht die Weiterverarbeitung oder Sicherung der Informationen.
Architektur
Technische Umsetzung
Die Anwendung kombiniert serverseitige Verarbeitung mit einer interaktiven Benutzeroberfläche.
PHP
PHP übernimmt die serverseitige Verarbeitung der gespeicherten Portinformationen und stellt die Schnittstelle zwischen Benutzeroberfläche und Datenspeicherung bereit.
JavaScript
JavaScript ermöglicht die interaktive Bedienung der Portübersicht. Dazu gehören die Auswahl einzelner Ports und die Verarbeitung von Benutzereingaben.
JSON-Dateien
Die Anwendung verwendet eine dateibasierte Datenspeicherung. Eine zusätzliche relationale Datenbank ist für die aktuelle Umsetzung nicht erforderlich.
Apache2
Bereitstellung der Anwendung über einen Apache-Webserver auf einem eigenen Linux-System.
Motivation
Warum ich das Tool entwickelt habe.
Durch den Aufbau und die regelmäßige Erweiterung meines HomeLabs entstand der Bedarf, Netzwerkverbindungen und Portbelegungen übersichtlich zu dokumentieren.
Mit dem Portplan-Webtool habe ich dafür eine eigene Lösung entwickelt, die sich an den Anforderungen meiner Netzwerkumgebung orientiert.
Das Projekt verbindet meine Interessen an Webentwicklung und Netzwerktechnik und bietet gleichzeitig eine praktische Unterstützung bei der Administration meiner Infrastruktur.
Ausblick
Geplante Weiterentwicklung.
Das Portplan-Webtool wird kontinuierlich an die Anforderungen meiner Netzwerkinfrastruktur angepasst.
Zu den vorgesehenen Erweiterungen gehören zusätzliche Möglichkeiten zur grafischen Darstellung der Netzwerkstruktur sowie die Weiterentwicklung vorhandener Exportfunktionen.