서비스 소개

서비스 목적

한성대학교 학생들이 편리하게 시간표를 짤 수 있도록 도와주는 웹 사이트

제작 동기

수강신청 전에 한성대학교 종합정보시스템에서 강좌별로 시간 확인이 가능하지만 표로만 볼 수 있어 가시성이 떨어지고, 시간이 한성대학교에서 제작한 시간 단위로 표시되어 실제 시간을 확인하려면 따로 정보를 확인해야 한다는 단점이 있었습니다.

이러한 점이 불편하다고 생각하여 카드 형식으로 과목을 만들면 가시성이 올라가고, 시간표에 바로 과목을 추가하면 좋지 않을까? 라는 생각이 들어 개발했습니다.

주요 기능

한 페이지로 구성되어 있는 웹 사이트이며 사이트에 접속 시 시간표를 볼 수 있고, 아래로 내리면 수업들을 카드 형태로 확인할 수 있습니다.

카드를 시간표나 오른쪽 아래에 있는 시간표 아이콘에 Drag&Drop 하면 카드에 해당하는 수업이 시간표에 추가됩니다.

수업들은 검색이나 정렬, 필터 기능을 통해 원하는 수업을 확인할 수 있습니다.

디자인

담당한 역할

파싱

수업 정보들을 불러오기 위해 학교 종합정보시스템을 파싱했습니다.

수업의 목표가 프론트엔드에 맞추어 있어 백엔드는 따로 개발하지 않고, 파싱된 데이터를 사용했습니다.

프론트엔드 개발

화면 배치에 필요한 전체적인 컴포넌트들과 css 등을 담당했습니다.

화면 크기에 따른 반응형 디자인을 적용했습니다.

디자인

사용자가 최대한 편리하게 이용할 수 있도록 수업을 카드 형식으로 표현했습니다.

시간표나 오른쪽 아래에 있는 캘린더 아이콘에 카드를 Drag&Drop 시 시간표에 수업이 추가되도록 했습니다.

Links