YOLOv8 실시간 객체 탐지 웹 애플리케이션

 

📌 프로젝트 소개

- YOLOv8 모델을 활용한 객체 탐지 Flask 웹 애플리케이션입니다.

- AI가 실시간으로 핸드폰, 노트북, 태블릿, 지갑, 가방, 펜을 탐지하여 결과를 표시합니다.

- 실내 공간(스터디카페)에서 주로 사용되는 물건들로 객체를 선정하였습니다.

 

📅 개발 기간

- 24/10/01 ~ 24/11/14

 

👨‍💻 개발 담당

- Backend: Flask 서버(app.py) 개발, DB 구현, 웹과 YOLOv8 모델 연동

 

📂 프로젝트 구조

📂 flask_server/
├── 📂 static/      # 정적 파일 (CSS, JS, 이미지)
├── 📂 templates/     # HTML 파일
├── 📂 yolov8/      # YOLOv8 모델 관련 파일 (Git에 포함되지 않음)
├── 📂 venv/       # 가상 환경 (Git에 포함되지 않음)
├── 📂 app.py       # Flask 웹 서버
├── 📂 best.pt       # 학습된 YOLOv8 모델 가중치 (Git에 포함되지 않음)
├── 📂 requirements.txt    # 필요한 패키지 목록
└── 📂 README.md      # 프로젝트 설명

 

🛠️ 사용 기술

- AI: YOLOv8 (Ultralytics)

- Backend: Flask (Python)

- Frontend: HTML, CSS, JavaScript

- Database: MySQL

 

🎯 구현 기능

- 회원가입/로그인/로그아웃

- 좌석 선택/퇴실

- 퇴실 시 YOLOv8 모델을 활용한 실시간 분실물(객체) 탐지

- 웹을 통해 분실물 사진 및 결과 표시

 

📷 결과

✅ 로그인한 사용자 홈 화면

 

✅ 좌석 선택 페이지

 

✅ 좌석 선택 후 재로그인 시 화면

 

✅ [퇴실하기] 후 10초 동안 분실물 확인

 

✅ 객체 탐지 로그

 

✅ 핸드폰(phone) 탐지 결과 화면

 

✅ 10초 동안 객체를 탐지하고, 가장 높은 신뢰도를 가지는 하나의 결과만 DB에 저장 

 

✅ 펜(pen) 탐지 결과 화면

 

✅ 펜(pen) 객체 탐지 로그

 

✅ 핸드폰(phone)과 노트북(laptop) 탐지 결과 화면

 

✅ 핸드폰(phone)과 노트북(laptop) 객체 탐지 로그

 

🔗 깃허브

https://github.com/JooRi-Kim/yolov8-object-detection

GitHub - JooRi-Kim/yolov8-object-detection: Yolov8을 활용한 실시간 분실물 탐지 웹 애플리케이션