recycle_classification

kaggle 데이터를 활용한 분리수거물 분류사이트

프로젝트 개요

프로젝트명 : 지구하러 갈래?

이 서비스는 분리수거가 잘되지 않고 있는 현재 분리수거를 더 잘할 수 있도록 도와주는 머신러닝 기능과 커뮤니티의 댓글기능을 통해 지구를 정화시키는 데 도움이 되고자 하는 마음으로 만든 서비스입니다.
시연 영상 👈 link
사타리탔죠의 노션페이지 👈 link

개발기간

22.01.12(수) ~ 22.01.18(화) 7일간(기획 1일, 개발 6일)

전체일정 프로세스

1일차 : 프로젝트 기획(API설계, 와이어프레임작성), 기능 선정, 역할 분담, 기능별 html 제작
2일차 : 머신러닝 모델 구현, 카메라이미지 업로드기능 구현, 튜터님 피드백(머신러닝관련), Git과 Github 사용
3일차 : 웹 크롤링기능 구현, 댓글기능 구현
4일차 : 댓글 기능개선, 이미지업로드 기능개선, 각 페이지 css구현
5일차 : css마무리
6일차 : 머신러닝 기능 개선 및 깃을 이용한 페이지 합치기
7일차 : 영상촬영 및 발표

서비스 기능

1. 메인 페이지

2. 사진촬영 페이지

• 사진촬영 시 모바일기기나 웹캠에의한 카메라 기능작동
• 촬영 후 촬영이미지를 저장& 클라이언트에게 전송

3. 결과확인 페이지

• 사진이미지를 학습시킨 모델을 거쳐 결과를 클라이언트에게 보여줌 -사진 이미지를 진자템플릿을 활용하여 보여줌
• 결과 이미지에 따른 쓰레기 분리수거법 안내

4. 댓글작성 페이지

• 댓글 작성시 아이디 비밀번호 댓글내용을 작성 및 저장
• 작성한 댓글을 수정 및 삭제 시 입력한 비밀번호가 일치시 수정 및 삭제 가능

5. 탭메뉴 페이지

• 탭기능을 통한 분리수거 항목별로 소개하는 페이지

6.크롤링 페이지

• 쓰레기별로 대체가능한 방법들을 소개하는 페이지
• 네이버 뷰에서 크롤링해 온 각 항목들을 볼 수 있음

구현기능

• 사진촬영 및 이미지 업로드 기능
• 학습시킨 모델을 통해 쓰레기 이미지 분별 기능
• 결과이미지에 따른 다른 결과확인
• 댓글 저장 / 수정 / 삭제 기능
• 분리수거 항목별 대체가능한 방법 소개 크롤링기능
• css keyframe 활용한 탭기능

사용도구

• HTML, CSS
• Javascript - Ajax
• Python - pymongo, flask, datetime, requests, tensorflow, bs4
• colab pro, teachable machine
• GIT / GIT Hub

Collaboration & Tools

• Slack & gather
• Figma

팀빌딩 및 역할

• 부트캠프 <스파르타 내일배움캠프> 참가자로 구성
• 비전공자 5인의 두번째 팀프로젝트

개발자 (가나다순)

김준형 @highsky21c
✔️ 사진촬영 페이지 담당
✔️ 사진촬영 및 저장 기능 구현
✔️ 페이지별 오류 수정
✔️ 담당 페이지 css 구현

김진주 @kimpearl3599
✔️ 댓글작성 페이지/탭기능 페이지 담당
✔️ css 총괄 및 각종 이미지 제작
✔️ Git, Github 관리
✔️ 담당 페이지 css 구현

박정훈 @ParkJeonghunn
✔️ 결과확인 페이지 담당
✔️ 머신러닝 모델 제작
✔️ 사진저장 및 결과확인 기능 구현
✔️ 담당 페이지 css 구현

윤정기 @lution88
✔️ 머신러닝 담당
✔️ 크롤링 페이지 오류 및 기능 수정
✔️ 모델 추가 학습관리
✔️ 담당 페이지 css 구현

전승현 @kidcode
✔️ 크롤링 페이지 담당
✔️ 크롤링 기능 구현 및 페이지별 오류 수정
✔️ DB, CRUD 관리
✔️ 담당 페이지 css 구현

API소개

Workflow