PROJEKT

Tablica online do kreatywnej współpracy w czasie rzeczywistym

Dedykowane tworzenie oprogramowania, Współpraca w czasie rzeczywistym, Rysowanie odręczne, Udostępnianie tablic, Prywatne przestrzenie projektów, Przesyłanie plików, Eksport do PNG i PDF

  • Branża: Usługi kreatywne
  • Czechy Lokalizacja: Czechy
  • Czas realizacji: 16 tygodni
  • Technologie: JavaScript / TypeScript (Node.js), Python
4+ miesięcy

Klient poświęca czas na koordynowanie pracy kreatywnej, komentarzy i plików między rozproszonymi zespołami. Tablica online to internetowa przestrzeń robocza, w której agencja tworzy wspólne tablice, rysuje odręcznie i dodaje treści wizualne. Zapewnia kierownikom projektów i członkom zespołu jedno miejsce do współpracy na komputerach i urządzeniach mobilnych. Prywatne przestrzenie, uprawnienia, komentarze, przegląd sesji i eksport tablic wspierają tę pracę.

Podsumowanie

Problem

Agencja kreatywna zarządza współpracą wizualną za pomocą oddzielnych dyskusji, plików i etapów udostępniania tablic.

Rozwiązanie

Rozwiązaniem stała się responsywna tablica online z synchronizowanym stanem obszaru roboczego, przestrzeniami projektów i czatem.

Rezultat

Oprogramowanie ogranicza ręczną koordynację i poprawki związane ze wspólną pracą kreatywną.

Historia klienta

Klientem jest agencja kreatywna z Czech. Pracuje z rozproszonymi zespołami, które wspólnie tworzą, wymieniają i przeglądają treści wizualne.

Praca kreatywna obejmuje szkice odręczne, tekst i obrazy. Uwzględnia także komentarze, współdzielone pliki i uprawnienia do tablic.

Klient potrzebował profili, wyszukiwania lub dopasowywania oraz zarządzania projektami. Zakres obejmował również komunikację i współpracę.

Wymagane były analityka i rejestrowanie aktywności, a także responsywny dostęp w chmurze.

Rozwiązanie zaprojektowano jako modułową aplikację internetową. Szczególną uwagę poświęcono synchronizowanym tablicom, prywatnym przestrzeniom projektów, kursorom na żywo i komentarzom.

Czat z obsługą załączników, odtwarzanie sesji oraz eksport do PNG i PDF uzupełniły przestrzeń roboczą.

Klient potrzebował

  1. Profili, wyszukiwania, projektów, komunikacji i procesów współpracy.
  2. Analityki, pulpitów, wskaźników i aktywności możliwej do odtworzenia.
  3. Responsywnego działania na komputerach i urządzeniach mobilnych.
  4. Skalowalnego hostingu w chmurze z dokumentacją i możliwością dalszej rozbudowy.

Dlaczego gotowe oprogramowanie nie pasowało

Gotowe platformy do innowacji w miejscu pracy pomagają zespołom tworzyć aplikacje i automatyzować procesy biznesowe, ale są pozycjonowane jako platformy low-code lub no-code, a nie dedykowane wspólne obszary robocze. Potrzebna była platforma dedykowana, która połączyłaby synchronizowane rysowanie, kursory na żywo i komentarze w jednym procesie. Pozwoliła także zachować razem uprawnienia, prywatne przestrzenie, wymianę plików i odtwarzanie sesji.

Opis projektu

Rozwiązanie zaprojektowano jako responsywną aplikację internetową z synchronizowaną edycją i współpracą opartą na pokojach. Stan obszaru roboczego pozostaje dostępny dla różnych użytkowników i sesji, a interfejs łączy rysunki, tekst i obrazy.

Aby zapewnić kontrolowaną współpracę, utworzono prywatne przestrzenie projektów i własność tablic. Ustawienia udostępniania oraz uprawnienia edycji określają dostęp do każdej tablicy, a biblioteka tablic pomaga uporządkować istniejące materiały.

Czat w czasie rzeczywistym łączy rozmowę z pracą na tablicy. Wiadomości, załączone pliki i odwołania do komentarzy pozostają częścią wspólnej sesji.

Odtwarzanie sesji rejestruje aktywność rysowania na potrzeby późniejszego przeglądu przez analityka lub trenera. Panel eksportu i wymiany plików obsługuje obrazy referencyjne, pliki w chmurze, tablice PNG i tablice PDF.

System zbudowano modułowo, dzięki czemu analitykę, pulpity, dokumentację i późniejsze rozszerzenia można dodawać bez przebudowy całej platformy. Dokumentację można generować za pomocą @docusaurus/core (narzędzia do tworzenia witryn dokumentacyjnych) lub Sphinx (generatora dokumentacji).

Dostarczone najważniejsze funkcje

  • Synchronizowany stan obszaru roboczego
  • Wspólna edycja tablicy
  • Narzędzia do rysowania odręcznego
  • Kursory na żywo i komentarze
  • Prywatne przestrzenie projektów
  • Udostępnianie tablic i uprawnienia
  • Czat w czasie rzeczywistym z załącznikami
  • Nagrywanie i odtwarzanie sesji
  • Eksport tablic do PNG i PDF

Można dodać

+ Nagrywanie sesji + Odtwarzanie sesji + Tworzenie makiet + Eksport do PNG + Eksport do PDF

Kto jeszcze może korzystać z tego rozwiązania

Te firmy mają podobne zadania, a to samo rozwiązanie można dostosować do ich wspólnych sesji wizualnych.

Studio kreatywne

Zadanie Potrzebuje jednego miejsca na wspólne szkice, materiały wizualne, komentarze i sesje przeglądowe.
Jak pomaga rozwiązanie Rozwiązanie pomaga zespołowi wspólnie rysować, wymieniać pliki, kontrolować dostęp do tablic i eksportować gotowe tablice.
Studia kreatywne

Platforma do nauki zdalnej

Zadanie Potrzebuje miejsca, w którym instruktorzy i uczestnicy mogą pracować na wizualnych tablicach podczas wspólnych sesji.
Jak pomaga rozwiązanie Rozwiązanie pomaga łączyć rysowanie odręczne, komentarze, załączniki, obecność uczestników i odtwarzanie sesji.
Usługi biznesowe

Platforma współpracy twórców

Zadanie Potrzebuje miejsca, w którym współpracownicy mogą omawiać kampanie i zarządzać wspólnymi materiałami wizualnymi.
Jak pomaga rozwiązanie Rozwiązanie pomaga korzystać z prywatnych przestrzeni projektów, uprawnień do tablic, czatu w czasie rzeczywistym i narzędzi eksportu.
Agencje kreatywne

Stos technologiczny

JavaScript / TypeScript (Node.js)

Tworzenie aplikacji internetowych

Ta rodzina języków obsługuje responsywny interfejs internetowy i funkcje współpracy w czasie rzeczywistym.

Python

Analityka i analiza danych

Python obsługuje analitykę, raportowanie i analizę aktywności tam, gdzie jest to wymagane.

PHP

Prace nad aplikacją po stronie serwera

PHP jest dostępny dla modułów aplikacji działających po stronie serwera.

css

Stylowanie interfejsu

css (parser i generator arkuszy stylów) obsługuje stylowanie interfejsu internetowego.

dropbox

Wymiana plików w chmurze

dropbox (SDK do Dropbox API) łączy pliki referencyjne i zawartość pamięci w chmurze z tablicą.

jspdf

Eksport tablic do PDF

jspdf (biblioteka JavaScript do tworzenia plików PDF) generuje wersje tablic w formacie PDF.

pandas

Analiza danych aktywności

pandas (biblioteka Pythona do analizy danych) wspiera raportowanie i analizę zarejestrowanej aktywności.

@docusaurus/core

Witryna dokumentacyjna

@docusaurus/core (generator witryn dokumentacyjnych) może publikować instrukcje systemu dla zespołu klienta.

PNG

Eksport tablic jako obrazów

Pliki PNG przechowują wyeksportowane obrazy tablic do udostępniania i przeglądania.

PDF

Eksport tablic jako dokumentów

Pliki PDF przechowują wyeksportowane tablice jako dokumenty.

Integracje

Dropbox

Pliki referencyjne i pliki z pamięci w chmurze są przesyłane między Dropboxem a tablicą za pośrednictwem SDK.

Analytics services

Zarejestrowana aktywność może trafiać do usług analitycznych na potrzeby wskaźników, raportów i pulpitów.

PNG and PDF files

Zawartość tablic można eksportować z platformy jako obrazy PNG lub dokumenty PDF.

Rezultat

Wspólne tablice porządkują pracę wizualną

Przestrzeń robocza tablicy zapewnia agencji kreatywnej wspólny obszar do rysowania odręcznego, tekstu i obrazów. Obsługuje także karteczki, komentarze i widoczność uczestników na żywo.

Synchronizowana edycja sprawia, że bieżący obszar roboczy jest widoczny dla wszystkich uczestników sesji, a uprawnienia określają, kto może uzyskać do niego dostęp lub go edytować.

Jak to działa

  1. Moduł synchronizacji obszaru roboczego utrzymuje spójność stanu tablicy, rysunków, tekstu, obrazów i karteczek między użytkownikami i sesjami.
  2. Narzędzie do rysowania odręcznego pokazuje aktywność rysowania na wspólnej tablicy.
  3. Kursory na żywo i komentarze pokazują obecność użytkowników oraz dyskusję obok pracy na tablicy.
Wskazówka: Prywatne przestrzenie projektów i uprawnienia do tablic zapewniają kontrolę nad wspólną pracą kreatywną.
Wspólna przestrzeń robocza tablicy

Wspólna przestrzeń robocza tablicy

Funkcje na tym ekranie
Synchronizacja stanu obszaru roboczego Wspólna tablica Narzędzie do rysowania odręcznego Współpraca w czasie rzeczywistym Zarządzanie udostępnianiem tablic

Kontrolowane przestrzenie ułatwiają zarządzanie tablicami

Biblioteka tablic łączy istniejące tablice i przestrzenie projektów w jednym widoku. Własność, dostęp i uprawnienia edycji porządkują strukturę tablic dla kierowników projektów i członków zespołu.

Jak to działa

  1. Lista tablic pokazuje nazwy tablic i ich właścicieli.
  2. Prywatne przestrzenie projektów łączą tablice z odpowiednimi projektami.
  3. Ustawienia udostępniania przechowują dostęp użytkowników i uprawnienia edycji dla każdej tablicy.
Biblioteka tablic i przestrzenie projektów

Biblioteka tablic i przestrzenie projektów

Funkcje na tym ekranie
Zarządzanie udostępnianiem tablic Prywatne przestrzenie projektów

Czat przechowuje pliki i dyskusję obok tablicy

Czat współpracy łączy wiadomości, załączniki i tożsamości uczestników podczas wspólnej sesji. Zapewnia agencji jedno miejsce do rozmów kreatywnych i wymiany plików.

Odwołania do komentarzy łączą rozmowę z właściwą pracą na tablicy.

Jak to działa

  1. Panel czatu w czasie rzeczywistym pokazuje wiadomości i tożsamości uczestników.
  2. Edytor wiadomości wysyła dyskusję w ramach wspólnej sesji.
  3. Kontrolka przesyłania załączników dodaje pliki, a odwołania do komentarzy łączą wiadomości z pracą na tablicy.
Czat współpracy

Czat współpracy

Funkcje na tym ekranie
Współpraca w czasie rzeczywistym Współpraca w czasie rzeczywistym

Odtwarzanie wspiera przegląd rysowania

Ekran przeglądu sesji umożliwia analitykom i trenerom sprawdzenie, jak powstała sesja rysowania. Oś czasu i obszar odtwarzania porządkują zdarzenia rysowania wraz z notatkami z przeglądu.

Dzięki temu zarejestrowana aktywność jest przydatna podczas szkoleń, przeglądów i późniejszych dyskusji.

Jak to działa

  1. Lista sesji pokazuje zarejestrowane sesje rysowania.
  2. Oś czasu sesji przypisuje zdarzenia rysowania do ich pozycji w odtwarzaniu.
  3. Obszar odtwarzania tablicy wyświetla sesję rysowania, a notatki z przeglądu pozostają dostępne.
Uwaga: Odtwarzanie jest opcjonalnym rozszerzeniem do przeglądania zarejestrowanej aktywności rysowania.
Odtwarzanie i przegląd sesji

Odtwarzanie i przegląd sesji

Funkcje na tym ekranie
Funkcja odtwarzania sesji Nagrywanie sesji rysowania

Eksport zamienia tablice w pliki gotowe do udostępnienia

Panel wymiany plików przenosi obrazy referencyjne i pliki z chmury na tablicę oraz przygotowuje gotowe tablice do udostępnienia poza sesją. Eksport do PNG i PDF obsługuje dwa popularne formaty wyjściowe.

Status eksportu pokazuje stan wygenerowanego pliku tablicy.

Jak to działa

  1. Kontrolki przesyłania obrazów i plików z chmury dodają je do tablicy.
  2. Lista plików pokazuje przesłane obrazy i pliki z pamięci w chmurze.
  3. Eksport do PNG i PDF tworzy tablice PNG i PDF, a status eksportu pokazuje ich stan.
Eksport tablicy i wymiana plików

Eksport tablicy i wymiana plików

Co zapewnia rozwiązanie

Dzięki temu rozwiązaniu agencja kreatywna może:

  • Tworzyć i edytować wspólne tablice wizualne w czasie rzeczywistym.
  • Przechowywać szkice, komentarze, pliki i uprawnienia w jednym miejscu.
  • Kontrolować dostęp za pomocą prywatnych przestrzeni projektów i ustawień tablic.
  • Omawiać pracę na tablicach przez czat ze wspólnymi załącznikami.
  • Przeglądać nagrane sesje rysowania dzięki odtwarzaniu.
  • Eksportować tablice jako obrazy PNG lub dokumenty PDF.

Czy gotowe systemy mogłyby wykonać to zadanie?

Przed rozpoczęciem projektowania porównano zadanie z gotowymi produktami na podstawie ich własnych opisów.

Czego potrzebuje klient Platformy low-code Claris FileMaker, AppSheet, Ninox Platformy aplikacji no-code Budibase, Google App Maker, Appify Platformy aplikacji dla przedsiębiorstw BMC Helix Platform, Grid Rozwiązanie dedykowane
Profile, wyszukiwanie i dopasowywanie — — —
Projekty, komunikacja, współpraca częściowo częściowo częściowo
Analityka i aktywność możliwa do odtworzenia — — —
Responsywne działanie na komputerach i urządzeniach mobilnych — — —
Dopasowanie do zasad klienta: etapów, ról i raportów częściowo częściowo częściowo
Wszystkie etapy w jednym miejscu — — —
Brak ręcznych czynności między programami częściowo częściowo częściowo

Na podstawie publicznych opisów produktów i ich kategorii.

Gotowe produkty obsługują część zadań związanych z tworzeniem aplikacji, współpracą, automatyzacją procesów i raportowaniem. Wystarczają, gdy zespół potrzebuje jedynie ogólnej aplikacji wewnętrznej lub pojedynczego procesu.

Nie zapewniają dedykowanej wspólnej tablicy klienta jako jednego miejsca z synchronizowanym rysowaniem, kursorami na żywo, komentarzami, prywatnymi przestrzeniami, odtwarzaniem, wymianą plików i eksportem tablic. Poszczególne elementy nadal wymagałyby konfiguracji i ręcznego łączenia produktów.

Podsumowanie

Ostatecznie rozwiązanie miało usunąć ręczną koordynację z drogi od kreatywnego pomysłu do wspólnej tablicy, którą można przeglądać.

FAQ

Myślisz o stworzeniu podobnego systemu? Przeczytaj odpowiedzi poniżej, aby zobaczyć, jak dedykowana tablica online może łączyć współpracę wizualną, kontrolę dostępu, wymianę plików i przeglądanie.

Potrzebujesz czegoś podobnego? Porozmawiajmy
Lub przejrzyj więcej projektów