Busek

Kościańska Komunikacja Publiczna ruszyła 1 kwietnia 2026 roku. Rozkłady istniały od pierwszego dnia — w plikach PDF na stronie urzędu i na słupkach przystankowych. Nie istniało natomiast nic, co odpowiadałoby na pytanie, o której konkretny autobus podjedzie na konkretny przystanek.

Busek zaczął się od tego jednego pytania i rozrósł do pełnej aplikacji miejskiej. Powstał obok urzędu, nie na jego zlecenie, i działa dziś pod adresem busek.pl/koscian.

Wszystkie zrzuty na tej stronie pochodzą z działającej produkcji, nie z projektu graficznego.

Pierwsze, co widać po otwarciu: trzy kolejne odjazdy z przystanku, przy którym mieszkaniec stoi, z odliczaniem „za 14 min” i podziałem na kierunki. Nad nimi wyszukiwarka i skróty do linii; nic nie wymaga logowania ani wchodzenia w podstrony.

Wybrany przystanek i zestaw linii zostają zapamiętane w przeglądarce, więc przy kolejnej wizycie nie trzeba klikać niczego. Gdy przewoźnik zmieni nazwę przystanku, stary zapis jest tłumaczony na aktualny, więc zakładka nigdy nie prowadzi w pustkę.

Cała trasa linii w kolejności przejazdu, z mapą i z przystankami odwiedzanymi w pętli dwukrotnie, oznaczonymi ① i ②. Po wybraniu przystanku widać trzy najbliższe kursy, a pod przyciskiem pełną tabelę godzin, tę samą co na słupku.

Wybór linii i przystanku ląduje w adresie strony, więc rozkład da się komuś wysłać linkiem, a przycisk „wstecz” działa zgodnie z oczekiwaniem. Gdy linia danego dnia nie kursuje, rozkład nadal jest widoczny, z wyraźną adnotacją zamiast udawanych godzin.

Zamiast planowej godziny mieszkaniec dostaje realny czas dojazdu, liczony z pozycji konkretnego pojazdu: „za 39 min”, „na czas”, „spóźniony o 4 minuty”, „autobus na przystanku”. Pod spodem pozycja na mapie i oś całego kursu z kolejnymi przystankami.

Pozycje pochodzą z publicznego feedu GTFS-Realtime serwisu zbiorkom.live i są odświeżane co dwadzieścia sekund. Przy każdej informacji na żywo interfejs podaje źródło i czas ostatniego odczytu.

Najwięcej pracy kosztowały sytuacje, w których danych nie ma. Aplikacja rozróżnia „dziś nie kursuje”, „autobus już minął ten przystanek”, „chwilowy brak pozycji” i „jesteś offline” zamiast jednego ogólnego komunikatu o błędzie. Dane planowe i dane z GPS są w interfejsie rozdzielone, żeby prognoza nigdy nie wyglądała na potwierdzoną pozycję pojazdu.

Skąd–dokąd nie tylko z przystanku na przystanek: podpowiedzi adresów i miejsc pochodzą z OpenStreetMap i są ograniczone do Kościana z okolicą. Wynik zawiera dojście pieszo z policzonym dystansem i czasem, ewentualną przesiadkę i podgląd trasy na mapie.

Algorytm nie wybiera przystanku najbliższego, tylko najlepszy: porównuje kilku kandydatów i karze nadmierny spacer, więc czasem podpowie przystanek dalszy, za to z szybszym połączeniem. Warianty gorsze pod każdym względem są z wyników usuwane.

Busek instaluje się na ekranie telefonu jak zwykła aplikacja, ale nie przechodzi przez żaden sklep. To PWA — progresywna aplikacja webowa. Przeglądarka czyta manifest z kompletem ikon, własnym kolorem motywu i trybem pełnoekranowym, a service worker zapisuje w pamięci urządzenia to, co ma działać bez sieci.

Rozkład i wyszukiwarka są zapisywane od razu przy instalacji, w trzech językach naraz. Dane rozkładowe są wkompilowane w aplikację, więc połączenie z adresu na adres liczy się lokalnie na telefonie — bez ani jednego zapytania do serwera.

Po utracie sieci pojawia się ekran Buska z drogą powrotu, a nie komunikat przeglądarki. Nie wszystko jest jednak zapisywane: mapa offline nie zadziała, bo kafelki OpenStreetMap zostały wykluczone z pamięci podręcznej ze względu na objętość.

Polski, angielski i ukraiński: pełny interfejs w każdej wersji, łącznie z polityką prywatności, formularzami i komunikatami błędów. Nazwy przystanków zostają po polsku niezależnie od języka: mają brzmieć tak, żeby dało się o nie zapytać kierowcy.

Warstwa dostępności obejmuje link „przejdź do treści”, widoczny focus na każdym elemencie interaktywnym, komunikaty ogłaszane czytnikom ekranu przez aria-live, cele dotykowe w dolnej nawigacji nie mniejsze niż 44 piksele, honorowanie prefers-reduced-motion oraz motyw ustawiany przed pierwszym renderem, bez mignięcia bieli.

Next.js 16 na App Routerze, React 19, TypeScript, Tailwind CSS 4, Leaflet do map, next-intl do trzech języków, Serwist do trybu offline. Całość działa w kontenerze Dockera za reverse proxy Caddy na własnym VPS-ie.