포트폴리오

회원전용 서비스 입니다.

WEBRTC 기반 화상통화 매칭플랫폼 구축

마이코리안튜터

#SNS, #앱, #웹

마이코리안튜터

한눈에 보기

한국어를 배우려는 학생과 선생님을 이어 주고 바로 화상 수업을 하는 플랫폼을 만들었습니다.

누가 쓰나요

한국어를 배우는 외국인 학생과 가르치는 튜터

뭐가 불편했나요

배우려는 사람과 가르칠 사람을 연결하고 나서도, 수업하려면 따로 화상 프로그램을 잡아야 했습니다.

어떻게 해결했나요

조건에 맞는 선생님을 찾아 연결하고, 브라우저만으로 바로 화상 수업이 되게 했습니다. 수업 뒤에는 평점을 남깁니다.

그래서 어떻게 됐나요

선생님을 찾는 일부터 수업, 평가까지 한 앱 안에서 끝납니다.

프로젝트 개요

'마이코리안튜터'는 IT7에서 개발한 WebRTC 기반의 화상통화 매칭 플랫폼으로, 선생님과 학생 간의 실시간 소통을 위한 다목적 서비스입니다. 이 플랫폼은 사용자가 편리하게 한국어를 학습하고, 학습자와 튜터 간의 원활한 커뮤니케이션을 통해 학습 효율을 극대화할 수 있도록 설계되었습니다.

포트폴리오 소개

WebRTC 기반의 Multi Video Communication 서비스: 이 서비스는 다중 화상통화 기능을 지원하며, WebRTC(Web Real-Time Communication)를 기반으로 한 HTML5 표준 기술을 활용해 안정적이고 고품질의 화상통화를 제공합니다.

선생님과 학생 간 화상 통화 서비스: 선생님과 학생은 실시간으로 화상통화를 통해 소통할 수 있으며, 이를 통해 학생들은 더욱 효율적으로 한국어를 학습할 수 있습니다.

화상 통화 후 선생님 평점 서비스: 통화 후에는 학생들이 선생님에 대한 평가를 남길 수 있는 기능을 제공하여, 사용자들이 더 나은 튜터를 선택할 수 있도록 돕습니다.

프로필 관리 및 커뮤니케이션 서비스: 사용자들은 자신의 프로필을 관리하고, 이를 통해 다른 사용자들과 커뮤니케이션할 수 있습니다.

작업 범위

  1. 요청사항 수집: 고객의 요구사항을 면밀히 분석하여 프로젝트의 방향성을 결정하였습니다.
  2. 스토리보드 작성: 전체적인 사용자 흐름과 인터페이스를 시각적으로 표현하여 프로젝트의 구체적인 구성을 설계하였습니다.
  3. 디자인: 사용자 친화적인 UI/UX 디자인을 통해 사용자가 쉽게 플랫폼을 이용할 수 있도록 하였습니다.
  4. 퍼블리싱: 웹사이트와 모바일 앱의 퍼블리싱 작업을 통해 사용자들이 다양한 기기에서 접근할 수 있도록 하였습니다.
  5. 프론트/백엔드 개발: HTML5, CSS3, JavaScript, jQuery 등을 사용하여 프론트엔드를, PHP와 MariaDB를 사용하여 백엔드를 개발하였습니다.
  6. 단위테스트 및 3자 테스트: 각 기능별 단위테스트와 외부 테스트를 통해 버그를 최소화하고, 시스템의 안정성을 확보하였습니다.
  7. 사용자 테스트: 실제 사용자들로부터 피드백을 받아 최종 수정을 거쳤습니다.
  8. 릴리즈: 최종 제품을 배포하고, 사용자의 요구에 따라 지속적으로 업데이트를 진행합니다.

주요 기능

WebRTC 기반 화상통화 기능 구현: WebRTC 기술을 활용하여, 카카오톡의 화상통화 기능과 유사한 고품질의 P2P 화상통화 기능을 제공하였습니다. 이 기술은 HTML5 표준을 따르며, 브라우저 간의 실시간 커뮤니케이션을 가능하게 합니다.

실시간 화상통화 및 Push 알림 기능: 선생님과 학생이 실시간으로 화상통화를 할 수 있으며, 통화 요청은 Push 알림을 통해 즉각적으로 전달됩니다. 이를 통해 사용자는 언제 어디서나 쉽게 화상통화에 응할 수 있습니다.

개인 프로필 및 댓글 기능: 모든 사용자는 개인 프로필을 관리할 수 있으며, 통화 후에는 댓글을 통해 상호간의 의견을 나눌 수 있습니다. 이 기능은 사용자 간의 원활한 커뮤니케이션을 돕고, 학습 효과를 극대화합니다.

사용 기술

서버 구성: 가상서버호스팅은 Cafe24를 이용하였으며, 이메일 서비스는 SMTP를, 웹 서버는 IIS를 사용하여 안정적인 서비스를 제공합니다.

백엔드: PHP를 사용하여 서버 로직과 API를 구현하였으며, 데이터의 효율적인 관리를 위해 MariaDB를 채택하였습니다.

데이터베이스: MariaDB를 이용하여 대용량 데이터를 안정적으로 관리하고, 빠른 쿼리 응답 속도를 유지하였습니다.

프론트엔드: HTML5, CSS3, JavaScript, jQuery를 활용하여 사용자 친화적인 인터페이스를 구현하였으며, 모바일 환경에서는 Cordova 프레임워크를 사용하여 안드로이드 앱을 개발하였습니다.


'마이코리안튜터'는 IT7의 기술력과 혁신을 바탕으로 한국어 학습을 원하는 전 세계 사용자들에게 높은 품질의 교육 환경을 제공하고 있습니다. 이 플랫폼은 끊임없는 업데이트와 사용자 피드백을 반영하여, 더욱 발전된 서비스를 목표로 하고 있습니다.

  • 2020.07~2020.09
  • 마이코리안튜터