SlideShare a Scribd company logo
1 of 22
배송 추적 모듈
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 를 검색하면서 이
런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해
도는 떨어짐

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Xe extension 제안 및 기획 변경

  • 1. 배송 추적 모듈 XE Extension 제안 및 기획 2011108182 김재린
  • 2. 개요  XE 로 다양하고 많은 쇼핑몰이 만들어 지고 있다.  사용자들이 쉽게 이용할 수 있는 모듈이 필요
  • 3. XE 로 만든 다양한 쇼핑몰
  • 6.
  • 8.
  • 10.
  • 11.
  • 12. CLICK
  • 13.
  • 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 를 검색하면서 이 런 메소드에 이런기능이 있다고 생각되는 것을 가져와서 정확한 이해 도는 떨어짐