배송 추적 모듈XE Extension 제안 및 기획

2011108182김재린

개요

XE 로 다양하고 많은 쇼핑몰이 만들어 지고 있다 .

사용자들이 쉽게 이용할 수 있는 모듈이 필요

XE 로 만든 다양한 쇼핑몰

쇼핑몰 화면 분석

CLICK

CLICK

CLICK

CLICK

화면 분석안

배송 위치를 확인 하기 위해서 2~3 단계의 동작이 필요함 ( 예 ) 메인 페이지 -> 주문 페이지 -> 송장번호 확인 ->

택배사 사이트에서 송장번호 입력 -> 확인 )

한 개의 싸이트에서만 배송추적이라는 란이 있음 .

배송추적도 제휴사의 택배사만 위치만 알 수 있을 것이라 추측

기획배경

사용자들은 상품의 상태를 자주 확인함

상품의 위치 정보 확인에 번거로운 절차가 필요

사용자 쇼핑몰사이트

택배사DB

쇼핑몰DB

팝업창

상품명배송위치배송 상태

지도 표시 배송지 기록 마커표시

배송지를 line 으로 연결

위치정보 출력

요청송장번호

검색

정보전달

배송 정보 출력

닫기 메뉴

배송추적 메뉴 클릭

팝업창 닫음

정보 출력

팝업창 생성

alert("msg1");

송장번호가 등록 alert("msg2");

구매 물품 NO

NO

YES

YES

msg 1 : 구매 물품이 없습니다 .

msg 2 : 송장번호가 등록되어 있지 않습니다 .

화면 출력 구성

팝업창 width : 350 height : 500

배송정보 width : 300 height : 100 상품 3 개 표시 3 개 이상 : 스크롤 활성화 상품명 클릭 : 가능

위치정보 width : 300 hegith 350 상품명 클릭시 : 해당 물품

배송 기록만 표시

ㅍㄴㅁㅇㄹ

배송정보

위치정보

팝업창

닫기

GoogleMap API

지도는 구글에서 제동하는 Google Maps JavaScript API v3 에 있는 google.maps 을 사용하여 나타냄

google.maps.Map 메소드로 지도를 나타내줌

google.maps.places 메소드로 위치검색이 가능

google.maps.Polyline 넘겨준 위치에 선을 그림

부족한 점

사용자가에 간편하게 보여주기 위하여 필요한 정보만을 출력하여 자세한 정보는 배송상세페이지에 들어가 볼 수 있음

물품이 배송지에 도착해서 택배사에서 상태를 갱신을 해야 정보가 업데이트 되기 때문에 정확하지 않을 수 있음

다음위치가 어디인지 있는지 알 수 없음

고맙습니다

자료를 위한 제로보드로 제작 된 사이트를 찾았으나 제안하려는 모듈의 특성상 사이트의 물품을 직접 구매함으로서 확인을 할 수는 없었습니다 .

예를 들기 위해서 제로보드로는 제작되지 않았지만 제가 사용하고있는 인터넷도서 사이트를 의 예를 들어서 올렸습니다 .

아직 프로그래밍에 대한 이해가 없어서 google api 를 검색하면서 이런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해도는 떨어짐