Teamsamarbejde

Transformer flowchart-oprettelse fra en solo-aktivitet til en samarbejdsindsats. Arbejd sammen i realtid, se hvem der redigerer hvad, administrer team-tilladelser, og hold alle på samme side.

Oversigt

DiagramKit.AI's samarbejdsfunktioner gør det muligt for teams at arbejde sammen problemfrit på flowcharts. Uanset om du dokumenterer forretningsprocesser, designer systemarkitekturer eller opretter undervisningsindhold, hjælper samarbejdsværktøjer dit team med at skabe bedre diagrammer hurtigere.

Fra realtids tilstedeværelsesindikatorer til rollebaseret adgangskontrol, er hver funktion designet til at gøre teamwork ubesværet, samtidig med at sikkerhed og kontrol over dit indhold opretholdes.

Sådan Fungerer Det

Vores samarbejdssystem opererer på arbejdsområdeniveau:

1. Arbejdsområde Hierarki: Bruger → Arbejdsområder → Flows → Team Medlemmer
2. Realtids Sync: Ændringer forplanter sig på tværs af alle tilsluttede brugere
3. Rollebaseret Adgang: Ejere, Redaktører og Seere med forskellige tilladelser
4. Tilstedeværelsessystem: Se hvem der er online og hvor de arbejder

Nuværende Implementation

Det nuværende system:

• ✅ Fungerer på tværs af flere browser-faner
• ✅ Viser brugertilstedeværelse med farvede markører
• ✅ Realtids markørpositionsopdateringer
• ✅ Join/forlad notifikationer
• ❌ Endnu ikke tilgængelig på tværs af forskellige enheder
• ❌ Endnu ikke tilgængelig for forskellige brugere samtidigt

Dette giver den fulde samarbejdsoplevelse til demo og testformål, med produktionsklare funktioner der lanceres snart.

Realtidssamarbejde

Brugertilstedeværelse

Se hvem der arbejder på samme flowchart:

Visuelle Indikatorer:

• Farvede markør-badges med initialer
• Brugerliste i øverste højre hjørne
• Aktive statusindikatorer
• Sidst set tidsstempler

Tilstedeværelsesfarver: Hvert teammedlem får en unik farve:

• 🔵 Blå
• 🔴 Rød
• 🟢 Grøn
• 🟡 Gul
• 🟣 Lilla
• 🟠 Orange

Markørsporing

Se samarbejdspartneres markører i realtid:

• Se nøjagtig museposition
• Glatte markør-animationer
• Vises kun når brugere er aktive
• Falmer når inaktiv i 30 sekunder

Privatlivsbemærkning: Markørsporing fungerer kun inden for flowcharts. Din markør spores ikke i dashboardet, indstillinger eller andre områder.

Live Redigeringer

Ændringer vises øjeblikkeligt for alle samarbejdspartnere:

• Node-tilføjelser vises med det samme
• Label-redigeringer synkroniseres i realtid
• Kant-oprettelse synlig for alle
• Positionsopdateringer forplanter sig øjeblikkeligt
• Sletning fjerner for alle

Konfliktløsning: Hvis to brugere redigerer samme node samtidigt:

• Sidste skrivning vinder (seneste ændring)
• Intet datatab ved konflikter
• Fortryd tilgængelig for begge brugere
• Visuel indikator viser nylige ændringer

Rollebaseret Adgangskontrol

Tre Tilladelsesniveauer

Ejer:

• Fuld arbejdsområdekontrol
• Administrer fakturering og abonnement
• Tilføj/fjern teammedlemmer
• Ændr arbejdsområdeindstillinger
• Slet arbejdsområde
• Alle redaktør- og seer-tilladelser

Redaktør:

• Opret nye flows
• Rediger alle flows i arbejdsområde
• Slet flows (egne eller andres)
• Inviter nye medlemmer
• Se teammedlemsliste
• Kan ikke ændre arbejdsområdeindstillinger
• Kan ikke fjerne teammedlemmer
• Kan ikke tilgå fakturering

Seer:

• Skrivebeskyttet adgang til alle flows
• Se flowchart-bibliotek
• Eksporter flows (med vandmærke på Gratis plan)
• Kan ikke oprette eller redigere flows
• Kan ikke invitere medlemmer
• Kan ikke slette flows

Tilladelseskontrol

Hver handling kontrollerer tilladelser:

// Oprettelse af et flow
if (role === "viewer") {
  // Vis "Kun Visning" tilstand
  // Deaktiver alle redigeringskontroller
}

// Sletning af et medlem
if (role !== "owner") {
  // Skjul "Fjern" knap
  // API afviser hvis forsøgt
}

Brugere ser kun de handlinger de kan udføre - ingen forvirrende deaktiverede knapper eller tilladelsesmeddelelser.

Ændring af Roller

Som en Ejer:

1. Åbn arbejdsområdeindstillinger
2. Naviger til Team-fanen
3. Klik rolle-dropdown ved siden af medlem
4. Vælg ny rolle
5. Ændring anvendes øjeblikkeligt

Rolleændring Effekter:

• Øjeblikkelig tilladelseopdatering
• Bruger ser notifikation
• Hvis redigerer når nedgraderet til Seer, gemmes ændringer men redigeringstilstand låses
• Intet datatab under rolleovergange

Teamstyring

Invitere Teammedlemmer

Invitationsflow:

1. Opret Invitation:

   • Ejer eller Redaktør åbner Team Indstillinger
   • Klikker "Inviter Medlem"
   • Indtaster email-adresse
   • Vælger rolle (Redaktør eller Seer)
   • Tilføjer valgfri personlig besked

2. Del Invitationslink:

   • System genererer unikt token
   • Gyldigt i 7 dage
   • Kopier link til deling via email, Slack, osv.
   • Eksempel: diagramkit.ai/invite/abc123xyz

3. Accepter Invitation:

   • Modtager klikker på link
   • Opretter konto eller logger ind
   • Bekræfter arbejdsområde-join
   • Får øjeblikkeligt adgang

Invitationsstyring:

• Se alle ventende invitationer
• Gensend invitationslinks
• Tilbagekald invitationer før accept
• Se acceptstatus
• Spor invitationshistorik

Teammedlemsliste

Se alle arbejdsområdemedlemmer:

Oplysninger Vist:

• Fulde navn
• Email-adresse
• Rolle
• Join-dato
• Sidst aktiv tidsstempel
• Online status

Handlinger Tilgængelige:

• Ændr rolle (kun Ejere)
• Fjern medlem (kun Ejere)
• Se medlemmets flow-aktivitet
• Send direkte besked (kommer snart)

Fjernelse af Teammedlemmer

Som en Ejer:

1. Åbn Team Indstillinger
2. Find medlem der skal fjernes
3. Klik "Fjern" knap
4. Bekræft fjernelse
5. Medlem mister adgang øjeblikkeligt

Effekter af Fjernelse:

• Øjeblikkelig adgangstilbagekaldelse
• Aktive redigeringssessioner afsluttes
• Medlem kan ikke længere se arbejdsområde
• Flows forbliver uændrede
• Invitation kan sendes igen hvis nødvendigt

Kan Ikke Fjerne:

• Dig selv (arbejdsområde Ejer)
• Skal overføre ejerskab først
• Eller slette hele arbejdsområde

Arbejdsområde Privatlivsindstillinger

Offentlige vs. Private Arbejdsområder

Offentlige Arbejdsområder:

• ✅ Tilgængelig på Gratis plan
• Alle med link kan se (skrivebeskyttet)
• Teammedlemmer kan redigere med korrekt rolle
• Vises i offentlig arbejdsområdemappe (valgfrit)
• Godt til open source-projekter, undervisningsindhold

Private Arbejdsområder:

• ⭐ Pro plan eller højere krævet
• Kun inviterede teammedlemmer har adgang
• Link-deling deaktiveret som standard
• Ikke listet i offentlig mappe
• Fuld adgangskontrol
• Perfekt til forretningsprocesser, fortroligt arbejde

Ændring af Privatlivsindstillinger

Gøre et Arbejdsområde Privat:

1. Opgradér til Pro plan
2. Åbn arbejdsområdeindstillinger
3. Naviger til Privatlivs-fanen
4. Toggle "Privat Arbejdsområde"
5. Alle offentlige links bliver ugyldige

Gøre et Arbejdsområde Offentligt:

1. Åbn arbejdsområdeindstillinger
2. Naviger til Privatlivs-fanen
3. Toggle "Offentligt Arbejdsområde"
4. Valgfrit aktiver mappe-listing
5. Generer delbart link

Samarbejdsfunktioner

Kommentarer & Feedback

Kommer i Q2 2025:

• Tilføj kommentarer til specifikke noder
• Tråd-diskussioner
• @nævn teammedlemmer
• Marker kommentarer som løst
• Kommentarhistorik og søgning

Nuværende Workaround: Brug node-labels til at tilføje noter:

"Proces: Valider Bruger [Note: Skal tilføje timeout - John]"

Versionshistorik

Køreplan Funktion:

• Se alle flowchart-versioner
• Sammenlign ændringer mellem versioner
• Gendan tidligere versioner
• Spor hvem der lavede ændringer
• Forgrene og flet workflows

Nuværende Tilstand: Manuel versionering via duplikér + omdøb:

1. Højreklik flow
2. Vælg "Duplikér"
3. Omdøb: "Login Flow v2"

Aktivitetsfeed

Planlagt:

• Realtids aktivitetsstream
• "John redigerede Login Flow"
• "Sarah oprettede nyt flowchart"
• Filtrer efter bruger, handling, dato
• Eksporter aktivitetslogger

Team Samarbejds Workflows

Workflow 1: Procesdokumentation

Scenarie: HR-team dokumenterer onboarding-proces

1. Ejer opretter arbejdsområde: "HR Processer"
2. Inviterer team: HR Manager (Redaktør), Personale (Seere)
3. Redaktør opretter flow: "Ny Medarbejder Onboarding"
4. Team samarbejder: Flere redaktører tilføjer sektioner
5. Seere gennemgår: Interessenter ser og giver feedback
6. Ejer godkender: Endelig gennemgang og publicering

Workflow 2: Systemarkitektur

Scenarie: Dev team designer microservices-arkitektur

1. Tech Lead opretter arbejdsområde: "Systemarkitektur"
2. Inviterer udviklere: Alle som Redaktører
3. Parallel arbejde: Forskellige udviklere designer forskellige services
4. Realtids gennemgang: Team ser ændringer som de sker
5. Async feedback: Teammedlemmer gennemgår når tilgængelige
6. Iteration: Flere revisionscyklusser

Workflow 3: Undervisningsindhold

Scenarie: Lærer opretter algoritme-flowcharts

1. Lærer opretter arbejdsområde: "CS101 Algoritmer"
2. Offentligt arbejdsområde: Studerende kan se
3. Selektiv redigering: TA'er inviteret som Redaktører
4. Studenteradgang: Kun visning til læring
5. TA bidrag: TA'er tilføjer eksempler
6. Versionskontrol: Manuel versionering for hvert semester

Plan Krav

Gratis Plan

• ❌ Intet teamsamarbejde
• ✅ Solo arbejdsområde kun
• ✅ Offentlig arbejdsområde-mulighed
• ❌ 1 arbejdsområde maksimum
• ❌ Kan ikke invitere medlemmer

Pro Plan (kr. 89/md)

• ✅ Op til 5 teammedlemmer per arbejdsområde
• ✅ 5 arbejdsområder
• ✅ Private arbejdsområder
• ✅ Realtidssamarbejde
• ✅ Rollebaseret adgangskontrol
• ✅ Brugertilstedeværelsesindikatorer
• ✅ Teamstyring værktøjer
• ✅ Invitationssystem

Enterprise Plan (kr. 365/md)

• ✅ Ubegrænsede teammedlemmer
• ✅ Ubegrænsede arbejdsområder
• ✅ Alle Pro-funktioner
• ✅ SSO integration (planlagt)
• ✅ Audit logs (planlagt)
• ✅ Avancerede tilladelser (planlagt)
• ✅ Prioriteret support
• ✅ Brugerdefineret træning

Bedste Praksis

Team Organisation

✅ Gør:

• Opret separate arbejdsområder for afdelinger
• Brug beskrivende arbejdsområdenavne
• Gennemgå regelmæssigt teammedlems-adgang
• Fjern inaktive medlemmer
• Dokumentér arbejdsområdeformål

❌ Undgå:

• Ét massivt arbejdsområde til alt
• Give alle Ejer-rolle
• Lade gamle invitationer være aktive
• Tilføje eksterne parter til private arbejdsområder uden gennemgang

Rolletildeling

Brug Seer til:

• Interessenter der kun behøver synlighed
• Eksterne konsulenter (midlertidig adgang)
• Klienter der gennemgår leverancer
• Teammedlemmer under træning

Brug Redaktør til:

• Aktive bidragydere
• Daglig teammedlemmer
• Betroede samarbejdspartnere
• Indholdscreatorer

Brug Ejer til:

• Afdelingschefer
• Projektledere
• Faktureringadministratorer
• 1-2 personer maksimum per arbejdsområde

Kommunikation

Selvom samarbejde er i realtid, er kommunikation nøglen:

• Brug ekstern chat (Slack, Teams) til diskussioner
• Dokumentér beslutninger i flowchart-labels
• Planlæg gennemgangssessioner for komplekse flows
• Sæt klart ejerskab for hvert flowchart

Nuværende Begrænsninger

Demo Implementation

• ✅ Fungerer på tværs af browser-faner på samme enhed
• ❌ Endnu ikke på tværs af enheder eller brugere
• ❌ Ingen WebSocket-forbindelse endnu
• ❌ localStorage-baseret synkronisering
• ⏳ Fuld produktionsversion: Q2 2025

Manglende Funktioner

• Intet kommentarsystem (køreplan)
• Ingen versionshistorik (planlagt)
• Ingen aktivitetsfeed (planlagt)
• Ingen konfliktløsnings-UI (kommer)
• Ingen offline-tilstand (fremtidig)

Ydeevne

• Optimal for 2-5 samtidige brugere
• Kan blive langsom med 10+ samtidige redaktører
• Store flowcharts (100+ noder) kan lagge
• Markøropdateringer throttled til 60fps

Fejlfinding

"Kan ikke se andre brugeres markører"

• Sikr du er på Pro plan eller højere
• Tjek at andre brugere er online
• Opdater siden
• Verificer arbejdsområde er delt
• Fungerer i øjeblikket kun på tværs af faner i samme browser

"Ændringer synkroniserer ikke"

• Tjek internetforbindelse
• Verificer du har Redaktør-rolle
• Sikr flowchart ikke er låst
• Prøv at opdatere siden
• Ryd browser-cache hvis vedvarende

"Kan ikke invitere teammedlemmer"

• Verificer du har Pro plan eller højere
• Tjek at du er Ejer eller Redaktør
• Sikr arbejdsområde ikke er ved medlemsgrænsen (5 på Pro)
• Verificer email-adresse er gyldig
• Tjek invitation ikke allerede er sendt

"Fjernet medlem har stadig adgang"

• Ændringer tager op til 30 sekunder at forplante sig
• Bed medlem om at opdatere siden
• Verificer fjernelse fuldført (tjek teamliste)
• Hvis vedvarende, tilbagekald alle sessioner i indstillinger

Tastaturgenveje

| Genvej | Handling | |----------|--------| | Cmd/Ctrl + Shift + T | Åbn teampanel | | Cmd/Ctrl + Shift + I | Inviter medlem | | Cmd/Ctrl + U | Toggle brugertilstedeværelsespanel | | Escape | Luk samarbejdspaneler |

Relaterede Funktioner

• Arbejdsområdestyring - Organiser teams og flows
• Eksport & Deling - Del flowcharts eksternt
• AI Prompt-linje - Samarbejd ved hjælp af AI

Næste Skridt

• Lær Team Bedste Praksis
• Udforsk Tilladelsesmatrix