머신러닝을 활용한 사물인식 팀 프로젝트 진행
- 기간 : 2022.05.18-25
- 프로젝트 주제 : My Little Hero - 나와 닮은 히어로 찾기
핵심기능 (MVP) - 1순위로 구현
- 인물 사진 업로드 (이미지 업로드 기능)
- 해당 사진과 비슷한 마블 캐릭터 찾기 (classification)
- 찾은 캐릭터 정보 띄워주기
- 찾은 결과를 저장
1. 메인페이지 (닮은꼴찾기 페이지)
- 요약: 인물 사진을 업로드를 할수 있고 업로드하면 그 이미지와 닮은 마블 캐릭터 & 캐릭터 정보를 같이 보여주는 페이지
- 업로드 버튼을 누르면 업로드 모달창을 띄운다. (또는 토글형식으로)
- 업로드 모달창에서 사진를 업로드하면 닮은 마블 캐릭터를 찾아서 화면에 보여준다.
- 닮은 정도 1, 2, 3위까지 보여주기
- 최초에 1위 캐릭터의 정보를 보여주고 다른 순위를 클릭하면 그 캐릭터의 정보를 보여준다.
- 찾은 결과를 로그DB에 저장한다.
2. 로그인 페이지
- 요약: 사용자 ID와 PW를 입력하여 로그인할 수 있는 페이지
- 사용자 ID와 PW 조건이 맞지않으면 해당 alert 창을 띄운다.대관
- 조건이 맞으면 (ID, PW형식이 옳바르고, DB에 해당 유저 정보가 있을때) 로그인상태가 되고 메인페이지로 이동한다.
3. 회원가입 페이지
- 요약: 신규 회원 정보를 입력하고 등록할 수 있는 페이지
- 회원정보
- 사용자ID : email
- PW : 8글자이상, 영문+숫자 조합
- 이름
- 이미 등록된 사용자ID가 있으면 가입 불가능하다.
- PW와 PW확인 입력값이 다르면 가입 불가능하다.
- 입력하지않은 정보가 있으면 가입 불가능하다.
- 위 조건을 모두 만족한 상태에서 가입버튼을 누르면 가입이 가능하고 회원DB에 추가, 로그인 페이지로 이동
4. 히스토리 페이지
- 요약: 로그DB 찍힌 검색 결과들을 보여주는 페이지
- 유저 이름, 사진, 닮은꼴 캐릭터 이름, 사진, 설명, 정확도
시간 순서대로, 마블 캐릭터 별로, 나의 검색 결과만 볼 수 있는 필터링 기능- (+ 닮은 순위보여주기)
- DB 설계 (백엔드 개발자 시점)
- API 설계 (백엔드 개발자가 프론트엔드 개발자를 위해)
'AI 웹 개발 과정 > 팀 프로젝트' 카테고리의 다른 글
팀 프로젝트 03 : 이미지 인식 - 3일차 / VGG16 모델 학습 (0) | 2022.05.20 |
---|---|
팀 프로젝트 03 : 이미지 인식 - 2일차 / 와이어프레임 작성 / 역할 분담 / 그라운드 룰 (0) | 2022.05.19 |
팀 프로젝트 02 : 인스타 클론 코딩 - 6일차 제출 (2) | 2022.05.11 |
팀 프로젝트 02 : 인스타 클론 코딩 - 4일차 (1) | 2022.05.09 |
팀 프로젝트 02 : 인스타 클론 코딩 3일차 (0) | 2022.05.06 |