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