실시간 화이트보드 - Archyl Docs

팀과 함께 아키텍처 다이어그램을 실시간으로 협업하세요

실시간 화이트보드 협업

팀과 함께 실시간으로 아키텍처 다이어그램을 작업하세요. 서로의 커서를 보고, 변경사항이 즉시 나타나는 것을 확인하며, 같은 공간에 있는 것처럼 협업할 수 있습니다.

협업 세션 시작

  1. 프로젝트를 열고 다이어그램 뷰로 이동합니다
  2. 툴바에서 협업 버튼을 클릭합니다
  3. 팀원들에게 세션 링크를 공유합니다
  4. 프로젝트 접근 권한이 있는 팀 구성원은 직접 참여할 수 있습니다

협업자가 참여하면 알림과 함께 협업자 목록에서 확인할 수 있습니다.

화면에서 볼 수 있는 것

협업자 커서

각 팀 구성원에게는 캔버스를 실시간으로 이동하는 색상이 지정된 커서가 있습니다. 커서에 이름이 표시되므로 누가 어디에서 작업하고 있는지 항상 알 수 있습니다.

커서에는 열 가지 고유한 색조의 팔레트에서 자동으로 색상이 할당됩니다. 같은 사람은 세션 전체에서 동일한 색상을 유지합니다.

요소 포커스 표시기

누군가가 요소를 선택하면 해당 요소가 할당된 색상으로 강조 표시되고 위에 이름이 표시됩니다. 이를 통해 두 사람이 동시에 같은 요소를 편집하는 것을 방지합니다.

협업자 목록

활성 협업자 목록이 왼쪽 하단에 나타나며, 겹치는 스택으로 아바타가 표시됩니다. 아바타 위에 마우스를 올리면 전체 이름을 볼 수 있습니다. 5명 이상이 참여하면 "+N명 더" 표시기가 나타납니다.

동기화된 변경사항

모든 작업이 모든 참가자에게 동기화됩니다:

  • 요소 생성: 새로운 시스템, 컨테이너, 컴포넌트 및 도형이 모든 사람의 캔버스에 나타남
  • 요소 이동: 드래그하여 위치를 변경하면 모든 사람이 이동을 볼 수 있음
  • 속성 편집: 이름, 설명 및 기술을 실시간으로 업데이트
  • 관계 추가: 연결을 그리면 전체 팀에게 나타남
  • 오버레이 수정: 시각적 그룹화를 함께 생성하고 조정

변경사항은 낙관적으로 처리됩니다. 다른 사람에게 동기화되는 동안 화면에 즉시 나타납니다. 시스템은 동시 편집을 자동으로 조정합니다.

단순한 그림이 아닌 아키텍처

일반적인 화이트보드 도구와 달리 Archyl에서 만드는 모든 것은 실제 아키텍처 문서입니다.

브레인스토밍 중에 시스템을 스케치하면 C4 모델의 일급 엔티티가 됩니다. 그려진 관계는 추적되고 검증됩니다. 세션이 끝나면 아키텍처가 문서화됩니다. 정리가 필요 없습니다.

세션 동작

참여 및 퇴장

세션은 프로젝트 기반입니다. 프로젝트 접근 권한이 있는 모든 사람이 활성 세션에 참여할 수 있습니다. 다른 페이지로 이동하거나 브라우저를 닫으면 자동으로 세션에서 퇴장합니다.

세션 정리

30초 동안 아무도 활동하지 않으면 세션이 자동으로 정리됩니다. 오래된 작업 기록은 시스템 효율성을 위해 24시간 후 삭제됩니다.

재연결

연결이 일시적으로 끊기면 자동으로 재연결되어 현재 상태에 동기화됩니다. 변경사항이 손실되지 않습니다.

모범 사례

아키텍처 워크숍

설계 논의에 협업 세션을 활용하세요. 상위 수준의 시스템을 스케치하는 동안 팀원들이 컨테이너 세부사항을 채우세요. 모든 사람이 기여하고 문서는 자연스럽게 작성됩니다.

온보딩

신규 팀 구성원에게 실시간으로 아키텍처를 안내하세요. 시스템을 가리키고, 관계를 설명하고, 같은 캔버스를 보면서 질문할 수 있게 하세요.

아키텍처 검토

기존 아키텍처를 팀 검토를 위해 열어보세요. 주의가 필요한 영역을 식별하고, 변경사항을 제안하고, 함께 구현하세요. 모든 사람이 이전과 이후를 볼 수 있습니다.

인시던트 분석

인시던트 후 아키텍처를 통해 장애 경로를 협업적으로 추적하세요. 영향받은 시스템을 표시하고, 무엇이 잘못되었는지 주석을 달고, 맥락이 생생할 때 수정사항을 문서화하세요.

기술적 참고사항

협업은 1초 간격의 폴링 기반 동기화를 사용합니다. 이는 아키텍처 작업에 허용 가능한 지연 시간을 제공하면서 기업 프록시 및 로드 밸런서와 호환되는 간단한 운영을 제공합니다.

시스템은 동시 편집을 원활하게 처리합니다. 두 사람이 동일한 요소를 동시에 수정하면 마지막 쓰기 우선 시맨틱을 사용하여 변경사항이 자동으로 조정됩니다. 실제로 커서 존재 감지 덕분에 이런 상황은 드물며, 자연스럽게 다이어그램의 다른 부분에서 작업하게 됩니다.

다음 단계