10.26 (화) 회의록
DISCORD + SLACK + ZOOM
- 협업 할 때 슬랙<->줌 왔다갔다 하는게 너무 귀찮다! 한번에 가능하면 좋겠다!
- 슬랙에도 디스코드 음성채널처럼 그냥 화상 회의실 채널이 있으면 안될까?
- 디코는 음성 채널에서 화상 지원함!
- 슬랙에도 디스코드 음성채널처럼 그냥 화상 회의실 채널이 있으면 안될까?
- 슬랙의 대댓글 기능(스레드)이 디스코드에는 불편하게 구현되어 있음
- 스레드를 쓰려면 메시지에 대한 스레드 생성 버튼을 눌러야함
- 슬랙처럼 바로 쓸 수 있게
- 어느 줌 회의실에 현재 누가있는지 들어가보기 전에는 알수가 없음
- 디스코드는 음성대화채널 누가있는지 볼 수 있음
- 디스코드는 줌과 달리 음성채널 마다 채팅이 지원되지는 않음
- 우리는 회의실 채널에도 줌처럼 간단한 텍스트 채팅 붙이자!
- 줌을 사용하기 위해서는 프로그램을 설치해야 한다
- 웹 페이지에서도 동작할 수 있는 화상 회의 서비스를 만들자!
- socket.io와 Web RTC를 꼭 써보고 싶다!
- 계정 관련
- 사용자는 회원가입을 할 수 있다.
- 사용자는 닉네임 및 프로필 이미지를 설정할 수 있다.
- 그룹 관련
- 사용자는 원하는 그룹을 생성할 수 있다.
- 사용자는 원하는 인원을 그룹에 초대할 수 있다.
- 사용자는 회의/채팅 채널을 선택할 수 있다.
- 사용자는 회의/채팅 채널 선택에 기반한 채널을 생성할 수 있다.
- 사용자(admin)는 그룹원에게 권한을 할당할 수 있다.
- 사용자가 채널을 생성한 경우 삭제를 할 수 있다.
- 사용자는 현재 그룹원의 접속 상태를 확인할 수 있다.
- 사용자는 초대 링크를 통해 그룹에 가입 한다.
- 그룹에 가입한 사용자는 해당 그룹의 채널들을 사용(메시지 보내기, 읽기)할 수 있다.
- 채널목록은 좌측 사이드바에 분류에 따라 리스트로 표시되어 있다.
- 클릭해 사용할 채널을 선택
- 부여된 역할 태그에 해당하는 채널만 사용할 수 있다.
- 부여된 역할 태그에 해당되지 않는 채널은 조회만 가능하다.
- 채널목록은 좌측 사이드바에 분류에 따라 리스트로 표시되어 있다.
- 접근 권한이 있는 사용자는 일반(메시지) 채널을 이용할 수 있다.
- 메시지를 클릭해 메시지에 다음과 같은 액션이 가능하다
- slack과 같이 스레드를 작성할 수 있다.
- 반응을 달 수 있다
- 텍스트 뿐만 아니라 이미지 파일, pdf 파일 등을 보관할 수 있다.
- 메시지를 클릭해 메시지에 다음과 같은 액션이 가능하다
- @식별자(채널, 유저)로 그룹 멤버들을 멘션할 수 있다.
- 사용자 프로필사진, 이름을 클릭해 프로필을 확인하고 DM을 보낼 수 있다.
- 접근 권한이 있는 사용자는 화상통화(회의) 채널을 이용할 수 있다.
- 화상통화 중에는 자신의 마이크, 스피커, 카메라를 제어할 수 있다.
- 화상통화 중에는 자신의 모니터 화면을 공유할 수 있다.
- 통화중에도 일반 채널을 사용가능하다.
- 통화 종료버튼을 누르지 않으면 임의 종료되지 않는다.
3일
1일
6일
4일
2일
1주차 채팅 (나정)
- 하단 바에는 메시지 입력 바와 파일 추가, 전송 버튼이 있다.
- @식별자로 그룹 멤버들을 언급할 수 있다.
- 채팅 목록에는 프로필 사진, 닉네임, 작성 시간, 메시지가 표시된다.
- 해당 날짜에 올라온 첫번째 메시지 위에 날짜가 표시된다.
- 사진 파일을 업로드하면 사진을 메시지에 보여주고 이외의 확장자는 파일을 요약하여 메시지에 출력한다.
- 사용자의 프로필 사진이나 닉네임을 클릭하면 해당 사용자의 프로필을 볼 수 있다.
- 메시지에 마우스를 올리면 해당 메시지에 대한 엄지 추가, 스레드 채팅 버튼이 보여진다.
- 엄지 추가를 선택하면 엄지 아이콘과 개수가 메시지 아래에 추가된다.
- 스레드 채팅 버튼을 선택하면 스레드 채팅으로 이동할 수 있다.
- 메시지에 스레드 댓글이 하나 이상 추가되면 메시지 아래에 스레드 댓글의 개수와 최근 댓글 작성 시간이 스레드 요약으로 표시된다.
- 스레드 요약을 선택하면 스레드 채팅으로 이동할 수 있다.
- 스레드 채팅에는 기존 메시지와 반응, 스레드 댓글이 보여진다.
- 스레드 채팅 하단에는 댓글을 입력할 수 있는 입력 바가 있다.
2주차 화상통화 (서진)
- 참가
- 화상통화 채널을 더블클릭하면 화상통화 방에 참가할 수 있다.
- 회의 기능 (일반)
- 다른 사용자들의 음성과 카메라 화면을 실시간으로 얻을 수 있다.
- 마이크, 스피커, 카메라 버튼을 눌러 자신의 마이크, 스피커, 카메라를 제어할 수 있다.
- 참가한 인원수가 변하면 그에 맞게 카메라 화면 크기도 변화한다.
- 발화 중인 사용자의 경우 [자신의 화면]과 [유저 목록]에서 테두리를 칠해준다.
- 회의 기능 (화면 공유)
- 화면 공유 버튼을 눌러 자신의 화면을 공유할 수 있다.
- 다른 사용자가 화면을 공유하면 해당 화면을 더블클릭하여 크게 볼 수 있다.
- 더블클릭하지 않으면 다른 사용자들의 화면과 같은 크기로 볼 수 있다.
- 화면 공유 종료 버튼을 눌러 화면 공유를 중지할 수 있다.
- 회의 기능 (메시지)
- 회의 중에도 실시간으로 메시지를 전송할 수 있으며, 이 메시지는 저장되지 않는다.
- 자신이 들어온 시점 이후에 전송된 메시지만 조회 가능하다.
- 회의 중에도 실시간으로 메시지를 전송할 수 있으며, 이 메시지는 저장되지 않는다.
- 회의 기능 (추가)
- 카메라 버튼을 눌러 단체샷을 찍을 수 있다.
- 카메라가 찍히는 시점에 딜레이를 줄 수 있고, 3/5/10초 중 선택할 수 있다.
- 마이크 설정을 눌러 음성을 변조할 수 있다.
- 타이머와 스톱워치를 이용할 수 있다.
- 카메라 버튼을 눌러 단체샷을 찍을 수 있다.
- 퇴장
- 통화 종료 버튼, 브라우저 닫기 버튼을 눌러 화상통화 방에서 퇴장할 수 있다.
- 사용자는 처음에 들어오면 로그인 페이지를 본다.
- 아이디와 비밀번호를 기반으로 로그인을 한다.
- 아이디와 비밀번호를 모두 입력해야 버튼이 활성화된다.
- 회원가입을 클릭시 회원가입 페이지를 본다.
- 회원가입 페이지에는 아이디와 사용자명, 비밀번호를 입력한다.
- 모든 입력폼을 입력해야 버튼이 활성화된다.
- 아이디가 중복되면 중복되었다고 알려준다.
- 회원가입을 할 시 로그인 페이지로 돌아간다.
- 왼쪽 아래의 톱니바퀴모양을 눌러서 개인 닉네임 및 프로필 사진 설정을 가능하게 한다.
- (처음에는 랜덤이미지, 회원가입 아이디 = 닉네임)
- 톱니바퀴를 누르면 다음과 같은 페이지가 팝업으로 나온다. 여기서 자신의 이미지에 마우스를 올리면 클릭이 가능하고 파일을 올릴 수 있도록 한다.
- 자신의 닉네임 옆에는 연필 표시가 있다. 누르면 닉네임을 수정 할 수 있다.
- 회의를 진행할 때 화면을 끄면 자신의 프로필 사진이 중앙에 나온다.
- 사용자의 닉네임이 각자의 카메라화면 왼쪽 아래에 위치한다.
- 그룹 생성
- 화면 맨 왼쪽의 그룹 리스트에서 + 버튼을 눌러 그룹을 생성할 수 있다.
- 버튼을 클릭하면 그룹생성 모달이 나온다.
- 그룹 이름을 입력하고 만들기 버튼을 눌러 그룹을 생성한다.
- 그룹 아이콘 업로드를 할 수 있다.
- 화면 맨 왼쪽의 그룹 리스트에서 + 버튼을 눌러 그룹을 생성할 수 있다.
- 그룹 초대
- 왼쪽 사이드바의 그룹 초대 버튼을 누르면 그룹 초대 모달이 나온다.
- 그룹 초대 모달에 표시되는 초대 링크를 통해 그룹에 초대할 수 있다.
- 왼쪽 사이드바의 그룹 초대 버튼을 누르면 그룹 초대 모달이 나온다.
- 채널 생성
- 관리자는 왼쪽 사이드바의 채널 리스트에서 + 버튼을 눌러 채널을 추가할 수 있다.
- 버튼을 누르면 채널 추가 모달이 나타난다.
- 채널 유형을 선택하고 이름을 입력한 후 만들기 버튼을 눌러 채널을 생성한다
- 관리자는 왼쪽 사이드바의 채널 리스트에서 + 버튼을 눌러 채널을 추가할 수 있다.
- 그룹 참가
- 초대 링크로 접속해 로그인하면 그룹에 참가할 수 있다.
- 우측 사이드바에서 현재 채널에 접속해있는 멤버 목록을 확인할 수 있다.
- 멤버를 선택하면 해당 멤버의 프로필을 확인할 수 있다.
- 미확인 메시지가 있으면 그룹/채널 리스트에 표시된다.
