Tensorflow Library Google Inception-V3 Model Retraining 사용자가 이미지를 등록하면 해당 이미지를 분석하여 해당 의상을 입고있는 다양한 패션 정보 제공 웹 페이지

2. 목 차 소 개 및 팀 원 소 개
목 차
201507046 선상원
201507042 박관용
201507078 설 훈
201707056 여수향
-프로젝트 계획서
-문제 기술서
-ER 다이어그램
-테이블 기술서
-프로그램 기술서
-최종 화면

3. 배경(Background)
• 매일 옷을 어떻게 입어야 할지 고민을 하는 사람들에게 다양한 코디 정보를
제공하기 위한 시스템 개발
• 패션 코디룩에 대한 정보를 제공함으로써 효율적인 맞춤 코디를 지원
• 제 4차 산업 혁명을 대비하여 기계학습 라이브러리를 사용

4. 목적/목표 (Objectives)
• 사용자가 매일 옷을 어떻게 매칭할지에 대한 걱정을 최소화 시켜주는 것이 최종 목표
• 협력 쇼핑몰의 코디 정보를 제공함으로써 간접적인 쇼핑몰 홍보
• 동적 웹 페이지의 특성을 살려 PC뿐아니라 태블릿, 모바일 환경에서도
최적화된 서비스 제공

5. 범위 (Scope)
• 기계학습 알고리즘을 통한 Tensorflow Inception-v3 모델 Retaining
• 학습된 신경망을 통한 이미지 추론
• 협력 쇼핑몰 웹 파싱(Web Parsing)
• 회원 관리(Member management)
• 기상청 Open API - (신)동네예보정보조회서비스

6. 접근방법 (Approach)
• Spring Tool Suite(STS)
• Apache Tomcat 8.5
• MySQL 5.5
• Eclipse
• Python 3.7.3
• Tensorflow 1.14.0

7. 작업계획(Workplan)
• 분석 : 방법론 추론 & API 학습
09/04(수) ~ 09/24(화)
• 사용자 인터페이스 설계
09/25(수) ~ 10/04(금)
• 데이터베이스 설계
10/04(금) ~ 10/08(화)
• 프로그램 설계
10/09(수) ~ 10/20(일)
• 시스템 구현
10/21(월) ~ 11/10(일)
• 테스트
11/11(월) ~ 11/14(목)
• 배포
11/15(금)

8. 비용/기대효과(Cost/Benefit)
• 제 4차 산업 혁명을 대비하여 머신 러닝을 위한 엔드 투 엔드 오픈소스 플랫폼인
Tensorflow 기술을 학습해 비즈니스 모델설계 프로젝트에 참여한 구성원들의
업무 능력을 향상시킬 수 있을 것으로 기대함
• 협력 쇼핑몰의 다양한 정보를 제공함으로써 고객의 만족도를 높이고
쇼핑몰 간접 홍보 가능
• 사용자의 실제 옷을 촬영하여 등록함으로써 실제 옷장의 분위기를 연출

9. 메인 홈페이지
• 메인 홈페이지에서는 기상청의 Open API를 통해 사용자가 지정한 지역의
온도를 불러온다.
• 최저 온도, 최고 온도, 3시간 온도를 가져와 날씨 알고리즘을 통해 사용자가
해당 온도에 맞게 입기 좋은 의상정보를 제공한다.
• 모든 의상정보는 협력 쇼핑몰을 통해 가져온 이미지로 보여준다.
• 코디룩 이미지를 클릭하면 모달창이 띄워지며 회원은 해당 코디룩 이미지를
저장할 수 있다.

10. 회원 전용 홈페이지
• 회원에게는 나만의 옷장이라는 기능을 제공한다
• 나만의 옷장에는 실제 의상을 촬영하여 등록하는 공간과 사용자 취향의 의상정보를
영구 저장할 수 있는 공간으로 나뉜다.
• 실제 의상을 촬영하여 등록하는 공간은 상의와 하의로 구분한다.
• 실제 의상을 촬영하여 등록하는 공간은 이미지를 업로드하면 기계학습을 통해
학습된 신경망이 등록된 의상의 색상을 분석하여 사용자에게 알려준다.
• 사용자 취향의 의상정보를 영구 저장할 수 있는 공간에서는 메인 홈페이지 및
등록한 의상의 코디정보를 확인하며 마음에 드는 의상정보를
저장하면 확인할 수 있다.

11. 코디보기 기능
• 나만의 옷장에서 사용자가 실제 의상을 촬영하여 등록하면 해당 의상에 대한
패션정보를 제공한다.
• 사용자는 상의 또는 하의를 선택하여 패션정보를 제공받을 수 있으며
추가적으로 상의와 하의를 동시에 선택할 수 있다.
• 사용자가 선택한 의상과 선택한 의상의 색상을 입고있는 다양한 패션정보가
협력 쇼핑몰에서 제공되는 이미지를 통해 보여진다.
• 사용자는 패션 스타일, 연출법 등을 참고할 수 있으며 쇼핑몰의 이름을 표시하며
간접적인 쇼핑몰 홍보를 할 수 있다.

12. Tensorflow를 통한 Inception-v3모델 Retaining
• Tensorflow 라이브러리를 통해 Inception-v3 모델을 학습시킨다.
• 학습시키는데 사용되는 데이터 셋은 자체적으로 이미지를 수집한다.
• 학습에 필요한 모든 사진의 확장자는 jpg / jpeg로만 구성된다.
• 학습시키는 라벨의 종류는 총 13가지로 나누어진다.
• Black / Blue / Brown / Gray / Green / Ivory / Orange / Pattern / Pink /
Purple / Red / White / Yellow로 구분된다.
• 각 라벨당 학습되는 사진은 1400~5000장으로 구성된다.
• 학습하는 횟수는 총 100,000번으로 지정한다.
• 빠른 학습을 위해 Tensorflow-cpu 버전이 아닌 Tensorflow-gpu 버전을 사용한다.

13. 학습된 신경망을 통한 이미지 추론
• 이미지 추론은 관리자와 사용자로 구분한다.
• 관리자는 웹 파싱을 통한 이미지 다운로드가 끝나면 원본 이미지를 복사한 뒤
전신 사진을 상의와 하의로 구분하여 이미지를 나눈다.
• 상의의 이미지 경로를 입력하여 분석된 이미지의 색상을 데이터베이스에 저장한다.
• 하의의 이미지 경로를 입력하여 분석된 이미지의 색상을 데이터베이스에 저장한다.
• 모든 이미지 추론 작업을 마치면 상의, 하의 이미지를 삭제하고 복사한 이미지를
원래 파일명으로 저장시킨다.
• 사용자는 자신의 실제 의상을 촬영하여 이미지를 등록하면 해당 이미지를
분석하여 데이터베이스에 저장한다.
• 잘못된 결과값이 저장될 경우를 대비하여 사용자에게 해당 색상이 맞는지에 대한
유효성 검사를 진행시킨 뒤, 데이터베이스에 업데이트한다.

14. 협력 쇼핑몰 웹 파싱(Web Parsing)
• 협력 쇼핑몰의 이미지를 파싱한다.
• 이미지는 확장자가 jpg 또는 jpeg인 이미지만을 파싱하여 저장 공간에 저장한다.
• 옷의 종류는 아우터, 긴팔/셔츠, 반팔/반팔셔츠, 맨투맨/후드로 구분된다.

15. 기상청 Open API - (신)동네예보정보조회서비스
• 공공데이터포털의 (신)동네예보정보조회서비스를 사용한다.
• 1일 트래픽양은 1,000건이므로 개발자 2명이 API를 신청하여 2개의
API Key를 사용한다.
• 사용자가 지정한 지역의 기상정보를 불러온다.
• 기상정보에서 최저온도, 최고온도, 3시간 온도를 사용한다.
• 최저온도와 최고온도, 3시간 온도를 계산하는 알고리즘을 사용하여
계산된 온도에 맞는 의상정보를 제공한다.

16. 회원가입
• 회원에게 아이디, 비밀번호, 이름, 전화번호를 입력받는다.
로그인
• 로그인 페이지를 통해 로그인을 진행한다.
• 로그인 시, 아이디와 비밀번호를 입력받는다.
• 로그인 성공 시, 메인 홈페이지로 이동한다.
• 로그인 실패 시, 아이디 또는 비밀번호가 틀렸다는 에러 메시지를 출력한다.
• 탈퇴한 회원일 경우, 탈퇴한 회원이라는 메시지를 출력한다.

18. Attribute Data Type PK NN FK Description
ID VARCHAR O 아이디
PASSWORD VARCHAR 비밀번호
NAME VARCHAR 이름
PHONE VARCHAR 전화번호
GHOST VARCHAR 탈퇴여부

19. Attribute Data Type PK NN FK Description
NUM INT O 코디번호
TOP VARCHAR 상의정보
TOP_COLOR VARCHAR 상의색상
PANTS VARCHAR 하의정보
PANTS_COLOR VARCHAR 하의색상
IMG VARCHAR 이미지이름
REG_DATE TIMESTAMP DB등록일자
IDENTIFY VARCHAR 데이터검증여부

20. Attribute Data Type PK NN FK Description
NUM INT O 옷장번호
ID VARCHAR O 아이디
CATEGORY VARCHAR 의상종류
COLOR VARCHAR 의상색상
IMG VARCHAR 이미지이름

21. Attribute Data Type PK NN FK Description
NUM INT O 옷장번호
ID VARCHAR O 아이디
IMG VARCHAR 이미지이름

22. CLASS명 메서드명 설명
JythonController Tensorflow() 이미지 정보를 분석 후, 데이터베이스에 저장
JythonController ImageDown() 파싱할 이미지를 C:tensorflow 에 저장
JythonController Parsing() 선택한 쇼핑몰의 이미지를 파싱
JythonController Copy() C:tensorflow 안에 이미지를 C:admin 에 저장
JythonController Delete() C:tensorflow 안에 이미지를 모두 삭제
Tensorflow Cut() 전신 이미지의 상, 하의를 분리하여 저장
Tensorflow Admin_Upper() 상의 이미지 분석 후 데이터베이스에 저장
Tensorflow Admin_Lower() 하의 이미지 분석 후 데이터베이스에 저장
Tensorflow Admin_ShopName() 파싱한 쇼핑몰 이름을 데이터베이스에 저장
Tensorflow Admin_Restore() 분리된 이미지를 복구
Tensorflow User() 사용자가 등록한 이미지를 분석 후 데이터베이스에 저장

23. CLASS명 메서드명 설명
AdminPagination pageInfo() 페이징하기 위한 메서드
MemberVO MemberDTO
StyleVO StyleDTO
ClosetVO ClosetDTO
DressroomVO DressroomDTO
MemberDAO MemberList() 특정 회원정보 검색
MemberDAO InsertMember() 회원가입
MemberDAO UpdateMember() 회원정보 업데이트
MemberDAO DeleteMember() 회원정보 삭제
MemberDAO LoginCheck() 로그인 처리

24. CLASS명 메서드명 설명
ClosetDAO TemperatureStyle() 온도에 맞는 이미지 검색
ClosetDAO StyleList() 관리자 - 모든 이미지 검색
ClosetDAO StyleListCount() 관리자 - 페이징을 위한 이미지 갯수
ClosetDAO StyleListIdentify() 관리자 - 검증되지 않은 이미지 검색
ClosetDAO StyleListIdentifyCount() 관리자 - 페이징을 위한 검증되지 않은 이미지 갯수
ClosetDAO StyleOne() 관리자 - 업데이트를 위한 이미지 조회
ClosetDAO StyleRecommendation() 사용자 - 코디보기 클릭 시, 해당 의상을 입은 이미지 조회
ClosetDAO StyleRecommendationCount() 사용자 - 코디보기 클릭 시, 페이징을 위한 이미지 갯수
ClosetDAO UpdateStyle() 관리자 - 이미지 정보 업데이트
ClosetDAO UpdateIndentify() 관리자 - 검증 완료
ClosetDAO DeleteStyle() 관리자 - 데이터 삭제

25. CLASS명 메서드명 설명
ClosetDAO ClosetList() 각 회원의 옷장 조회
ClosetDAO ClosetListTop() 각 회원의 옷장 상의만 조회
ClosetDAO ClosetListBottom() 각 회원의 옷장 하의만 조회
ClosetDAO InsertCloset() 나만의 옷장 의상 등록
ClosetDAO UpdateCloset() 나만의 옷장 의상 정보 수정
ClosetDAO DeleteCloset() 나만의 옷장 의상 삭제
DressroomDAO DressroomListCount() 페이징을 위한 드레스룸 이미지 갯수
DressroomDAO DressroomList() 한 회원의 드레스룸 조회
DressroomDAO SelectImg() 저장하는 이미지 중복여부
DressroomDAO InsertDressroom() 드레스룸 이미지 저장
DressroomDAO DeleteDressroom() 드레스룸 이미지 삭제

26. CLASS명 메서드명 설명
MemberService MemberList() 특정 회원정보 검색
MemberService InsertMember() 회원가입
MemberService UpdateMember() 회원정보 업데이트
MemberService DeleteMember() 회원정보 삭제
MemberService LoginCheck() 로그인 처리
ClosetService TemperatureStyle() 온도에 맞는 이미지 검색
ClosetService StyleList() 관리자 - 모든 이미지 검색
ClosetService StyleListCount() 관리자 - 페이징을 위한 이미지 갯수
ClosetService StyleListIdentify() 관리자 - 검증되지 않은 이미지 검색
ClosetService StyleListIdentifyCount() 관리자 - 페이징을 위한 검증되지 않은 이미지 갯수
ClosetService StyleOne() 관리자 - 업데이트를 위한 이미지 조회
ClosetService StyleRecommendation() 사용자 - 코디보기 클릭 시, 해당 의상을 입은 이미지 조회
ClosetService StyleRecommendationCount() 사용자 - 코디보기 클릭 시, 페이징을 위한 이미지 갯수
ClosetService UpdateStyle() 관리자 - 이미지 정보 업데이트

27. CLASS명 메서드명 설명
ClosetService UpdateIndentify() 관리자 - 검증 완료
ClosetService DeleteStyle() 관리자 - 데이터 삭제
ClosetService ClosetList() 각 회원의 옷장 조회
ClosetService ClosetListTop() 각 회원의 옷장 상의만 조회
ClosetService ClosetListBottom() 각 회원의 옷장 하의만 조회
ClosetService InsertCloset() 나만의 옷장 의상 등록
ClosetService UpdateCloset() 나만의 옷장 의상 정보 수정
ClosetService DeleteCloset() 나만의 옷장 의상 삭제
DressroomService DressroomListCount() 페이징을 위한 드레스룸 이미지 갯수
DressroomService DressroomList() 한 회원의 드레스룸 조회
DressroomService SelectImg() 저장하는 이미지 중복여부
DressroomService InsertDressroom() 드레스룸 이미지 저장
DressroomService DeleteDressroom() 드레스룸 이미지 삭제

28. CLASS명 메서드명 설명
HomeController Home() 메인 홈페이지에서 초기값에 맞는 이미지 조회
HomeController SelTop() 광역시/도 선택
HomeController SelMdl() 시/구/군 선택
HomeController SelLeaf() 읍/면/동 선택
HomeController Style() 온도에 맞는 이미지 조회
HomeController Mail() 사용자 - 고객의 소리 [Java Mail API]
MemberController Insert() 회원정보 등록
MemberController Update() 회원정보 수정
MemberController Delete() 회원정보 삭제
MemberController LoginCheck() 로그인 처리
MemberController Logout() 로그아웃
MemberController SignUp() signup.jsp 리턴
MemberController Login() login.jsp 리턴
MemberController InfoUpdatePage() InfoUpdate.jsp 리턴

29. CLASS명 메서드명 설명
StyleController Update() 관리자 - 이미지 정보 수정
StyleController Delete() 관리자 - 이미지 정보 삭제
StyleController AdminPage() admin.jsp 리턴
StyleController ParsingList() ImageParsingList.jsp 리턴
StyleController goIdentify() 관리자 - 데이터 검증을 위한 Identify.jsp 리턴
StyleController IdentifyUpdateForm() 관리자 - 데이터 검증을 위한 IdentifyUpdateForm.jsp 리턴
StyleController IdentifyUpdate() 관리자 - 데이터 검증
StyleController goStyleList() 관리자 - 검증된 이미지 수정/삭제를 위한 StyleList.jsp 리턴
StyleController goUpdateStyle() 관리자 - 검증된 이미지 정보 수정
StyleController Recommendation() 사용자 - 코디 보기 클릭 시, 해당 의상을 입은 코디정보 조회

30. CLASS명 메서드명 설명
ClosetController Insert() 회원 - 나만의 옷장 등록
ClosetController Update() 회원 - 나만의 옷장 정보 수정
ClosetController Delete() 회원 -나만의 옷장 정보 삭제
DressroomController Insert() 회원 - 드레스룸 이미지 저장
DressroomController Delete() 회원 - 드레스룸 이미지 삭제
UploadController ImgUpload() imgUpload.jsp 리턴
UploadController UploadImg() 이미지 업로드 처리
UploadController DisplayImg() 이미지 표시
ApiExplorerWeather ApiExplorerWeather() 기상청 API 호출
Coord Coord() 지역의 x,y좌표 Setter/Getter
CoordFetcher FetchCoord() JSON방식을 통해 x,y좌표를 가여좀

31. Folder JSP 파일명 설명
coordination nav.jsp 상단 네비게이션 바
coordination index.jsp 메인 홈페이지
coordination weather.jsp 날씨 알고리즘을 사용하는 페이지
coordination imageView.jsp 메인 홈페이지에서 날씨 알고리즘에 맞는 이미지를 보여주는 페이지
member imgUpload.jsp 회원 - 이미지 업로드를 위한 페이지
member imgUpload2.jsp 회원 - 이미지 업로드 후, 데이터 검증을 위한 페이지
member infoUpdate.jsp 회원 - 회원정보를 수정/삭제하기 위한 페이지
member login.jsp 회원 - 로그인을 위한 페이지
member myPage.jsp 회원 - 나만의 옷장을 사용하기 위한 페이지
member Recommendation.jsp 회원 - 코디보기 버튼 클릭 시, 해당 의상을 입은 이미지를 보여주는 페이지
member signUp.jsp 회원 - 회원가입을 위한 페이지

32. Folder JSP 파일명 설명
admin admin.jsp 관리자 - 메인 홈페이지
admin Identify.jsp 관리자 - 검증 데이터를 조회하기 위한 페이지
admin ImageParingList.jsp 관리자 - 웹 파싱을 하기 위한 페이지
admin StyleList.jsp 관리자 - 검증된 데이터를 조회하기 위한 페이지
admin UpdateForm.jsp 관리자 - 검증된 데이터를 수정/삭제하기 위한 페이지