Instrukcja obsługi v4.0
Kompletny przewodnik po systemie HUBAL — od pierwszego logowania do zaawansowanych funkcji AI.
🚀 Szybki start
Poniżej opisano jak zacząć pracę z HUBAL w mniej niż 5 minut.
Rejestracja i logowanie
Wejdź na stronę główną HUBAL. Jeśli nie masz jeszcze konta, kliknij Zarejestruj się, aby wybrać plan i założyć konto organizacji.
HUBAL oferuje plany: Free Basic Pro Enterprise. Możesz zacząć od planu darmowego i uaktualnić w dowolnym momencie.
Kreator onboardingu możesz w każdej chwili uruchomić ponownie — kliknij ikonę Pomoc (?) w dolnej części sidebara.
🗺️ Przegląd interfejsu
HUBAL v4.0 zbudowany jest jako aplikacja jednostronicowa (SPA). Zamiast przeładowywać całą stronę, nawigacja odbywa się natychmiast dzięki wbudowanemu routerowi.
Sidebar — centrum dowodzenia
Lewy sidebar to stały element interfejsu widoczny we wszystkich modułach. Składa się z dwóch stref:
Poniżej głównych modułów znajdują się narzędzia:
Nawigacja między stronami
Kliknięcie ikony modułu w sidebarze przełącza widok bez przeładowania strony. Aktywny moduł jest podświetlony. W historii przeglądarki zapisują się osobne adresy URL, więc działa cofanie przyciskiem Wstecz.
Przy każdym projekcie na Pulpicie widnieje ikona płótna: pomarańczowa = projekt ma obiekty na płótnie 3D, szara = puste płótno. Kliknięcie otwiera płótno projektowe.
🏠 Pulpit
Pulpit to strona startowa po zalogowaniu. Wyświetla spersonalizowany przegląd projektów, zadań i aktywności całego zespołu.
Widgety i układ
Pulpit zbudowany jest z widgetów, które możesz dowolnie rozmieszczać i konfigurować. Kliknij ikonę Układ (⊞) w sidebarze, aby wejść w tryb edycji.
HUBAL obsługuje wiele pulpitów (desktops). Kliknij + obok nazwy pulpitu w sidebarze, żeby dodać nowy pulpit z innym układem widgetów — np. osobny dla finansów, a osobny dla harmonogramów.
Zadania na dziś
Widget Zadania na dziś zbiera ze wszystkich projektów zadania, które:
- są przypisane do Ciebie i mają termin dzisiaj
- są przeterminowane (termin minął, zadanie niezakończone)
- wymagają pilnej uwagi (flaga priorytetu)
Kliknij checkbox obok zadania, aby oznaczyć je jako wykonane bezpośrednio z Pulpitu — bez otwierania projektu.
✉️ Poczta z AI
Moduł Poczty to w pełni zintegrowany klient e-mail z wbudowaną sztuczną inteligencją. Każdy mail jest automatycznie analizowany i powiązany z odpowiednim projektem.
Foldery i wątki
Sidebar w module Poczta pokazuje strukturę folderów:
| Folder | Zawartość |
|---|---|
| 📥 Inbox | Wszystkie przychodzące wiadomości |
| 📤 Wysłane | Wiadomości wysłane z HUBAL |
| ⭐ Ważne | Maile oznaczone gwiazdką |
| 📋 Nieprzypisane | Maile bez przypisanego projektu — wymagają akcji |
| 🚫 Niechciane | Spam — automatycznie filtrowany przez AI |
| 📦 Archiwum | Zarchiwizowane wątki |
Poniżej folderów systemowych wyświetla się lista projektów z liczbą nieprzeczytanych wątków. Kliknięcie projektu filtruje pocztę do wiadomości powiązanych tylko z tym projektem.
Agent Brain — AI w poczcie
Każdy przychodzący mail jest analizowany przez Agent Brain — inteligentny moduł AI oparty o Gemini. Wyniki analizy są widoczne w panelu Kontekst po prawej stronie.
Maile w folderze Nieprzypisane czekają na Twoją decyzję — przypisz je do projektu przeciągając lub klikając opcję w menu. Dzięki temu Inbox jest zawsze czysty.
💰 Centrum finansowe
Centrum finansowe to moduł do zarządzania budżetami projektów, śledzenia przychodów i kosztów oraz generowania raportów finansowych.
Dane finansowe projektu
Każdy projekt ma niezależny arkusz finansowy z kategoriami:
- Przychody — płatności od klientów, zaliczki, faktury
- Koszty — wydatki, podwykonawcy, materiały
- Robocze — pozycje szacunkowe (nie wliczają się do dashboardu)
Widok dashboardu finansowego
Główny widok Centrum finansowego pokazuje zsumowane dane wszystkich projektów: marże, salda i prognozy. Kliknij konkretny projekt, by zobaczyć szczegółowy rozkład kosztów.
Asystent AI ma wgląd w dane finansowe i może odpowiadać na pytania: "Która linia kosztów najszybciej rośnie?" lub "Jaka jest rentowność projektu X?"
🎨 Płótno projektowe (3D Canvas)
Płótno projektowe to zaawansowane środowisko 3D oparte na bibliotece Three.js. Możesz tu wizualizować projekt, umieszczać dokumenty, rysować i planować harmonogramy.
Aby otworzyć płótno projektu, kliknij ikonę sześcianu obok nazwy projektu na Pulpicie.
Nawigacja 3D
| Akcja | Sterowanie |
|---|---|
| Obrót widoku | LPM + przeciąganie |
| Panoramowanie | PPM + przeciąganie lub Shift + LPM |
| Zoom | Kółko myszy |
| Zaznaczenie obiektu | Kliknięcie LPM |
| Reset widoku | Dwukrotne kliknięcie w puste miejsce |
Zapisane widoki: W prawym panelu kliknij Zapisz widok, podaj nazwę — pozycja kamery zostanie zapamiętana. Szybki powrót do widoku jednym kliknięciem.
Narzędzia szkicowania
Lewy toolbar zawiera pełen zestaw narzędzi rysowania:
| Narzędzie | Skrót | Opis |
|---|---|---|
| 🎯 Wybierz | V | Zaznaczanie i przesuwanie obiektów |
| ✏️ Ołówek | P | Rysowanie odręczne |
| 🧽 Gumka | E | Usuwanie narysowanych elementów |
| 📝 Tekst | T | Etykiety i opisy |
| ▭ Prostokąt | R | Kształty geometryczne |
| 💭 Adnotacja | A | Komentarze ze wskazaniem |
| 🗑️ Usuń | Del | Usuwa zaznaczony obiekt |
Pliki i dokumenty na płótnie
Kliknij Add file w toolbarze lub przeciągnij plik bezpośrednio na płótno. Obsługiwane formaty:
HUBAL automatycznie rozpoznaje tekst w obrazach (Tesseract.js). Dzięki temu Asystent AI może analizować zawartość zdjęć i skanów dokumentów umieszczonych na płótnie.
Planer harmonogramów na płótnie
Unikalna funkcja HUBAL — tworzenie harmonogramów wizualnie na płótnie, a następnie eksport do systemu harmonogramów projektu.
Elementy planera
- 📋 Project — główny kontener
- 🎯 Phase — faza grupująca zadania
- ✅ Task — podstawowe zadanie
- 📝 Subtask — podzadanie
- ⏸️ Delay — bufor czasowy
- 🎬 Trigger — wyzwalacz
- 🔀 Decision — punkt decyzyjny z rozgałęzieniem
🔄 Synchronizacja Gantt ↔ Canvas
HUBAL oferuje unikalną możliwość dwukierunkowej synchronizacji między płótnem 3D a wykresem Gantta. Harmonogram możesz tworzyć i edytować w obu miejscach równolegle — zmiany są automatycznie przesyłane w obie strony.
To samo zadanie możesz edytować na Pulpicie (wykres Gantta — tekst, daty, zależności) oraz na Płótnie 3D (wizualnie — przesuwaj, rysuj, dodawaj adnotacje). Włączając synchronizację, obie ścieżki pracy łączą się w jedną.
Jak włączyć synchronizację?
Jak działa synchronizacja?
Blokada harmonogramu
Gdy synchronizacja jest włączona, harmonogram na płótnie jest domyślnie zablokowany — edycja odbywa się przez schemat lub Gantt. Aby ręcznie edytować schemat na płótnie:
- Kliknij ikonę 🔓 Odblokuj nad węzłem projektu
- Dokonaj zmian wizualnych
- Kliknij 🔒 Zablokuj — synchronizacja automatycznie wyeksportuje zmiany do Gantta
Synchronizowane elementy
| Element Canvas | Element Gantt |
|---|---|
| Etap | Etap (stage) |
| Zadanie | Zadanie (task) |
| Podzadanie | Podzadanie (subtask) |
| Wyzwalacz | Wyzwalacz (trigger) |
| Punkt decyzyjny | Opcja harmonogramu |
| Opóźnienie | Bufor czasowy |
| Blocx | Dokument/pozwolenie |
Jeśli usuniesz węzeł na płótnie, odpowiednie zadanie w Ganttcie zostanie zarchiwizowane (nie usunięte fizycznie). Nie pojawi się ponownie na płótnie, ale możesz je przywrócić z Gantta.
Synchronizacja sprawdza się najlepiej gdy planujesz wizualnie na płótnie (np. rysując zależności między etapami) i chcesz, żeby ten plan natychmiast pojawił się jako działający harmonogram na Pulpicie. Jeśli wolisz pracować wyłącznie z Ganttem — synchronizacja nie jest wymagana.
📅 Harmonogramy i Gantt
System harmonogramów HUBAL oferuje zaawansowane planowanie z interaktywnym wykresem Gantta, zależnościami między zadaniami i automatycznym przeliczaniem dat.
Typy zadań
| Typ | Opis |
|---|---|
| 📋 Standardowe | Zadanie z datą początku, końca i przypisaną osobą |
| 🎬 Wyzwalacz | Bez czasu trwania — uruchamia zależne zadania w momencie aktywacji |
| 📊 Szacunkowe | Zadanie z historią zmian dat — śledzi przesunięcia w czasie |
| ⏸️ Opóźnienie | Bufor czasowy między zadaniami |
| 🔀 Punkt decyzyjny | Rozgałęzienie harmonogramu na kilka ścieżek |
Zależności między zadaniami
Powiąż zadania zależnościami — daty są automatycznie aktualizowane gdy przesuniecie jedno zadanie:
- Po zakończeniu: Zadanie B startuje X dni po zakończeniu zadania A
- Przed rozpoczęciem: Zadanie B startuje X dni przed startem zadania A
- Przesunięcie: Liczba dni roboczych przerwy między zadaniami
Nawigacja po wykresie Gantta
Paski zadań na Ganttcie mają kolor przypisanego pracownika. Kolor każdego użytkownika ustawia administrator w Ustawieniach → Użytkownicy.
Eksport danych
- PDF — zrzut wykresu Gantta gotowy do druku
- Excel/CSV — lista zadań z datami i assignee
- JSON — format wymiany z innymi systemami HUBAL
📝 System notatek
Notatki w HUBAL działają jak wirtualna tablica korkowa — możesz je dowolnie rozmieszczać, grupować i udostępniać.
Podstawowe operacje
| Akcja | Jak to zrobić |
|---|---|
| Utwórz notatkę | Przycisk + Utwórz notatkę |
| Przesuń notatkę | Kliknij i przeciągnij (nie na krawędzi) |
| Zmień rozmiar | Przeciągnij prawy dolny róg |
| Edytuj tekst | Dwukrotne kliknięcie na notatkę |
| Usuń notatkę | Ikona kosza (pojawia się po najechaniu) |
| Przenieś do katalogu | Ikona folderu → wybierz katalog |
Organizacja w katalogi
🤖 Asystent AI
Asystent AI to wbudowany chatbot oparty na Google Gemini. Zna kontekst Twoich projektów, finansów i harmonogramów — nie musisz mu tłumaczyć podstaw.
Aktywacja
Kliknij ikonę Asystent (🤖) w sidebarze — panel chatbota wysuwa się z prawej strony.
Co potrafi Asystent?
Przykładowe pytania
- „Które zadania są opóźnione i o ile dni?"
- „Wygeneruj raport postępów dla projektu Alfa"
- „Przeanalizuj ten szkic i wyciągnij wymiary"
- „Jaka jest suma kosztów w kategorii Podwykonawcy?"
- „Zaproponuj optymalizację harmonogramu uwzględniając urlop Kowalskiego"
Asystent AI respektuje ustawienia prywatności. Nie przetwarza danych z obszarów poufnych bez odpowiednich uprawnień. Możesz sprawdzić w Ustawieniach które projekty mają włączoną poufność.
🛠️ Narzędzia boczne
Ikony w dolnej części sidebara to narzędzia dostępne w każdym module. Kliknięcie otwiera panel nakładkowy bez opuszczania aktualnego widoku.
| Narzędzie | Opis |
|---|---|
| 🗓️ Urlopy | Przeglądanie kalendarza urlopowego zespołu, składanie wniosków urlopowych. Manager widzi wszystkie wnioski swojego zespołu do akceptacji. |
| 📒 Kontakty | Książka adresowa organizacji. Dodaj kontakty zewnętrzne (klientów, podwykonawców) powiązane z projektami. |
| 💬 Czat | Wewnętrzny komunikator zespołowy. Kanały można powiązać z konkretnymi projektami. |
| ✏️ Szkicownik | Szybkie rysowanie i notatki odręczne — lżejsza wersja płótna, bez kontekstu 3D. |
| 📋 Szablony | Galeria szablonów harmonogramów. Zapisuj własne i stosuj jednym kliknięciem. |
| 📊 Raporty | Generator raportów: postępy projektów, obłożenie pracowników, zestawienia finansowe. |
| ⊞ Układ | Edytor układu Pulpitu — dodawaj, usuwaj i rozmieszczaj widgety metodą drag-and-drop. |
| ⚙️ Ustawienia | Konfiguracja konta, organizacji, użytkowników i integracji. |
| ❓ Pomoc | Otwiera tę instrukcję, uruchamia ponownie kreator onboardingu. |
👥 Współpraca zespołowa
Udostępnianie ramek płótna
Na płótnie 3D możesz tworzyć ramki współpracy — wydzielone obszary udostępnione konkretnym osobom lub grupom.
Grupy robocze
Organizuj użytkowników w grupy (np. "Architekci", "Konstruktorzy"). Grupy ułatwiają udostępnianie projektów i zarządzanie uprawnieniami masowo.
Obszary poufne
Projekt oznaczony jako poufny jest widoczny wyłącznie dla wybranych użytkowników. Harmonogram, notatki i pliki są ukryte dla pozostałych.
Asystent AI nie przetwarza danych z projektów poufnych dla użytkowników bez odpowiednich uprawnień — nawet jeśli zostaną zapytani o te dane.
Powiadomienia
HUBAL automatycznie powiadamia (email + powiadomienie w aplikacji) o:
- Przypisaniu nowego zadania
- Zbliżającym się terminie
- Zmianie w udostępnionym projekcie
- Nowym komentarzu / wiadomości na czacie
- Alertach Agenta Brain (nowe sygnały biznesowe)
Integracje zewnętrzne
⚙️ Administracja i ustawienia
Panel administracyjny dostępny przez ikonę Ustawienia (⚙️) w sidebarze. Widoczność opcji zależy od roli użytkownika.
Zarządzanie użytkownikami
| Akcja | Gdzie |
|---|---|
| Dodaj użytkownika | Ustawienia → Użytkownicy → Zaproś |
| Zmień rolę | Kliknij użytkownika → edytuj rolę (Admin / Manager / Użytkownik) |
| Ustaw kolor | Edycja profilu → pole kolor (widoczne na Ganttcie) |
| Przypisz do grupy | Edycja profilu → Grupy robocze |
| Dezaktywuj konto | Kliknij użytkownika → Dezaktywuj |
Urlopy — zarządzanie wnioskami
Administrator i Manager widzą wszystkie wnioski urlopowe swoich podwładnych w narzędziu Urlopy. Mogą je akceptować, odrzucać lub modyfikować zakres dat.
Integracje
- Google Drive: Ustawienia → Integracje → Google Drive → Połącz konto
- Telegram: Ustawienia → Powiadomienia → Telegram → Wygeneruj token
- Email SMTP: Ustawienia → Poczta → konfiguracja serwera wysyłki
Usunięcie organizacji jest nieodwracalne. Wszystkie projekty, dokumenty i dane zostaną trwale usunięte. Operacja dostępna wyłącznie dla Super Admina.
⌨️ Skróty klawiszowe
Globalne
Płótno 3D
Wykres Gantta
❓ Najczęstsze pytania (FAQ)
Czy HUBAL działa na urządzeniach mobilnych?
Tak — Pulpit, Poczta i Centrum finansowe są w pełni responsywne. Płótno 3D wymaga klawiatury i myszy i jest dostępne tylko na desktopie. Harmonogramy Gantt mają uproszczony widok listowy na mobile.
Czy moje dane są bezpieczne?
Dane przechowywane są w Firebase (Google Cloud), region europe-central2 (Warszawa). Dostęp chroniony jest przez Firebase Security Rules oraz system ról i uprawnień organizacji. HUBAL jest zgodny z RODO.
Jak przywrócić skasowane zadanie?
Zadania nie są fizycznie usuwane natychmiast — przez 30 dni są w koszu. Otwórz projekt → menu kontekstowe projektu → Kosz zadań.
Dlaczego ikona płótna jest szara?
Szara ikona płótna przy projekcie oznacza puste płótno — żaden obiekt nie został jeszcze dodany. Kliknij ikonę, żeby otworzyć puste płótno i zacząć pracę.
Jak zmienić hasło?
Ustawienia (⚙️) → Twoje konto → Zmień hasło. Możesz też użyć linku Zapomniałem hasła na stronie logowania.
Agent Brain nie analizuje maili — co robić?
Agent Brain działa w trybie beta. Upewnij się, że Twoja organizacja ma włączoną funkcję Email AI Beta w Ustawieniach → Agent Brain. Jeśli opcji nie ma — skontaktuj się z administratorem lub pomocą techniczną.
Jak eksportować harmonogram do PDF?
Na Pulpicie lub w widoku projektu kliknij ikonę Raporty (📊) w sidebarze → wybierz typ raportu → Eksportuj do PDF.
Kliknij ikonę Pomoc (❓) w sidebarze, aby ponownie uruchomić kreator onboardingu lub otworzyć tę instrukcję. W nagłych przypadkach napisz na support@hubal.app.