Untact-Meeting-Assistant

KAIST MADCAMP CS496 Week4 Project 언텍트 시대 화상회의 어시스턴트

Team Mates : 최지호, 정이든, 박종서

Development Environment

Web Site

• React.js (type script)
• Node.js
• MySQL
• And More To be Added here

Introduction 문제인식과 주제 선정 배경

• 해커톤 등 다양한 아이디어가 오가는 미팅자리에서 서기와 같이 미팅 내용을 요약해주는 툴이 필요하다고 생각함
• Assistant tool for remote meetings

**What our website supports **

• Web Cam Interaction using socket.io, peer.js module
• Live Chat Interaction
• Live Diagram Generator
• Speech to text API

Pages

Login Page

• 로그인 페이지 화면
• img src

Landing Page, Waiting Room

• 카메라를 활용하여 화상 회의에 입장하기전 본인의 얼굴을 확인하면서 체크하는 타임을 가져 볼 수 있음
• 로그인이 되어 있을 경우에만 전화를 걸 수 있고, 로그인이 되어 있지 않으면 전화 연결이 불가함
• img src

Interaction Page

• Go.js 를 활용한 Diagram 생성 및 자동 동기화
• Web Cam 연결시 자동으로 채팅 소켓 연결 (동기화)
• 캡처 기능을 활용한 diagram 저장
• img src

Uploading Page

• 저장한 diagram 사진 캡처본, 혹은 회의 기록에 도움이 될 만한 사진 아무거나 업로드 가능
• img src

View Past Records

• Image Gallery를 활용하여 업로드한 사진들을 한눈에 볼 수 있게 해줌
• 사진 추가 삭제 기능 모두 가능
• 개인 유저별 고유 db를 활용하여 private data storage
• img src

실행 gif

./