Erstellung des Webseitenkonzepts
Eine grobe Richtungsorientierung
Es kam zu den ersten Entwürfen. Hierbei war es mir wichtig, die alten und klassischen Blogs nahe zukommen, dies brachte mich an Anforderungen, welche ich mir als Ziel nahm umzusetzen:
- Ein klassisches Webdesign für Blogs
- Webdesign sollte sich responsive verhalten
- Positive, einladende Farbgebung
- Review-System
- Automatische Berechnung von Kriterien
- Erhöhung der Effizienz durch festlegbare Texte
- Highlighting der Bewertungsansicht
- In Abhängigkeit der Gesamtbewertung
- In Abhängigkeit der Gesamtbewertung
- Kommentar-System
- minimalistischer aber ordentlicher Stil
- Hohe Möglichkeiten der Sicherheitsskalierung:
- Wörterfilter
- Zensur o. Ausschluss/Sperre
- Erkennung v. Phrasen
- Zensur o. Ausschluss/Sperre
- Scan verdächtiger IP-Adressen
- Bot-Spam
- Bot-Spam
- Festlegung von Textlänge
- min. u. max. Beitragslänge
- min. u. max. Beitragslänge
- Wörterfilter
- Vorlesefunktion für alle Blogartikel, welche nicht "Systemmanagement" sind
- Verknüpfung der Services für Webradio u. YouTube
- Umsetzung von Besucher-Analyse u. SEO direkt im CMS
- Auswertbare Statistiken zum Präsentieren ohne Screenshots
- Umsetzung DSGVO direkt im CMS
- Einarbeitung der Minecraft Roleplay-Seiten
für den [C0r3] Gaming Clan
Start der Entwicklungsphase
Installation von Joomla und Template
- Es kam zur Installation des viel anpassbaren und komfortablen Joomla Content-Management-System als Basis zukünftiger Anpassungen, mit dem Komfort eines funktionalen Blogs
- Zeitgleich wurde ein passendes Template gefunden und installiert und dessen Farbanpassungen erstmalig festgelegt
- Die Farbgebung sollte sich an die Social Media Kanäle anlegen
- Die Farbgebung sollte sich an die Social Media Kanäle anlegen
- Während dieser Phase wurden bereits Impressum und Datenschutz angelegt sowie zwei Seiten mit Lorem ipsum, um mit verschiedenen Sachen zu experimentieren.
Umsetzung Review-System
Installation, Konfiguration und Übersetzungen
Ich habe hier auf ein mir bekanntes Review-System gesetzt, welches ich bereits in J3 verwendet habe. Ich war sehr glücklich darüber, dass es auch für J4 portiert wurde.
- Nach der Installation musste dies erst einmal vollständig ins Deutsche übersetzt werden.
- Nebenher liefen schon die ersten Versuche mit Beispielbewertungen, zur Einschätzung der Funktionalität.
Nachdem die größeren "Hürden" überwunden waren, gab es dann nochmal einen Feinschliff in Anpassung der CSS des Review-Systems sowie die Erweiterung auf ein besonderes Highlightings, welches sich nach der Gesamtbewertung richtet.
Neben der Erstellung der Bewertungskategorie war es somit notwendig, die jeweiligen Kriterien zu erstellen und innerhalb dieser die Bewertungsmaßstäbe hinzuzufügen in Form von aussagekräftigen Texten, dessen Ergebnis die Grundlage eines Punktsystems ist, welche sich durch die Analyse des vorliegenden Testobjekts richtet.
Es wurden insgesamt 8 Bewertungskategorien geschaffen mit insgesamt 64 zu bewertenden Kriterien wobei jedes Kriterium 4-12 Maßstäbe besitzt.
Eine Bewertung enthält auf Grundlage der zu bewertenden Kriterien und derer Punktzahlen, welche durch die Maßstäbe festgelegt werden eine der folgenden Beurteilungen:
Beurteilung | Bedenklich | Mangelhaft | Gut | Sehr gut | Herausragend |
Punktzahl | 0,1 - 1,9 | 2,0 - 2,9 | 3,0 - 3,9 | 4,0 - 4,7 | 4,8 - 5,0 |
Jede dieser Beurteilungen führt zu einem eigenen Aussehen (dem sog. Highlighting) des Bewertungssystem, welches somit gleich optisch sichtbar macht, was man in den Details erfahren kann.
Erster Veröffentlichtungen
Die Feder ist mächtiger als das Schwert
Nachdem die ersten erste große Komponente umgesetzt war, entschloss ich mich die ersten Artikel ins CMS einzupflegen.
Hierbei wurde als erstes ein Artikel als Re-Upload aus meinem Archiv veröffentlicht, um auch die Wiederherstellungsfunktion bei einem Ausfall zu testen.
Dabei stieß ich dann auf ein Umsetzungsproblem, welches ich jedoch auf später in der Agenda [Eintrag: Kannst Du mich sehen?] verschob.
Um ein Gefühl für diese CMS-Version zu bekommen, so schrieb ich meinen vollständig ersten und längeren Artikel, nämlich mein Selbstporträt.
Problemlösung an Seitennavigation
Code Code Code and a little sweet Bug
Durch ein Problem mit der Seitennavigation im verwendeten Template, habe ich einen Großteil meiner Zeit in diesem Projekt verloren.
Die Ursachenforschung und der Weg bis zur Problemlösung erstreckte sich hierbei über viele Stationen.
Nach einigen Wochen fand ich letztendlich das Problem und konnte durch eine kleine Code-Umschreibung ein Override in Joomla hinterlegen, damit diese Änderung durch ein Update nicht überschrieben wird.
Umsetzung des Kommentar-Systems
Fehlende Übersetzung, Paywalls u. falsche Pferde
Auf Grundlage eines Irrglaubens installierte ich erst eine "falsche" (andere) Erweiterung eines Kommentar-Systems. Ich war ein wenig über das Aussehen verwundert und beschloss jedoch, diese Erweiterung nun zu übernehmen.
- Konfiguration der Erweiterung
- Vollständige deutsche Übersetzung
- Inbetriebnahme und erste Tests
Nach knapp zwei Monaten fand ich dann die eigentliche Erweiterung, welche ich ursprünglich gesucht habe. Also beschloss ich zum Wohle der Eignung den Fortschritt zu verwerfen und dieser Erweiterung den Vorzug zugeben.
Auch dies war wieder mit ein wenig Aufwand verbunden, da die Entwickler Übersetzungen nur in der Pro-Version der Erweiterung zur Verfügung stellen.
- Konfiguration der Erweiterung
- Vollständige deutsche Übersetzung
- Inbetriebnahme und erste Tests (ab Juli)
Closed Alpha
Der erste Test mit mechanischen Freunden
Da die Website nun in ihrem Grundgerüst stand, war es Zeit über einen kurzen und überwachten Zugang, die Website einigen Freunden vorzustellen, welche prüfen sollten, in wie weit man die Sicherheit erhöhen könnte.
Mit deren Hilfe konnte ich die Sicherheit des Servers erhöhen und gleichzeitig fremde sowie externe Zugriffe auf meine Website unterbinden. Gleichzeitig schloss ich mich dem SIWECOS-Projekt an, zur permanenten Überwachung meines CMS auf mögliche Sicherheitsrisiken.
In späteren Tests zeigte sich jedoch, dass deren Prüfverfahren nicht immer sauber durchgeführt werden, weshalb oft einige Punkte fehlen und es dann zu einer Abstufung des Siegels kommt.
Kannst Du mich sehen?
Wenn Bilder erwachsen werden
Im März erkannte ich ein Problem, welches ich in diesem Monat lösen sollte. Joomla kann viel aber nicht von sich aus auf eine Zoom-Funktion für seine Bilder verweisen. Dies ist besonders dann ärgerlich, wenn man darauf angewiesen ist, gewisse Bilder in ihrem ursprünglichen HD-Format wiederzugeben.
Ich erinnerte mich an ein ehemaliges Plugin, was ich unter J3 verwendet habe, was diese Aufgabe wirklich toll erfüllt hatte. Diese konnte ich jedoch nicht nutzen, da der Entwickler sich dazu entschied, dieses Plugin nur noch gegen Bares anzubieten.
Ich versuche es erst mit einem Code-Eigenbau, wobei CSS das entsprechende Bild selbst bei einem Mouse-Over vergrößern wurde. Das Ziel war zwar erreicht, harmonierte aber nicht mit den Elementen der Seite.
Durch einen netten Joomla-Kollegen kam ich dann an eine Teil-Erweiterung, welche genau dies erfüllen sollte was ich brauchte - eine einfache Zoom-Funktion.
Da diese aber nur ein Teil, einer anderen Erweiterung ist, war sie quasi nur die Code-Basis zum Ausführen des "Zaubers" und brachte daher keine GUI-Elemente mit, mit denen man etwas im Editor selbst verfügen könnte.
Problematisch aber nicht schlimm. Ich schob dieses Problem in der Agenda auf, da nun wenigstens die Möglichkeit zur Funktion gegeben war.
Erste Eigenentwicklungen für Joomla
Denn Effizienz steigert das Zeitersparnis
Es gab nun bereits ein tolles Review-System doch machte es den Umgang im Editor ein wenig schwierig.
Dies war auch schon zu J3-Zeiten so. Ich benötigte also ein kleines Nachschlagewerk, damit die vielen Kriterien und Maßstabe schnellstmöglich ablesbar waren und nicht nur durch bloßes vermuten (try n' error) und ständiges Speichern irgendwann erst zum Ergebnis führten.
Dieser Prozess hat ziemlich viel Zeit in Anspruch genommen, da man so viele Daten / Maßstäbe erst einmal einpflegen muss.
Über eine Modulschleife und auf dem Webspace abgelegte HTML-Dateien, hab ich nun ein kleines Lexikon in meinem Dashboard.
Ein frischer ApfailKuchen
Manchmal ändert die Farbe auch die Perspektive
Während des ganzen Entwicklungszeitraums, habe ich schon die fertige Farbumgebung gesehen. Sie war freundlich gehalten, positiv - einfach sonnig.
Tatsächlich ging es mir irgendwann auf den Senkel und ich empfand es nicht mehr passend zu meiner Persönlichkeit, welche sich über diesen Zeitraum auch zunehmend änderte.
Aus dem hellen und freundlichen Farben wurde ein kühles und technisches Petrol mit auffallenden Akzenten in Türkis oder Pink.
Wer hier möglicherweise typische Farben aus den 80ern sieht, ihr habt mich erwischt! :3
SEO und die Besucheranalyse
Alte Partner sind nicht immer die verlässlichsten
Um einen Blog auch in korrekte Bahnen entwickeln zu können, ist die Auswertung der eigenen Artikel unabdingbar.
Hierbei baute ich auf dem Vertrauen, welches ich einem ehemaligen J! Erweiterungs-Entwickler gab erneut auf, war jedoch von dessen Updates von Anfang an ein wenig enttäuscht. Ebenfalls handelte es sich hierbei um eine Lösung, welche man nicht selbst im Backend, sondern eben nur extern über der Seite des Entwicklers einsehen kann.
Dies empfand ich alleine schon deswegen als störend, weil ich nicht möchte, dass die verarbeiteten Daten irgendwo anders gespeichert werden außer auf meinem eigenen Webhosting. Des Weiteren war ebenfalls nicht schön, dass der Entwickler im Verlauf der Jahre die Erweiterung aus der eigenen Joomla Installation ausbaute.
Denn dies machte es unnötig kompliziert an die aufbereiteten Daten zukommen, indem man immer erst noch eine andere Seite aufrufen musste. Das ist kompletter quatsch und so sah ich mich nach einer anderen Lösung um.
Falls man sich nun fragt, weswegen hier eigentlich ein bedrohlich rotes Banner gewählt wurde, liegt es einfach daran:
Der Entwickler hat bei der Programmierung leider einen fehlerhaften Deinstallationsprozess entwickelt, welcher die Website in einen 500er Response wirft. Wer nun eher ein Anfänger mit dem ganzen Internetkram ist, der wird wahrscheinlich Schweißperlen auf der Stirn bekommen.
Doch nach einer kurzen Auswertung des Logs konnte schnell das Problem gefunden und auch behoben werden.
Nach knapp zwei Wochen Suche, konnte ich dann bei einem anderen Entwickler ein vollständige SEO-Erweiterung erwerben, welche alle meine Wünsche vollends erfüllt. Angefangen von der Zugänglichkeit über die eigene Seite als auch die Aufbereitung der Daten. Ende gut - alles gut.
Zweite Eigenentwicklungen für Joomla
Code verstehen - Probleme lösen
Im April bemerkte ich das Problem, dass die Zoom-Lösung eben nur eine Code-Basis ist, welche dem Benutzer ohne die passende Erweiterung keine Möglichkeit zur Interaktion gibt.
Um dies zu ändern, hab ich ein kurzes HTML / JS Konstrukt gecodet, welches die Eingaben übernimmt und in einen fertigen Code umwandelt, welchen man dann im Joomla Editor verwenden kann.
Dieses kleine Tool "JCE Mediabox Code-Generator" habe ich dann in meinem persönlichen Dashboard eingebaut (dort wo sich auch mein Nachschlagewerk befindet), damit es immer schnell griffbereit ist und auch außerhalb von einem aktiven Editor verwendet werden kann.
Closed Beta
Denn vier Augen sehen mehr als zwei allein