PROJEKT

Online tabule pro kreativní spolupráci v reálném čase

Vývoj zakázkového softwaru, Spolupráce v reálném čase, Kreslení od ruky, Sdílení tabulí, Soukromé projektové prostory, Nahrávání souborů, Export do PNG a PDF

  • Obor: Kreativní služby
  • Česká republika Lokalita: Česká republika
  • Doba dodání: 16 týdny
  • Technologie: JavaScript / TypeScript (Node.js), Python
4+ měsíců

Tento klient věnuje čas koordinaci kreativní práce, komentářů a souborů mezi distribuovanými týmy. Online tabule je webový pracovní prostor, kde agentura vytváří sdílené tabule, kreslí od ruky a přidává vizuální obsah. Projektovým manažerům a členům týmu poskytuje jedno místo pro spolupráci na počítačích i mobilních zařízeních. Práci podporují soukromé prostory, oprávnění, komentáře, kontrola relací a export tabulí.

Shrnutí

Problém

Kreativní agentura řídí vizuální spolupráci prostřednictvím oddělených diskusí, souborů a kroků sdílení tabulí.

Řešení

Řešením se stala responzivní online tabule se synchronizovaným stavem plátna, projektovými prostory a chatem.

Výsledek

Software je navržen tak, aby omezil manuální koordinaci a opakovanou práci při sdílené kreativní práci.

Příběh klienta

Klientem je kreativní agentura z České republiky. Pracuje s distribuovanými týmy, které společně vytvářejí, sdílejí a kontrolují vizuální obsah.

Kreativní práce zahrnuje skici od ruky, text a obrázky. Patří sem také komentáře, sdílené soubory a oprávnění k tabulím.

Požadavkem bylo zajistit profily, vyhledávání nebo párování a řízení projektů. Součástí byla také komunikace a spolupráce.

Požadavek zahrnoval analytiku a zaznamenané aktivity. Nutný byl také responzivní cloudový přístup.

Řešení bylo vytvořeno jako modulární webová aplikace. Zvláštní pozornost byla věnována synchronizovaným tabulím, soukromým projektovým prostorům, živým kurzorům a komentářům.

Pracovní prostor doplnily chat s podporou příloh, přehrávání relací a export do PNG nebo PDF.

Klient požadoval

  1. Umožnit profily, vyhledávání, projekty, komunikaci a pracovní postupy spolupráce.
  2. Poskytnout analytiku, dashboardy, metriky a přehrávatelné aktivity.
  3. Fungovat responzivně na počítačích i mobilních zařízeních.
  4. Využívat škálovatelný cloudový hosting s dokumentací a možnostmi budoucího rozšíření.

Proč nevyhovoval hotový software

Hotové platformy pro inovace na pracovišti pomáhají týmům vytvářet aplikace a automatizovat firemní procesy, ale podle vlastních popisů jsou spíše low-code nebo no-code platformami než specializovanými sdílenými plátny. Byla proto potřeba zakázková platforma, která spojí synchronizované kreslení, živé kurzory a komentáře v jednom pracovním postupu. Zároveň sjednotila oprávnění, soukromé prostory, výměnu souborů a přehrávání relací.

Přehled projektu

Řešení bylo navrženo jako responzivní webová aplikace se synchronizovanými úpravami a spoluprací v místnostech. Stav plátna zůstává dostupný napříč uživateli i relacemi, zatímco rozhraní propojuje kreslení, text a obrázky.

Pro řízenou spolupráci byly vytvořeny soukromé projektové prostory a vlastnictví tabulí. Nastavení sdílení a oprávnění k úpravám určují přístup ke každé tabuli, zatímco knihovna tabulí udržuje stávající práci uspořádanou.

Chat v reálném čase propojuje konverzaci s prací na tabuli. Zprávy, přiložené soubory a odkazy na komentáře zůstávají součástí sdílené relace.

Přehrávání relací zaznamenává kreslení pro pozdější kontrolu analytikem nebo školitelem. Panel exportu a výměny souborů pracuje s referenčními obrázky, cloudovými soubory, tabulemi PNG a PDF.

Systém byl strukturován jako moduly, takže analytiku, dashboardy, dokumentaci a pozdější rozšíření lze přidávat bez přestavby celé platformy. Dokumentaci lze generovat pomocí @docusaurus/core (nástroj pro dokumentační weby) nebo Sphinx (generátor dokumentace).

Dodané klíčové funkce

  • Synchronizovaný stav plátna
  • Společné úpravy online tabule
  • Nástroje pro kreslení od ruky
  • Živé kurzory a komentáře
  • Soukromé projektové prostory
  • Sdílení tabulí a oprávnění
  • Chat v reálném čase s přílohami
  • Nahrávání a přehrávání relací
  • Export tabulí do PNG a PDF

Lze přidat

+ Nahrávání relací + Přehrávání relací + Tvorba wireframů + Export do PNG + Export do PDF

Kdo další může toto řešení využít

Tyto firmy řeší podobný úkol a stejné řešení lze přizpůsobit jejich sdíleným vizuálním relacím.

Kreativní studio

Úkol Potřebuje jedno místo pro sdílené skici, vizuální reference, komentáře a kontrolní relace.
Jak řešení pomáhá Řešení týmu pomáhá společně kreslit, vyměňovat soubory, řídit přístup k tabulím a exportovat hotové tabule.
Kreativní studia

Platforma pro výuku na dálku

Úkol Potřebuje, aby instruktoři a účastníci pracovali na vizuálních tabulích během sdílených relací.
Jak řešení pomáhá Řešení jim pomáhá spojit kreslení od ruky, komentáře, přílohy, přítomnost účastníků a přehrávání relací.
Služby pro firmy

Tržiště pro spolupráci tvůrců

Úkol Potřebuje, aby spolupracovníci diskutovali o kampaních a spravovali sdílené vizuální materiály.
Jak řešení pomáhá Řešení jim pomáhá využívat soukromé projektové prostory, oprávnění k tabulím, chat v reálném čase a exportní nástroje.
Kreativní agentury

Technologický stack

JavaScript / TypeScript (Node.js)

Vývoj webové aplikace

Tato rodina jazyků podporuje responzivní webové rozhraní a funkce spolupráce v reálném čase.

Python

Analytika a analýza dat

Python podporuje analytiku, reportování a analýzu aktivit tam, kde je to potřeba.

PHP

Vývoj serverové části aplikace

PHP je dostupné pro moduly serverové části aplikace.

css

Stylování rozhraní

css (parser a převodník stylopisů) podporuje stylování webového rozhraní.

dropbox

Výměna souborů v cloudu

dropbox (SDK pro Dropbox API) propojuje referenční soubory a obsah cloudového úložiště s tabulí.

jspdf

Export tabulí do PDF

jspdf (knihovna JavaScriptu pro tvorbu PDF) generuje PDF verze tabulí.

pandas

Analýza dat o aktivitě

pandas (knihovna Pythonu pro analýzu dat) podporuje reportování a analýzu zaznamenaných aktivit.

@docusaurus/core

Dokumentační web

@docusaurus/core (generátor dokumentačních webů) může publikovat pokyny k systému pro tým klienta.

PNG

Export tabulí jako obrázků

Soubory PNG ukládají exportované obrázky tabulí pro sdílení a kontrolu.

PDF

Export tabulí jako dokumentů

Soubory PDF ukládají exportované tabule jako dokumenty.

Integrace

Dropbox

Referenční soubory a soubory z cloudového úložiště se prostřednictvím SDK přesouvají mezi Dropboxem a tabulí.

Analytics services

Zaznamenané aktivity lze předávat analytickým službám pro metriky, reporty a dashboardy.

PNG and PDF files

Obsah tabulí lze z platformy exportovat jako obrázky PNG nebo dokumenty PDF.

Výsledek

Sdílené tabule udržují vizuální práci pohromadě

Pracovní prostor tabule poskytuje kreativní agentuře sdílené plátno pro kreslení od ruky, text a obrázky. Podporuje také samolepicí poznámky, komentáře a živou přítomnost účastníků.

Synchronizované úpravy zpřístupňují aktuální plátno během celé spolupráce, zatímco oprávnění určují, kdo k němu může přistupovat nebo jej upravovat.

Jak to funguje

  1. Modul synchronizace plátna udržuje stav plátna, kresby, text, obrázky a samolepicí poznámky shodné napříč uživateli a relacemi.
  2. Nástroj pro kreslení od ruky zobrazuje aktivitu kreslení na spolupracující online tabuli.
  3. Živé kurzory a komentáře zobrazují přítomnost uživatelů a diskusi vedle práce na tabuli.
Tip: Soukromé projektové prostory a oprávnění k tabulím udržují sdílenou kreativní práci pod kontrolou.
Sdílený pracovní prostor tabule

Sdílený pracovní prostor tabule

Funkce na této obrazovce
Synchronizace stavu plátna Spolupracující online tabule Nástroj pro kreslení od ruky Spolupráce v reálném čase Správa sdílení tabule

Řízené prostory usnadňují správu tabulí

Knihovna tabulí zobrazuje stávající tabule a projektové prostory na jednom místě. Vlastnictví, přístup a oprávnění k úpravám zpřehledňují strukturu tabulí pro projektové manažery a členy týmu.

Jak to funguje

  1. Seznam tabulí zobrazuje názvy tabulí a jejich vlastníky.
  2. Soukromé projektové prostory propojují tabule s příslušnými projekty.
  3. Nastavení sdílení ukládá přístup uživatelů a oprávnění k úpravám jednotlivých tabulí.
Knihovna tabulí a projektové prostory

Knihovna tabulí a projektové prostory

Funkce na této obrazovce
Správa sdílení tabule Soukromé projektové prostory

Chat udržuje soubory a diskusi vedle tabule

Chat pro spolupráci během sdílené relace spojuje zprávy, přílohy a identity účastníků. Agentuře tak poskytuje jedno komunikační místo pro kreativní diskusi a výměnu souborů.

Odkazy na komentáře propojují konverzaci s příslušnou prací na tabuli.

Jak to funguje

  1. Panel chatu v reálném čase zobrazuje zprávy konverzace a identity účastníků.
  2. Editor zpráv odesílá diskusi v rámci sdílené relace.
  3. Ovládací prvek pro nahrávání příloh přidává soubory a odkazy na komentáře propojují zprávy s prací na tabuli.
Chat pro spolupráci

Chat pro spolupráci

Funkce na této obrazovce
Spolupráce v reálném čase Spolupráce v reálném čase

Přehrávání podporuje kontrolu kreslení

Obrazovka kontroly relace umožňuje analytikům a školitelům prozkoumat, jak kreslicí relace vznikla. Časová osa a oblast přehrávání řadí události kreslení spolu s poznámkami ke kontrole.

Díky tomu jsou zaznamenané aktivity užitečné pro školení, kontrolu a pozdější diskusi.

Jak to funguje

  1. Seznam relací zobrazuje zaznamenané kreslicí relace.
  2. Časová osa relace mapuje události kreslení na jejich pozici při přehrávání.
  3. Oblast přehrávání plátna zobrazuje kreslicí relaci, zatímco poznámky ke kontrole zůstávají dostupné.
Poznámka: Přehrávání je volitelné rozšíření pro kontrolu zaznamenané kreslicí aktivity.
Přehrávání a kontrola relace

Přehrávání a kontrola relace

Funkce na této obrazovce
Přehrávání relací Nahrávání kreslicích relací

Export mění tabule na soubory ke sdílení

Panel výměny souborů přidává referenční obrázky a cloudové soubory na tabuli a připravuje dokončené tabule ke sdílení mimo relaci. Akce PNG a PDF podporují dvě běžné výstupní podoby.

Stav exportu zobrazuje stav vytvořeného souboru tabule.

Jak to funguje

  1. Ovládací prvky pro nahrávání obrázků a cloudových souborů přidávají obrázky a soubory z cloudového úložiště na tabuli.
  2. Seznam souborů zobrazuje nahrané obrázky a soubory z cloudového úložiště.
  3. Akce exportu do PNG a PDF vytvářejí tabule PNG a PDF, zatímco stav exportu zobrazuje jejich stav.
Export tabule a výměna souborů

Export tabule a výměna souborů

Co řešení poskytuje

Díky tomuto řešení může kreativní agentura:

  • V reálném čase vytvářet a upravovat sdílené vizuální tabule.
  • Udržovat skici, komentáře, soubory a oprávnění na jednom místě.
  • Řídit přístup prostřednictvím soukromých projektových prostorů a nastavení tabulí.
  • Diskutovat o práci na tabuli prostřednictvím chatu se sdílenými přílohami.
  • Pomocí přehrávání kontrolovat zaznamenané kreslicí relace.
  • Exportovat tabule jako obrázky PNG nebo dokumenty PDF.

Mohly by úkol zvládnout hotové systémy?

Před návrhem byl úkol porovnán s hotovými produkty podle jejich vlastních popisů.

Co klient potřebuje Low-code platformy Claris FileMaker, AppSheet, Ninox No-code aplikační platformy Budibase, Google App Maker, Appify Podnikové aplikační platformy BMC Helix Platform, Grid Zakázkové řešení
Profily, vyhledávání a párování — — —
Projekty, komunikace, spolupráce částečně částečně částečně
Analytika a přehrávatelné aktivity — — —
Responzivní používání na počítači i mobilu — — —
Přizpůsobení vlastním pravidlům klienta: fáze, role, reporty částečně částečně částečně
Všechny kroky na jednom místě — — —
Žádné manuální kroky mezi programy částečně částečně částečně

Podle veřejných popisů produktů a jejich kategorií.

Hotové produkty pokrývají části tvorby aplikací, spolupráce, automatizace procesů a reportingu. Stačí, když tým potřebuje pouze obecnou interní aplikaci nebo jeden izolovaný proces.

Neposkytují specializované sdílené plátno klienta jako jedno místo se synchronizovaným kreslením, živými kurzory, komentáři, soukromými prostory, přehráváním, výměnou souborů a exportem tabulí. Jednotlivé části by stále vyžadovaly konfiguraci a manuální propojení mezi produkty.

Na závěr

Řešení bylo vytvořeno tak, aby odstranilo manuální koordinaci na cestě od kreativního nápadu ke sdílené tabuli, kterou lze kontrolovat.

ČASTÉ DOTAZY

Uvažujete o vytvoření podobného systému? Přečtěte si níže uvedené odpovědi a zjistěte, jak může zakázková online tabule spojit vizuální spolupráci, řízení přístupu, výměnu souborů a kontrolu.

Potřebujete něco podobného? Promluvme si
Nebo procházet další projekty