AI 웹 개발 과정/팀 프로젝트

팀 프로젝트 03 : 이미지 인식 - 1일차 / 프로젝트 주제 / DataBase 와 API 설계

만 기 2022. 5. 18. 23:28

 

 

머신러닝을 활용한 사물인식 팀 프로젝트 진행

 

- 기간 : 2022.05.18-25

 

- 프로젝트 주제 : My Little Hero - 나와 닮은 히어로 찾기

 

핵심기능 (MVP) - 1순위로 구현

  1. 인물 사진 업로드 (이미지 업로드 기능)
  2. 해당 사진과 비슷한 마블 캐릭터 찾기 (classification)
  3. 찾은 캐릭터 정보 띄워주기
  4. 찾은 결과를 저장

 

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 설계 (백엔드 개발자가 프론트엔드 개발자를 위해)