1. 배송 추적 모듈
XE Extension 제안 및 기획
2011108182
김재린

2. 개요
 XE 로 다양하고 많은 쇼핑몰이 만들어 지고
있다.
 사용자들이 쉽게 이용할 수 있는 모듈이 필요

3. XE 로 만든 다양한 쇼핑몰

4. 쇼핑몰 화면 분석

5. 주문 배송 페이지 이동
CLICK

6. 배송추적 조회 클릭
AGAIN

7. 송장번호 확인

8. CLICK
주문배송 페이지 이동

9. 주문 정보 확인

10. CLICK

12. CLICK

15. CLICK
주문조회 페이지 이동

16. 배송추적이 있는 사이트 확인

17. 화면 분석안
 배송 위치를 확인 하기 위해서 2~3단계의 동작이 필요함
(예)메인 페이지 -> 주문 페이지 -> 송장번호 확인 -> 택배사 사
이트에서 송장번호 입력 -> 확인)
 한 개의 싸이트에서만 배송추적이라는 란이 있음.
 배송추적도 제휴사의 택배사만 위치만 알 수 있을 것이라 추
측

18. 기획배경
 사용자들은 상품의 상태
를 자주 확인함
 상품의 위치 정보 확인에
번거로운 절차가 필요

19. 사용자
쇼핑몰
사이트
택배사
DB
쇼핑몰
DB
팝업창
상품명
배송위치
배송 상태
지도 표시
배송지 기록 마커표시
배송지를 line으로 연
결
위치정보 출력
요청
송장번호
검색
정보전달
배송 정보 출력
닫기 메뉴

20. 배송추적 메뉴 클릭
팝업창 닫음
정보 출력
팝업창 생성
alert("msg1");
송장번호가 등
록
alert("msg2");
구매 물품
NO
NO
YES
YES
msg 1 : 구매 물품이 없습니다.
msg 2 : 송장번호가 등록되어
있지 않습니다.

21. 화면 출력 구성
 팝업창
width : 350 height : 500
 배송정보
width : 300 height : 100
상품 3개 표시
3개 이상 : 스크롤 활성화
상품명 클릭 : 가능
 위치정보
width : 300 hegith 350
상품명 클릭시 : 해당 물품
배송 기록만 표시
ㅍㄴㅁㅇㄹ
배송정보
위치정보
팝업창
닫기

22. GoogleMap API
 지도는 구글에서 제동하는 Google Maps JavaScript API
v3 에 있는 google.maps 을 사용하여 나타냄
 google.maps.Map 메소드로 지도를 나타내줌
 google.maps.places 메소드로 위치검색이 가능
 google.maps.Polyline 넘겨준 위치에 선을 그림

23. 부족한 점
 사용자가에 간편하게 보여주기 위하여 필요한 정보만을
출력하여 자세한 정보는 배송상세페이지에 들어가 볼 수
있음
 물품이 배송지에 도착해서 택배사에서 상태를 갱신을 해
야 정보가 업데이트 되기 때문에 정확하지 않을 수 있음
 다음위치가 어디인지 있는지 알 수 없음

24. 고맙습니다

25.  자료를 위한 제로보드로 제작 된 사이트를 찾았으나 제안하려는 모
듈의 특성상 사이트의 물품을 직접 구매함으로서 확인을 할 수는 없
었습니다.
 예를 들기 위해서 제로보드로는 제작되지 않았지만 제가 사용하고있
는 인터넷도서 사이트를 의 예를 들어서 올렸습니다.
 아직 프로그래밍에 대한 이해가 없어서 google api 를 검색하면서 이
런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해
도는 떨어짐