호서대학교 LMS 플러스
호서대학교 LMS 출결 현황을 한눈에 보는 브라우저 확장 프로그램
학교 LMS(학습관리시스템)에서 출결과 과제 현황을 일일이 확인하는 번거로움을 덜기 위해 개발한 브라우저 확장 프로그램입니다. 메인 화면에서 여러 과목의 출석 상태와 과제 마감일을 한곳에 모아 대시보드 형태로 정리해 줍니다.
| 항목 | 내용 |
|---|---|
| 플랫폼 | Chrome Web Store · Firefox Add-ons |
| 개발 기간 | 2026 ~ 현재 (학기별 지속 유지보수) |
| 핵심 기술 | JavaScript, CSS, Manifest V3, WebExtensions API |
| 커뮤니티 반응 | 에브리타임 공감 317 · 스크랩 759 · 댓글 62 |
| 사용자 규모 | 주간 활성 사용자(WAU) 최대 245명 달성 |
왜 만들게 되었나
매 학기 개강하면 듣는 강의만 6~7개가 훌쩍 넘어가는데, 매번 과목 페이지를 하나하나 클릭해서 출결과 과제를 확인해야 했습니다.
- 동영상 진도율과 출석 인정 기간의 분산: 과목마다 출석 인정 마감일이나 주차별 영상 분량이 제각각이라 수시로 파악해야 했습니다.
- 불필요한 반복 탐색: 내가 어디까지 들었는지, 어떤 과제를 제출했는지 확인하려면 과목별 상세 강의실을 일일이 들어가야 했습니다.
- 누락에 대한 불안감: 확인 과정이 복잡하다 보니 깜빡 잊고 결석 처리되거나 과제 제출 기한을 놓칠 위험이 컸습니다.
매일 반복되는 이 확인 작업을 줄이기 위해, 메인 화면에서 전체 과목 출결과 과제 마감일을 한눈에 모아볼 수 있는 브라우저 확장 프로그램을 개발했습니다.
기존 방식과의 비교
| 비교 항목 | 기존 LMS 방식 | 호서 LMS+ 적용 후 |
|---|---|---|
| 출결 확인 | 6~7개 강의실을 일일이 클릭해 개별 주차 확인 | 메인 대시보드에서 전 과목 출석 상태 한눈에 확인 |
| 과제 마감 | 과목별 공지사항 및 과제방 개별 탐색 | 마감 임박 과제와 제출 여부 일괄 정렬 |
| 소요 시간 | 매번 2~3분 소요 & 깜빡할 불안감 | 클릭 한 번으로 1초 만에 확인 가능 |
겪었던 문제점
프로젝트를 구상하며 마주한 핵심 과제는 학생들의 파편화된 이용 흐름을 어떻게 간결하게 연결하느냐였습니다.
-
파편화된 학생 이용 흐름
과목마다 공지사항, 주차별 온라인 강의, 과제방이 제각각 분리되어 있어 학습자가 매번 여러 단계를 거쳐야만 자신의 진행도를 알 수 있었습니다. -
출결 및 마감 일정의 낮은 가시성
필수적으로 챙겨야 할 출석 인정 마감일과 과제 기한이 각 강의실 깊숙한 곳에 묻혀 있어, 중요 일정을 한눈에 식별하기 어렵고 누락 위험이 컸습니다. -
사용성 및 인증 보안 제약
별도의 외부 백엔드 서버를 두면 학생 개인 인증 정보를 다뤄야 하므로, 서버 없이 학생 본인의 브라우저 세션 안에서만 안전하고 빠르게 정보를 취합해야 했습니다.
설계와 해결 방법
별도의 백엔드 서버를 두지 않고, 사용자가 LMS에 로그인한 브라우저 세션을 그대로 활용하는 클라이언트 중심 구조로 설계했습니다.
-
DOM 파싱 기반 클라이언트 비동기 데이터 수집
별도 서버 없이 학생이 로그인한 브라우저 세션을 그대로 활용하여, 수강 중인 과목 목록과 주차별 출결 및 과제 데이터를 브라우저 단에서 안전하게 비동기 조회하도록 설계했습니다. -
기존 경험을 해치지 않는 사이드바 UI 통합
기존 LMS 디자인 시스템과 자연스럽게 어우러지도록 좌측 네비게이션에호서 LMS+전용 메뉴 탭을 추가하고, 클릭 시 1초 만에 전체 출결 대시보드가 열리도록 구현했습니다. -
Manifest V3 기반 크로스 브라우저 표준 적용
Chrome Web Store 출시 이후 Firefox 사용 학우들의 요청을 수용하기 위해, 최신 확장 프로그램 규격인Manifest V3및WebExtensions API규격에 맞춰 코드를 모듈화하고 멀티 브라우저 지원을 완료했습니다.
화면에서 보는 사용자 가치
확장 프로그램을 공개한 뒤 교내 커뮤니티 공유, 피드백 수렴, 사용 지표 분석을 거치며 학생들이 실제로 체감하는 가치를 점검했습니다.
커뮤니티 공유와 실제 반응
혼자 쓰려고 만든 도구였지만 비슷한 불편을 겪는 학우들이 많을 것 같아 교내 익명 커뮤니티(에브리타임)에 공유했습니다.
에브리타임 배포 게시글에 공감 317개와 스크랩 759개가 기록되며 학우들의 높은 호응을 얻은 화면.
글을 올리고 얼마 지나지 않아 공감 317개, 스크랩 759개, 댓글 62개가 달리며 기대 이상의 반응을 얻었습니다. 특히 700개가 넘는 스크랩 수를 통해 파편화된 출결 확인 문제가 교내 많은 학생들의 공통된 불편함이었음을 확인할 수 있었습니다.
사용자 피드백과 편의 기능 개선
배포 후 댓글을 통해 학우들과 실시간으로 소통하며 실제 사용 패턴에 맞춘 개선 작업을 이어갔습니다.
커뮤니티 댓글을 통해 브라우저 지원 요청과 기능 개선 의견을 학우들과 주고받는 소통 화면.
- 파이어폭스 브라우저 지원: 파이어폭스를 주로 사용하는 학생들의 요청을 반영하여 Firefox 애드온 스토어에도 추가 빌드를 검수받아 배포했습니다.
- 빈 강의실 자동 숨김 처리: 강의가 없는 주차나 비교과·비정규 강좌가 대시보드 영역을 불필요하게 차지한다는 의견에 따라, 표시할 내용이 없는 항목은 자동으로 접히는 필터링을 추가했습니다.
- 학기별 페이지 구조 대응: 매 학기마다 LMS 화면 구성이나 세부 HTML 구조가 조금씩 변경되므로, 개강 시즌마다 호환성 점검과 업데이트를 지속하고 있습니다.
실제 사용 지표와 일상적 효용
스토어 통계를 확인한 결과, 신학기 시작과 함께 실제 사용량이 빠르게 증가하는 모습을 보였습니다.
학기 개강 직후 주간 활성 사용자(WAU) 수가 최대 245명까지 가파르게 상승한 Chrome 웹 스토어 통계 그래프.
- 주간 활성 사용자(WAU): 학기 초 기준 최대 245명을 달성했으며, 학기 중에도 약 180명 수준의 안정적인 이용 규모를 유지했습니다.
- 학생 개개인이 매일 수 차례 반복하던 출결 클릭 횟수와 확인 시간을 단축시키는 실질적인 편의를 제공했습니다.
배운 점
아이디어 구상부터 확장 프로그램 개발, 스토어 정식 배포, 700개가 넘는 커뮤니티 피드백 수렴과 학기별 유지보수까지 서비스의 전체 라이프사이클을 온전히 경험할 수 있었습니다.
기술적 복잡함보다 사용자가 일상에서 겪는 실질적인 병목을 직관적으로 해결하는 것이 프로덕트의 핵심임을 배웠습니다. 현재도 매 학기 개강 전 LMS 화면 구조 변경 사항을 점검하며 안정적인 호환성을 유지하고 있습니다.