진단평가 사이트 기능 추가

Posted by 이창권 on January 11, 2019

진단 평가 사이트에서 전체적으로 부족한 부분들을 메꾸고 기능을 추가하는 작업을 맡게되었씁니다. 진단 평가 사이트는 구글 설문조사와 비슷하게 구성되어 있습니다. 선생님은 문제를 만들고 문제로 구성된 평가지를 만들어 학생들에게 배포할 수 있습니다. 학생들은 받은 평가지를 푼 후 평가를 받습니다. 말 그대로 진단 평가를 할 수 있는 학습 사이트입니다.

주소 : https://evaluation.rootall.org/

첫 번째로 평가지 진행률 확인 기능입니다.

해당 폴더에서 사람들이 평가지를 얼마나 진행했는지 보여주는 기능! 우측 진행률 버튼을 누르면 확인 가능하게끔 구성하였습니다. 구현은 해당 쿼리 만들고 beautify에서 datatable컴포넌트를 사용하였습니다.

image

두 번째로 페이지네이션~.

평가지 진행하는 사람이 많아지면서 결과 확인할 때 100명이 넘어가니 쿼리받는데 4초가 걸리더라구요. 그래서 페이지네이션이 필요하지 싶어서 구현하였습니다.

세 번째로 검색 기능 추가 및 구글 시트로 보내기 기능 간편화.

검색 기능도 당연히 있어야하지 싶어서 추가해 주었습니다. 구글 시트로 보내기 버튼은 원래 스스로 구글 시트를 만들어서 주소를 입력하면 해당 구글 시트에 들어가는 형식이였으나 실제 사용해보니 조금 불편해서 바로 시트를 만들고 1초후에 해당 시트를 입력하게끔 구성하였습니다. 보시다시피 누르면 바로 해당 값이 들어간 구글시트가 바로 만들어지고 이동합니다.

image

시마이데스~