Case study – aplikacja webowa / pracownia jubilerska

Aplikacja do zarządzania pracownią jubilerską

Aplikacja webowaAstroPHPMySQLUX
Terminarz napraw w aplikacji do zarządzania pracownią jubilerską
Astro · PHP · MySQLstack aplikacji
7modułów: start, naprawy, wyroby, terminarz, zlecenia, usługi, pracownicy
4statusy zlecenia – od przyjęcia do wydania klientowi
1 klikzmiana statusu i wydruk raportu tygodniowego

Punkt wyjścia

Pracownia jubilerska przyjmuje dwa rodzaje pracy: naprawy (lutowanie, skracanie łańcuszków, czyszczenie i polerowanie pierścionków) oraz zlecenia wyrobu, czyli biżuterię wykonywaną na zamówienie, zwykle z zadatkiem.

Aplikacja miała szybko odpowiadać na pytania, które w pracowni padają codziennie: ile napraw zmieści się jeszcze w danym dniu, co jest gotowe do odbioru, kto nad czym pracuje i ile zleceń wpadło w tym tygodniu.

Cel był prosty: aplikacja, z której pracownik skorzysta bez szkolenia, a właściciel od razu zobaczy obłożenie pracowni.

Co zbudowałem?

Aplikację webową w Astro (interfejs) z backendem w PHP i bazą MySQL. Całość jest podzielona na moduły dostępne z górnego menu: Start, Terminarz, Zlecenia, Usługi, Raport i Pracownicy.

Ekran startowy – duże kafelki zamiast menu

Na starcie pracownik widzi pytanie „Co chcesz zrobić?” i dwa duże kafelki: Naprawa oraz Zlecenie wyrobu. Pod nimi są skróty do terminarza, listy zleceń i raportu tygodniowego. Najczęstsze czynności są jedno kliknięcie od ekranu startowego – bez szukania po zakładkach.

Ekran startowy aplikacji dla pracowni jubilerskiej z kafelkami Naprawa i Zlecenie wyrobu

Ekran startowy: dwie główne akcje i skróty do terminarza, listy zleceń i raportu.

Przyjęcie naprawy krok po kroku

Formularz nowej naprawy jest podzielony na ponumerowane kroki, które wypełnia się od góry do dołu i zapisuje jednym przyciskiem. W jednym zleceniu można dodać kilka produktów – np. pierścionek do polerowania i łańcuszek do lutowania. Dla każdego produktu pracownik wybiera usługę z listy, wpisuje wagę w gramach, kwotę do zapłaty i opis zakresu prac. Osobne pole „Liczony ubytek” pozwala zaznaczyć, że przy naprawie uwzględniany jest ubytek kruszcu.

Formularz nowej naprawy z wyborem usługi, wagą, kwotą, opisem i polem liczonego ubytku

Nowa naprawa: usługa, waga, kwota, opis i liczony ubytek – dla jednego lub wielu produktów.

Terminarz z dziennym limitem przepustowości

Terminarz pokazuje miesiąc w formie kalendarza, osobno dla napraw i wyrobów. Przy każdym dniu widać obłożenie, np. „0/8” – ile miejsc jest zajętych przy limicie ośmiu napraw dziennie. Kolory w legendzie pokazują, które dni mają wolne miejsca, a które są pełne, więc pracownik od razu wie, jaki termin może podać klientowi. Pod kalendarzem jest panel wybranego dnia z przyciskiem „Dodaj na ten dzień”.

Terminarz napraw z dziennym limitem 8 miejsc i oznaczeniem wolnych oraz pełnych dni

Terminarz: widok miesiąca, podział na naprawy i wyroby, obłożenie każdego dnia względem limitu.

Lista zleceń i statusy jednym kliknięciem

Lista zleceń zbiera naprawy i zlecenia wyrobu w jednej tabeli z filtrami „Wszystkie / Naprawy / Zlecenia wyrobu”. Wyszukiwarka działa po nazwisku, telefonie albo numerze zlecenia – czyli tym, co podaje klient przy odbiorze.

Każde zlecenie ma numer, typ, klienta z telefonem, przypisanego pracownika, termin, kwotę i status. Status zmienia się jednym kliknięciem: Nowe → W trakcie → Gotowe → Wydane. Przy zleceniach wyrobu termin może być orientacyjny (oznaczony „~”), bo wykonanie biżuterii na zamówienie trudniej zaplanować co do dnia.

Lista zleceń z filtrami, wyszukiwarką, przypisanym pracownikiem i przyciskami statusu

Lista zleceń: filtry, wyszukiwarka i cztery statusy zmieniane bez wchodzenia w szczegóły zlecenia.

Usługi i limity – konfiguracja bez programisty

Właściciel sam ustawia dzienny limit przepustowości – ile „sztuk” pracy mieści się w jednym dniu. Każda usługa ma przypisaną zajętość, czyli liczbę miejsc, które zajmuje w limicie: proste czyszczenie może zajmować jedno miejsce, bardziej pracochłonna naprawa więcej.

W tym samym module dodaje się nowe usługi (nazwa, typ: naprawa lub wyrób, zajętość), edytuje istniejące i ukrywa te, których pracownia już nie wykonuje – bez usuwania ich z systemu.

Moduł usług i limitów: dzienny limit przepustowości, dodawanie usług i lista usług napraw

Usługi i limity: dzienny limit, zajętość każdej usługi i statusy aktywna / ukryta.

Raport tygodniowy do PDF

Raport pokazuje jeden tydzień na stronę – dzień po dniu, z obłożeniem względem limitu. Tygodnie przewija się strzałkami albo wybiera z kalendarza, a przycisk „Zapisz do PDF / drukuj” przygotowuje wersję do wydruku.

Raport tygodniowy napraw z obłożeniem każdego dnia i przyciskiem zapisu do PDF

Raport tygodniowy: naprawy dzień po dniu, limit dzienny w nagłówku, eksport do PDF.

Pracownicy, role i dostęp

Administrator dodaje pracowników: imię i nazwisko, login, hasło startowe, rolę (np. pracownik do codziennej pracy albo administrator) i kolor awatara, który potem oznacza tę osobę na liście zleceń. Przy każdym pracowniku widać liczbę przypisanych zleceń, a dane i uprawnienia można w każdej chwili edytować.

Moduł pracowników: dodawanie konta z loginem, hasłem, rolą i kolorem awatara oraz lista pracowników

Pracownicy: konta z rolami, kolor awatara i liczba przypisanych zleceń.

Założenia projektowe

  • Prosty język i duże przyciski. Interfejs mówi językiem pracowni („Co naprawiamy?”, „Wydane”), a nie językiem systemu. Najważniejsze akcje są duże i widoczne od razu.
  • Limit zamiast zgadywania. Dzienna przepustowość i zajętość usług są w danych, więc kalendarz sam pokazuje, czy dany dzień jest pełny.
  • Jeden widok na wszystko. Naprawy i wyroby żyją w jednej liście i jednym terminarzu, z możliwością filtrowania.
  • Stonowany wygląd. Ciepła paleta i szeryfowe nagłówki pasują do charakteru pracowni jubilerskiej, a czytelne tabele ułatwiają codzienną pracę.

Stack

  • Astro – interfejs aplikacji, szybki i lekki
  • PHP – logika biznesowa, logowanie i role użytkowników
  • MySQL – zlecenia, klienci, usługi, limity i pracownicy
Podsumowanie

Jedno miejsce na naprawy, zlecenia, terminy i zespół.

Pracownia dostała prostą aplikację webową, która prowadzi pracownika krok po kroku: od przyjęcia naprawy albo zlecenia wyrobu, przez zaplanowanie terminu z uwzględnieniem dziennego limitu, po zmianę statusu i wydanie klientowi. Właściciel widzi obłożenie pracowni w kalendarzu i raporcie tygodniowym, a konta z rolami pozwalają przypisywać zlecenia do konkretnych osób.

Inne realizacje
Strona główna mamikonperformance.com – Trener personalny Siedlce
Strona WWWSEO lokalneCore Web Vitals

Trener Personalny Mamikon

Strona WWW dla trenera personalnego z Siedlec: treningi personalne, kickboxing i konsultacje. Mocny pierwszy ekran, prosta ścieżka do zapisu na trening i optymalizacja pod lokalne zapytania – Lighthouse 100 w Accessibility, Best Practices i SEO.

Zobacz case study
Strona główna sklepu Koval Customs
SEOShopifyMigracjaPerformanceWidoczność w AI

Koval Customs – SEO dla e-commerce

Migracja domeny oraz techniczna optymalizacja e-commerce na Shopify. Performance w Lighthouse z 56 na 95, LCP z 18,5 s na 1,3 s i 13,3 tys. kliknięć z Google w 10 miesięcy – wiele fraz osiągnęło TOP3 i TOP10.

Zobacz case study
Realizacja – strona notariusza w Mińsku Mazowieckim
Strona WWWCore Web VitalsDostępnośćOptymalizacja

Strona WWW dla notariusza

Odświeżenie strony kancelarii notarialnej w Mińsku Mazowieckim. Optymalizacja kodu, poprawa wydajności oraz dostosowanie pod Core Web Vitals.

Zobacz case study
Szkoła Tańca – realizacja strony WWW
Strona WWWSEO lokalneCore Web VitalsOd zera

Siedlecka Szkoła Tańca Towarzyskiego

Nowa strona WWW dla szkoły tańca zbudowana od zera – techniczne SEO, dopracowana struktura treści i lekki frontend zoptymalizowany pod Core Web Vitals i lokalne zapytania.

Zobacz case study
Porozmawiajmy

Co mogę poprawić w Twoim projekcie?_

Opisz stronę, sklep albo pomysł na nowy serwis. Sprawdzę, jaki zakres prac ma największy sens.