1. 포트폴리오 소개

(주)이토픽에서는 최신 WebRTC(Web Real-Time Communication) 기술을 활용한 멀티 비디오 커뮤니케이션 서비스를 성공적으로 구축하였습니다. 이 프로젝트는 선생님과 학생 간의 화상 통화 서비스를 제공하며, 화상 통화 후 선생님에 대한 평점 서비스를 지원합니다. 또한, 사용자들이 자신의 프로필을 관리하고 이를 통해 상호 커뮤니케이션을 할 수 있는 기능을 포함하고 있습니다.

2. 작업 범위

본 프로젝트의 작업 범위는 다음과 같습니다:

1. 요청사항 수집: 고객의 요구사항을 철저히 분석하고 이를 바탕으로 기능 정의 및 스토리보드 작성을 진행하였습니다.
2. 스토리보드 작성: 전체 시스템의 흐름과 각 화면의 상세 기능을 시각적으로 표현하여 고객과의 소통을 원활히 하였습니다.
3. 디자인: 사용자 친화적인 UI/UX 디자인을 개발하여 사용자 경험을 극대화하였습니다.
4. 퍼블리싱: 웹표준을 준수하는 HTML5, CSS3를 이용하여 반응형 웹사이트를 구현하였습니다.
5. 프론트/백엔드 개발: 최신 기술 스택을 활용하여 안정적이고 효율적인 프론트엔드와 백엔드 시스템을 구축하였습니다.
6. 단위테스트 및 3자 테스트: 각 모듈에 대해 철저한 단위 테스트를 수행하고, 제3자 테스트를 통해 시스템의 완성도를 높였습니다.
7. 사용자 테스트: 실제 사용자들을 대상으로 한 베타 테스트를 통해 실사용 환경에서의 문제점을 발견하고 개선하였습니다.
8. 릴리즈: 모든 테스트를 통과한 후, 정식으로 서비스를 릴리즈하여 고객에게 제공하였습니다.

3. 주요 기능

WebRTC 기반 실시간 화상 통화:

• WebRTC는 HTML5 기반의 웹표준 P2P 커뮤니케이션 기술로, 별도의 플러그인 없이 브라우저 상에서 실시간 화상 통화를 가능하게 합니다.
• 선생님과 학생 간의 실시간 화상 통화를 지원하며, 카카오톡의 화상 통화 기능과 유사한 사용자 경험을 제공합니다.

통화 요청 Push 알림:

• 통화 요청 시 실시간으로 Push 알림을 통해 사용자에게 통화 요청을 전달합니다. 이를 통해 사용자들은 빠르고 편리하게 화상 통화를 시작할 수 있습니다.

프로필 관리 및 커뮤니케이션:

• 선생님과 학생 모두 개인 프로필을 관리할 수 있으며, 프로필을 통해 상호 간의 소통이 가능합니다.
• 화상 통화 후, 선생님에 대한 평점을 남길 수 있는 기능을 제공하여, 서비스의 질을 높이고 피드백을 받을 수 있습니다.

4. 사용 기술

서버 구성:

• Cafe24 가상서버호스팅: 안정적인 서버 운영을 위해 Cafe24의 가상서버호스팅을 이용하였습니다.
• SMTP: 이메일 전송 기능을 구현하기 위해 SMTP 프로토콜을 활용하였습니다.
• IIS: Windows 서버에서의 웹 서비스를 위해 IIS를 사용하였습니다.

백엔드:

• PHP: 서버 사이드 스크립팅 언어로 PHP를 사용하여 백엔드 로직을 구현하였습니다.

데이터베이스:

• MariaDB: 데이터 저장 및 관리를 위해 MariaDB를 사용하였습니다. 이는 MySQL과 호환되며, 성능과 안정성이 우수한 관계형 데이터베이스입니다.

프론트엔드:

• HTML5: 최신 HTML5 표준을 준수하여 웹페이지 구조를 설계하였습니다.
• CSS3: CSS3를 활용하여 시각적으로 아름답고 반응형 웹 디자인을 구현하였습니다.
• JavaScript: 클라이언트 사이드의 동적 기능을 위해 JavaScript를 사용하였습니다.
• jQuery: JavaScript의 기능을 확장하고, 코드의 간결성을 높이기 위해 jQuery 라이브러리를 활용하였습니다.
• Android (Cordova Framework): 모바일 플랫폼에서도 동작할 수 있도록 Cordova 프레임워크를 사용하여 안드로이드 애플리케이션을 개발하였습니다.

결론

(주)이토픽의 WebRTC 기반 화상통화앱 구축 프로젝트는 최신 웹 기술을 활용하여 사용자에게 편리하고 안정적인 화상 통화 서비스를 제공하는 것을 목표로 하였습니다. 이 프로젝트를 통해 (주)이토픽은 실시간 커뮤니케이션 기술에 대한 전문성을 입증하였으며, 앞으로도 더욱 혁신적인 IT 솔루션을 제공하기 위해 노력할 것입니다.