ݺߣ

ݺߣShare a Scribd company logo
배송 추적 모듈
XE Extension 제안 및 기획
2011108182
김재린
개요
 XE 로 다양하고 많은 쇼핑몰이 만들어 지고
있다.
 사용자들이 쉽게 이용할 수 있는 모듈이 필요
XE 로 만든 다양한 쇼핑몰
쇼핑몰 화면 분석
CLICK
Xe extension 제안 및 기획 변경
CLICK
Xe extension 제안 및 기획 변경
CLICK
Xe extension 제안 및 기획 변경
Xe extension 제안 및 기획 변경
CLICK
Xe extension 제안 및 기획 변경
화면 분석안
 배송 위치를 확인 하기 위해서 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 를 검색하면서 이
런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해
도는 떨어짐

More Related Content

Xe extension 제안 및 기획 변경

  • 1. 배송 추적 모듈 XE Extension 제안 및 기획 2011108182 김재린
  • 2. 개요  XE 로 다양하고 많은 쇼핑몰이 만들어 지고 있다.  사용자들이 쉽게 이용할 수 있는 모듈이 필요
  • 3. XE 로 만든 다양한 쇼핑몰
  • 12. CLICK
  • 14. 화면 분석안  배송 위치를 확인 하기 위해서 2~3단계의 동작이 필요함 (예)메인 페이지 -> 주문 페이지 -> 송장번호 확인 -> 택배사 사 이트에서 송장번호 입력 -> 확인)  한 개의 싸이트에서만 배송추적이라는 란이 있음.  배송추적도 제휴사의 택배사만 위치만 알 수 있을 것이라 추 측
  • 15. 기획배경  사용자들은 상품의 상태 를 자주 확인함  상품의 위치 정보 확인에 번거로운 절차가 필요
  • 16. 사용자 쇼핑몰 사이트 택배사 DB 쇼핑몰 DB 팝업창 상품명 배송위치 배송 상태 지도 표시 배송지 기록 마커표시 배송지를 line으로 연 결 위치정보 출력 요청 송장번호 검색 정보전달 배송 정보 출력 닫기 메뉴
  • 17. 배송추적 메뉴 클릭 팝업창 닫음 정보 출력 팝업창 생성 alert("msg1"); 송장번호가 등 록 alert("msg2"); 구매 물품 NO NO YES YES msg 1 : 구매 물품이 없습니다. msg 2 : 송장번호가 등록되어 있지 않습니다.
  • 18. 화면 출력 구성  팝업창 width : 350 height : 500  배송정보 width : 300 height : 100 상품 3개 표시 3개 이상 : 스크롤 활성화 상품명 클릭 : 가능  위치정보 width : 300 hegith 350 상품명 클릭시 : 해당 물품 배송 기록만 표시 ㅍㄴㅁㅇㄹ 배송정보 위치정보 팝업창 닫기
  • 19. GoogleMap API  지도는 구글에서 제동하는 Google Maps JavaScript API v3 에 있는 google.maps 을 사용하여 나타냄  google.maps.Map 메소드로 지도를 나타내줌  google.maps.places 메소드로 위치검색이 가능  google.maps.Polyline 넘겨준 위치에 선을 그림
  • 20. 부족한 점  사용자가에 간편하게 보여주기 위하여 필요한 정보만을 출력하여 자세한 정보는 배송상세페이지에 들어가 볼 수 있음  물품이 배송지에 도착해서 택배사에서 상태를 갱신을 해 야 정보가 업데이트 되기 때문에 정확하지 않을 수 있음  다음위치가 어디인지 있는지 알 수 없음
  • 22.  자료를 위한 제로보드로 제작 된 사이트를 찾았으나 제안하려는 모 듈의 특성상 사이트의 물품을 직접 구매함으로서 확인을 할 수는 없 었습니다.  예를 들기 위해서 제로보드로는 제작되지 않았지만 제가 사용하고있 는 인터넷도서 사이트를 의 예를 들어서 올렸습니다.  아직 프로그래밍에 대한 이해가 없어서 google api 를 검색하면서 이 런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해 도는 떨어짐