PROJEKT

Online-tavle til kreativt samarbejde i realtid

Skræddersyet softwareudvikling, Samarbejde i realtid, Frihåndstegning, Tavledeling, Private projektrum, Filuploads, PNG- og PDF-eksport

  • Branche: Kreative tjenester
  • Tjekkiet Placering: Tjekkiet
  • Leveringstid: 16 uger
  • Teknologier: JavaScript / TypeScript (Node.js), Python
4+ måneder

Denne kunde bruger tid på at holde kreativt arbejde, kommentarer og filer synkroniseret på tværs af distribuerede teams. Online-tavlen er et webbaseret arbejdsområde, hvor bureauet opretter fælles tavler, tegner i fri hånd og tilføjer visuelt indhold. Den giver projektledere og teammedlemmer ét sted til samarbejde på desktop- og mobilenheder. Private områder, tilladelser, kommentarer, sessionsgennemgang og tavleeksport understøtter arbejdet.

Overblik

Problem

Det kreative bureau håndterer visuelt samarbejde på tværs af separate diskussioner, filer og trin til tavledeling.

Løsning

Løsningen blev en responsiv online-tavle med synkroniseret lærredstilstand, projektrum og chat.

Resultat

Softwaren er udviklet til at reducere manuel koordinering og omarbejde omkring fælles kreativt arbejde.

Kundehistorie

Kunden er et kreativt bureau fra Tjekkiet. Det arbejder med distribuerede teams, der skaber, udveksler og gennemgår visuelt indhold sammen.

Kreativt arbejde omfatter frihåndsskitser, tekst og billeder. Det omfatter også kommentarer, fælles filer og tavletilladelser.

Anmodningen var at tilbyde profiler, søgning eller matching samt projektstyring. Den omfattede også kommunikation og samarbejde.

Analyser og registreret aktivitet var en del af anmodningen. Responsiv adgang via cloud var også påkrævet.

Løsningen blev udformet som en modulær webapplikation. Der blev lagt særlig vægt på synkroniserede tavler, private projektrum, live-markører og kommentarer.

Chat med understøttelse af vedhæftninger, sessionsafspilning og PNG- eller PDF-eksport fuldendte arbejdsområdet.

Kunden bad om

  1. Aktivér profiler, søgning, projekter, kommunikation og samarbejdsprocesser.
  2. Tilbyd analyser, dashboards, målepunkter og aktivitet, der kan afspilles.
  3. Funger responsivt på desktop- og mobilenheder.
  4. Brug skalerbar cloudhosting med dokumentation og muligheder for fremtidige udvidelser.

Hvorfor standardsoftware ikke passede

Standardplatforme til arbejdspladsinnovation hjælper teams med at oprette applikationer og automatisere forretningsprocesser, men deres beskrivelser positionerer dem som low-code- eller no-code-platforme frem for dedikerede fælles lærreder. Der var brug for en skræddersyet platform, der kunne samle synkroniseret tegning, live-markører og kommentarer i én arbejdsgang. Den samlede også tilladelser, private områder, fildeling og sessionsafspilning.

Projektoversigt

Løsningen blev designet omkring en responsiv webapplikation med synkroniseret redigering og samarbejde i rum. Lærredets tilstand er tilgængelig for alle brugere og sessioner, mens brugerfladen samler tegning, tekst og billeder.

For at understøtte kontrolleret samarbejde blev der oprettet private projektrum og ejerskab over tavler. Delingsindstillinger og redigeringstilladelser definerer adgangen til hver tavle, mens tavlebiblioteket holder det eksisterende arbejde organiseret.

En chat i realtid forbinder samtalen med arbejdet på tavlen. Beskeder, vedhæftede filer og kommentarhenvisninger forbliver en del af den fælles session.

Sessionsafspilning registrerer tegneaktivitet til senere gennemgang af en analytiker eller træner. Panelet til eksport og fildeling håndterer referencebilleder, cloudfiler, PNG-tavler og PDF-tavler.

Systemet blev struktureret som moduler, så analyser, dashboards, dokumentation og senere udvidelser kan tilføjes uden at genopbygge hele platformen. Dokumentation kan genereres med @docusaurus/core (et værktøj til dokumentationswebsites) eller Sphinx (en dokumentationsgenerator).

Vigtige leverede funktioner

  • Synkroniseret lærredstilstand
  • Samarbejdende redigering af online-tavle
  • Værktøjer til frihåndstegning
  • Live-markører og kommentarer
  • Private projektrum
  • Tavledeling og tilladelser
  • Chat i realtid med vedhæftninger
  • Sessionsoptagelse og -afspilning
  • Eksport af tavler som PNG og PDF

Kan tilføjes

+ Sessionsoptagelse + Sessionsafspilning + Oprettelse af wireframes + PNG-eksport + PDF-eksport

Hvem kan ellers bruge denne løsning

Disse virksomheder har en lignende opgave, og den samme løsning kan tilpasses deres fælles visuelle sessioner.

Et kreativt studie

Opgave Det har brug for ét sted til fælles skitser, visuelle referencer, kommentarer og gennemgangssessioner.
Sådan hjælper løsningen Løsningen hjælper teamet med at tegne sammen, udveksle filer, styre tavleadgang og eksportere færdige tavler.
Kreative studier

En platform til fjernundervisning

Opgave Det har brug for, at undervisere og deltagere kan arbejde på visuelle tavler under fælles sessioner.
Sådan hjælper løsningen Løsningen hjælper dem med at kombinere frihåndstegning, kommentarer, vedhæftninger, deltagertilstedeværelse og sessionsafspilning.
Erhvervsservices

En markedsplads for skabersamarbejde

Opgave Det har brug for, at samarbejdspartnere kan diskutere kampagnearbejde og administrere fælles visuelt materiale.
Sådan hjælper løsningen Løsningen hjælper dem med at bruge private projektrum, tavletilladelser, chat i realtid og eksportværktøjer.
Kreative bureauer

Teknologisk stack

JavaScript / TypeScript (Node.js)

Udvikling af webapplikation

Denne sprogfamilie understøtter den responsive webbrugerflade og funktionerne til samarbejde i realtid.

Python

Analyse og dataanalyse

Python understøtter analyser, rapportering og aktivitetsanalyse efter behov.

PHP

Udvikling af serverbaserede applikationer

PHP er tilgængeligt til serverbaserede applikationsmoduler.

css

Styling af brugerflade

css (en parser og generator til stylesheets) understøtter stylingen af webbrugerfladen.

dropbox

Cloudbaseret fildeling

dropbox (et SDK til Dropbox API) forbinder referencefiler og cloudlagerindhold med tavlen.

jspdf

Eksport af PDF-tavler

jspdf (et JavaScript-bibliotek til oprettelse af PDF-filer) genererer PDF-versioner af tavler.

pandas

Analyse af aktivitetsdata

pandas (et Python-bibliotek til dataanalyse) understøtter rapportering og analyse af registreret aktivitet.

@docusaurus/core

Dokumentationswebsite

@docusaurus/core (en generator til dokumentationswebsites) kan udgive systemvejledning til kundens team.

PNG

Eksport af billedtavler

PNG-filer gemmer eksporterede tavlebilleder til deling og gennemgang.

PDF

Eksport af dokumenttavler

PDF-filer gemmer eksporterede tavler som dokumenter.

Integrationer

Dropbox

Referencefiler og cloudlagerfiler flyttes mellem Dropbox og tavlen via dets SDK.

Analytics services

Registreret aktivitet kan sendes til analysetjenester for målepunkter, rapportering og dashboards.

PNG and PDF files

Tavleindhold eksporteres fra platformen som PNG-billeder eller PDF-dokumenter.

Resultatet

Fælles tavler samler det visuelle arbejde

Tavleområdet giver det kreative bureau et fælles lærred til frihåndstegning, tekst og billeder. Det understøtter også sticky notes, kommentarer og deltagernes tilstedeværelse i realtid.

Synkroniseret redigering gør det aktuelle lærred synligt på tværs af samarbejdssessionen, mens tilladelser definerer, hvem der kan få adgang til eller redigere det.

Sådan fungerer det

  1. Modulet til synkronisering af lærredet holder lærredets tilstand, tegninger, tekst, billeder og sticky notes synkroniseret på tværs af brugere og sessioner.
  2. Frihåndstegningsværktøjet viser tegneaktivitet på den fælles online-tavle.
  3. Live-markører og kommentarer viser brugernes tilstedeværelse og diskussion ved siden af tavlearbejdet.
Tip: Private projektrum og tavletilladelser holder det fælles kreative arbejde under kontrol.
Fælles tavleområde

Fælles tavleområde

Funktioner på denne skærm
Synkronisering af lærredstilstand Samarbejdende online-tavle Frihåndstegningsværktøj Samarbejd i realtid Administrer tavledeling

Kontrollerede områder gør tavler nemmere at administrere

Tavlebiblioteket samler eksisterende tavler og projektrum i én visning. Ejerskab, adgang og redigeringstilladelser gør tavlestrukturen tydelig for projektledere og teammedlemmer.

Sådan fungerer det

  1. Tavlelisten viser tavlenavne og tavleejerskab.
  2. Private projektrum forbinder tavler med deres projektrum.
  3. Delingsindstillinger gemmer brugeradgang og redigeringstilladelser for hver tavle.
Tavlebibliotek og projektrum

Tavlebibliotek og projektrum

Funktioner på denne skærm
Administrer tavledeling Private projektrum

Chat samler filer og diskussion ved siden af tavlen

Samarbejdschatten samler beskeder, vedhæftninger og deltagernes identiteter under en fælles session. Det giver bureauet ét kommunikationsområde til kreativ diskussion og fildeling.

Kommentarhenvisninger forbinder samtalen med det relevante tavlearbejde.

Sådan fungerer det

  1. Chatpanelet i realtid viser samtalebeskeder og deltagernes identiteter.
  2. Beskedfeltet sender diskussionen sammen med den fælles session.
  3. Uploadkontrollen til vedhæftninger tilføjer filer, mens kommentarhenvisninger forbinder beskeder med tavlearbejdet.
Samarbejdschat

Samarbejdschat

Funktioner på denne skærm
Samarbejde i realtid Samarbejd i realtid

Afspilning understøtter gennemgang af tegninger

Sessionsgennemgangen giver analytikere og trænere mulighed for at undersøge, hvordan en tegnesession blev skabt. En tidslinje og et afspilningsområde placerer tegnehændelser i rækkefølge sammen med gennemgangsnoter.

Det gør registreret aktivitet nyttig til træning, gennemgang og senere diskussion.

Sådan fungerer det

  1. Sessionslisten viser registrerede tegnesessioner.
  2. Sessionens tidslinje knytter hændelser til deres placering i afspilningen.
  3. Området til afspilning af lærredet viser tegnesessionen, mens gennemgangsnoter forbliver tilgængelige.
Bemærk: Afspilning er en valgfri udvidelse til gennemgang af registreret tegneaktivitet.
Sessionsafspilning og gennemgang

Sessionsafspilning og gennemgang

Funktioner på denne skærm
Sessionsafspilning Optagelse af tegnesessioner

Eksport omdanner tavler til delbare filer

Panelet til fildeling bringer referencebilleder og cloudfiler ind på tavlen og gør færdige tavler klar til deling uden for sessionen. PNG- og PDF-funktionerne understøtter to almindelige outputformater.

Eksportstatus viser status for den genererede tavlefil.

Sådan fungerer det

  1. Uploadkontrollerne til billeder og cloudfiler tilføjer billeder og cloudlagerfiler til tavlen.
  2. Fillisten viser uploadede billeder og cloudlagerfiler.
  3. PNG- og PDF-eksportfunktionerne opretter PNG- og PDF-tavler, mens eksportstatus viser deres status.
Tavleeksport og fildeling

Tavleeksport og fildeling

Hvad løsningen giver

Med denne løsning kan det kreative bureau:

  • Oprette og redigere fælles visuelle tavler i realtid.
  • Samle skitser, kommentarer, filer og tilladelser i ét arbejdsområde.
  • Styre adgangen via private projektrum og tavleindstillinger.
  • Diskutere tavlearbejde via chat med fælles vedhæftninger.
  • Gennemgå optagede tegnesessioner med afspilning.
  • Eksportere tavler som PNG-billeder eller PDF-dokumenter.

Kunne standardløsninger klare opgaven?

Før designet blev opgaven sammenlignet med standardprodukter ud fra deres egne beskrivelser.

Det kunden har brug for Low-code-platforme Claris FileMaker, AppSheet, Ninox No-code-appplatforme Budibase, Google App Maker, Appify Enterprise-appplatforme BMC Helix Platform, Grid Skræddersyet løsning
Profiler, søgning og matching — — —
Projekter, kommunikation, samarbejde delvist delvist delvist
Analyser og aktivitet, der kan afspilles — — —
Responsiv brug på desktop og mobil — — —
Passer til kundens egne regler: trin, roller, rapporter delvist delvist delvist
Alle trin samlet ét sted — — —
Ingen manuelle trin mellem programmer delvist delvist delvist

Ifølge produkternes og kategoriens offentlige beskrivelser.

Standardprodukter dækker dele af applikationsudvikling, samarbejde, procesautomatisering og rapportering. De er tilstrækkelige, når et team kun har brug for en generel intern applikation eller én isoleret proces.

De tilbyder ikke kundens dedikerede fælles lærred som ét sted med synkroniseret tegning, live-markører, kommentarer, private områder, afspilning, fildeling og tavleeksport. De enkelte dele ville stadig kræve konfiguration og manuelle forbindelser mellem produkterne.

Til sidst

Til sidst blev løsningen udviklet til at fjerne manuel koordinering fra vejen fra en kreativ idé til en fælles tavle, der kan gennemgås.

FAQ

Overvejer du at udvikle et lignende system? Læs svarene nedenfor for at se, hvordan en skræddersyet online-tavle kan kombinere visuelt samarbejde, adgangskontrol, fildeling og gennemgang.

Har du brug for noget lignende? Lad os tale sammen
Eller se flere projekter