감염병
해결계획
웹 브라우저 기반 비대면 코딩 실습 강의 플랫폼
박상협
코로나 19의 확산으로 많은 교육기관이 비대면 수업 방식을 활용하게 되었습니다. 하지만 비대면 수업 방식의 효과에 대해선 우려가 많은데, 그 중 특히 비대면 방식의 코딩 실습 수업에 있어서 다음과 같은 불편함을 절감하였습니다.
1) 온라인 상에서 이루어지는 코딩 실습 환경에서는 학생들의 강의 이해 및 수행 여부 확인이 어려움
2) 과제의 경우 작성한 코드를 파일로 받아서 실행해야만 정상적으로 실행되는지 확인할 수 있음
이에 따라 강의자와 수강자 사이에 실시간 코드 공유 및 접근이 가능하고, 플랫폼 내에서 코드 컴파일이 가능하여, 기존 온라인 강의 플랫폼의 불편함과 교육 격차를 해소할 수 있는 효율적인 코딩 실습 강의 플랫폼을 제안하게 되었습니다.
1) 온라인 상에서 이루어지는 코딩 실습 환경에서는 학생들의 강의 이해 및 수행 여부 확인이 어려움
2) 과제의 경우 작성한 코드를 파일로 받아서 실행해야만 정상적으로 실행되는지 확인할 수 있음
이에 따라 강의자와 수강자 사이에 실시간 코드 공유 및 접근이 가능하고, 플랫폼 내에서 코드 컴파일이 가능하여, 기존 온라인 강의 플랫폼의 불편함과 교육 격차를 해소할 수 있는 효율적인 코딩 실습 강의 플랫폼을 제안하게 되었습니다.
강의자와 수강자가 실시간으로 코드 화면을 공유함으로써 코딩 실습에 대한 접근성 향상, 개발 환경에 대한 차이를 해소함으로써 비대면 교육 환경에서 효율적인 프로그래밍 교육 플랫폼 제공 및 교육 격차 해소.
1. 웹 IDE환경 구축
1.1 코드 에디터 개발
- 자동완성, 괄호맞춤, 인터페이스 검색 등 코드 작성 편의를 위한 기능 제공
- 실시간 문서공유 작업 기능 제공 ex) vscode liveshare
1.2 터미널 에뮬레이터 개발
- 웹브라우저에서 각 사용자의 linux 저장소로 ssh연결
1.3 File Explorer 기능 개발
2. 스트리밍 서버 구축
- WebRTC API 활용
3. 웹 애플리케이션 구축
3.1 React.js 프론트 개발
- 유저 인터랙션이 많은 동적페이지가 주된 기능이므로 프론트엔드 라이브러리를 사용하여 html문서 처리
3.2 Springboot framework 사용 REST-API 개발
- 프론트 라이브러리 사용에 따라 mvc패턴이 아닌 rest api 설계
1.1 코드 에디터 개발
- 자동완성, 괄호맞춤, 인터페이스 검색 등 코드 작성 편의를 위한 기능 제공
- 실시간 문서공유 작업 기능 제공 ex) vscode liveshare
1.2 터미널 에뮬레이터 개발
- 웹브라우저에서 각 사용자의 linux 저장소로 ssh연결
1.3 File Explorer 기능 개발
2. 스트리밍 서버 구축
- WebRTC API 활용
3. 웹 애플리케이션 구축
3.1 React.js 프론트 개발
- 유저 인터랙션이 많은 동적페이지가 주된 기능이므로 프론트엔드 라이브러리를 사용하여 html문서 처리
3.2 Springboot framework 사용 REST-API 개발
- 프론트 라이브러리 사용에 따라 mvc패턴이 아닌 rest api 설계
없음
목록보기