[웹개발] Nodejs-Firebase-Bootstrap을 이용한 프로젝트 CIYN 소개

Nodejs-Firebase-Bootstrap을 이용한 프로젝트 CIYN 소개

본 프로젝트는 학교 수업 (오유란 교수님의 '오픈SW프로젝트')를 통해 필자가 참여한 프로젝트를 설명하는 글입니다.
Github 코드는 여기에서 보실 수 있고, 데모는 여기에서 감상하실 수 있습니다.

1. 프로젝트를 어떻게 시작하게 되었는가?

• 대학교 시험 결과 자신의 위치 확인 힘들어
  대학교 공부 중 시험을 보고, 자신의 점수 위치를 확인할 수 있는 시스템이 제대로 마련되어있지 않습니다. 현 존재하는 앱들을 참고하면 소위 말하는 "점수 줄 세우기" 문화가 이루어지는데요, 이는 정확하지 않을 뿐더러 신뢰하기 힘들다. 본 프로젝트를 통해 해당 학생들만이 점수를 입력하여 신뢰할만하며, 해당 데이터를 모아 이전학기, 이후학기 수강생들에게 도움을 주고자 한다.
• 자세하지 않은 강의계획서
  강의계획서는 보통 교수의 입장에서 작성되기 마련이다. 이때문에 강의계획서 자체가 학생 입장에서 이해하기 어려울 뿐만 아니라, 간단하게만 작성되어있어 어려움을 느끼기 마련이다. 학생 입장에서 작성된 강의계획서를 통해 학생들의 수업 이해도를 높이고자 한다.
• 강의평들이 더 자세하였으면 좋겠다.
  강의평들이 보면 A+~F 학점을 가진 다양한 학점의 학생들이 작성하기 마련이다. 각각의 학점들을 가진 학생들의 주관적인 판단은 수업 자체를 판단하기 쉽지 않다. 본 프로젝트를 통해 자세한 강의평을 제공하여 학생들의 이해도를 높이고자 하였다.

2. 프로젝트 CIYN은?

본 프로젝트 CIYN은 Course Information You Need의 약자로, 학생 입장에서 필요한 과목 정보들을 모두 제공하고자 한다.

해당 프로젝트는 다음과 같이 Nodejs-Firebase-Bootstrap의 기능을 이용하였다.

Back-end에서는,

1. Nodejs를 이용해 세션 유지와 더불어 페이지 클릭후 이동시 디력션을 정하고자 한다.
2. Firebase를 이용해 데이터를 이용/관리하고자 하였고,
3. jQuery를 이용해 추가적인 javascript 기능을 구현하고자 하였다.

Front-end에서는,

1. Bootstrap을 통해 사이트 전반을 다지고,
2. chartjs를 통해 radar chart, bar chart, line chart 등의 chart visualization을 실현하고자 하였다.

프로젝트 ScreenShot을 두고 갑니다. 발표 PPT도 여기서 보실 수 있습니다.

3. 다음과 같은 기능이 구현되어있다.

(자세한 내용은 데모를 통해 보실 수 있습니다.)

1. daily log 페이지를 통한 학점 상황 파악
2. subject description을 통해 각각의 과목의 교수진별 자세한 내용 공유
3. 학점 예측 창을 통한 자신의 점수 위치 분포 파악