프로젝트 배경
문제점
- 기존 PC 웹 중심 서비스로 모바일 사용자 이용 불편
- 모바일 기기 사용 증가에 따른 모바일 환경 지원 필요성 대두
- 해외 다양한 네트워크 환경에서의 동영상 스트리밍 품질 문제
- 전 세계 학습자들의 다양한 기기/OS 환경 대응 필요
프로젝트 목표
- 모바일 환경에서도 원활하게 이용 가능한 모바일 웹 버전 개발
- 해외 접속자를 고려한 최적화된 미디어 스트리밍 제공
- 다양한 모바일 기기에서 동일한 학습 경험 제공
- 모바일 환경에 최적화된 학습 UX 설계
주안점
- 해외 다양한 네트워크 환경을 고려한 미디어 서버 최적화
- 다양한 화면 크기와 OS에 대응하는 반응형 설계
- 다국어(한국어, 영어 등) 인터페이스 지원
- 학습 콘텐츠 무단 복제 방지를 위한 저작권 보호
- 기존 PC 웹 중심 서비스로 모바일 사용자 이용 불편
- 모바일 기기 사용 증가에 따른 모바일 환경 지원 필요성 대두
- 해외 다양한 네트워크 환경에서의 동영상 스트리밍 품질 문제
- 전 세계 학습자들의 다양한 기기/OS 환경 대응 필요
프로젝트 목표
- 모바일 환경에서도 원활하게 이용 가능한 모바일 웹 버전 개발
- 해외 접속자를 고려한 최적화된 미디어 스트리밍 제공
- 다양한 모바일 기기에서 동일한 학습 경험 제공
- 모바일 환경에 최적화된 학습 UX 설계
주안점
- 해외 다양한 네트워크 환경을 고려한 미디어 서버 최적화
- 다양한 화면 크기와 OS에 대응하는 반응형 설계
- 다국어(한국어, 영어 등) 인터페이스 지원
- 학습 콘텐츠 무단 복제 방지를 위한 저작권 보호
프로젝트 성과
모바일·글로벌 학습 효율과 만족도 대폭 향상
- 모바일 접속 비율 60%+, 학습 완료율 40% 향상
- 전 세계 100개국+ 학습자 서비스, 만족도 90%+
- 전 세계 100개국+ 학습자 서비스, 만족도 90%+
핵심 기능
반응형 웹·스트리밍·학습관리·수료·다국어 지원 완료
- 반응형 모바일 웹, 미디어 서버 스트리밍
- 학습 진도 관리, 이어보기, 수료증 자동 발급
- 다국어 지원 (한국어, 영어)
- 학습 진도 관리, 이어보기, 수료증 자동 발급
- 다국어 지원 (한국어, 영어)
진행 단계
요구사항 분석 및 설계
2016.06.
기존 PC 웹 분석, 모바일 UX 설계, 기술 검토
공통 모듈 개발
2016.07.
반응형 레이아웃, 미디어 플레이어 연동
핵심 기능 개발
2016.07~08
강의 시청, 학습 관리, 회원 기능 개발
테스트 및 최적화
2016.08~09
다기기 테스트, 해외 접속 테스트, 성능 최적화
오픈 및 안정화
2016.09.
서비스 오픈, 안정화, 사용자 피드백 반영
프로젝트 상세
1) 포트폴리오 소개
해외 거주 재외동포 및 외국인을 위한 한국어 교육 플랫폼 모바일 웹 개발. 한국어를 배우고자 하는 전 세계 학습자들에게 온라인 한국어 강의와 학습 콘텐츠를 제공하는 LMS(Learning Management System).
2) 작업 범위
- 개발 범위: 시스템 설계, Back-end 개발, Front-end 개발, 관리자 페이지 개발, 공통 모듈 개발
- 지원 환경: 모바일 웹 (반응형), 미디어 서버 연동
- 기술 스택: Java, JSP, EgovFramework, MyBatis, MySQL, JqxGrid, Tiles
3) 주요 업무
- 모바일 반응형 웹 UI/UX 개발
- 한국어 강의 영상 스트리밍 시스템
- 학습 진도 관리 및 퀴즈 시스템
- 회원 가입/로그인 (다국어 지원)
- 학습 이력 및 수료증 발급 기능
- 관리자 콘텐츠 관리 시스템
4) 주안점
- 해외 접속 환경을 고려한 미디어 서버 최적화
- 다양한 모바일 기기 호환성 (반응형)
- 다국어 지원 (한국어, 영어 등)
- 학습 콘텐츠 저작권 보호
해외 거주 재외동포 및 외국인을 위한 한국어 교육 플랫폼 모바일 웹 개발. 한국어를 배우고자 하는 전 세계 학습자들에게 온라인 한국어 강의와 학습 콘텐츠를 제공하는 LMS(Learning Management System).
2) 작업 범위
- 개발 범위: 시스템 설계, Back-end 개발, Front-end 개발, 관리자 페이지 개발, 공통 모듈 개발
- 지원 환경: 모바일 웹 (반응형), 미디어 서버 연동
- 기술 스택: Java, JSP, EgovFramework, MyBatis, MySQL, JqxGrid, Tiles
3) 주요 업무
- 모바일 반응형 웹 UI/UX 개발
- 한국어 강의 영상 스트리밍 시스템
- 학습 진도 관리 및 퀴즈 시스템
- 회원 가입/로그인 (다국어 지원)
- 학습 이력 및 수료증 발급 기능
- 관리자 콘텐츠 관리 시스템
4) 주안점
- 해외 접속 환경을 고려한 미디어 서버 최적화
- 다양한 모바일 기기 호환성 (반응형)
- 다국어 지원 (한국어, 영어 등)
- 학습 콘텐츠 저작권 보호

재외동포재단 스터디코리안 모바일 웹 사이트 개발


