PROJEKT

Online-whiteboard för kreativt samarbete i realtid

Skräddarsydd programvaruutveckling, Samarbete i realtid, Frihandsritning, Delning av anslagstavlor, Privata projektutrymmen, Filuppladdningar, PNG- och PDF-export

  • Bransch: Kreativa tjänster
  • Tjeckien Plats: Tjeckien
  • Leveranstid: 16 veckor
  • Teknik: JavaScript / TypeScript (Node.js), Python
4+ månader

Kunden lägger tid på att hålla kreativt arbete, kommentarer och filer synkroniserade mellan distribuerade team. Online-whiteboarden är en webbaserad arbetsyta där byrån skapar gemensamma anslagstavlor, ritar fritt och lägger till visuellt innehåll. Den ger projektledare och teammedlemmar en gemensam plats för samarbete på datorer och mobila enheter. Privata utrymmen, behörigheter, kommentarer, sessionsgranskning och export av anslagstavlor stödjer arbetet.

Sammanfattning

Problem

Den kreativa byrån hanterar visuellt samarbete genom separata diskussioner, filer och steg för delning av anslagstavlor.

Lösning

Lösningen blev en responsiv online-whiteboard med synkroniserat canvasläge, projektutrymmen och chatt.

Resultat

Programvaran är utformad för att minska manuell samordning och omarbete kring gemensamt kreativt arbete.

Kundberättelse

Kunden är en kreativ byrå från Tjeckien. Den arbetar med distribuerade team som skapar, utbyter och granskar visuellt innehåll tillsammans.

Kreativt arbete omfattar frihandsskisser, text och bilder. Det inkluderar även kommentarer, delade filer och behörigheter för anslagstavlor.

Efterfrågan gällde profiler, upptäckt eller matchning samt projektledning. Kommunikation och samarbete ingick också.

Analys och registrerad aktivitet ingick i efterfrågan. Responsiv åtkomst via molnet krävdes också.

Lösningen utformades som en modulär webbapplikation. Särskild vikt lades vid synkroniserade anslagstavlor, privata projektutrymmen, livepekare och kommentarer.

Chatt med bilagestöd, sessionsuppspelning och PNG- eller PDF-export kompletterade arbetsytan.

Kunden efterfrågade

  1. Möjlighet att hantera profiler, upptäckt, projekt, kommunikation och samarbetsflöden.
  2. Analys, instrumentpaneler, mätvärden och aktivitet som kan spelas upp.
  3. Responsiv användning på datorer och mobila enheter.
  4. Skalbar molnhosting med dokumentation och möjligheter till framtida utbyggnad.

Varför färdig programvara inte passade

Färdiga plattformar för arbetsplatsinnovation hjälper team att skapa applikationer och automatisera affärsprocesser, men deras beskrivningar positionerar dem som low-code- eller no-code-plattformar snarare än särskilda gemensamma canvaser. En skräddarsydd plattform behövdes för att samla synkroniserad ritning, livepekare och kommentarer i ett enda arbetsflöde. Den samlade även behörigheter, privata utrymmen, filutbyte och sessionsuppspelning.

Projektöversikt

Lösningen utformades kring en responsiv webbapplikation med synkroniserad redigering och samarbete i rum. Canvasens tillstånd är tillgängligt för flera användare och sessioner, medan gränssnittet samlar ritning, text och bilder.

För kontrollerat samarbete tillhandahölls privata projektutrymmen och ägarskap för anslagstavlor. Delningsinställningar och redigeringsbehörigheter styr åtkomsten till varje anslagstavla, medan biblioteket håller befintligt arbete organiserat.

En chatt i realtid kopplar samman samtal och arbete på anslagstavlan. Meddelanden, bifogade filer och kommentarshänvisningar förblir en del av den gemensamma sessionen.

Sessionsuppspelning registrerar ritaktivitet för senare granskning av en analytiker eller utbildare. Panelen för export och filutbyte hanterar referensbilder, molnfiler, PNG-anslagstavlor och PDF-anslagstavlor.

Systemet strukturerades som moduler så att analys, instrumentpaneler, dokumentation och framtida utbyggnader kan läggas till utan att hela plattformen behöver byggas om. Dokumentation kan genereras med @docusaurus/core (ett verktyg för dokumentationswebbplatser) eller Sphinx (en dokumentationsgenerator).

Viktiga levererade funktioner

  • Synkroniserat canvasläge
  • Gemensam redigering av whiteboard
  • Verktyg för frihandsritning
  • Livepekare och kommentarer
  • Privata projektutrymmen
  • Delning och behörigheter för anslagstavlor
  • Chatt i realtid med bilagor
  • Inspelning och uppspelning av sessioner
  • PNG- och PDF-export av anslagstavlor

Kan läggas till

+ Sessionsinspelning + Sessionsuppspelning + Skapande av wireframes + PNG-export + PDF-export

Vem mer kan använda lösningen

Dessa företag har en liknande uppgift och samma lösning kan anpassas till deras gemensamma visuella sessioner.

En kreativ studio

Uppgift Den behöver en gemensam plats för skisser, visuella referenser, kommentarer och granskningssessioner.
Så hjälper lösningen Lösningen hjälper teamet att rita tillsammans, utbyta filer, styra åtkomsten till anslagstavlor och exportera färdiga anslagstavlor.
Kreativa studior

En plattform för distansundervisning

Uppgift Den behöver att lärare och deltagare kan arbeta på visuella anslagstavlor under gemensamma sessioner.
Så hjälper lösningen Lösningen hjälper dem att kombinera frihandsritning, kommentarer, bilagor, deltagarnärvaro och sessionsuppspelning.
Företagstjänster

En marknadsplats för kreatörssamarbete

Uppgift Den behöver att samarbetspartner kan diskutera kampanjarbete och hantera gemensamt visuellt material.
Så hjälper lösningen Lösningen hjälper dem att använda privata projektutrymmen, behörigheter för anslagstavlor, chatt i realtid och exportverktyg.
Kreativa byråer

Teknikstack

JavaScript / TypeScript (Node.js)

Utveckling av webbapplikationer

Detta språkstöd används för det responsiva webbgränssnittet och funktionerna för samarbete i realtid.

Python

Analys och dataanalys

Python används för analys, rapportering och aktivitetsanalys där det behövs.

PHP

Serverbaserat applikationsarbete

PHP används för serverbaserade applikationsmoduler.

css

Gränssnittsstyling

css (en parser och strängifierare för stilmallar) används för att utforma webbgränssnittet.

dropbox

Molnbaserat filutbyte

dropbox (ett SDK för Dropbox API) kopplar referensfiler och molnlagring till anslagstavlan.

jspdf

PDF-export av anslagstavlor

jspdf (ett JavaScript-bibliotek för att skapa PDF-filer) genererar PDF-versioner av anslagstavlor.

pandas

Analys av aktivitetsdata

pandas (ett Python-bibliotek för dataanalys) stöder rapportering och analys av registrerad aktivitet.

@docusaurus/core

Dokumentationswebbplats

@docusaurus/core (en generator för dokumentationswebbplatser) kan publicera systemvägledning för kundens team.

PNG

Bildexport av anslagstavlor

PNG-filer lagrar exporterade bilder av anslagstavlor för delning och granskning.

PDF

Dokumentexport av anslagstavlor

PDF-filer lagrar exporterade anslagstavlor som dokument.

Integrationer

Dropbox

Referensfiler och filer från molnlagring flyttas mellan Dropbox och anslagstavlan via dess SDK.

Analytics services

Registrerad aktivitet kan skickas till analystjänster för mätvärden, rapportering och instrumentpaneler.

PNG and PDF files

Innehåll från anslagstavlan exporteras från plattformen som PNG-bilder eller PDF-dokument.

Resultatet

Gemensamma anslagstavlor samlar det visuella arbetet

Arbetsytan för anslagstavlan ger den kreativa byrån en gemensam canvas för frihandsritning, text och bilder. Den stöder även post-it-lappar, kommentarer och deltagarnärvaro i realtid.

Synkroniserad redigering gör den aktuella canvasen synlig under hela samarbetssessionen, medan behörigheter styr vem som får åtkomst till eller kan redigera den.

Så fungerar det

  1. Modulen för canvassynkronisering håller canvasläge, ritningar, text, bilder och post-it-lappar synkroniserade mellan användare och sessioner.
  2. Verktyget för frihandsritning visar ritaktivitet på den gemensamma whiteboarden.
  3. Livepekare och kommentarer visar användarnärvaro och diskussion bredvid arbetet på anslagstavlan.
Tips: Privata projektutrymmen och behörigheter för anslagstavlor håller det gemensamma kreativa arbetet under kontroll.
Gemensam arbetsyta för anslagstavlor

Gemensam arbetsyta för anslagstavlor

Funktioner på denna skärm
Synkronisering av canvasläge Gemensam whiteboard Verktyg för frihandsritning Samarbeta i realtid Hantera delning av anslagstavlor

Kontrollerade utrymmen gör anslagstavlor enklare att hantera

Anslagstavlebiblioteket samlar befintliga anslagstavlor och projektutrymmen i en vy. Ägarskap, åtkomst och redigeringsbehörigheter gör strukturen tydlig för projektledare och teammedlemmar.

Så fungerar det

  1. Listan visar anslagstavlornas namn och ägarskap.
  2. Privata projektutrymmen kopplar anslagstavlor till deras projektutrymmen.
  3. Delningsinställningar lagrar användaråtkomst och redigeringsbehörigheter för varje anslagstavla.
Anslagstavlebibliotek och projektutrymmen

Anslagstavlebibliotek och projektutrymmen

Funktioner på denna skärm
Hantera delning av anslagstavlor Privata projektutrymmen

Chatten håller filer och diskussion bredvid anslagstavlan

Samarbetschatten samlar meddelanden, bilagor och deltagaridentiteter under en gemensam session. Det ger byrån en gemensam kommunikationsyta för kreativ diskussion och filutbyte.

Kommentarshänvisningar kopplar samtalet till det relevanta arbetet på anslagstavlan.

Så fungerar det

  1. Chattpanelen i realtid visar meddelanden och deltagaridentiteter.
  2. Meddelandefältet skickar diskussionen tillsammans med den gemensamma sessionen.
  3. Uppladdningskontrollen för bilagor lägger till filer, medan kommentarshänvisningar kopplar meddelanden till arbetet på anslagstavlan.
Samarbetschatt

Samarbetschatt

Funktioner på denna skärm
Samarbete i realtid Samarbeta i realtid

Uppspelning stöder granskning av ritningar

Skärmen för sessionsgranskning ger analytiker och utbildare möjlighet att undersöka hur en ritsession skapades. En tidslinje och ett uppspelningsområde placerar ritningshändelser i ordning tillsammans med granskningsanteckningar.

Det gör registrerad aktivitet användbar för utbildning, granskning och senare diskussion.

Så fungerar det

  1. Sessionslistan visar inspelade ritsessioner.
  2. Sessionens tidslinje kopplar händelser till deras position i uppspelningen.
  3. Canvasens uppspelningsområde visar ritsessionen medan granskningsanteckningar förblir tillgängliga.
Obs: Uppspelning är ett valfritt tillägg för granskning av inspelad ritaktivitet.
Sessionsuppspelning och granskning

Sessionsuppspelning och granskning

Funktioner på denna skärm
Funktion för sessionsuppspelning Spela in ritsessioner

Export gör anslagstavlor till delningsbara filer

Panelen för filutbyte lägger till referensbilder och molnfiler på anslagstavlan och förbereder färdiga anslagstavlor för delning utanför sessionen. PNG- och PDF-funktionerna stöder två vanliga utdataformat.

Exportstatus visar statusen för den genererade anslagstavlefilen.

Så fungerar det

  1. Kontrollerna för bild- och molnfiluppladdning lägger till bilder och molnlagrade filer på anslagstavlan.
  2. Fillistan visar uppladdade bilder och molnlagrade filer.
  3. PNG- och PDF-export skapar PNG- och PDF-versioner av anslagstavlor medan exportstatus visar deras status.
Export av anslagstavlor och filutbyte

Export av anslagstavlor och filutbyte

Vad lösningen ger

Med denna lösning kan den kreativa byrån:

  • Skapa och redigera gemensamma visuella anslagstavlor i realtid.
  • Samla skisser, kommentarer, filer och behörigheter i en arbetsyta.
  • Styra åtkomsten genom privata projektutrymmen och inställningar för anslagstavlor.
  • Diskutera arbete på anslagstavlor via chatt med gemensamma bilagor.
  • Granska inspelade ritsessioner med uppspelning.
  • Exportera anslagstavlor som PNG-bilder eller PDF-dokument.

Kan färdiga system utföra jobbet?

Före utformningen jämfördes uppgiften med färdiga produkter utifrån deras egna beskrivningar.

Vad kunden behöver Low-code-plattformar Claris FileMaker, AppSheet, Ninox No-code-plattformar Budibase, Google App Maker, Appify Företagsplattformar BMC Helix Platform, Grid Skräddarsydd lösning
Profiler, upptäckt och matchning — — —
Projekt, kommunikation, samarbete delvis delvis delvis
Analys och uppspelningsbar aktivitet — — —
Responsiv användning på datorer och mobiler — — —
Passar kundens egna regler: steg, roller, rapporter delvis delvis delvis
Alla steg på en plats — — —
Inga manuella steg mellan program delvis delvis delvis

Enligt produkternas och kategorins offentliga beskrivningar.

Färdiga produkter täcker delar av applikationsutveckling, samarbete, processautomatisering och rapportering. De räcker när ett team endast behöver en generell intern applikation eller en isolerad process.

De tillhandahåller inte kundens särskilda gemensamma canvas som en enda plats med synkroniserad ritning, livepekare, kommentarer, privata utrymmen, uppspelning, filutbyte och export av anslagstavlor. De separata delarna skulle fortfarande kräva konfiguration och manuella kopplingar mellan produkterna.

Till sist

Till sist utformades lösningen för att ta bort manuell samordning från vägen mellan en kreativ idé och en gemensam, granskningsbar anslagstavla.

Vanliga frågor

Funderar du på att bygga ett liknande system? Läs svaren nedan för att se hur en skräddarsydd online-whiteboard kan kombinera visuellt samarbete, åtkomstkontroll, filutbyte och granskning.

Behöver du något liknande? Prata med oss
Eller bläddra bland fler projekt