Wie Erstellt Man Eine Unternehmenswebsite Einmal und Richtig?

Bei der Erstellung unserer Drupal Droopler-Distribution haben wir mehrere Jahre Erfahrung im Bau von Unternehmenswebsites berücksichtigt. Wir haben festgestellt, dass eines der wichtigsten Anforderungen bei der Erstellung großer Websites die Anwendung des "einmal und richtig"-Prinzips ist. 

Einmal erstellt, sollte die Software einfach zu benutzen und zu aktualisieren sein und keine umfangreichen Umbauten erfordern, um neue Funktionen einzuführen. Hier sind einige Tipps, wie Sie Websites erstellen können, die wir mit Ihnen teilen können. Sie werden besonders im Kontext der Arbeit mit Drooper nützlich sein.

Vermeiden Sie Abkürzungen

In der Programmierung kann ein einzelnes Ziel oft auf viele Weisen erreicht werden. Denken Sie daran, dass der schnellste und einfachste Weg nicht unbedingt der empfohlene ist. Ein gutes Beispiel sind Änderungen am Erscheinungsbild von Websites. 

Sicherlich haben Sie auf schlecht geschriebene CSS-Dateien gestoßen, die "heruntergeratterten" Code enthalten, ohne sich mit der Dokumentation und der bestehenden Struktur von Styles zu befassen. Der Missbrauch der important-Direktive und das Verbergen unnötiger Elemente mit der display: none-Eigenschaft ist charakteristisch für solche Änderungen. Die Aussicht auf schnelle Änderungen kann das richtige Urteilsvermögen so trüben, dass der Code an der falschen Stelle landet. Unerfahrene Programmierer bearbeiten oft kompilierte Dateien, ohne die SCSS- und JavaScript-Quelldateien überhaupt wahrzunehmen. Die Auswirkungen solcher Handlungen erhöhen die Kosten einer möglichen Projektübernahme durch ein anderes Team.

Ein weiteres Beispiel für eine Abkürzung ist das Überschreiben gesamter Seitentemplates, um einzelne Teile zu ändern. Dies ist oft im Fall von Drupal und den von ihm verwendeten Twig-Dateien zu sehen. Die ausgewählte Seite kann überschrieben werden, ohne dass sichtbare Probleme auftreten, aber eine falsche Designentscheidung kann weitreichende Konsequenzen haben.

Zusammengefasst: Was sind die Nachteile schneller Lösungen? Sie sind kurzfristig billig und effektiv, aber sie erschweren die Wartung und Aktualisierung der Website langfristig. Es ist auch schwierig, anderen Programmierern einen Code voller gedankenloser Änderungen zu übergeben.

Achten Sie auf Details 

Zuerst möchte ich Ihnen von der Broken-Windows-Theorie erzählen. Dies ist ein soziologisches Thema, das einen Fall beschreibt, in dem sichtbare Verwüstung in der Umgebung zu dem Schluss führen kann, dass es kein Gesetz gibt. Prof. Philip Zimbardo führte ein Experiment durch, bei dem er zwei Autos, eines in einem armen und eines in einem reichen Viertel, stehen ließ. Das im armen Viertel zurückgelassene Auto wurde schnell zerstört, das im reichen Viertel verbliebene Auto blieb in einem unberührten Zustand. Nachdem jedoch sein Fenster absichtlich zerbrochen worden war, wurde es ebenfalls mit der Zeit vollständig zerstört. Es scheint, dass sichtbare Vernachlässigung den Verlust moralischer Hemmungen im Menschen auslöst.

Diese Theorie kann direkt auf die Arbeit eines Programmierers angewendet werden. Wenn er bemerkt, dass Änderungen in einem gegebenen Projekt schlampig eingeführt werden, wird er nicht motiviert sein, soliden Code zu schreiben. Die metaphorischen "kaputten Fenster" werden dazu führen, dass die nachfolgenden Änderungen nicht besser als die vorherigen sind.

Deshalb ist es äußerst wichtig, auf die kleinsten Details zu achten. Bei der Softwareentwicklung bei Droptica überprüfen wir den Code sehr sorgfältig und erlauben keine noch so kleinen Mängel; auf diese Weise ermutigen wir andere, wachsam zu bleiben und die Qualität ihrer Arbeit auf einem hohen Niveau zu halten. Wir empfehlen Ihnen, diesen Ansatz zu übernehmen. Indem Sie auch auf kleine Tippfehler in den Kommentaren zum Code achten, erhöhen Sie die Messlatte für das gesamte Team.

Aufmerksamkeit für Details steht in direktem Zusammenhang mit dem vorherigen Punkt, d.h. keine Abkürzungen zu nehmen. Arbeiten Sie solide. Nutzen Sie von Anfang an Versionierung und überprüfen Sie den Code sorgfältig. Als Drupal- und Droopler-Nutzer sollten Sie immer Composer verwenden und nicht der Versuchung erliegen, Module über ZIP-Dateien herunterzuladen. Planen Sie Ihre Aktionen und wenden Sie den modularen Ansatz an, bei dem einzelne Funktionalitäten voneinander getrennt sind.

Verwenden Sie Werkzeuge wie vorgesehen

Der Bedarf an Flexibilität beim Entwerfen von Websites nimmt nie ab. Wir wissen aus unserer Erfahrung, dass keine Bearbeitungslösung alle möglichen Anwendungen abdecken kann. Dies führt in der Regel dazu, dass die Software auf eine Weise verwendet wird, die nicht vollständig den Absichten ihrer Schöpfer entspricht.

Aus der Sicht der Ersteller von Droopler stellen wir mit unserer Distribution etwa ein Dutzend fertiger Absatztypen (Elemente, aus denen Sie eine Seite erstellen können) bereit. Manchmal ist es notwendig, eine Funktionalität zu erhalten, die wir nicht vorhergesehen haben. Zum Beispiel fügen Benutzer Skripte von anderen Websites in den Inhalt von Textfeldern ein oder ändern das Farbschema von Absätzen in einer anderen Weise als in den offiziellen Anweisungen beschrieben.

Warum ist ein solcher Ansatz ineffektiv? Wenn wir eine neue Version von Droopler veröffentlichen, versuchen wir, die bestehenden Funktionalitäten zu testen und die Kontinuität des Betriebs der Websites für alle Benutzer sicherzustellen. Wir sind jedoch nicht in der Lage, benutzerdefinierte und nicht unterstützte Verwendungen zu überprüfen. 

Diese Anmerkung gilt praktisch für alle Software. Wenn Sie Werkzeuge entgegen ihrem vorgesehenen Zweck verwenden, müssen Sie damit rechnen, dass sie in Zukunft aufhören, gemäß unseren Annahmen zu funktionieren.

Begrenzen Sie die Anzahl der verwendeten Werkzeuge

Drupal ist ein von der Community entwickeltes System, das auf externen Modulen basiert. Ihre große Anzahl bedeutet, dass einen Effekt oft auf völlig unterschiedliche Weise erreicht werden kann. Zum Beispiel können Sie Inhalt über einen gewöhnlichen WYSIWYG-Editor, Paragraphen-Elemente und das aus WordPress bekannte Gutenberg-Projekt hinzufügen. Blöcke auf der Seite können auf fortgeschrittene Weise über die Layout Builder- oder Context-Module angeordnet werden. Sie können Inhalte mithilfe von Views, der integrierten Suche oder der externen Search API durchsuchen.

Alle in den obigen Beispielen genannten Module können parallel arbeiten und einander ergänzen. Es sollte jedoch berücksichtigt werden, dass jede nachfolgende Lösung, die auf der Seite verwendet wird, ihre Konfiguration kompliziert und sich negativ auf die Leistung auswirkt. Beim Start der Erstellung einer Seite sollten Sie die Werkzeuge auswählen, die Sie verwenden möchten, und sich jederzeit an sie halten. Im Fall von Droopler sind einige Betriebsweisen (wie das Hinzufügen von Inhalten über Paragraphen) durch die Architektur der Distribution vorgegeben.

Visuelle Konsistenz beibehalten

Die Wahrung der visuellen Ordnung ist für jede Website sehr wichtig. Dabei geht es jedoch nicht nur darum, das richtige Aussehen zu gewährleisten. Die Methode zur Einführung von Änderungen ist ebenso wichtig. Eine Website, die für einen externen Benutzer absolut korrekt angezeigt wird, kann auch ernsthafte Designmängel aufweisen.

Im Fall von Droopler empfehlen wir, vor Änderungen an SCSS die Dokumentation im offiziellen Repository zu überprüfen. Es wird einige Zeit dauern, aber Ihre Arbeit erheblich beschleunigen. Wir haben eine SCSS-Architektur vorbereitet, in der die Variablen in einer Art Abhängigkeitspyramide angeordnet sind. Die Verwendung von Variablen an der Spitze der Pyramide wirkt sich auf alle darunterliegenden Variablen aus, aber es ist auch möglich, eine solche "Nachfolge" von Werten zu blockieren und jedes Element zu überschreiben. Es ist ein äußerst flexibler und effektiver Ansatz, der es Ihnen ermöglicht, das gesamte Farbschema einer Seite in nur wenigen Minuten zu ändern.

Wenn Sie außerhalb des beschriebenen Systems Änderungen vornehmen, können Sie nicht von unserer Architektur profitieren – Ihr Code wird schwieriger zu aktualisieren und weniger verständlich.

Zusammenfassung

Das "einmal und richtig"-Prinzip hat vier Vorteile, die aus geschäftlicher Sicht äußerst wichtig sind:

• Erleichterung der Aktualisierungen – Sie können sicher sein, dass Sie bereit sind, zukünftige Versionen der Software zu installieren und somit schnell auf kritische Updates reagieren können.
• Fähigkeit zur Projektübernahme – Wenn Sie das Entwicklungsteam oder den Auftragnehmer wechseln müssen, kann dies ohne mühsame Codeanalysen erfolgen.
• Sicherung der Anwendung – Änderungen auf empfohlene Weise vorzunehmen und das schlampige Lösen von Problemen zu vermeiden, führt direkt zu einem höheren Sicherheitsniveau.
• Zeitersparnis für die Zukunft – Es sollte bedacht werden, dass schnell geschriebener Code und hastig getroffene Designentscheidungen früher oder später erhebliche Kosten verursachen (z.B. Refactoring und Aktualisierung).