KR20180101984A - 웹브라우저에 대한 사용자 인터페이스 제공 장치 - Google Patents

웹브라우저에 대한 사용자 인터페이스 제공 장치 Download PDF

Info

Publication number
KR20180101984A
KR20180101984A KR1020170106828A KR20170106828A KR20180101984A KR 20180101984 A KR20180101984 A KR 20180101984A KR 1020170106828 A KR1020170106828 A KR 1020170106828A KR 20170106828 A KR20170106828 A KR 20170106828A KR 20180101984 A KR20180101984 A KR 20180101984A
Authority
KR
South Korea
Prior art keywords
search result
result page
focus
script
user interface
Prior art date
Application number
KR1020170106828A
Other languages
English (en)
Other versions
KR102149727B1 (ko
Inventor
한성재
이강태
Original Assignee
주식회사 케이티
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 케이티 filed Critical 주식회사 케이티
Publication of KR20180101984A publication Critical patent/KR20180101984A/ko
Application granted granted Critical
Publication of KR102149727B1 publication Critical patent/KR102149727B1/ko

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F17/30861—
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/482—End-user interface for program selection
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/854—Content authoring
    • H04N21/8543—Content authoring using a description language, e.g. Multimedia and Hypermedia information coding Expert Group [MHEG], eXtensible Markup Language [XML]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
    • H04N21/8586—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Security & Cryptography (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 장치는 상기 검색 결과 페이지에 관한 정보를 메모리 영역에 로드하는 메모리 관리부, 상기 검색 결과 페이지 중 어느 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)에 관한 스크립트를 상기 메모리 영역에 추가로 로드하는 스크립트 삽입부, 상기 로드된 스크립트의 동작에 의하여 생성된 포커스 UI를 상기 검색 결과 페이지에 오버레이하여 표시하는 UI 표시부 및 상기 포커스 UI를 통해 선택된 리스트 항목를 표시하는 리스트 항목부를 포함한다.

Description

웹브라우저에 대한 사용자 인터페이스 제공 장치{DEVICE FOR PROVIDING USER INTERFACE TO WEB BROWSER}
본 발명은 웹브라우저에 대한 사용자 인터페이스 제공 장치에 관한 것이다.
IPTV(Internet Protocol Television)란 초고속 인터넷 망을 이용하여 영화와 방송프로그램과 같은 동영상 컨텐츠와 인터넷 검색 등 다양한 멀티미디어 컨텐츠를 텔레비전 수상기로 제공하는 양방향 방송 및 통신 서비스이다. 시청자는 리모컨을 이용하여 간단하게 인터넷 검색은 물론 영화 감상, 홈쇼핑, 홈뱅킹, 온라인 게임, MP3 등 인터넷이 제공하는 다양한 컨텐츠 및 부가 서비스를 IPTV로부터 제공받을 수 있다.
이러한 IPTV를 통한 웹 검색 서비스와 관련하여, 선행기술인 한국등록특허 제 10-1107319호는 오픈 API 기반 웹포털 서비스 제공 방법 및 시스템을 개시하고 있다.
그러나 IPTV에서 웹 검색 서비스를 제공하기 위해서는 IPTV에서 마우스 커서를 생성하여 표시하고, 사용자가 리모컨으로 커서를 제어해야 하므로 반응 속도와 편의성이 떨어진다는 단점을 가지고 있었다. 또한, 컨텐츠 내부에 하이퍼 링크가 존재하는 경우, 사용자는 하이퍼 링크를 선택하기 위해 많은 노력이 필요하게 되어 큰 불편을 느끼게 된다.
검색 엔진의 검색 결과 중 리스트 영역의 인지 기능을 제공하는 사용자 인터페이스 제공 장치를 제공하고자 한다. 웹브라우저에 포커스 가능 영역을 표시하여, 포커스 가능 영역을 이동시키도록 하는 사용자 인터페이스 제공 장치를 제공하고자 한다. 리모콘의 방향키나 숫자 키패드의 조작만으로 검색 결과를 항목 단위로 포커스 이동시키고, 스크롤이 가능하도록 함으로써, 개선된 반응 속도 및 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공하고자 한다. 웹 페이지의 내부에 포함된 하이퍼 링크를 손쉽게 실행할 수 있도록 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공하고자 한다. 다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.
상술한 기술적 과제를 달성하기 위한 수단으로서, 본 발명의 일 실시예는, 검색 결과 페이지에 관한 정보를 메모리 영역에 로드하는 메모리 관리부, 상기 검색 결과 페이지 중 어느 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)에 관한 스크립트를 상기 메모리 영역에 추가로 로드하는 스크립트 삽입부, 상기 로드된 스크립트의 동작에 의하여 생성된 포커스 UI를 상기 검색 결과 페이지에 오버레이하여 표시하는 UI 표시부 및 상기 포커스 UI를 통해 선택된 리스트 항목를 표시하는 리스트 항목부를 포함하는 사용자 인터페이스 제공 장치를 제공할 수 있다.
본 발명의 다른 실시예는, 검색 결과 페이지를 표시하는 단계, 상기 검색 결과 페이지 중 일부 항목에 대한 선택을 가능하게 하는 포커스 UI에 관한 스크립트를 실행하는 단계, 상기 실행된 스크립트의 동작에 의하여 생성된 포커스 UI를 통해 선택된 항목을 표시하는 단계를 포함하는 사용자 인터페이스 제공 방법을 제공할 수 있다.
상술한 과제 해결 수단은 단지 예시적인 것으로서, 본 발명을 제한하려는 의도로 해석되지 않아야 한다. 상술한 예시적인 실시예 외에도, 도면 및 발명의 상세한 설명에 기재된 추가적인 실시예가 존재할 수 있다.
전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 검색 엔진의 검색 결과 중 리스트 영역의 인지 기능을 제공하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 웹브라우저에 포커스 가능 영역을 표시하여, 포커스 가능 영역을 이동시키도록 하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 리모콘의 방향키나 숫자 키패드의 조작만으로 검색 결과를 항목 단위로 포커스 이동시키고, 스크롤이 가능하도록 함으로써, 개선된 반응 속도 및 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 웹 페이지의 내부에 포함된 하이퍼 링크를 손쉽게 실행할 수 있도록 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치의 구성도이다.
도 3a 내지 도 3e는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 과정을 도시한 예시적인 도면이다.
도 4는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법의 순서도이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미하며, 하나 또는 그 이상의 다른 특징이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1 개의 유닛이 2 개 이상의 하드웨어를 이용하여 실현되어도 되고, 2 개 이상의 유닛이 1 개의 하드웨어에 의해 실현되어도 된다.
본 명세서에 있어서 단말 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말 또는 디바이스에서 수행될 수도 있다.
이하 첨부된 도면을 참고하여 본 발명의 일 실시예를 상세히 설명하기로 한다.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 시스템의 구성도이다. 도 1을 참조하면, 사용자 인터페이스 제공 시스템(1)은 사용자 인터페이스 제공 장치(110), 디스플레이 장치(120), 리모트 컨트롤러(130) 및 서버(140)를 포함할 수 있다. 사용자 인터페이스 제공 장치(110), 디스플레이 장치(120), 리모트 컨트롤러(130) 및 서버(140)는 사용자 인터페이스 제공 시스템(1)에 의하여 제어될 수 있는 구성요소들을 예시적으로 도시한 것이다.
도 1의 사용자 인터페이스 제공 시스템(1)의 각 구성요소들은 일반적으로 네트워크(network)를 통해 연결된다. 예를 들어, 도 1에 도시된 바와 같이, 디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)와 동시에 또는 시간 간격을 두고 연결될 수 있다.
네트워크는 단말들 및 서버들과 같은 각각의 노드 상호 간에 정보 교환이 가능한 연결 구조를 의미하는 것으로, 근거리 통신망(LAN: Local Area Network), 광역 통신망(WAN: Wide Area Network), 인터넷 (WWW: World Wide Web), 유무선 데이터 통신망, 전화망, 유무선 텔레비전 통신망 등을 포함한다. 무선 데이터 통신망의 일례에는 3G, 4G, 5G, 3GPP(3rd Generation Partnership Project), LTE(Long Term Evolution), WIMAX(World Interoperability for Microwave Access), 와이파이(Wi-Fi), 블루투스 통신, 적외선 통신, 초음파 통신, 가시광 통신(VLC: Visible Light Communication), 라이파이(LiFi) 등이 포함되나 이에 한정되지는 않는다.
사용자 인터페이스 제공 장치(110)는 음성 인식 기술이 구비된 장치로, 지능형 개인 비서 기능을 탑재하고 있으며, 사용자로부터 음성 명령을 입력받으면, 음성 명령에 대한 응답으로 TV 제어, 인터넷 검색, 전화 걸기, 길안내 등의 서비스를 수행하고, 서비스 수행 결과를 TV 화면을 통해 출력하는 장치일 수 있다. 이러한 사용자 인터페이스 제공 장치(110)는 서비스 수행 결과를 디스플레이 장치(120)를 통해 출력함으로써, 시각적으로 서비스에 대한 자세한 정보를 제공하는 특징을 가지고 있다.
사용자 인터페이스 제공 장치(110)는 내장된 음성 인식 모듈 또는 외부 입력 장치를 통해 사용자(115)의 음성 명령으로, 웹 브라우저의 검색을 요청받을 수 있다. 예를 들어, 디스플레이 장치(120)는 사용자(115)의 음성 입력 또는 리모트 컨트롤러(130)를 통해 사용자로부터 마우스 커서의 이동 및 선택으로 웹 브라우저의 검색을 요청받을 수 있다.
사용자 인터페이스 제공 장치(110)에서 실행된 웹 브라우저는 검색 결과 페이지를 렌더링하고 이에 관한 정보를 메모리 영역에 로드할 수 있다.
사용자 인터페이스 제공 장치(110)에서 실행된 웹 브라우저는 검색 결과 페이지 중 어느 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)에 관한 스크립트를 메모리 영역에 추가로 로드할 수 있다. 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지가 웹 브라우저에 로드된 후에, 검색 결과 페이지가 UI 개선 대상에 해당한다고 판단되면 스크립트를 메모리 영역에 추가로 로드할 수 있다. 따라서, 메모리에는 본래의 검색 결과 페이지에 관한 정보와 포커스 UI를 생성하기 위한 스크립트가 함께 로드된다.
스크립트는 선언과 동시에 실행되는 즉시 실행 함수를 포함할 수 있다. 예를 들어, 스크립트는 기설정된 선택자 정보에 기초하여 검색 결과 페이지로부터 엘리멘트를 검출하고, 검출된 엘리멘트에 기초하여 포커스 UI를 생성할 수 있다. 스크립트는 검출된 엘리멘트로부터 포커스 후보 영역에 대한 위치 정보, 크기 정보 및 여백 정보 중 적어도 하나를 추출하여 포커스 UI를 추출할 수 있다. 여기서, 선택자 정보는 검색 결과 페이지의 리스트 항목을 구성하는 아이디(ID) 정보를 포함하고, 엘리멘트는 아이디 정보 및 아이디 정보에 지정된 클래스 정보를 포함할 수 있다.
스크립트는 기설정된 실행자 정보에 기초하여 검출된 엘리멘트로부터 실행자를 검출하고, 실행자 정보는 사용자의 입력에 의해 실행되는 적어도 하나의 이벤트 스트링을 포함할 수 있다.
사용자 인터페이스 제공 장치(110)의 웹 브라우저는 로드된 스크립트의 동작에 의하여 생성된 포커스 UI를 검색 결과 페이지에 오버레이하여 표시할 수 있다. 사용자 인터페이스 제공 장치(110) 의 웹 브라우저는 포커스 UI의 크기를 검색 결과 페이지의 크기와 일치시켜 포커스 UI를 검색 결과 페이지에 오버레이하여 표시하고, 검색 결과 페이지 및 포커스 UI에서의 동작을 동기화하여 사용자로부터 입력받은 제어 요청에 따라 수행되는 기능을 표시할 수 있다.
사용자 인터페이스 제공 장치(110)의 웹 브라우저는 포커스 UI를 통해 선택된 리스트 항목을 표시할 수 있다. 이 때, 사용자 인터페이스 제공 장치(110)의 웹 브라우저는 선택된 리스트 항목과 대응하여 검출된 실행자에 따라 UI 이벤트를 출력할 수 있다.
사용자 인터페이스 제공 장치(110) 의 웹 브라우저는 검색 결과 페이지가 업데이트된 경우, 포커스 UI의 갱신을 수행할 수 있다. 예를 들어, 스크립트는 검색 결과 페이지로 선택자 정보에 해당하는 영역이 추가로 수신되는지 여부를 판단하여 검색 결과 페이지의 업데이트 여부를 감시하거나, 검색 결과 페이지로부터 검출된 선택자의 수를 카운팅하여 검색 결과 페이지의 업데이트 여부를 감시하여, 검색 결과 페이지의 업데이트 여부에 따라 포커스 UI를 갱신할 수 있다.
사용자 인터페이스 제공 장치(110)는 휴대성과 이동성이 보장되는 유선 또는 무선 통신 장치로서, 음성 인식 장치, 음성 인식 스피커, 음성 인식 셋톱박스, 모바일 디바이스, 멀티미디어 재생 장치, 스마트폰(smartphone), 태블릿 PC, 웨어러블 디바이스 등을 포함한다. 뿐만 아니라, 블루투스(BLE, Bluetooth Low Energy), NFC, RFID, 초음파(Ultrasonic), 적외선, 와이파이(WiFi), 라이파이(LiFi) 등의 통신 모듈을 탑재한 각종 디바이스를 포함할 수 있다.
디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)를 통해 수행되는 모든 기능을 시각적으로 표시할 수 있다. 예를 들어, 디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)에 의해 처리된 검색 결과 페이지 및 포커스 UI를 표시할 수 있다.
서버(140)는 IPTV 서버, 음성 인식 서버 등을 포함할 수 있다. IPTV 서버는 사용자 인터페이스 제공 장치(110)에서 사용자(115)로부터 음성 명령 또는 리모트 컨트롤러(130)를 통해 서비스 요청을 입력받은 경우, 해당 요청에 대응하는 서비스를 제공할 수 있다. 예를 들어, IPTV 서버는 인터넷 검색, 컨텐츠 검색, 길안내 등의 서비스를 사용자 인터페이스 제공 장치(110)로 제공할 수 있다. 음성 인식 서버는 사용자 인터페이스 제공 장치(110)를 통해 사용자(115)로부터 음성 명령을 입력받은 경우, STT(Speech To Text) 기법을 이용하여 입력된 음성 명령을 텍스트로 변환한 후, 해당 음성 명령에 대한 변환된 텍스트를 사용자 인터페이스 제공 장치(110)로 제공할 수 있다.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치의 구성도이다. 도 2를 참조하면, 사용자 인터페이스 제공 장치(110)는 메모리 관리부(210), 스크립트 삽입부(220), UI 표시부(230), 리스트 항목부(240)를 포함할 수 있다. 사용자 인터페이스 제공 장치(110)는 웹브라우저를 구동하여 실행시킬 수 있으며, 메모리 관리부(210), 스크립트 삽입부(220), UI 표시부(230), 리스트 항목부(240)의 전부 또는 일부는 웹브라우저에 의해 구현되는 기능일 수 있다.
사용자 인터페이스 제공 장치(110)는 외부 입력 장치(예를 들어, 음성 입력, 리모트 컨트롤러)로부터 검색을 요청받은 경우, 웹브라우저를 통해 검색 엔진, 미디어 제공 서버 등으로 검색 결과를 요청하고, 검색 결과 페이지를 수신한다.
메모리 관리부(210)는 검색 결과 페이지를 렌더링하여 표시하고 이에 관한 정보를 메모리 영역에 로드할 수 있다. 검색 결과 페이지에 관한 정보는 검색 결과 페이지를 구성하는 요소로, 예를 들어, HTML(Hypertext Markup Language), JS(Java Script), CSS(Client Side Script) 등을 포함할 수 있다.
검색 결과 페이지의 소스코드는 'dom', 엘리멘트, 선택자 정보를 포함할 수 있다. 검색 결과 페이지의 소스코드는 예를 들어 다음과 같이 표현될 수 있다.
dom: <div>, ..., </div>
structure: ["id", "class", "class"]
selector: "#rso .srg .mnr-c"
'dom'은 <div>, ..., </div> 태그로 구성될 수 있다. Structure로 표현된 엘리멘트는 아이디(ID) 정보 및 아이디 정보에 지정된 클래스(class) 정보를 포함할 수 있다. 선택자 정보(selector)는, 예를 들어 A 검색 엔진의 경우, '#rso', '.srg', '.mnr-c' 등의 문자를 포함하며, 검색 결과 페이지의 리스트 항목을 구성하는 아이디 정보를 포함할 수 있다.
스크립트 삽입부(220)는 검색 결과 페이지 중 어느 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)에 관한 스크립트를 메모리 영역에 추가로 로드할 수 있다. 이 포커스 UI는 사용자의 리모컨 입력 또는 음성 입력을 통해 용이하게 제어가능한 형태로 생성될 수 있다. 포커스 UI는 검색 결과 페이지에 오버레이되어, 복수의 항목 중 어느 하나에 대한 선택을 용이하게 할 수 있다.
스크립트는 선언과 동시에 실행되는 즉시 실행 함수를 포함할 수 있다. 예를 들어, 즉시 실행 함수는 자바스크립트와 같은 프로그래밍 언어로 작성될 수 있다. 예를 들어, 스크립트가 즉시 실행 함수를 포함하는 경우, 메모리 영역에 로드된 직후 스스로 실행될 수 있다. 즉시 실행 함수는 선언과 동시에 선언 내부의 내용이 실행되는 구조로 예를 들어 다음과 같이 표현될 수 있다.
(function ( ) {
　　　 // TODO
})( );
스크립트 삽입부(220)는 검색 결과 페이지가 UI 개선 대상에 해당하는지 여부에 기초하여 검색 결과 페이지를 웹 브라우저에 로드한 후에, 스크립트를 메모리 영역에 추가로 로드할 수 있다. 예를 들어, 스크립트 삽입부(220)는 검색 결과 페이지를 구성하는 모든 요소가 웹 브라우저에 완전히 로드된 직후에 스크립트를 삽입할 수 있다. 해당 페이지에 대한 로드 완료 여부를 감시하기 위한 감시자 함수는 예를 들어 다음과 같을 수 있다.
document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
검색 결과 페이지가 UI 개선 대상에 해당하는지 여부에 대한 스크립트의 예시적인 코드는 다음과 같을 수 있다. 이 코드는 검색 결과 페이지를 제공하는 웹사이트들의 URL의 문자열 중 전부 또는 일부를 검사하여, UI 개선 대상인지를 판단할 수 있다. 감시 대상 URL은 관리자에 의해 관리되거나 웹페이지 검색 결과를 파싱하여 자동으로 업데이트될 수 있다.
if(URL.indexOf(_array) != -1) { ? }
_array = ...
"google.co.kr/search"
".search.daum"
".search.naver"
".youtube.com/results"
".youtube.com/watch?list"
".youtube.com/watch?v"
메모리에 로드된 스크립트는 기설정된 선택자 정보에 기초하여 검색 결과 페이지로부터 엘리멘트를 검출하고, 검출된 엘리멘트에 기초하여 포커스 UI를 생성하도록 구성되는 것일 수 있다. 기설정된 선택자 정보는 관리자에 의해 관리되거나 웹페이지 검색 결과를 파싱하여 자동으로 업데이트될 수 있다.
예를 들어, 스크립트는 기설정된 선택자 정보에 기초하여 검색 결과 페이지로부터 HTML 엘리멘트를 검출하고, 검출된 HTML 엘리멘트에 기초하여 CSS정보를 발췌함으로써, 포커스 UI를 생성할 수 있다. 선택자 정보는 검색 결과 페이지의 리스트 항목을 구성하는 아이디(ID) 정보를 포함하고, 엘리멘트는 아이디 정보 및 아이디 정보에 지정된 클래스 정보를 포함하는 것일 수 있다. 스크립트는 예를 들어, A 검색 엔진의 경우, '#rso', '.srg', '.mnr-c' 등과 같은 기설정된 선택자 정보에 기초하여 검색 결과 페이지로부터 엘리멘트를 검출한 후, 포커스 UI를 생성할 수 있다.
스크립트는 검출된 엘리멘트로부터 포커스 후보 영역에 대한 위치 정보(top, left), 크기 정보(width, height) 및 여백 정보(margin, padding) 등을 추출하여 포커스 UI를 생성할 수 있다. 스크립트는 포커스 후보 영역 중 스크롤에 걸쳐지는 항목을 다음과 같은 함수를 이용하여 처리할 수 있다.
if ( scrollTop < Item.top < scrollTop + screen.height　　　 &&　　　 item.bottom > scrollTop + screen.height )
스크립트는 예를 들어, 검색 결과 페이지의 URL 또는 클릭 등과 같이 기설정된 실행자 정보에 기초하여 검출된 엘리멘트로부터 실행자를 검출할 수 있다. 실행자 정보는 사용자의 입력에 의해 실행되는 적어도 하나의 이벤트 스트링을 포함하는 것일 수 있다.
스크립트는 검색 결과 페이지로 선택자 정보에 해당하는 영역이 추가로 수신되는지 여부를 판단하여 검색 결과 페이지의 업데이트 여부를 감시할 수 있다. 예를 들어, 스크립트는 웹 브라우저의 기본 API인 'mutationObserver'를 이용하여, 선택자 정보에 해당하는 영역이 추가로 수신되는지 여부를 판단함으로써, 검색 결과 페이지의 업데이트 여부를 감시할 수 있다. 또한, 스크립트는 검색 결과 페이지로부터 검출된 선택자의 수를 카운팅하여 검색 결과 페이지의 업데이트 여부를 감시할 수 있다. 예를 들어, 스크립트는 선택자의 수를 카운팅하는 함수를 지속적으로 실행함으로써, 검색 결과 페이지의 업데이트 여부를 감시하고, 선택자의 수가 변경된 경우, 검색 결과 페이지의 내용이 업데이트되었음을 인지할 수 있다 또한, 웹 페이지의 이동이나 새로고침 등이 이루어졌을 경우, 포커스 UI에 대한 갱신도 병행될 수 있다.
UI 표시부(230)는 로드된 스크립트의 동작에 의하여 생성된 포커스 UI를 검색 결과 페이지에 오버레이하여 표시할 수 있다. 예를 들어, UI 표시부(230)는 포커스 UI의 크기를 검색 결과 페이지의 크기와 1:1로 일치시켜 포커스 UI를 검색 결과 페이지에 오버레이하여 표시할 수 있다. 이 때, UI 표시부(230)는 검색 결과 페이지가 업데이트된 경우, 포커스 UI의 갱신을 수행할 수 있다. 이 포커스 UI는 투명한 웹페이지 형태로 생성되어, 검색 결과 페이지에 오버레이될 수 있다. 검색 결과 페이지가 제 1 탭에 렌더링된다면, 포커스 UI는 제 2 탭에 렌더링될 수 있다.
UI 표시부(230)는, 예를 들어, 포커스 UI가 투명하게 렌더링된 탭을 검색 결과 페이지가 표시된 탭에 오버레이할 수 있다. 예를 들어, UI 표시부(230)는 하위 탭에 검색 결과 페이지를 표시하고, 상위 탭에 포커스 UI를 표시할 수 있다. 예를 들어, UI 표시부(230)는 포커스 UI가 투명하게 표시된 상위 탭을 검색 결과 페이지가 표시된 하위 탭에 오버레이할 수 있다. 즉, 본원 발명은 원본 문서를 직접 수정하지 않고, 별도의 오버레이 레이어를 활용함으로써, 웹 페이지에 대하여 리모콘 및 음성 기반의 제어 기능을 제공할 수 있는 기반 환경(UI)을 마련할 수 있다. 또한, 웹 페이지를 인위적으로 조작할 경우 저작권법 중 "동일성유지권"에 대하여 논란이 있을 수 있기 때문에, 본원 발명은 별도의 오버레이 레이어를 활용하여 사용자 인터페이스를 제공하고자 한다.
UI 표시부(230)는 검색 결과 페이지 및 포커스 UI에서의 동작을 동기화하여 사용자로부터 입력받은 제어 요청에 따라 수행되는 기능을 표시할 수 있다. 예를 들어, UI 표시부(230)는 사용자로부터 입력받은 포커스의 이동 또는 스크롤링 요청에 의해서 화면이 위 아래로 이동되는 경우, 검색 결과 페이지에 해당하는 탭과 포커스 UI가 표시된 탭에서의 스크롤링 위치 및 포커스가 실시간으로 동기화하여 표시할 수 있다.
또한, UI 표시부(230)는 스크립트가 수신된 명령에 대한 실행자에 대응되는 작업으로, 예를 들어, "'href' 경로로 문서를 이동" 또는 "'onclick' 이벤트 발생하여 이미지 확대 UI 출력"과 같은 기능을 수행하고, UI 표시부(230)가 수행되는 기능을 표시할 수 있다.
리스트 항목부(240)는 포커스 UI를 통해 선택된 리스트 항목을 표시할 수 있다. 예를 들어, 리스트 항목부(240)는 선택된 리스트 항목과 대응하여 검출된 실행자에 따라 UI 이벤트를 출력할 수 있다.
도 3a 내지 도 3e는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치(110)에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 과정을 도시한 예시적인 도면이다. 도 3a 내지 도 3e에서는 사용자로부터 음성 명령을 입력받은 경우를 가정하여 설명하도록 한다. 이러한 입력은 리모콘의 방향키, 숫자 키패드 등으로부터 입력될 수도 있다.
도 3a는 본 발명의 일 실시예에 따른 사용자로부터 음성 명령을 입력받기 위한 메인 화면을 도시한 예시적인 도면이다. 도 3a를 참조하면, 사용자 인터페이스 제공 장치(110)는 메인 화면의 '올레tv'(300) 메뉴를 통해 사용자로부터 음성 명령을 입력받을 수 있다. 예를 들어, 사용자 인터페이스 제공 장치(110)는 내장된 음성 입력 모듈을 통해 사용자로부터 "기가지니"라는 음성을 입력받음으로써, 음성 명령 입력을 개시할 수 있다.
도 3b는 본 발명의 일 실시예에 따른 웹 브라우저에 표시된 검색 결과 페이지를 도시한 예시적인 도면이다. 도 3b를 참조하면, 사용자 인터페이스 제공 장치(110)는 사용자로부터 "기가지니, 메모리 관리 프로그램 검색해줘" 라는 음성 명령(310)을 입력받으면, 웹 브라우저를 통해 "메모리 관리 프로그램"에 대한 검색 결과 페이지(320)를 디스플레이 장치(120)를 통해 표시할 수 있다. 검색 결과 페이지(320)는 복수의 리스트 항목(321)을 포함할 수 있다.
도 3c는 본 발명의 일 실시예에 따른 포커스 UI를 도시한 예시적인 도면이다. 도 3b 및 도 3c를 참조하면, 사용자 인터페이스 제공 장치(110)는 기설정된 선택자 정보에 기초하여 "메모리 관리 프로그램"(310)에 대한 검색 결과 페이지(320)에 포함된 복수의 리스트 항목(321)으로부터 엘리멘트를 검출하고, 검출된 엘리멘트에 기초하여 포커스 UI(330)를 생성할 수 있다. 이 경우, 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지(320)에 포함된 복수의 리스트 항목(321)과 각각 대응하도록 포커스 영역이 나누어진 포커스 UI(330)를 표시할 수 있고, 포커스 UI(330) 내 각 포커스 영역의 오른쪽 상단에 각 리스트 항목에 대한 넘버링을 1부터 4까지 표시할 수 있다. 또한, 사용자 인터페이스 제공 장치(110)는 포커스 UI(330)를 통해 현재 포커스된 리스트 항목(331)에 대해 해당 포커스 영역 내의 색을 달리하고, 포커스되지 않은 부분보다 진한 테두리로 표시할 수 있다. 도 3c는 포커스 UI(330) 및 현재 포커스된 리스트 항목(331)을 검은색으로 표시하고 있지만, 이 외 다른색으로도 표시될 수 있다. 예를 들어, 포커스 UI(330)를 전체적으로 연한 분홍색으로 표시되고, 현재 포커스된 리스트 항목(331)은 진한 분홍색으로 표시될 수 있다.
도 3d는 본 발명의 일 실시예에 따른 포커스 UI를 검색 결과 페이지에 오버레이하여 표시한 예시적인 도면이다. 도 3b 내지 도 3d를 참조하면, 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지(320)에 포함된 복수의 리스트 항목(321)과 각각 대응하도록 포커스 영역이 나누어진 포커스 UI(340)를 검색 결과 페이지에 포함된 복수의 리스트 항목(321)에 오버레이하여 표시하고, 포커스 UI(340)를 통해 각 리스트 항목에 대해 넘버링을 1부터 4까지 표시할 수 있다. 또한, 사용자 인터페이스 제공 장치(110)는 포커스 UI(340)를 통해 현재 포커스된 리스트 항목(341)에 대해 해당 포커스 영역 내의 색을 달리하여 표시할 수 있다. 예를 들어, 사용자 인터페이스 제공 장치(110)는 사용자로부터 "기가지니, 1번"이라는 음성 명령을 입력받은 경우, 1번 리스트 항목(341)에 해당하는 포커스 영역 내에 색을 달리하도록 포커스 UI(340)를 표시할 수 있다.
도 3e는 본 발명의 일 실시예에 따른 사용자로부터 입력받은 제어 요청에 따라 포커스 UI를 이동시켜 검색 결과 페이지에 오버레이하여 표시한 예시적인 도면이다. 또한, 도 3e를 참조하면, 사용자 인터페이스 제공 장치(110)는 사용자로부터 포커스 이동 또는 스크롤 요청에 의한 포커스 UI를 검색 결과 페이지에 오버레이하여 표시한 예시적인 도면이다. 도 3b 내지 도 3e를 참조하면, 사용자 인터페이스 제공 장치(110)는 포커스 UI(350)에서 현재 포커스된 리스트 항목을 사용자의 입력에 의해 이동시킬 수 있다. 예를 들어, 사용자 인터페이스 제공 장치(110)는 사용자로부터 "기가지니, 아래로"라는 음성 명령을 입력받은 경우, 도 3d에서 포커스된 리스트 항목인 1번 리스트 항목(341)에서 2번 리스트 항목(351)으로 포커스된 리스트 항목을 이동시킬 수 있다.
도 4는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법의 순서도이다. 도 4에 도시된 사용자 인터페이스 제공 장치(110)는 에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 도 1 내지 도 3e에 도시된 실시예에 따른 사용자 인터페이스 제공 시스템(1)에서 시계열적으로 처리되는 단계들을 포함한다. 따라서, 이하 생략된 내용이라고 하더라도 도 1 내지 도 3e에 도시된 실시예에 따른 사용자 인터페이스 제공 장치(110)는 에 의해 수행되는 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법에도 적용된다.
단계 S410에서 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지를 렌더링하여 표시하여 검색 결과 페이지에 관한 정보를 메모리 영역에 로드할 수 있다.
단계 S420에서 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지 중 일부 항목에 대한 선택을 가능하게 하는 포커스 UI에 관한 스크립트를 실행할 수 있다.
단계 S430에서 사용자 인터페이스 제공 장치(110)는 실행된 스크립트의 동작에 의하여 생성된 포커스 UI를 검색 결과 페이지에 오버레이하여 표시할 수 있다.
단계 S440에서 사용자 인터페이스 제공 장치(110)는 포커스 UI를 통해 선택된 항목을 표시할 수 있다.
도 4에서는 도시되지 않았으나, 사용자 인터페이스 제공 장치(110)는 검색 결과 페이지에 대한 제어 요청을 입력받는 단계 및 검색 결과 페이지 및 포커스 UI에서의 동작을 동기화하여 제어 요청에 따라 수행되는 기능을 출력하는 단계를 더 포함할 수 있다.
도 4에서는 도시되지 않았으나, 사용자 인터페이스 제공 장치(110)는 기설정된 실행자 정보에 기초하여 검색 결과 페이지로부터 실행자를 검출하는 단계를 더 포함할 수 있다. 여기서, 실행자 정보는 사용자의 입력에 의해 실행되는 적어도 하나의 이벤트 스트링을 포함하는 것일 수 있다.
도 4에서는 도시되지 않았으나, 사용자 인터페이스 제공 장치(110)는 선택된 항목과 대응하여 검출된 실행자에 따라 지정된 문서로의 이동 이벤트를 발생시키는 단계를 더 포함할 수 있다.
도 4에서는 도시되지 않았으나, 사용자 인터페이스 제공 장치(110)는 선택된 항목과 대응하여 검출된 실행자에 따라 선택된 리스트 항목에 대해 이미지 확대 UI를 출력하는 단계를 더 포함할 수 있다.
상술한 설명에서, 단계 S410 내지 S440은 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 전환될 수도 있다.
도 1 내지 도 4를 통해 설명된 사용자 인터페이스 제공 장치에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램 또는 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 또한, 도 1 내지 도 4를 통해 설명된 사용자 인터페이스 제공 장치에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램의 형태로도 구현될 수 있다.
컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
110: 사용자 인터페이스 제공 장치
120: 디스플레이 장치
130: 리모트 컨트롤러
140: 서버
210: 메모리 관리부
220: 스크립트 삽입부
230: UI 표시부
240: 리스트 항목부

Claims (20)

  1. 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 장치에 있어서,
    상기 검색 결과 페이지에 관한 정보를 메모리 영역에 로드하는 메모리 관리부;
    상기 검색 결과 페이지 중 어느 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)에 관한 스크립트를 상기 메모리 영역에 추가로 로드하는 스크립트 삽입부;
    상기 로드된 스크립트의 동작에 의하여 생성된 포커스 UI를 상기 검색 결과 페이지에 오버레이하여 표시하는 UI 표시부; 및
    상기 포커스 UI를 통해 선택된 리스트 항목를 표시하는 리스트 항목부
    를 포함하는, 사용자 인터페이스 제공 장치.
  2. 제 1 항에 있어서,
    상기 스크립트 삽입부는 상기 검색 결과 페이지가 UI 개선 대상에 해당하는지 여부에 기초하여 상기 스크립트를 로드하는 것인, 사용자 인터페이스 제공 장치.
  3. 제 1 항에 있어서,
    상기 스크립트 삽입부는, 상기 검색 결과 페이지가 상기 웹 브라우저에 로드된 후에, 상기 스크립트를 상기 메모리 영역에 추가로 로드하는 것인. 사용자 인터페이스 제공 장치.
  4. 제 1 항에 있어서,
    상기 스크립트는 선언과 동시에 실행되는 즉시 실행 함수를 포함하는 것인, 사용자 인터페이스 제공 장치.
  5. 제 1 항에 있어서,
    상기 로드된 스크립트는 기설정된 선택자 정보에 기초하여 상기 검색 결과 페이지로부터 엘리멘트를 검출하고, 상기 검출된 엘리멘트에 기초하여 상기 포커스 UI를 생성하도록 구성된 것인, 사용자 인터페이스 제공 장치.
  6. 제 5 항에 있어서,
    상기 선택자 정보는 상기 검색 결과 페이지의 리스트 항목을 구성하는 아이디(ID) 정보를 포함하고,
    상기 엘리멘트는 상기 아이디 정보 및 상기 아이디 정보에 지정된 클래스 정보를 포함하는 것인, 사용자 인터페이스 제공 장치.
  7. 제 5 항에 있어서,
    상기 스크립트는 상기 검출된 엘리멘트로부터 포커스 후보 영역에 대한 위치 정보, 크기 정보 및 여백 정보 중 적어도 하나를 추출하여 상기 포커스 UI를 생성하는 것인, 사용자 인터페이스 제공 장치.
  8. 제 1 항에 있어서,
    상기 UI 표시부는 상기 포커스 UI의 크기를 상기 검색 결과 페이지의 크기와 일치시켜 상기 포커스 UI를 상기 검색 결과 페이지에 오버레이하여 표시하는 것인, 사용자 인터페이스 제공 장치.
  9. 제 1 항에 있어서,
    상기 UI 표시부는 상기 검색 결과 페이지 및 상기 포커스 UI에서의 동작을 동기화하여 사용자로부터 입력받은 제어 요청에 따라 수행되는 기능을 표시하는 것인, 사용자 인터페이스 제공 장치.
  10. 제 5 항에 있어서,
    상기 스크립트는 기설정된 실행자 정보에 기초하여 상기 검출된 엘리멘트로부터 실행자를 검출하고, 상기 실행자 정보는 사용자의 입력에 의해 실행되는 적어도 하나의 이벤트 스트링을 포함하는 것인, 사용자 인터페이스 제공 장치.
  11. 제 10 항에 있어서,
    상기 리스트 항목부는 상기 선택된 리스트 항목과 대응하여 검출된 실행자에 따라 UI 이벤트를 출력하는 것인, 사용자 인터페이스 제공 장치.
  12. 제 5 항에 있어서,
    상기 스크립트는 상기 검색 결과 페이지로 상기 선택자 정보에 해당되는 영역이 추가로 수신되는지 여부를 판단하여 상기 검색 결과 페이지의 업데이트 여부를 감시하는 것인, 사용자 인터페이스 제공 장치.
  13. 제 12 항에 있어서,
    상기 스크립트는 상기 검색 결과 페이지로부터 검출된 선택자의 수를 카운팅하여 상기 검색 결과 페이지의 업데이트 여부를 감시하는 것인, 사용자 인터페이스 제공 장치.
  14. 제 13 항에 있어서,
    상기 UI 표시부는 상기 검색 결과 페이지가 업데이트된 경우, 상기 포커스 UI의 갱신을 수행하는 것인, 사용자 인터페이스 제공 장치.
  15. 제 1 항에 있어서,
    상기 UI 표시부는 상기 포커스 UI가 투명하게 렌더링된 탭을 상기 검색 결과 페이지가 표시된 탭에 오버레이하는 것인, 사용자 인터페이스 제공 장치.
  16. 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법에 있어서,
    상기 검색 결과 페이지를 표시하는 단계;
    상기 검색 결과 페이지 중 일부 항목에 대한 선택을 가능하게 하는 포커스 UI를 상기 검색 결과 페이지에 오버레이하여 표시하는 단계; 및
    상기 포커스 UI를 통해 선택된 항목을 표시하는 단계
    를 포함하는 것인, 사용자 인터페이스 제공 방법.
  17. 제 16 항에 있어서,
    상기 검색 결과 페이지에 대한 제어 요청을 입력받는 단계; 및
    상기 검색 결과 페이지 및 상기 포커스 UI에서의 동작을 동기화하여 상기 제어 요청에 따라 수행되는 기능을 출력하는 단계
    를 더 포함하는 것인, 사용자 인터페이스 제공 방법.
  18. 제 16 항에 있어서,
    기설정된 실행자 정보에 기초하여 상기 검색 결과 페이지로부터 실행자를 검출하는 단계를 더 포함하되,
    상기 실행자 정보는 사용자의 입력에 의해 실행되는 적어도 하나의 이벤트 스트링을 포함하는 것인, 사용자 인터페이스 제공 방법.
  19. 제 18 항에 있어서,
    상기 선택된 항목과 대응하여 검출된 실행자에 따라 지정된 문서로의 이동 이벤트를 발생시키는 단계
    를 더 포함하는 것인, 사용자 인터페이스 제공 방법.
  20. 제 18 항에 있어서,
    상기 선택된 항목과 대응하여 검출된 실행자에 따라 상기 선택된 리스트 항목에 대해 이미지 확대 UI를 출력하는 단계
    를 더 포함하는 것인, 사용자 인터페이스 제공 방법.
KR1020170106828A 2017-03-06 2017-08-23 웹브라우저에 대한 사용자 인터페이스 제공 장치 KR102149727B1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020170028566 2017-03-06
KR20170028566 2017-03-06

Publications (2)

Publication Number Publication Date
KR20180101984A true KR20180101984A (ko) 2018-09-14
KR102149727B1 KR102149727B1 (ko) 2020-08-31

Family

ID=63599672

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170106828A KR102149727B1 (ko) 2017-03-06 2017-08-23 웹브라우저에 대한 사용자 인터페이스 제공 장치

Country Status (1)

Country Link
KR (1) KR102149727B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112882780A (zh) * 2021-02-05 2021-06-01 Vidaa美国公司 设置页面显示方法及显示设备

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110127455A (ko) * 2010-05-19 2011-11-25 삼성전자주식회사 웹 페이지 분할 장치 및 방법

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110127455A (ko) * 2010-05-19 2011-11-25 삼성전자주식회사 웹 페이지 분할 장치 및 방법

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
Chris Mills, "Implementing TV Remote Control Navigation"(2016.07.) *
David Walsh, "MutationObserver API"(2015.10.) *
Hector Zarco, "jQuery Plugin to Set Focus on Any DOM Element - Focusable"(2017.02.) *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112882780A (zh) * 2021-02-05 2021-06-01 Vidaa美国公司 设置页面显示方法及显示设备

Also Published As

Publication number Publication date
KR102149727B1 (ko) 2020-08-31

Similar Documents

Publication Publication Date Title
US11422779B2 (en) Application support for network devices
US9984408B1 (en) Method, medium, and system for live video cooperative shopping
JP2009509245A (ja) デジタル・テレビジョン用の独立型ミニアプリケーション・システムおよび方法
US11366564B2 (en) Electronic device and method for multi-view browsing in an augmented reality environment
US20070124311A1 (en) System and method for providing web service to device without web browser
KR20180037314A (ko) 콘텐츠 시청 장치 및 그 콘텐츠 시청 옵션을 디스플레이하는 방법
KR20120039921A (ko) 검색 서비스 제공방법 및 이를 적용한 디스플레이 장치
KR20120067341A (ko) 상보적 정보를 제공하는 방법 및 장치
KR100996037B1 (ko) 무선 인터넷 접속이 가능한 이동 통신 단말기에서 하이퍼링크 정보를 제공하기 위한 장치 및 방법
US11200294B2 (en) Page updating method and display device
CN111291238A (zh) 一种显示设备及搜索显示方法
US20150281334A1 (en) Information processing terminal and information processing method
US20150212988A1 (en) Information display method and program
KR20130130869A (ko) 열람 시스템, 단말기, 화상 서버, 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체 및 방법
US7546531B2 (en) Accessing alternate content
US20130254808A1 (en) Electronic apparatus and display control method
KR102149727B1 (ko) 웹브라우저에 대한 사용자 인터페이스 제공 장치
KR20140029837A (ko) 웹페이지 자바 스크립트 객체 공유 방법 및 장치
CN107770630B (zh) 电视导航页面显示方法、装置、导航系统及可读存储介质
KR101990833B1 (ko) 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법
Barreto et al. Providing multimodal and multi-user interactions for digital tv applications
Lima et al. An architectural model for communication between the idtv and mobile devices
KR102373364B1 (ko) 타겟 사이트의 업데이트를 추적하는 서버 및 멀티미디어 서비스 단말
KR101370714B1 (ko) 다중 스크린 장치 사용을 위한 웹 페이지 스크린 분할 방법 및 시스템
KR100919585B1 (ko) 웹 콘텐츠 송수신 시스템 및 그 제어방법

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant