의류 검색 스마트폰 앱 개발

의류 검색 스마트폰 앱 개발

20060714 박상희20081146 김희민

목 차1. 개발 동기 1.1 개발 배경 1.2 개발 목적2. 기술 현황 2.1 쇼핑몰 앱 2.1.1 11 번가 앱 2.1.2 Daum 쇼핑하우 2.2 제품 비교 2.3 이미지 데이터 검색 기능 2.3.1 이미지 데이터 검색 방법 2.3.2 카메라 촬영 검색 2.3.3 지정된 이미지 사용 검색 2.4 아바타 시스템 2.4.1 아바타 정의 2.4.2 시스템 인터페이스

목 차3. 개발 내용 3.1 개발목표 3.2 개발환경 3.3 개발 기능 3.3.1 배경도 3.3.2 DFD

3.3.3 미니명세서 3.3.4 유스케이스4. 시뮬레이션 4.1 성별 선택 4.2 상품 코디 4.3 색상 및 패턴 선택 4.4 선택한 상품 검색 4.5 선택한 상품 제거5. 개발 결과6. 기대 효과7. 향후 계획

① 상품 코디 시스템 부족

② 고객 흥미 유발 부족

③ 텍스트 검색 제한성

1.1 개발 배경

1. 개발 동기

① 쇼핑의 흥미와 재미 선사

② 편리한 인터넷 쇼핑몰 상품 검색

③ 스마트폰을 이용한 인터넷 쇼핑몰 이용자 증가

1.2 개발 목적

1. 개발 동기

2.1 쇼핑몰 앱

2. 기술 현황

< 그림 1> 11 번가 앱

2.1.1 11 번가 앱

2.1 쇼핑몰 앱

2. 기술 현황

< 그림 2> Daum 쇼핑하우

2.1.1 Daum 쇼핑하우

2.2 제품 비교

2. 기술 현황

< 표 1> 기존 제품 비교

구분 11 번가 앱 Daum 쇼핑하우 앱

• 텍스트 검색 기능 O O

• 음성 검색 기능 O O

• 이미지 데이터 검색 기능 X X

• 시범착용 ( 코디 ) 시스템 X X

2.3 이미지 데이터 검색

2. 기술 현황

2.3.1 이미지 데이터 검색 방법

① 시스템 분석을 통해 동일한 이미지 데이터 검색

② 이미지의 색 , 형태 , 위치 등의 특성과 데이터의 색채 , 픽셀 , 비율 값을 값을 비교

2.3 이미지 데이터 검색

2. 기술 현황

2.3.2 카메라 촬영 검색

DB시스템

< 그림 3> 카메라를 이용한 검색

2.3 이미지 데이터 검색

2. 기술 현황

2.3.3 지정된 이미지 사용 검색

< 그림 4> 지정된 이미지 검색

JPG, GIF 지정된 색 , 패턴선택

2.4 아바타 시스템

2. 기술 현황

① 사이버상의 캐릭터

② 자신의 캐릭터를 치장하는 기능

2.4.1 아바타 정의

2.4 아바타 시스템

2. 기술 현황

< 그림 5> 아바타 시스템

2.4.2 시스템 인터페이스

2.4 아바타 시스템

2. 기술 현황

< 그림 6> 아바타 시스템 인터페이스

2.4.2 시스템 인터페이스

아바타 시스템

이미지 데이터

검색 기능

3.1 개발 목표

① 아바타 시스템을 이용한 코디

② 색상 , 패턴 버튼으로 이미지 데이터 디자인

③ 이미지 데이터 검색을 통해 쇼핑몰로 연결

3. 개발 내용

3.2 개발 환경

모델명 : HTC XT-720

운영체제 : 안드로이드 2.2

개발언어 : JAVA, XML

3. 개발 내용

3.3 개발 기능

3. 개발 내용

3.3.1 배경도

개발 앱0

사용자 쇼핑몰아바타

성별선택 ,이미지 요구

선택 성별이미지 제공

사이트 연결

색상 , 패턴 선택 검색

3.3 개발 기능

3. 개발 내용

3.3.2 DFD

개발 앱0

① 개발 앱

남성1

여성2

이미지 요구 이미지 요구

3.3 개발 기능

3. 개발 내용

3.3.2 DFD

남성1

② 남성

남성용아바타1.1

카테고리1.2

카테고리 요구

이미지 요구

이미지 요구

색상선택

1.2.1

패턴선택

1.2.1

검색1.2.1.

1

색상 요구

링크 요구

패턴 요구 링크 제공

3.3 개발 기능

3. 개발 내용

3.3.2 DFD

여성2

③ 여성

여성용아바타2.1

카테고리2.2

카테고리 요구

이미지 요구

이미지 요구

색상선택

2.2.1

패턴선택

2.2.1

검색2.2.1.

1

색상 요구 패턴 요구 링크 제공

링크 요구

3.3 개발 기능

3. 개발 내용

3.3.3 미니명세서

① 성별 선택 미니명세서 1) 남성 선택 남성 선택 시 남성용 의류 아바타와 이미지만을 제공

2) 여성 선택

여성 선택 시 여성용 의류 아바타와 이미지만을 제공

3.3 개발 기능

3. 개발 내용

3.3.3 미니명세서

② 카테고리 선택 미니명세서 1) 색상 선택 원하는 의상의 색상 이미지를 선택

2) 패턴 선택

원하는 의상의 패턴 이미지를 선택

3.3 개발 기능

3. 개발 내용

3.3.3 미니명세서

③ 검색 미니명세서 1) 링크 연결 실제 판매되고 있는 의류 쇼핑몰 사이트의 링크로 연결

3.3 개발 기능

3. 개발 내용

3.3.4 유스케이스

① 성별 선택 유스케이스

성별 선택

사용자

3.3 개발 기능

3. 개발 내용

3.3.4 유스케이스

② 카테고리 선택 유스케이스

카테고리선택

사용자

색상 선택

패턴 선택

3.3 개발 기능

3. 개발 내용

3.3.4 유스케이스

③ 검색 유스케이스

검색

사용자

링크연결

4.1 성별 선택• 성별 선택 : 자신의 성별에 맞게 선택 또는 자신이 원하는 성별 선택

< 그림 7> 성별 선택

4. 시뮬레이션

4.2 상품 코디

4. 시뮬레이션

< 그림 8> 상품 코디

• 카테고리 선택 : 사용자가 원하는 카테고리 선택• 스타일 선택 : 카테고리에서 사용자가 원하는 스타일 선택

3 개발내용

• 색상 선택 : 기본 의상에 원하는 색상을 선택• 패턴 선택 : 사용자가 원하는 패턴을 선택

4.3 색상 및 패턴 선택

< 그림 10> 상품 패턴 선택

4. 시뮬레이션

< 그림 9> 의류 색상 선택

3 개발내용

• 상품 검색 : 이미지 데이터 완성 후 검색을 누르면 쇼핑몰로 연결

4.4 선택한 상품 검색

< 그림 11> 상품 검색

4. 시뮬레이션

3 개발내용

• 상품 제거 : 제거 버튼을 누르면 사용자가 선택했던 모든 의상 제거

4.5 선택한 상품 제거

< 그림 12> 선택 상품 제거

4. 시뮬레이션

5. 개발 결과

① 가상의 아바타 모델에 상품을 코디 가능

② 색상 , 패턴 버튼으로 상품 이미지 디자인 가능했지만다양한 종류의 상품 구비 미흡

③ 이미지 데이터 검색을 통한 쇼핑몰 연결 시 검색엔진 알고리즘을 통해 결과가 발생되도록

하려던 부분에서 오류가 발생 .

① 인터넷쇼핑몰 사용자들의 재미 , 흥미 상승

② 인터넷 쇼핑몰 접근 용이

③ 스마트폰을 이용한 인터넷 쇼핑몰 사용 증가

6. 기대 효과

① 검색 이미지 목록 지속적 업데이트

② 의류 외에 다른 상품 이미지 추가

7. 향후 계획

지적사항 및 수정방안

① 상의와 하의가 따로 입혀지지 않았던 부분-> 각각 코디가 가능하도록 수정 . 검색 시에도 각각 나누어 검색 할 수 있도록 수정 .

② 검색 시 URL Parsing 으로 결과가 나오던 부분 -> 검색엔진 알고리즘을 이용해 결과를 불러 올 수

있도록 수정하려고 했지만 오류 발생 . 다양한 사이트를 검색할 수 있는 지식 쇼핑 검색엔진을 이용하여 결과를 발생시키도록 수정