/OCRWebRTC

Primary LanguageJavaScript

CODE Meets - OCR 기능 중심 화상 회의 웹 서비스


nobg

프로젝트 진행 기간


2023.01.09(월) ~ 2023.02.17(금) (39일간 진행)

CODE Meets 배경


우리 팀원들은 코딩, SW 개발 관련 강의를 주로 유튜브 라이브 채널과 웹엑스로 수강합니다. 이 두 채널에서 각각에서

유튜브 라이브에서는 강의자가 임의로 질문을 선택해서 답변합니다. 그래서 내가 친 질문이 전달되지 않아 무시되는 상황이 있습니다. 웹엑스 라이브 코딩 강의에선 코드를 따라 치다 놓치는 경우도 있습니다.

'CODE Meets'는 이런 불편함을 해소하기 위한 OCR 기능 중심의 화상 회의 웹 서비스입니다.

이제 여러분은은

  1. 실시간 질문 순위를 통해 가장 많은 수강인원의 득표를 받은 질문을 강의자에게 전달할 수 있습니다.
  2. 그리고 공유되고 있는 강의 화면의 코드를 바로 내 클립보드로 가져와 가공할 수 있습니다.

CODE Meet 개요


'CODE Meets'는 'Code', 'OCR', 'Develope', 'Education'의 첫 글자인 'C', 'O', 'D', 'E'와 강의자와 수강자가 만난다는 'Meets'를 합친 의미입니다.

CODE Meets는 다른 화상 회의 프로그램과는 다릅니다.

  • 실시간 질문 순위 기능을 제공합니다.
  • 강의 화면 코드 추출 기능을 제공합니다.
  • 그룹을 만들어 그룹 내 Q&A 게시판, 공지 게시판, 그룹 내 미팅과 미팅 내 질문을 확인 가능합니다.
  • 내가 참여한 회의에 어떤 질문들이 있었는지, 수업 중 내가 남긴들에 질문을 따로 확인 가능합니다.
  • 다른 참여자가 남긴 질문에 대한 추가 답변을 남길 수 있습니다.

수강자를 위한 핵심 두 가지 기능, 교육 조직을 운영하고, 참여자들이 모일 공간을 제공함으로써 SW개발 교육에 참여하는 이들은 좀 더 편리하고, 효율적인 교육 수강이 가능해집니다.

메뉴 구조


CODE_Meets_1_메뉴_구조

User Flowchart


CODE_Meets_2_User_Flowchart

Wireframe


CODE_Meets_4_Wireframe

주요 기술


CODE_Meets_5_Service_Architecture

협업 툴 및 환경


  • Git
    • 코드 버전 관리
    • 이슈 발행, 해결 위한 토록
    • Merge Request시 코드 리뷰 진행 후 피드백
  • Jira
    • 매주 월요일 이슈 등록하여 Sprint 진행
    • Story Point 설정하여 1주 40point 기준으로 진행
    • In-Progress -> Done 순으로 진행
  • Notion
    • 매일 조례, 종례 전후로 일 2회 회의 진행 이슈와 진행상황 공유 및 회의록 작성
    • Jira 병행하여 캘린더에 전체적인 일정 정리
    • Convention 정리
    • 공유해야 하는 문서 정리리
  • MatterMost
  • Webex

팀원


정형빈

  • 팀장
  • Web Socket

전상하

  • BE 리더
  • 로그인 및 user 기능

정진욱

  • 서버 구축
  • 그룹 기능

박해준

  • FE 리더
  • 화면 구성
  • UI/UX

이석기

  • FE
  • 로그인 기능
  • API 통신

황규형

  • FE
  • 기획/설계

프로젝트 산출물


  • 메뉴 구조
  • Userflow
  • Git 전략
  • Service Architecture
  • Convention
  • 기능명세서
  • Wireframe
  • API
  • ERD
  • 회의록
  • 1차 발표자료(기획_설계)

서비스 화면