KR102279131B1 - 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 - Google Patents
웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 Download PDFInfo
- Publication number
- KR102279131B1 KR102279131B1 KR1020190175873A KR20190175873A KR102279131B1 KR 102279131 B1 KR102279131 B1 KR 102279131B1 KR 1020190175873 A KR1020190175873 A KR 1020190175873A KR 20190175873 A KR20190175873 A KR 20190175873A KR 102279131 B1 KR102279131 B1 KR 102279131B1
- Authority
- KR
- South Korea
- Prior art keywords
- product
- terminal device
- web browser
- user
- page
- Prior art date
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
- H04M1/72445—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting Internet browser applications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Business, Economics & Management (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- Economics (AREA)
- General Physics & Mathematics (AREA)
- Development Economics (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 출원은 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 관한 것으로서, 제1 디스플레이 영역 및 제2 디스플레이 영역을 포함하는 단말장치의 웹 브라우저 디스플레이 방법은, 웹 브라우저를 실행하여, 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이하는 단계; 사용자로부터 상기 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지에 대한 모아보기 요청을 입력받는 단계; 및 상기 모아보기 요청에 대응하여 상기 상품 이미지를 추출하고, 상기 상품 이미지들을 포함하는 모아보기 페이지를 생성하여, 상기 제2 디스플레이 영역에 표시하는 단계를 포함할 수 있다.
Description
본 출원은 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 관한 것으로, 특히 다양한 온라인 쇼핑몰에서 사용자가 선택한 후보 상품들을 한번에 모아볼 수 있는 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 관한 것이다.
근래에 들어, 컴퓨터, 전자, 인터넷 통신 기술이 비약적으로 발달함에 따라 무선통신망(Wireless Network)을 이용하여 다양한 멀티미디어 통신 서비스가 제공되고 있다. 이에 따라, 사용자들이 멀티미디어 통신 서비스를 충분히 활용할 수 있도록 지원해주는 스마트폰과 같은 모바일 단말기가 각광을 받게 되었으며 이와 함께 모바일 단말기용 애플리케이션과 같은 각종 콘텐츠도 개발되어 출시되고 있는 중이다.
모바일 단말기를 위한 다양한 애플리케이션 중, 특히 모바일 단말기의 사용자의 인터넷 사용을 보조하기 위한 다양한 웹 브라우저는 모바일 단말기의 디스플레이에 웹 서버로부터 로드되고 콘텐츠를 포함하는 웹페이지를 표시할 수 있다. 사용자는 웹 브라우저를 통해 웹페이지를 조회하고 다른 웹페이지를 이어 탐색하거나 새로운 웹페이지를 탐색할 수 있다.
한편, 최근 듀얼 디스플레이를 탑재한 모바일 기기 또는 하나의 디스플레이를 2개의 영역으로 가상으로 분할하여 2개의 화면을 사용할 수 있는 폴더블 모바일 기기가 제공되고 있으며, 이를 활용한 웹 브라우저 등도 개발되고 있다.
본 출원은, 다양한 온라인 쇼핑몰에서 사용자가 선택한 후보 상품들을, 한번에 모아볼 수 있는 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치를 제공하고자 한다.
본 출원은, 상품 이미지 내에 가격정보와, 이모티콘 등 객체들을 추가하여, 사용자가 관심있는 상품들에 대한 다양한 정보를 제공할 수 있는 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치를 제공하고자 한다.
본 출원은, 사용자가 선택한 후보 상품들을 타인과 공유할 수 있는 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치를 제공하고자 한다.
본 발명의 일 실시예에 의한 웹 브라우저 디스플레이 방법은, 제1 디스플레이 영역 및 제2 디스플레이 영역을 포함하는 단말장치의 웹 브라우저 디스플레이 방법에 관한 것으로, 웹 브라우저를 실행하여, 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이하는 단계; 사용자로부터 상기 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지에 대한 모아보기 요청을 입력받는 단계; 및 상기 모아보기 요청에 대응하여 상기 상품 이미지를 추출하고, 상기 상품 이미지들을 포함하는 모아보기 페이지를 생성하여, 상기 제2 디스플레이 영역에 표시하는 단계를 포함할 수 있다.
본 발명의 일 실시예에 의한 단말장치는, 제1 디스플레이 영역 및 제2 디스플레이 영역을 포함하는 디스플레이부; 상기 제1 디스플레이 영역 및 제2 디스플레이 영역에 대응하여 위치하며, 사용자가 인가하는 입력을 감지하는 입력부; 및 웹 브라우저를 실행하여 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이하고, 사용자로부터 상기 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지에 대한 모아보기 요청을 입력받으면, 상기 상품 이미지를 추출하여 상기 상품 이미지들을 포함하는 모아보기 페이지를 상기 제2 디스플레이 영역에 표시하도록 제어하는 제어부를 포함할 수 있다.
덧붙여 상기한 과제의 해결수단은, 본 발명의 특징을 모두 열거한 것이 아니다. 본 발명의 다양한 특징과 그에 따른 장점과 효과는 아래의 구체적인 실시형태를 참조하여 보다 상세하게 이해될 수 있을 것이다.
본 발명의 일 실시예에 의한 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 의하면, 다양한 온라인 쇼핑몰에서 사용자가 선택한 후보 상품들을 한번에 모아볼 수 있으므로, 사용자의 온라인 쇼핑시 편의성을 높일 수 있다.
본 발명의 일 실시예에 의한 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 의하면, 사용자가 선택한 각각의 상품이미지들을각각의 가격정보와, 사용자가 미리 입력해둔 이모티콘 등의 객체와 함께 제공받을 수 있으므로, 사용자는 각각의 상품들을 쉽고 편리하게 비교할 수 있다.
본 발명의 일 실시예에 의한 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 의하면, 사용자는 제1 디스플레이 영역을 통해 다른 상품들을 탐색하는 동시에, 제2 디스플레이 영역 내에 상품 이미지 등 쇼핑정보를 수집하는 것이 가능하다.
본 발명의 일 실시예에 의한 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치에 의하면, 사용자가 쇼핑과정에서 수집한 상품 이미지들을 타인과 공유할 수 있으므로, 상품구입과 관련하여 지인들과 용이하게 의견을 교환할 수 있다.
다만, 본 발명의 실시예들에 따른 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치가 달성할 수 있는 효과는 이상에서 언급한 것들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
도1은 본 발명의 일 실시예에 의한 온라인 쇼핑 시스템을 나타내는 개략도이다.
도2는 본 발명의 일 실시예에 의한 단말장치를 나타내는 블록도이다.
도3은 본 발명의 일 실시예에 의한 단말장치에 디스플레이된 웹 브라우저를 나타내는 개략도이다.
도4는 본 발명의 일 실시예에 의한 단말장치에서 수행한 상품 이미지의 모아보기를 나타내는 개략도이다.
도5는 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지 내에 포함되는 가격정보들을 나타내는 개략도이다.
도6은 본 발명의 일 실시예에 의한 단말장치에서의 모아보기 페이지 분할을 나타내는 개략도이다.
도7은 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지 내에 포함되는 객체들을 나타내는 개략도이다.
도8은 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지에 대한 필터링 등을 나타내는 개략도이다.
도9는 본 발명의 일 실시예에 의한 단말장치의 웹 브라우저 디스플레이 방법을 나타내는 순서도이다.
도2는 본 발명의 일 실시예에 의한 단말장치를 나타내는 블록도이다.
도3은 본 발명의 일 실시예에 의한 단말장치에 디스플레이된 웹 브라우저를 나타내는 개략도이다.
도4는 본 발명의 일 실시예에 의한 단말장치에서 수행한 상품 이미지의 모아보기를 나타내는 개략도이다.
도5는 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지 내에 포함되는 가격정보들을 나타내는 개략도이다.
도6은 본 발명의 일 실시예에 의한 단말장치에서의 모아보기 페이지 분할을 나타내는 개략도이다.
도7은 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지 내에 포함되는 객체들을 나타내는 개략도이다.
도8은 본 발명의 일 실시예에 의한 단말장치에서 모아보기 요청한 상품 이미지에 대한 필터링 등을 나타내는 개략도이다.
도9는 본 발명의 일 실시예에 의한 단말장치의 웹 브라우저 디스플레이 방법을 나타내는 순서도이다.
이하, 첨부된 도면을 참조하여 본 명세서에 개시된 실시 예를 상세히 설명하되, 도면 부호에 관계없이 동일하거나 유사한 구성요소는 동일한 참조 번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다. 이하의 설명에서 사용되는 구성요소에 대한 접미사 "모듈" 및 "부"는 명세서 작성의 용이함만이 고려되어 부여되거나 혼용되는 것으로서, 그 자체로 서로 구별되는 의미 또는 역할을 갖는 것은 아니다. 즉, 본 발명에서 사용되는 '부'라는 용어는 소프트웨어, FPGA 또는 ASIC과 같은 하드웨어 구성요소를 의미하며, '부'는 어떤 역할들을 수행한다. 그렇지만 '부'는 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. '부'는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 '부'는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로 코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들 및 변수들을 포함한다. 구성요소들과 '부'들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 '부'들로 결합되거나 추가적인 구성요소들과 '부'들로 더 분리될 수 있다.
또한, 본 명세서에 개시된 실시 예를 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 명세서에 개시된 실시 예의 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다. 또한, 첨부된 도면은 본 명세서에 개시된 실시 예를 쉽게 이해할 수 있도록 하기 위한 것일 뿐, 첨부된 도면에 의해 본 명세서에 개시된 기술적 사상이 제한되지 않으며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.
도1은 본 발명의 일 실시예에 의한 온라인 쇼핑 시스템을 나타내는 개략도이다.
도1을 참조하면, 본 발명의 일 실시예에 의한 온라인 쇼핑 시스템은, 단말장치(100) 및 서비스 서버(1)를 포함할 수 있다.
이하, 도1을 참조하여 본 발명의 일 실시예에 의한 온라인 쇼핑 시스템을 설명한다.
단말장치(100)는 다양한 종류의 어플리케이션들을 실행할 수 있으며, 실행 중인 어플리케이션을 시각이나 청각 등으로 표시하여 사용자에게 제공할 수 있다. 단말장치(100)는 어플리케이션을 시각적으로 표시하기 위한 디스플레이부를 포함할 수 있으며, 사용자의 입력을 인가받는 입력부, 통신부, 적어도 하나의 프로그램이 저장된 메모리 및 프로세서 등을 포함할 수 있다.
단말장치(100)는 스마트폰, 태블릿 PC 등의 이동단말기일 수 있으며, 실시예에 따라서는 데스크탑 등의 고정형 장치도 포함될 수 있다. 구체적으로 단말장치(100)에는 휴대폰, 스마트 폰(Smart phone), 노트북 컴퓨터(laptop computer), 디지털방송용 단말기, PDA(personal digital assistants), PMP(portable multimedia player), 슬레이트 PC(slate PC), 태블릿 PC(tablet PC), 울트라북(ultrabook), 웨어러블 디바이스(wearable device, 예를 들어, 워치형 단말기 (smartwatch), 글래스형 단말기 (smart glass), HMD(head mounted display)) 등이 포함될 수 있다.
단말장치(100)는 앱 스토어(App store) 또는 플레이 스토어(play store) 등에 접속하여, 다양한 어플리케이션들을 다운로드받아 설치할 수 있다. 실시예에 따라서는 서비스 서버 또는 타 기기(미도시)와의 유선 또는 무선 통신을 통하여 다운로드받는 것도 가능하다.
한편, 단말장치(100)는 서비스 서버(1)와 네트워크를 통해 연결될 수 있다. 네트워크는 유선 네트워크와 무선 네트워크를 포함할 수 있으며, 구체적으로, 근거리 네트워크(LAN: Local Area Network), 도시권 네트워크(MAN: Metropolitan Area Network), 광역 네트워크(WAN: Wide Area Network) 등 다양한 네트워크들을 포함할 수 있다. 또한, 네트워크에는 공지의 월드 와이드 웹(WWW: World Wide Web)이 포함될 수도 있다. 다만, 본 발명의 일 실시예에 의한 네트워크는 상기 열거된 네트워크에 국한되지 않고, 공지의 무선 데이터 네트워크나 공지의 전화 네트워크, 공지의 유무선 텔레비전 네트워크를 포함할 수 있다.
단말장치(100)는 웹 브라우저를 실행할 수 있으며, 사용자의 입력에 따라 웹 브라우저 상에 웹 페이지들을 로드할 수 있다. 이때, 단말장치(100)는 서비스 서버(1)로 온라인 쇼핑 웹 페이지 등을 요청할 수 있으며, 서비스 서버(1)로부터 제공받은 온라인 쇼핑 웹 페이지를 웹 브라우저를 통해 표시할 수 있다. 즉, 단말장치(100)는 서비스 서버(1)로부터 제공받은 온라인 쇼핑 웹 페이지를 단말장치(1)에 실장된 디스플레이부를 통하여 출력함으로써 사용자에게 제공할 수 있다.
서비스 서버(1)는 단말장치(100)에서 실행되는 웹 브라우저 등의 어플리케이션을 통하여 단말장치(100)와 연결될 수 있으며, 단말장치(100)의 요청에 대응하여 다양한 온라인 서비스들을 제공할 수 있다. 여기서, 서비스 서버(1)는 상품 정보 등을 제공하는 온라인 쇼핑 서비스 등을 제공할 수 있다.
도2는 본 발명의 일 실시예에 의한 단말장치(100)를 나타내는 블록도이다.
도2를 참조하면, 본 발명의 일 실시예에 의한 단말장치(100)는, 디스플레이부(110), 입력부(120) 및 제어부(130)를 포함할 수 있다.
이하, 도2를 참조하여 본 발명의 일 실시예에 의한 단말장치(100)를 설명한다.
디스플레이부(110)는 단말장치(100)에서 출력하는 웹 브라우저를 디스플레이하여 사용자에게 시각적으로 제공할 수 있다. 여기서, 디스플레이부(110)는 제1 디스플레이 영역(D1)과 제2 디스플레이 영역(D2)을 포함할 수 있으며, 제1 디스플레이 영역(D1)과 제2 디스플레이 영역(D2)을 구분하여, 각각의 웹 페이지나 컨텐츠 등을 디스플레이할 수 있다. 예를들어, 도3에 도시한 바와 같이, 제1 디스플레이 영역(D1) 내에는 웹 브라우저를 통해 접속한 온라인 쇼핑 웹 페이지(w)를 디스플레이하고, 제2 디스플레이 영역(D1)에는 온라인 쇼핑 웹 페이지 내(w)에서 사용자가 선택한 상품에 대한 상품 이미지(i) 등을 디스플레이할 수 있다. 이를 통하여, 사용자는 제1 디스플레이 영역(D1)에 표시된 웹 브라우저를 통하여 자신이 원하는 상품 등을 검색할 수 있으며, 제2 디스플레이 영역(D2)을 통하여 자신이 선택한 상품을 보다 자세하게 확인할 수 있다.
여기서, 도3에 도시한 바와 같이, 제1 디스플레이 영역(D1) 및 제2 디스플레이 영역(D2)은 동일한 크기와 화면비율을 가질 수 있으며, 물리적으로 분리되어 구별되는 별개의 디스플레이 장치로 구현될 수 있다. 다만, 실시예에 따라서는, 하나의 디스플레이 장치 내의 영역을 가상으로 구분하여 각각 제1 디스플레이 영역(D1)과 제2 디스플레이 영역(D2)으로 구별하는 것도 가능하다. 이외에도, 제1 디스플레이 영역(D1)과 제2 디스플레이 영역(D2)이 대향하도록 접히는 폴더블 디스플레이로 구현하는 것도 가능하다.
입력부(120)는 다양한 사용자 입력을 수신할 수 있다. 입력부(120)는 터치패널(121), 펜 센서, 압력 센서, 키, 마이크 등을 포함할 수 있다. 터치패널(121)은, 예를들면, 정전식, 감압식, 적외선 방식, 또는 초음파 방식 중 적어도 하나의 방식을 사용하여 사용자의 터치입력을 감지할 수 있다. 펜 센서는 터치 패널의 일부이거나, 별도의 인식용 쉬트를 더 포함할 수 있으며, 키는 물리적인 버튼, 광학식 키, 또는 키패드를 포함할 수 있다. 마이크는 사용자 음성을 수신하기 위한 구성으로, 단말장치(100) 내부에 구비될 수 있으나, 실시예에 따라서는, 단말장치(100)의 외부에 구비되어 단말장치(100)와 전기적으로 연결되는 것도 가능하다.
구체적으로, 터치패널(121)의 경우, 제1 디스플레이 영역(D1) 및 제2 디스플레이 영역(D2)에 대응하여 위치할 수 있으며, 사용자가 인가하는 터치입력을 감지할 수 있다. 즉, 사용자는 웹 브라우저를 실행하고, 웹 브라우저 내에서 온라인 쇼핑 등을 수행하기 위해 터치입력들을 인가할 수 있다. 이때, 터치패널(121)를 이용하여 사용자가 제1 디스플레이 영역(D1) 및 제2 디스플레이 영역(D2) 내에 인가하는 사용자의 다양한 터치입력들을 인식하고, 제어부(130)로 전송할 수 있다.
제어부(130)는 메모리 및 프로세서를 포함할 수 있으며, 단말장치(100)의 동작을 전반적으로 제어할 수 있다. 여기서, 제어부(130)는 사용자의 입력에 따라 웹 브라우저 프로그램을 메모리 내에 로드하고, 프로세서를 통하여 웹 브라우저 프로그램을 실행할 수 있다. 웹 브라우저는 복수의 디스플레이 영역을 가지는 디스플레이부(110)에 대응하여 최적화되어 있을 수 있으며, 제어부(130)는 사용자가 선택한 상품 이미지들에 대한 모아보기 기능을 수행할 수 있다.
구체적으로, 제어부(130)는 사용자의 입력에 따라 웹 브라우저를 실행할 수 있으며, 서비스 서버(1)에 접속하여 제1 디스플레이 영역(D1) 내에 온라인 쇼핑 웹 페이지(w)를 디스플레이할 수 있다. 이후, 사용자로부터 온라인 쇼핑 웹 페이지(w)에서 제공하는 상품 이미지(i)에 대한 모아보기 요청을 입력받으면, 온라인 쇼핑 웹 페이지(w)로부터 상품 이미지(i)를 추출하여 제2 디스플레이 영역(D2)에 표시할 수 있다. 실시예에 따라서는, 추출된 상품 이미지(i)들을 포함하는 모아보기 페이지를 먼저 생성할 수 있으며, 생성한 모아보기 페이지를 제2 디스플레이영역(D2) 내에 표시할 수 있다.
여기서 모아보기 요청은, 웹 브라우저 내에 표시되는 모아보기 아이콘(미도시)에 대한 사용자의 입력이나, 상품 이미지에 대한 사용자의 입력일 수 있다. 즉, 사용자가 모아보기 아이콘에 터치입력을 인가하면, 제1 디스플레이 영역(D1)에 표시 중인 온라인 쇼핑 웹 페이지(w) 내에 포함된 상품 이미지(i)를 자동으로 추출하여, 제2 디스플레이 영역(D2) 내에 표시하도록 할 수 있다. 또는, 사용자가 제1 디스플레이 영역(D1) 내에서 상품 이미지(i)를 선택하면, 상품 이미지(i)에 대한 선택메뉴(미도시)가 표시될 수 있으며, 선택메뉴 중에는 "모아보기" 항목이 포함되어 있을 수 있다. 이때, 사용자가 "모아보기" 항목을 선택하면, 해당 상품 이미지(i)가 제2 디스플레이 영역(D2) 내에 추가되도록 할 수 있다.
이외에도, 모아보기 요청을 위한 사용자의 제스처 동작이 웹 브라우저 내에 미리 설정되어 있을 수 있으며, 이 경우 사용자가 단말장치(100) 상에서 수행하는 제스쳐 입력을 감지하여, 해당 상품 이미지를 추출하는 것도 가능하다. 예를들어, 단말장치의 제1 디스플레이 영역(D1)을 손바닥으로 가렸다가 떼는 동작이나, 손바닥을 제1 디스플레이 영역의 상단에서 하단으로 내리는 동작, 또는 손바닥을 제1 디스플레이 영역의 좌에서 우로 넘기는 동작 등의 제스쳐를 감지할 수 있으며, 해당 제스쳐에 대응하여 상품 이미지를 스크랩하도록 미리 설정해둘 수 있다. 이외에도, 모아보기 요청를 위한 사용자의 제스쳐 입력은 실시예에 따라 다양하게 설정가능하다.
한편, 온라인 쇼핑 웹 페이지(w) 내에 포함된 각각의 상품 이미지들은 각각 크기와 종류가 상이하므로, 각각의 상품 이미지들의 배치에 필요한 영역의 크기가 상이할 수 있다. 따라서, 제어부(130)는 상품 이미지의 종류와 크기에 따라, 모아보기 페이지 내의 배치가능 영역을 유동적으로 설정할 수 있다. 예를들어, 상품 이미지의 종횡비를 유지한 상태에서, 모아보기 페이지 내에 상품 이미지(i)가 포함될 수 있는 최대 크기로 배치시킬 수 있다. 실시예에 따라서는, 상품 이미지를 제2 디스플레이 영역(D2)의 폭 방향 크기에 맞추거나, 제2 디스플레이 영역(D2)의 길이방향 크기에 맞추도록 설정하는 것도 가능하다.
또한, 사용자가 모아보기 요청한 온라인 쇼핑 웹 페이지(w) 내에, 복수의 상품 이미지들이 존재하는 경우가 있을 수 있다. 예를들어, 동일한 원피스에 대해, 모델이 시착한 이미지, 원피스만 촬영한 이미지, 원피스에 포함된 패턴을 확대하여 촬영한 이미지 등이 포함되어 있을 수 있다. 이와 같이, 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지들이 복수개인 경우에는, 제어부(130)가 복수의 상품 이미지들 중에서 어느 하나의 이미지를 선택하여 추출할 수 있다. 예를들어, 온라인 쇼핑 웹 페이지 내에 포함된 복수의 이미지 중에서 해당 쇼핑 웹 페이지에서 미리 대표 이미지로 설정한 이미지를 추출하거나, 대표 이미지가 설정되지 않은 경우에는 복수의 이미지 중에서 첫번째 이미지를 선택하는 등의 방식으로 상품 이미지를 선택하여 추출할 수 있다.
추가적으로, 제어부(130)는 모아보기한 상품 이미지(i)를 모아보기 페이지 내에 표시하면서, 상품 이미지(i)에 대응하는 온라인 쇼핑 웹 페이지(w)의 웹 주소를 상품 이미지에 링크시킬 수 있다. 즉, 사용자는 해당 상품 이미지(i)에 대응하는 상품을 구매하고자 할 수 있으며, 이때 제2 디스플레이 영역(D2)에 표시된 상품 이미지(i)만으로는, 해당 상품을 구매하기 위한 온라인 쇼핑몰 등을 찾기 어려울 수 있다. 따라서, 여기서는 각각의 상품 이미지(i)를 모아보기할 때, 해당 상품 이미지(i)를 모아보기한 웹 주소를 함께 추출할 수 있으며, 이를 활용하여 상품 이미지(i)에 웹 주소를 링크시킬 수 있다. 따라서, 사용자는 모아보기 페이지 내에 표시된 각각의 상품 이미지를 선택하여 용이하게 해당 온라인 쇼핑 웹 페이지에 접속할 수 있다. 이때, 사용자의 선택에 의해 링크된 온라인 쇼핑 웹 페이지는, 제1 디스플레이 영역(D1) 내에 표시될 수 있다.
도3에 도시한 바와 같이, 상품 이미지(i)가 모아보기 페이지 내에 포함된 상태에서, 사용자가 추가로 다른 상품을 모아보기 요청하는 경우에는, 도4에 도시한 바와 같이, 모아보기 페이지 내의 영역이 두개로 분할되면서, 2개의 상품 이미지(i1, i2)가 동시에 디스플레이할 수 있다. 즉, 사용자가 모아보기하는 상품 이미지가 복수개인 경우에는, 제어부(130)가 모아보기 페이지를 복수개로 분할할 수 있으며, 분할된 영역 내에 각각 상품 이미지들을 표시할 수 있다. 이때, 도4에 도시한 바와 같이, 최근에 모아보기 요청된 상품 이미지가 먼저 디스플레이되도록 표시될 수 있다. 여기서, 상품 이미지를 모아보기 페이지 내에 배치하는 순서는 사용자가 다양하게 변경가능하며, 실시예에 따라서는 사용자가 모아보기 페이지 내에 배치된 각각의 상품 이미지들의 위치를 변경하거나 삭제하는 것도 가능하다.
여기서, 모아보기 페이지의 분할은, 도6에 도시한 바와 같이, 상품 이미지의 개수에 따라 다양하게 수행될 수 있다. 다만, 이에 한정되는 것은 아니며, 이외에도 실시예에 따라 다양한 방식으로 분할가능하다. 또한, 모아보기 요청된 상품 이미지가 설정개수 이상이면, 제어부(130)는 설정개수까지는 모아보기 페이지를 분할하여 각각 분할 영역 내에 상품 이미지(i)들을 표시하고, 나머지 상품 이미지들(i)은 모아보기 페이지의 스크롤시 표시되도록 배열할 수 있다. 예를들어, 사용자가 모아보기 요청한 상품 이미지가 8개이고, 설정개수가 6개인 경우에는, 도6(c)에 도시한 바와 같이, 모아보기 페이지를 6개로 분할하여 각각 상품 이미지(i1, ... , i6)들을 배열하고, 나머지 2개는 사용자가 스크롤하면 추가로 디스플레이되도록 할 수 있다. 즉, 사용자가 모아보기 페이지를 스크롤하면서 나머지 상품 이미지들을 확인하도록 구현할 수 있다.
한편, 실시예에 따라서는, 도5에 도시한 바와 같이, 상품이미지(i1, i2, i3) 내에 가격정보(p)를 더 포함하여 표시하는 것도 가능하다. 즉, 제어부(130)는 상품 이미지를 추출할 때, 온라인 쇼핑 웹 페이지(w)로부터 상품 이미지(i1, i2, i3)에 대응하는 가격정보(p)를 함께 추출할 수 있으며, 추출한 가격정보(p)를 상품 이미지(i1, i2, i3) 내에 포함하여 표시할 수 있다. 따라서, 도5에 도시한 바와 같이, 각각의 상품 이미지(i1, i2, i3) 내에 가격정보(p)를 포함할 수 있으며, 이를 통하여 사용자는 각각의 상품 이미지(i1, i2, i3)와 함께 가격도 비교하면서 쇼핑 상품의 구매 여부를 결정할 수 있다.
추가적으로, 제어부(130)는 상품이미지(i1, i2, i3)에 포함된 가격정보(p)를 업데이트하여 제공할 수 있다. 즉, 제어부(130)는, 일정한 주기 또는 특정 이벤트 발생시, 각각의 상품 이미지(i1, i2, i3)에 링크된 온라인 쇼핑 웹 페이지(w)에 접속할 수 있으며, 해당 웹 페이지(w)로부터 가격정보(p)를 추출하여 업데이트할 수 있다. 여기서, 가격정보(p)에는, 상품 이미지에 대응하는 상품의 판매가격, 할인정보, 재고수량, 구매가능 여부 등이 포함될 수 있다. 따라서, 해당 상품이 품절되었는지, 상품에 대한 추가적인 할인이 적용될 수 있는지, 현재 해당 상품이 판매 중인지 여부 등을 사용자에게 알리는 것이 가능하다. 이를 통하여 사용자의 쇼핑상의 편의성을 높일 수 있다.
실시예에 따라서는, 도7에 도시한 바와 같이, 가격정보(p) 이외에 다양한 종류의 객체(o1, o2, o3, o4)들을 상품 이미지(i1, i2, i3) 내에 추가하는 것도 가능하다. 즉, 메모, 이모티콘, 스티커, 날짜정보, 해시태그 등을 각각의 상품 이미지(i1, i2, i3) 내에 추가할 수 있으며, 이를 통하여 사용자는 자신이 언제 모아보기 요청한 상품 이미지인지, 모아보기 요청한 이유가 무엇인지, 유사한 종류의 상품들 중에서 가장 마음에 드는 상품은 어떤 것인지 등에 대한 정보를 상품 이미지(i1, i2, i3) 내에 자유롭게 추가할 수 있다.
여기서, 각각의 객체(o1, ... , o4)들은 객체에 대한 사용자의 입력에 따라, 동일한 상품 이미지 내에서 위치이동하거나, 다른 상품 이미지로 위치이동하여 배치될 수 있다. 다만, 배치된 이후에는 배치된 위치에 고정되어 해당 상품 이미지와 함께 이동할 수 있다. 또한, 상품 이미지의 크기가 변하는 경우에도 각각의 객체들은 일정한 크기로 유지될 수 있으며, 상품 이미지의 크기가 한계 사이즈 이하로 작아지는 경우에는 객체들도 대응하여 축소하여 표시할 수 있다. 실시예에 따라서는, 상품 이미지의 크기에 대응하여 객체의 크기도 함께 축소 또는 확대시키는 것도 가능하다.
실시예에 따라서는, 제어부(130)가 모아보기 페이지 내에 포함된 복수의 상품 이미지들을 필터링하거나 정렬하는 것도 가능하다. 즉, 사용자는 다양한 설정 조건을 설정할 수 있으며, 제어부(130)는 모아보기 페이지 내에 포함된 상품 이미지 중에서 해당 설정 조건을 만족하는 상품 이미지를 추출하거나, 설정조건에 따라 상품 이미지들을 정렬하여 제2 디스플레이 영역 내에 표시할 수 있다. 여기서, 설정조건은 사용자로부터 입력받은 가격정보 또는 객체정보 등일 수 있다. 예를들어, 사용자는 모아보기 페이지에 포함된 상품 이미지들 중에서, 2019년12월4일에 모아보기 요청한 상품이미지 또는 최근 한달 내에 모아보기 요청한 상품 이미지들을 디스플레이하도록 필터링하거나, 최근에 모아보기 요청한 상품 이미지가 먼저 표시되도록 날짜순으로 정렬할 수 있다. 또한, 사용자가 스티커를 붙여 선호 상품으로 표시한 상품 이미지들을 필터링하거나, 메모나 해시태그에 입력한 텍스트를 기반으로 검색하는 것도 가능하다. 이외에도, 높은 가격 순 또는 낮은 가격 순으로 정렬하는 등 다양한 방식으로 활용가능하다.
이 경우, 도8에 도시한 바와 같이, 모아보기 페이지 내에 표시되는 "필터링" 아이콘(A1) 또는 "정렬" 아이콘(A2)에 대한 사용자의 입력이 인가되는 경우, 사용자에게 필터링 또는 정렬을 위한 설정조건을 입력하도록 할 수 있다.
한편, 제어부(130)는 모아보기 페이지 내 포함된 복수의 상품 이미지들을 포함하는 데이터 파일을 생성할 수 있으며, 데이터 파일을 저장하거나, 삭제, 변경하는 등 관리를 수행할 수 있다. 즉, 사용자는 각각의 상품들에 대한 상품 구매를 위하여 개별적으로 상품 이미지들을 스크랩하여 데이터 파일들을 생성할 수 있으며, 이후 생성한 데이터 파일들을 불러오기를 통하여 확인할 수 있다. 또한, 불러오기한 데이터 파일에서 품절된 상품은 삭제하거나, 특정 상품 이미지에 대해 메모나 이모티콘 등을 추가하여 다시 저장하는 등의 관리를 수행할 수 있다. 이외에도, 이미 구매가 완료된 상품에 대한 데이터 파일은 삭제하여 제거할 수 있으며, 생성한 데이터 파일을 타인에게 전송하여 공유하는 것도 가능하다.
추가적으로, 제어부(130)가 사용자의 입력에 따라, 모아보기 페이지 내에 포함된 복수의 상품 이미지들을 포함하는 모아보기 이미지를 생성하는 실시예도 존재할 수 있다. 즉, 도8에 도시된 "캡쳐" 아이콘(A3)에 대한 사용자의 입력이 인가되는 경우에는, 현재 모아보기 페이지 내에 포함된 상품 이미지들을 포함하는 하나의 모아보기 이미지를 생성할 수 있다. 여기서, 모아보기 이미지 내에는 상품 이미지 내에 포함된 가격정보나 객체 등이 포함될 수 있다. 따라서, 제어부(130)는 웹 브라우저에서 생성된 각각의 모아보기 이미지들을 저장하거나 관리 등을 할 수 있으며, 실시예에 따라서는 생성한 모아보기 이미지를 다른 사람과 공유하도록 하는 것도 가능하다. 즉, 제어부(130)는 사용자의 입력에 따라, 모아보기 이미지를 다른 단말장치 또는 서비스 서버로 전송하여 공유할 수 있다. 예를들어, 사용자는 원피스를 구매하기 위해 온라인 쇼핑을 수행할 수 있으며, 이 과정에서 마음에 드는 원피스를 5개 정도 선정하여 모아보기 이미지로 생성할 수 있다. 이후, 모아보기 이미지를 지인 등에게 전송하여 의견을 구하고 최종적으로 구매하고자 하는 상품을 결정할 수 있다. 즉, 자신이 구매하고자 하는 상품들을 용이하게 타인과 공유하는 것이 가능하다.
도9는 본 발명의 일 실시예에 의한 단말장치의 웹 브라우저 디스플레이 방법을 나타내는 순서도이다.
도9를 참조하면, 단말장치는 사용자의 입력에 따라 웹 브라우저를 실행할 수 있으며, 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이할 수 있다(S110). 예를들어, 사용자가 단말장치를 이용하여 온라인 쇼핑을 수행하고자 하는 경우, 단말장치에서 웹 브라우저를 실행하고, 웹 브라우저를 통하여 온라인 쇼핑 웹 페이지에 접속할 수 있다. 여기서, 단말장치는 제1 디스플레이 영역과 제2 디스플레이 영역을 포함할 수 있으며, 각각의 제1 디스플레이 영역과 제2 디스플레이 영역은 동일한 크기와 화면비율을 가질 수 있다. 이때, 온라인 쇼핑 웹 페이지는 단말장치의 제1 디스플레이 영역 내에 디스플레이될 수 있다.
이후, 단말장치는 사용자로부터 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지에 대한 모아보기 요청을 입력받을 수 있다(S120). 여기서 모아보기 요청은, 웹 브라우저 내에 표시되는 모아보기 아이콘에 대한 사용자의 입력이나, 상품 이미지에 대한 사용자의 입력일 수 있다. 이외에도, 상품 이미지 모아보기 요청을 위한 사용자의 제스처 동작이, 웹 브라우저 내에 미리 설정되어 있을 수 있으며, 사용자가 단말장치 상에서 수행하는 제스쳐 입력을 감지하여 해당 상품 이미지를 추출하는 것도 가능하다.
사용자가 모아보기 요청을 입력하는 경우, 단말장치는 모아보기 요청에 대응하여 상품 이미지를 추출할 수 있다. 이후, 상품 이미지들을 포함하는 모아보기 페이지를 생성할 수 있으며, 생성한 모아보기 페이지를 제2 디스플레이 영역에 표시할 수 있다(S130).
여기서, 단말장치는 상품 이미지를 모아보기 페이지 내에 표시하면서, 상품 이미지에 대응하는 온라인 쇼핑 웹 페이지의 웹 주소를 상품 이미지에 링크시킬 수 있다. 즉, 각각의 상품 이미지를 추출할 때, 해당 상품 이미지에 대응하는 웹 주소를 함께 추출할 수 있으며, 이를 활용하여 상품 이미지에 웹 주소를 링크시킬 수 있다. 따라서, 사용자는 모아보기 페이지에 표시된 각각의 상품 이미지를 선택하여 용이하게 해당 온라인 쇼핑 웹 페이지에 접속할 수 있다.
또한, 사용자가 모아보기 요청한 온라인 쇼핑 웹 페이지 내에, 복수의 상품 이미지들이 존재하는 경우에는, 복수의 상품 이미지들 중에서 어느 하나의 이미지를 선택하여 추출할 수 있다. 예를들어, 온라인 쇼핑 웹 페이지 내에 포함된 복수의 이미지 중에서 해당 쇼핑 웹 페이지에서 미리 대표 이미지로 설정한 이미지를 추출하거나, 대표 이미지가 설정되지 않은 경우에는 복수의 이미지 중에서 첫번째 이미지를 선택하는 등의 방식으로 상품 이미지를 선택하여 추출할 수 있다.
한편, 모아보기 요청된 상품 이미지가 복수개인 경우, 모아보기 페이지를 복수개로 분할할 수 있으며, 분할된 영역 내에 각각 상품 이미지들을 표시할 수 있다. 여기서, 모아보기 페이지의 분할은 상품 이미지의 개수에 따라 다양하게 수행될 수 있다. 예를들어, 모아보기 요청된 상품 이미지가 복수개이면, 각각의 상품 이미지들의 종횡비를 유지하면서, 최대크기로 디스플레이되도록 모아보기 페이지를 분할할 수 있다. 이외에도, 상품 이미지를 제2 디스플레이 영역의 폭 방향 크기에 맞추거나, 제2 디스플레이 영역의 길이방향 크기에 맞추도록 분할하는 것도 가능하다.
다만, 단말장치는 설정개수까지는 모아보기 페이지를 분할하여 각각 분할 영역 내에 상품 이미지들을 표시하지만, 나머지 상품 이미지들은 모아보기 페이지의 스크롤시 표시되도록 배열할 수 있다. 예를들어, 사용자가 모아보기 요청한 상품 이미지가 8개이고, 설정개수가 6개인 경우에는, 모아보기 페이지를 6개로 분할하여 각각 상품 이미지들을 배열하고, 나머지 2개는 사용자가 스크롤하면 추가로 디스플레이되도록 할 수 있다. 여기서, 모아보기 페이지 내에 포함된 각각의 상품 이미지들의 위치는, 사용자의 입력에 따라 변경가능하다.
또한, 실시예에 따라서는, 상품이미지 내에 가격정보를 더 포함하여 표시하는 것도 가능하다. 즉, 단말장치는 상품 이미지의 추출시 온라인 쇼핑 웹 페이지로부터 상품 이미지에 대응하는 가격정보를 함께 추출할 수 있으며, 추출한 가격정보를 상품 이미지 내에 포함하여 표시할 수 있다. 따라서, 사용자는 각각의 상품 이미지와 함께 가격도 비교하면서 쇼핑 상품의 구매 여부를 결정할 수 있다.
추가적으로, 단말장치는 상품이미지에 포함된 가격정보를 업데이트할 수 있다. 즉, 일정한 주기 또는 특정 이벤트 발생시마다, 각각의 상품 이미지에 링크된 온라인 쇼핑 웹 페이지에 접속할 수 있으며, 해당 웹 페이지로부터 가격정보를 추출하여 업데이트할 수 있다. 여기서, 가격정보에는, 상품 이미지에 대응하는 상품의 판매가격, 할인정보, 재고수량, 구매가능 여부 등이 포함될 수 있다. 따라서, 단말장치는 가격정보의 업데이트를 통하여, 사용자에게 해당 상품이 품절되었는지, 상품에 대한 추가적인 할인이 적용될 수 있는지, 현재 판매 중인지 여부 등을 사용자에게 알리는 것이 가능하다. 이를 통하여 사용자의 쇼핑상의 편의성을 높일 수 있다.
실시예에 따라서는, 가격정보 이외에 다양한 종류의 객체들을 상품 이미지 내에 추가하는 것도 가능하다. 즉, 메모, 이모티콘, 스티커, 날짜정보, 해시태그 등을 각각의 상품 이미지 내에 추가할 수 있다.
여기서, 각각의 객체들은 객체에 대한 사용자의 입력에 따라, 동일한 상품 이미지 내에서 위치이동하거나, 다른 상품 이미지로 위치이동하여 배치될 수 있다. 다만, 배치된 이후에는 배치된 위치에 고정되어 해당 상품 이미지와 함께 이동할 수 있다.
또한, 실시예에 따라서는, 단말장치가 모아보기 페이지 내에 포함된 복수의 상품 이미지들을 필터링하거나 정렬하는 것도 가능하다. 즉, 사용자는 다양한 설정 조건을 설정할 수 있으며, 단말장치는 모아보기 페이지 내에 포함된 상품 이미지 중에서 해당 설정 조건을 만족하는 상품 이미지를 추출하거나, 설정조건에 따라 상품 이미지들을 정렬하여 제2 디스플레이 영역 내에 표시할 수 있다. 여기서, 설정조건은 사용자로부터 입력받은 가격정보 또는 객체정보 등일 수 있다.
한편, 단말장치는 사용자의 입력에 따라, 모아보피 페이지 내에 포함된 복수의 상품 이미지들을 포함하는 모아보기 이미지를 생성할 수 있으며(S140), 생성한 모아보기 이미지들은, 사용자의 입력에 따라 다른 단말장치 또는 서비스 서버로 전송하여 공유하도록 할 수 있다(S150)
여기서, 모아보기 이미지 내에는 상품 이미지 내에 포함된 가격정보나 객체 등이 포함될 수 있으며, 사용자의 입력에 따라, 모아보기 이미지를 다른 단말장치 또는 서비스 서버로 전송하여 공유할 수 있다. 예를들어, 사용자는 원피스를 구매하기 위해 온라인 쇼핑을 수행할 수 있으며, 이 과정에서 마음에 드는 원피스를 5개 정도 선정하여 모아보기 이미지로 생성할 수 있다. 이후, 모아보기 이미지를 지인 등에게 전송하여 의견을 구하고 최종적으로 구매하고자 하는 상품을 결정할 수 있다. 즉, 자신이 구매하고자 하는 상품들을 용이하게 타인과 공유하는 것이 가능하다.
전술한 본 발명은, 프로그램이 기록된 매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 매체는, 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다. 따라서, 상기의 상세한 설명은 모든 면에서 제한적으로 해석되어서는 아니되고 예시적인 것으로 고려되어야 한다. 본 발명의 범위는 첨부된 청구항의 합리적 해석에 의해 결정되어야 하고, 본 발명의 등가적 범위 내에서의 모든 변경은 본 발명의 범위에 포함된다.
본 발명은 전술한 실시예 및 첨부된 도면에 의해 한정되는 것이 아니다. 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 있어, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 본 발명에 따른 구성요소를 치환, 변형 및 변경할 수 있다는 것이 명백할 것이다.
1: 서비스 서버 100: 단말장치
110: 디스플레이부 120: 입력부
121: 터치패널 130: 제어부
110: 디스플레이부 120: 입력부
121: 터치패널 130: 제어부
Claims (20)
- 제1 디스플레이 영역 및 제2 디스플레이 영역을 포함하는 단말장치의 웹 브라우저 디스플레이 방법에 있어서,
웹 브라우저를 실행하여, 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이하는 단계;
상기 온라인 쇼핑 웹 페이지가 제공하는 복수의 상품들 중에서, 사용자가 선택한 적어도 하나의 상품에 대한 모아보기 요청을 입력받는 단계; 및
상기 모아보기 요청에 대응하여, 상기 온라인 쇼핑 웹 페이지로부터 상기 선택받은 상품의 상품 이미지를 추출하고, 상기 상품 이미지들을 포함하는 모아보기 페이지를 상기 웹 브라우저 상에 생성하여, 상기 제2 디스플레이 영역에 표시하는 단계를 포함하는 것으로,
상기 표시하는 단계는
상기 온라인 쇼핑 웹 페이지의 웹주소를 상기 상품 이미지에 링크하여, 상기 모아보기 페이지를 생성하고,
상기 표시하는 단계는
상기 온라인 쇼핑 웹 페이지로부터 상기 상품 이미지에 대응하는 가격정보를 추출하고, 상기 가격정보를 상기 상품 이미지 내에 포함하여 표시하며,
상기 표시하는 단계는
상기 모아보기 요청된 상품 이미지가 복수개이면, 상기 모아보기 페이지를 분할하고, 상기 분할된 영역 내에 각각 상기 상품 이미지들을 표시하고,
상기 표시하는 단계는
사용자의 입력에 따라, 상기 모아보기 페이지 내에 표시된 각각의 상품 이미지들의 위치를 변경하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제1항에 있어서, 상기 모아보기 요청은
상기 웹 브라우저 내에 표시되는 모아보기 아이콘에 대한 사용자의 입력이나, 상기 상품 이미지에 대한 사용자의 입력인 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 삭제
- 제1항에 있어서, 상기 표시하는 단계는
상기 온라인 쇼핑 웹 페이지에서 제공하는 상품 이미지들이 복수개인 경우, 상기 복수의 상품 이미지들 중에서 적어도 어느 하나를 추출하여, 상기 모아보기 페이지를 생성하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 삭제
- 제1항에 있어서, 상기 표시하는 단계는
상기 모아보기 요청된 상품 이미지가 복수개이면, 각각의 상품 이미지들의 종횡비를 유지하면서, 최대크기로 디스플레이되도록 상기 모아보기 페이지를 분할하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제1항에 있어서, 상기 표시하는 단계는
상기 모아보기 페이지 내에 포함된 상품 이미지가 설정개수 이상이면, 상기 제2 디스플레이 영역 내에 상기 설정개수의 상품 이미지들을 표시하고, 나머지 상품 이미지들은 상기 모아보기 페이지의 스크롤시 표시되도록 하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 삭제
- 삭제
- 제1항에 있어서, 상기 표시하는 단계는
상기 상품 이미지에 대응하는 온라인 쇼핑 웹 페이지에 접속하여 상기 가격정보를 추출하고, 상기 가격정보를 업데이트하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제10항에 있어서, 상기 가격정보는
상기 상품 이미지에 대응하는 상품의 판매가격, 할인정보, 재고수량 및 구매가능 여부 중 적어도 어느 하나를 포함하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제1항에 있어서, 상기 표시하는 단계는
사용자가 입력한 객체를 상기 상품 이미지 내에 추가하고, 상기 상품 이미지의 위치이동시 상기 객체를 상기 상품 이미지와 함께 이동하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제12항에 있어서, 상기 객체는
메모, 이모티콘, 스티커, 날짜정보 및 해시태그 중 적어도 어느 하나를 포함하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제12항에 있어서, 상기 객체는
상기 객체에 대한 사용자의 입력에 따라, 동일한 상품 이미지 내에서 위치이동하거나 다른 상품 이미지로 위치이동하여 배치되고, 배치된 이후에는 배치된 상기 상품 이미지와 함께 이동하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제1항에 있어서, 상기 표시하는 단계는
상기 모아보기 페이지 내에 포함된 복수의 상품 이미지들을 필터링하여 설정 조건을 만족하는 상품 이미지를 추출하고, 추출된 상품 이미지들을 상기 제2 디스플레이 영역 내에 표시하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제15항에 있어서, 상기 표시하는 단계는
사용자로부터 입력받은 가격정보 또는 객체정보를 이용하여, 상기 상품 이미지들에 대한 필터링을 수행하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제1항에 있어서,
사용자의 입력에 따라, 상기 모아보기 페이지 내에 포함된 복수의 상품 이미지들을 포함하는 모아보기 이미지를 생성하는 단계를 더 포함하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 제17항에 있어서,
사용자의 입력에 따라, 상기 모아보기 이미지를 다른 단말장치 또는 서비스 서버로 전송하여 공유하는 단계를 더 포함하는 것을 특징으로 하는 단말장치의 웹 브라우저 디스플레이 방법.
- 하드웨어와 결합되어, 제1항, 제2항, 제4항, 제6항, 제7항, 제10항 내지 제18항 중 어느 한 항의 웹 브라우저 디스플레이 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램.
- 제1 디스플레이 영역 및 제2 디스플레이 영역을 포함하는 디스플레이부;
상기 제1 디스플레이 영역 및 제2 디스플레이 영역에 대응하여 위치하며, 사용자가 인가하는 입력을 감지하는 입력부; 및
웹 브라우저를 실행하여 온라인 쇼핑 웹 페이지를 제1 디스플레이 영역 내에 디스플레이하고, 상기 온라인 쇼핑 웹 페이지가 제공하는 복수의 상품들 중에서 사용자가 선택한 적어도 하나의 상품에 대한 모아보기 요청을 입력받으면, 상기 온라인 쇼핑 웹 페이지로부터 상기 선택받은 상품의 상품 이미지를 추출하고, 상기 상품 이미지들을 포함하는 모아보기 페이지를 상기 웹 브라우저 상에 생성하여 상기 제2 디스플레이 영역에 표시하도록 제어하는 제어부를 포함하는 것으로,
상기 제어부는
상기 온라인 쇼핑 웹 페이지의 웹주소를 상기 상품 이미지에 링크하여 상기 모아보기 페이지를 생성하고,
상기 제어부는
상기 온라인 쇼핑 웹 페이지로부터 상기 상품 이미지에 대응하는 가격정보를 추출하고, 상기 가격정보를 상기 상품 이미지 내에 포함하여 표시하며,
상기 제어부는
상기 모아보기 요청된 상품 이미지가 복수개이면 상기 모아보기 페이지를 분할하여 상기 분할된 영역 내에 각각 상기 상품 이미지들을 표시하고,
상기 제어부는
사용자의 입력에 따라, 상기 모아보기 페이지 내에 표시된 각각의 상품 이미지들의 위치를 변경하는 것을 특징으로 하는 단말장치.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020190175873A KR102279131B1 (ko) | 2019-12-27 | 2019-12-27 | 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020190175873A KR102279131B1 (ko) | 2019-12-27 | 2019-12-27 | 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20210083523A KR20210083523A (ko) | 2021-07-07 |
KR102279131B1 true KR102279131B1 (ko) | 2021-07-20 |
Family
ID=76862627
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020190175873A KR102279131B1 (ko) | 2019-12-27 | 2019-12-27 | 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102279131B1 (ko) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114170356B (zh) * | 2021-12-09 | 2022-09-30 | 米奥兰特(浙江)网络科技有限公司 | 线上路演方法、装置、电子设备及存储介质 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20110100607A (ko) * | 2011-08-08 | 2011-09-14 | 김성열 | 두 개의 엘씨디 화면을 사용한 스마트폰과 테블릿 컴퓨터 겸용 멀티폰 |
KR20140094407A (ko) * | 2013-04-10 | 2014-07-30 | (주)브라이니클 | 이동 단말기를 이용한 쇼핑정보 제공방법 및 이동 단말기를 이용하여 쇼핑정보를 제공하는 사용자 인터페이스 |
KR101714014B1 (ko) * | 2015-06-15 | 2017-03-08 | 주식회사 포워드벤처스 | 쇼핑 서비스 제공 시스템 및 쇼핑 서비스 제공 방법 |
KR102313755B1 (ko) * | 2017-06-07 | 2021-10-18 | 엘지전자 주식회사 | 이동 단말기 및 그 제어 방법 |
-
2019
- 2019-12-27 KR KR1020190175873A patent/KR102279131B1/ko active IP Right Grant
Also Published As
Publication number | Publication date |
---|---|
KR20210083523A (ko) | 2021-07-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107085574B (zh) | 一种页面数据处理方法及服务器 | |
US20120147055A1 (en) | System and method for organizing and presenting content on an electronic device | |
US20160019604A1 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
JP6949059B2 (ja) | 動的リストを表示する方法、デバイス、装置及びシステム | |
US11200740B1 (en) | Systems for generating image-based user interfaces | |
TWI529545B (zh) | Screening methods and devices for business objects | |
US20150161717A1 (en) | Object selection and presentation of object-related data in one consistent page view | |
WO2015048292A2 (en) | Method for displaying and navigating internet search results | |
US20150026012A1 (en) | Systems and methods for online presentation of storefront images | |
JP6294349B2 (ja) | タブボタンの管理 | |
US10229443B1 (en) | Price filtering based on a user specified single price filtering value | |
JP6372135B2 (ja) | 電子チラシ情報処理システム及び電子チラシ情報処理方法 | |
KR102279131B1 (ko) | 웹 브라우저 디스플레이 방법 및 이를 이용하는 단말장치 | |
US20140214591A1 (en) | System and method to provide a product display in a business | |
JPWO2012001807A1 (ja) | 広告配信サーバ及び広告配信方法 | |
JP2013257692A (ja) | 情報処理装置、情報処理システム、情報処理方法およびプログラム | |
CN113220194A (zh) | 信息显示方法、信息显示装置 | |
JP6224682B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法及び配信装置 | |
KR20120047588A (ko) | 중력센서를 이용하여 상품의 상세정보 표시가 가능한 단말기 및 이의 기능구현방법 | |
CN115062216A (zh) | 用于搜索的方法、装置、设备和存储介质 | |
JP6158903B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法及び配信装置 | |
JP6420670B2 (ja) | 情報閲覧システム | |
JP6345550B2 (ja) | 情報処理装置、情報処理方法、及び情報処理プログラム | |
CN113778271A (zh) | 应用图标查找方法、装置和电子设备 | |
JPWO2017098576A1 (ja) | 提示装置、提示方法、非一時的なコンピュータ読取可能な情報記録媒体、及び、プログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AMND | Amendment | ||
AMND | Amendment | ||
X701 | Decision to grant (after re-examination) | ||
GRNT | Written decision to grant |