해양쓰레기 AI 판정 관리 시스템

관리자가 거점별 최근 판정 결과와 위험지수 추이를 한눈에 확인할 수 있는 통합 대시보드. FastAPI 추론 API 응답을 집계해 상단 KPI와 하단 위젯 그리드로 시각화하는 구조를 구현합니다.

• FastAPI 추론 엔드포인트 응답(봉투 수·위험지수·판정 결과)을 PostgreSQL에 적재 후 Recharts로 시계열 시각화
• YOLOv11 인스턴스 분할(instance segmentation) 결과를 마스크 오버레이로 렌더링하는 컴포넌트 설계
• 거점별 위험지수 랭킹과 스파크라인을 상단 KPI 카드로 배치하는 topbar-analytics 구조 적용

PyTorch 기반 YOLOv11 모델을 FastAPI 추론 서버에 로딩해 사진 1장당 봉투 수·위험지수·판정 결과를 반환하며, 모델 상태 확인용 경량 Flask 헬스체크 API를 병행 구성하는 구조를 설계합니다.

현장 작업자가 촬영한 사진과 GPS·촬영 시각 메타데이터를 목록으로 조회. 모바일 업로드 API가 기록한 위치·시각 정보를 관리자가 검증할 수 있는 이력 화면을 구현합니다.

• React Native 카메라 모듈과 Geolocation API로 촬영 시 GPS 좌표·타임스탬프를 자동 첨부
• Multer 기반 이미지 업로드 API와 AWS S3 저장소 연동으로 원본 이미지 보존
• 촬영 이력 목록에 무한 스크롤과 거점·기간 필터를 적용한 조회 UI 구현

현장 촬영부터 서버 저장까지 GPS·시각 메타데이터가 유실 없이 이어지는 업로드 파이프라인을 구현합니다.

관리자가 거점(적치장)과 작업 로트 단위로 분석 결과를 조회. 거점-로트-판정 결과 3단 계층 구조를 조회할 수 있는 관리자 대시보드 화면을 구현합니다.

• 거점→로트→판정결과 3단 계층 쿼리를 PostgreSQL 인덱스와 SQLAlchemy 관계 매핑으로 구현
• 다중 조건(거점·기간·위험등급) 조합이 가능한 동적 쿼리 빌더 설계
• 테이블 뷰와 카드 뷰 전환이 가능한 반응형 데이터 그리드 컴포넌트 구현

다수 거점에서 수집되는 로트 단위 판정 데이터를 계층 구조로 정리해 관리자가 빠르게 탐색할 수 있는 조회 체계를 설계합니다.

종합 판정 리포트를 화면으로 확인하고 PDF로 다운로드. 판정 결과를 요약 리포트 레이아웃으로 구성하고 PDF 파일로 내보내는 기능을 구현합니다.

• jsPDF 기반 리포트 템플릿 엔진으로 거점·로트별 판정 요약을 PDF로 변환
• 리포트 상단 위험지수 게이지 차트, 하단 상세 판정 테이블 레이아웃 설계
• 리포트 생성 이력을 별도 테이블에 저장해 재다운로드 가능한 구조 구현

정부지원사업 제출용 산출물 요건에 맞춰 판정 결과를 표준 리포트 양식의 PDF로 즉시 내보낼 수 있는 구조를 구현합니다.