xe extension 제안 및 기획 변경

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

2011108182

김재린

개요

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

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

XE 로만든다양한쇼핑몰

쇼핑몰화면분석

주문배송페이지이동

CLICK

배송추적조회클릭

AGAIN

송장번호확인

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 를검색하면서이런메소드에이런기능이있다고생각되는것을가져와서정확한이해도는떨어짐