목표
경기 동영상에 대한 분석 기능을 제공하는 해외 축구 경기 예측 사이트
내용
축구 경기 관람에 취미를 가진 사람들이 경기에 대한 분석 및 결과 예측을 하며 커뮤니티로 소통할 수 있는 기능을 제공함과 동시에,
결과 예측을 위한 축구 경기 영상 분석 서비스를 제공하여 기술적, 기능적인 부분에서 기존 사이트보다 발전된 사이트를 제작하고자 하였습니다.
또한 예측 결과에 있어 현금이 아닌 포인트를 통한 기프티콘 구매를 리워드로 제공함으로써 사행성을 줄이고자 하였습니다.
- 회원 기능: 회원가입, 로그인/로그아웃, 아이디/비밀번호 찾기, 비밀번호 확인 메일 발송, 마이페이지, 회원 정보 수정, 회원 탈퇴 및 복구
- 정보 제공 기능: 해외 축구 뉴스, 당일 경기 일정 정보 제공
- 승부 예측 기능: 날짜별 경기 일정 및 결과 확인, 회원별 승무패 예측 입력, 예측 적중 결과 확인 및 포인트 제공 기능
- 경기 영상 분석 기능: 동영상 분석 요청 수용 기능, 동영상 분석 기능, 분석 결과 제공 기능
- 기프티콘 교환 기능: 포인트 소모를 통한 기프티콘 교환 신청 기능, 관리자 기프티콘 관리 기능, 관리자 기프티콘 문자 발송 기능
- 고객센터 기능: FAQ, 1:1 상담, 관리자 답변 제공 기능
설계/프로세스
1. 개발환경
Windows10, Intellij IDE
2. 버전컨트롤/콜라보레이션
Git, Github, Notion, Figma
3. 웹페이지
- 백엔드: Java, SpringBoot, Mybatis, SpringSecurity, Selenium, lombok
- 프론트엔드: HTML/CSS/JS, Jquery, Ajax, Tailwind CSS, Thymeleaf
- 데이터베이스/클라우드: MySql, Google Guava, LOG4J, Google Cloud
- 배포: AWS, Docker
4. 동영상 분석
- 언어: Python
- 라이브러리/프레임워크: Flask, Pytorch, OpenCV, YOLO, TSM, Samurai
- 데이터 처리: NumPy, Matplotlib
5. 역활 분담
이윤정(팀장) :
- - 반응형 웹 프론트엔드 구현 전반
- - Member 인증 로직(Security)
- - CORS 매핑, CSRF 등 보안로직
- - Flask기반 영상 분석 API 제장
- - SpringBoot <-> Flask API 통신
- - Notion 관리 및 일정 관리
장홍빈(조원) :
- - 상품교환 및 관련 페이지 구현
- - 상품 저장 및 교환 시스템(문자전송) 기능 구현
- - 고객센터 페이지 구현(자주묻는 Q&A, 1:1 질문 답변)
- - 상품 기프티콘 저장 구글 클라우드 연결
- - Toast UI Image custom(addImageBlobHook) 및 markdown 자동인코딩 디코딩 기능
- - Toast UI Image Click시 Input image창으로 변환(Toast UI에서는 multiple기능이 안됨으로 인하여 변경)
- - 영상 이벤트 감지 모델 학습 및 영상 데이터 추출
- - 일부 페이지 프론트엔드 보조(기프티콘 및 고객센터)
유근찬(조원) :
- - DB 기획 및 ERD 제작, 각종 문서화
- - 뉴스/경기일정 데이터 크롤링/파싱
- - 승무패 예측 및 포인트 관련 기능
- - 게시글 동영상 첨부 기능
- - 경기일정 데이터 크롤링 자동화
- - 프로젝트 AWS 배포
강기범(조원) :
- - Article CRUD 베이스 제작
- - Member CRUD 베이스 제작
- - 초기 Member 인증 로직
- - 기타 UI 후처리 로직
- - 프로젝트 아이디어 제공
6. 프로젝트 발표 PPT
Click