토들리에

수행 실적

영주시 계절근로자 교육관리 시스템

Yeongju Seasonal Worker LMS

영주시 계절근로자 LMS 사양
구분수행 실적 (위탁개발)
운영 기관영주시농업기술센터
대상영주시 외국인 계절근로자베트남 · 태국 · 캄보디아 · 미얀마 · 필리핀
교육 영역안전 · 농업기술 · 한국어 · 생활적응
다국어6개 언어 라우트 (ko / en / vi / th / km / my)
구축 범위학습자 · 관리자 통합 LMS 14개 화면
권한RBAC 4역할 + PostgreSQL RLS
영상Cloudflare R2 Presigned URL 업로드 (5GB), WebVTT 다국어 자막
수료증진도 완료 시 DB 트리거로 자동 발급 + 인쇄용 PDF
반응형데스크톱 · 모바일

설계 포인트

  • 6개 언어를 next-intl locale prefix 라우팅으로 처리 (/ko · /en · /vi · /th · /km · /my)
  • 미들웨어 한 곳에서 locale 판별과 인증 보호를 함께 처리
  • 대용량 영상은 서버를 거치지 않고 Presigned URL 로 R2 에 직접 업로드
  • 언어별 자막을 WebVTT 트랙으로 붙여 영상 하나를 다국어로 재사용
  • 영상 시청 완료를 진도로 기록하고, 완강 시 퀴즈 응시를 열어 줌
  • 퀴즈는 과정별로 문항 수 · 합격 기준 · 제한 시간을 관리자에서 설정
  • 수료 조건 충족 시 PostgreSQL 트리거가 수료증을 자동 발급 (발급번호 체계 부여)
  • 수료자 명단 엑셀 내보내기 (exceljs)
  • 학습자 골든패스 8단계를 Playwright E2E 로 고정

화면

영주시 계절근로자 LMS 홈 화면입니다. 배너와 나의 강의실, 수료증 발급, 지역특화과정, 오프라인 교육 바로가기가 있습니다.
학습자 홈
오픈클래스 농기계 카테고리 화면입니다. 과정 카드 다섯 개가 격자로 배치되어 있습니다.
오픈클래스 (카테고리별 과정)
영상 학습 화면입니다. 왼쪽에 차시 목록, 오른쪽에 농기계 운용 영상 플레이어가 있습니다.
영상 학습 (차시 목록 + 플레이어)
퀴즈 응시 화면입니다. 진행률 막대와 단일 선택 문항, 보기 네 개가 있습니다.
퀴즈 응시
수료증 화면입니다. 과정명과 수료일, 발급기관, 발급번호, PDF 다운로드 버튼이 있습니다.
수료증 (자동 발급 + PDF)
관리자 교육영상 관리 화면입니다. 제목과 재생목록, 다국어 영상 설정, R2 동영상 링크가 있습니다.
관리자 · 교육영상 관리 (다국어)
관리자 퀴즈 관리 화면입니다. 과정별 문항 수와 합격 기준, 제한 시간이 표로 있습니다.
관리자 · 퀴즈 관리
1 / 7

사용 기술

  • Next.js 15 (App Router)
  • React 18 + TypeScript
  • styled-components + Tailwind 4
  • Supabase (Auth · PostgreSQL · RLS)
  • Cloudflare R2 + AWS S3 SDK
  • next-intl
  • TanStack Query
  • Zustand
  • exceljs
  • Vitest · Playwright
  • Vercel

지자체·공공기관 LMS 구축을 검토하고 계신가요