JERRYPARK.ME

Roots.js - 교육용 SW 프로토타입핑 시스템

WEB

2018-05-01

Roots.js - 교육용 SW 프로토타입핑 시스템_0Roots.js - 교육용 SW 프로토타입핑 시스템_1Roots.js - 교육용 SW 프로토타입핑 시스템_2

프로젝트명 : Roots.js - 교육용 SW 프로토타입핑 시스템 [바로가기]
단체명(팀명) : 스마트앤와이즈
직책 : 개발자 (업무분담률 : 100%)
프로젝트기간 : 2018. 05. 17 ~ 2019. 05. 31.

사용 기술(본인의 업무파트에서 사용한 기술 목록)
Front-end : Vuetify.js, Nuxt.js(SSR, Vue, Vuex, Vue-Router), Blockly, Socket.io, Axios, Moment, JQuery, Sass, ESLint
Back-end : *"공유 인지 기반의 ROOTs 학습시스템"와 동일 [바로가기]

컨텐츠 관련 내용
● 소프트웨어 공학에서의 MVC 디자인패턴을 기반으로 코드블럭을 조립하는 CODE, 가공할 데이터를 정리하는 DATA, 화면을 구성하는 UI로 활동 분리
● CODE는 인지수준이 낮은 학습자들도 쉽게 접근할 수 있도록 JavaScript 문법을 블럭의 형태로 나누고, 설계한 알고리즘에 따라 조립하여 프로그래밍할 수 있도록 지원
● DATA는 스프레드시트 형태의 표를 제공하여 컬럼명 변경, 로우 추가/삭제 등의 활동을 통해 데이터베이스 테이블의 개념을 학습할 수 있도록 지원; Google Sheet Import/Export 지원으로 엑셀데이터 가공 용이
● UI는 WYSIWYG 기반의 HTML 에디터를 제공하여 HTML/CSS의 지식없이도 화면을 구성할 수 있도록 지원; SVG 에디터를 지원하여 스크래치 또는 엔트리와 같은 벡터 그래픽 기반 객체도 생성 가능
● 공유 인지 기반의 ROOTs 학습시스템에서 학습컨텐츠로 활용
● 고려대학교 영재교육원, 삼성주니어소프트웨어아카데미 미래교사단 등에 보급

시스템 관련 내용
● Front-end Framework로 Nuxt.js 사용
● Material Component Framework로 Vuetify.js 사용
● Block-based Programming 구현을 위해 Blockly 사용
● Back-end Framework로 Django 사용 (GraphQL API 적용)
● Firebase Authentication으로 Google Oauth 연동
● Database로 PostgreSQL용 Amazon RDS 연동