KR20140132938A - 웹 페이지 표시 방법 및 그 장치 - Google Patents

웹 페이지 표시 방법 및 그 장치 Download PDF

Info

Publication number
KR20140132938A
KR20140132938A KR1020130052300A KR20130052300A KR20140132938A KR 20140132938 A KR20140132938 A KR 20140132938A KR 1020130052300 A KR1020130052300 A KR 1020130052300A KR 20130052300 A KR20130052300 A KR 20130052300A KR 20140132938 A KR20140132938 A KR 20140132938A
Authority
KR
South Korea
Prior art keywords
web page
information
screen
reconstruction filter
filter
Prior art date
Application number
KR1020130052300A
Other languages
English (en)
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 삼성전자주식회사
Priority to KR1020130052300A priority Critical patent/KR20140132938A/ko
Priority to US14/272,861 priority patent/US20140337709A1/en
Priority to EP14167644.5A priority patent/EP2801920A1/en
Publication of KR20140132938A publication Critical patent/KR20140132938A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • 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
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 개시는 웹 페이지 표시 장치 및 방법에 대한 것으로, 바람직한 실시 예는 제1 웹 페이지 표시 요청이 감지되면, 상기 제1 웹 페이지의 속성 정보를 추출하는 단계와 상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택하는 단계 및 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하는 단계를 포함 할 수 있는 것을 특징으로 하는 웹 페이지 표시 방법을 제안한다.

Description

웹 페이지 표시 방법 및 그 장치{METHOD FOR DISPLAYING WEB PAGE AND DEVICE THEREOF}
본 개시는 웹 페이지 표시 방법 및 그 장치에 대한 것으로, 특히 웹 페이지를 재구성하여 최적화된 웹 페이지를 표시하도록 하는 방법 및 그 장치에 관한 것이다.
최근의 이동 단말 장치는 사진이나 동영상 촬영, 음악 파일이나 동영상 파일의 재생, 게임, 방송 수신, 무선 인터넷 지원 등 복잡한 기능을 갖춘 멀티미디어 형태로 구현되고 있다. 이에 따라 이동 단말의 기능이 발전하면서 이동 단말을 이용하는 사용자의 욕구를 만족시키기 위해 하드웨어나 소프트웨어적 측면에서 사용자의 편의를 충족시키는 기술 또한 발전하고 있다.
이동 단말의 무선 인터넷 지원 기술의 발달로 인해, 이동 단말을 이용하여 웹 페이지를 이용하는 시간이 늘어나고 있다. 하지만 이동 단말과 PC의 화면 크기 차이로 인하여, 이동 단말에서 웹 페이지를 표시하여 이용하는 경우 웹 페이지에 포함되는 텍스트, 이미지 등의 유효한 정보가 쉽게 알아 볼 수 없도록 작게 표시되어 사용자료 하여금 불편을 초래하고 있다.
이러한 문제를 해결하기 위해 최근 이동 단말 전용 웹 페이지를 공급하고 있다. 하지만 이동 단말 전용 웹 페이지가 준비되지 않은 웹 페이지를 이용하는 경우 여전히 상기와 같은 불편이 존재한다. 또한, 이동 단말 화면 사이즈의 본질적 한계로 인하여 웹 페이지의 컨텐츠 정보를 유효하게 획득하지 못하는 경우가 많다.
사용자는 위와 같은 상황에서 웹 페이지의 컨텐츠 정보를 유효하게 획득하기 위해, 웹 페이지의 사이즈와 위치를 재조정하여 웹 페이지를 이용한다. 하지만 이러한 경우 웹 페이지를 이용할 때 마다 웹 페이지의 컨텐츠를 확대 또는 이동하는 동작을 반복해야 하기 때문에 웹 페이지 이용에 불편함이 있다.
따라서 이동 단말에서 웹 페이지 이용 시 사용자의 의도에 따라 유효한 정보를 획득할 수 있도록 웹 페이지를 표시하는 기술이 필요한 실정이다.
본 개시는 개선된 웹 페이지 표시 방법 및 장치에 대한 것으로, 특히 웹 페이지의 컨텐츠를 감상함에 있어 이전에 표시되었던 웹 페이지의 확대 및 위치 이동 정보를 참조하여 최적화된 웹 페이지를 표시하도록 하는 방법 및 그 장치에 관한 것이다.
상기와 같은 목적을 달성하기 위한 본 개시의 웹 페이지 표시 방법은 제1 웹 페이지 표시 요청이 감지되면, 상기 제1 웹 페이지의 속성 정보를 추출하는 단계와 상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택하는 단계 및 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하는 단계를 포함 할 수 있는 것을 특징으로 한다.
또한, 상기와 같은 목적을 달성하기 위한 본 개시의 웹 페이지 표시 장치는 제1 웹 페이지를 표시하는 표시부, 상기 제1 웹 페이지 표시 요청을 감지하는 감지부 및 상기 제1 웹 페이지 표시 요청이 감지되면, 상기 웹 페이지의 속성 정보를 추출하고, 상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택하며, 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하는 웹 페이지 표시 제어부를 포함 할 수 있는 것을 특징으로 한다.
본 개시에 따르면, 웹 페이지 표시 방법 및 그 장치는 사용자의 의도에 따라 자동으로 웹 페이지의 크기 또는 위치를 재구성 하여 표시함으로써, 사용자의 편의성을 증진시킬 수 있다.
본 개시에서는 이전에 방문한 웹 페이지의 화면 재구성 정보를 이용하여 동일한 웹 페이지 또는 임계값 이상의 상관도를 가지는 웹 페이지에 대하여 기 설정된 화면 재구성 필터를 이용하여 웹 페이지를 재구성할 수 있다. 따라서 사용자가 별도의 입력으로 웹 페이지의 크기나 위치를 재구성하지 않아도, 웹 페이지의 정보를 유효하게 획득할 수 있다.
도 1은 본 개시의 일 실시예인 웹 페이지 표시 장치의 구성을 나타내는 블록도이다.
도 2는 본 개시의 일 실시예인 웹 페이지 표시 방법을 설명하는 흐름도이다.
도 3은 도 2의 화면 재구성 필터를 저장하는 단계를 설명하는 흐름도이다.
도 4는 웹 페이지의 속성 정보를 설명하기 위한 도면이다.
도 5는 도 2의 화면 재구성 필터를 선택하는 단계를 설명하는 흐름도이다.
도 6은 컨텐츠 정보의 상관도를 비교하는 방법을 설명하는 도면이다.
도 7은 도 2의 웹 페이지를 재구성하여 표시하는 단계를 설명하는 흐름도이다.
도 8 내지 도 10은 동일 웹 페이지에 대하여 웹 페이지가 재구성되어 표시되는 예를 설명하는 도면이다.
도 11 내지 13은 계층의 동일성 또는 컨텐츠의 상관도가 인정되는 경우 웹 페이지가 재구성되어 표시되는 예에 대하여 설명하는 도면이다.
본 개시는 웹 페이지를 표시하는 전자 장치에 있어서, 웹 페이지를 재구성하여 표시하는 방법 및 장치의 제어를 위해 적용될 수 있다.
또한, 본 개시는 웹 페이지를 제공하는 전자 장치로써, 스마트 폰(Smart Phone), 휴대 단말(Portable Terminal), 이동 단말(Mobile Terminal), 개인 정보 단말(Personal Digital Assistant: PDA), PMP(Portable Multimedia Player) 단말, 노트 패드(Note Pad), 와이브로(Wibro) 단말, 타블렛 PC(Tablet PC), 컴퓨터, 멀티미디어 장치 등의 일반적인 전자 단말뿐만 아니라, 웹 페이지를 제공하는 모든 장치를 위하여 적용될 수 있다.
본 명세서에서 사용되는 기술적 용어는 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 본 개시의 사상을 한정하려는 의도가 아님을 유의해야 한다. 또한, 본 명세서에서 사용되는 기술적 용어는 본 명세서에서 특별히 다른 의미로 정의되지 않는 한, 본 개시가 속하는 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 의미로 해석되어야 하며, 과도하게 포괄적인 의미로 해석되거나, 과도하게 축소된 의미로 해석되지 않아야 한다.
또한, 본 명세서에서 사용되는 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "구성된다." 또는 "포함한다." 등의 용어는 명세서상에 기재된 여러 구성 요소들, 또는 여러 단계를 반드시 모두 포함하는 것으로 해석되지 않아야 한다.
이하, 첨부된 도면을 참조하여 본 개시의 실시 예들을 보다 구체적으로 설명하도록 한다.
도 1은 본 개시의 일 실시예인 웹 페이지 표시 장치의 구성을 나타내는 블록도이다. 도 1을 참조하면, 웹 페이지 표시 장치(100)는 통신부(110), 입력부(130), 제어부(150), 저장부(170) 및 표시부(190)를 포함하여 구성될 수 있다.
통신부(110)는 웹 페이지 표시 장치(100)와 무선 통신 시스템 사이 또는 웹 페이지 표시 장치(100)와 상기 웹 페이지 표시 장치(100)가 위치한 이동 통신 시스템 사이의 무선 통신을 가능하게 하는 하나 이상의 모듈을 포함할 수 있다.
구체적으로, 통신부(110)는 이동 통신망 상에서 기지국, 다른 웹 페이지 표시 장치, 서버 중 적어도 하나와 무선 신호를 송수신한다. 무선 신호는, 음성 호 신호, 화상 통화 호 신호 또는 문자/멀티미디어 메시지 송수신에 따른 다양한 형태의 데이터를 포함할 수 있다. 또한, 통신부(110)는 WLAN(Wireless LAN), Wi-Fi, Wibro(Wireless broadband), Wimax(World Interoperability for Microwave Access), HSDPA(High Speed Downlink Packet Access) 등의 통신 기술을 이용하여 외부와 데이터를 교환할 수 있다.
본 개시의 일 실시 예에 따르면, 통신부(110)는 제어부(150)의 제어에 따라, 서버로 인터넷 페이지에 관한 데이터를 요청하는 요청 메시지를 전송하고, 서버로부터 인터넷 페이지에 관한 데이터를 포함 할 수 있는 응답 메시지를 수신할 수 있다.
입력부(130)는 사용자의 입력을 감지하고, 사용자 입력에 대응하는 입력 신호를 제어부(150)로 전달할 수 있다. 입력부(130)는 키 패드, 돔 스위치, 터치 패드(정압/정전), 조그 휠, 조그 스위치, 핑거 마우스, 휠 등을 포함하여 구성될 수 있다.
입력부(130)는 터치 센서, 근접 센서, 전자기 센서, 압력 센서 등을 포함 할 수 있는 형태로 구성될 수 있다. 입력부(130)는 센서를 통하여 사용자의 터치 입력 또는 근접 입력을 감지할 수 있다. 입력부(130)는 패드 상에 센서가 필름 형태로 부착되거나, 패널 형태로 결합한 입력 패드로 구성될 수 있다. 예를 들어, 입력부(130)는 전자기 센서를 이용하는 EMR(Electro Magnetic Resonance) 또는 EMI(Eletro Magnetic Interferenc) 방식의 입력 패드로 구성될 수 있다.
입력부(130)는 후술할 표시부(190)와 레이어 구조를 이루어 입력 스크린으로 동작할 수 있다. 예를 들어, 입력부(130)는 터치 센서를 구비하는 입력 패드를 포함하고 표시부(190)와 결합된 TSP(Touch Screen Panel)로 구성될 수 있다. 표시부(190)와 레이어 구조를 이루는 입력부(130)는 터치 스크린으로 명명될 수 있다.
본 개시의 실시 예에 따르면, 입력부(130)는 웹 페이지 표시의 요청에 대응하는 입력을 감지할 수 있다. 또는, 입력부(130)는 표시된 웹 페이지 화면에 대한 입력을 감지할 수도 있다.
입력부(130)는 감지된 입력의 위치, 입력 수단, 입력 형태 등에 관한 정보를 포함 할 수 있는 제어 신호를 생성하여 제어부(150)로 전달할 수 있다.
제어부(150)는 웹 페이지 표시 장치(100)의 전반적인 동작을 위하여 각 구성 요소를 제어할 수 있다. 예를 들어, 제어부(150)는 사용자 입력에 따라 웹 페이지를 표시하도록 요청할 수 있고, 표시 요청을 받은 웹 페이지를 기 설정된 화면 재구성 필터로 재구성하여 표시하도록 표시부(190)를 제어할 수 있다.
더욱 자세히, 본 개시에서 상기 제어부(150)는 웹 페이지 표시 제어부(151)를 포함할 수 있다.
본 개시의 일 실시 예에 따르면, 웹 페이지 표시 제어부(151)는 웹 페이지 표시 요청이 감지되면, 상기 웹 페이지의 속성 정보를 추출하고, 상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택할 수 있고, 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하도록 표시부(190)를 제어할 수 있다.
본 개시의 일 실시 예에 따르면, 웹 페이지 표시 제어부(151)는 제2 웹 페이지에 대한 화면 재구성 이벤트가 발생하면, 상기 제2 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 화면 재구성 정보를 기초로 화면 재구성 필터를 생성하고, 생성된 화면 재구성 필터를 저장부(170)에 저장하도록 제어할 수 있다.
본 개시의 일 실시 예에 따르면, 상기 웹 페이지 표시 제어부(151)는 상기 제1 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 속성 정보의 상관도를 비교할 수 있다. 상관도가 임계값 이상인 경우, 상기 웹 페이지 표시 제어부(151)는 상기 제2 웹 페이지에 대해 생성된 화면 재구성 필터 중 상기 제1 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다.
본 개시의 일 실시 예에 따르면, 상기 웹 페이지 표시 제어부(151)는 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지의 소스 코드를 편집하고, 상기 편집된 소스 코드에 따라 상기 제1 웹 페이지를 표시할 수 있다.
본 개시의 일 실시 예에 따르면, 상기 웹 페이지 표시 제어부(151)는 상기 화면 재구성 필터를 대응하여, 상기 제1 웹 페이지의 원본 데이터를 유지한 상태에서 상기 제1 웹 페이지의 크기 및 위치를 재구성 하여 표시하도록 표시부(190)를 제어 할 수 있다.
본 개시의 일 실시 예에 따르면, 상기 웹 페이지 표시 제어부(151)는 상기 제2 웹 페이지의 화면 재구성 정보로 상기 제2 웹 페이지에 포함되는 컨텐츠의 크기 또는 위치 재구성 정보를 추출하고, 저장부(170)에 저장하도록 제어할 수 있다.
본 개시의 일 실시 예에 따르면, 상기 웹 페이지 표시 제어부(151)는 복수의 필터 중 적어도 하나의 화면 재구성 필터를 선택할 수 있다. 상기 복수의 필터는 상기 제1 웹 페이지와 상기 제2 웹 페이지가 동일 웹 페이지인 경우 동작하는 필터, 동일 계층인 경우 적용되는 필터 또는 속성 정보의 상관도가 임계값 이상인 경우 적용되는 필터일 수 있다.
본 개시의 일 실시 예에 따르면, 속성 정보는 웹 페이지 컨텐츠 정보 또는 계층 정보를 포함할 수 있다. 상기 속성 정보는 웹 페이지의 소스 코드 정보를 기초로 결정될 수 있다. 상기 계층 정보는 웹 페이지를 구성하는 컨텐츠를 몇몇 집단으로 구분하고, 구분된 집단의 상하위 개념을 포함 할 수 있는 정보일 수 있다. 예를 들어, 뉴스 웹 페이지에서 뉴스 홈 메뉴 탭은 가장 상위 계층일 수 있다. 정치, 경제, 사회, 날씨 등 뉴스 카테고리를 선택하는 메뉴 탭은 뉴스 탭의 하위 계층일 수 있고, 정치, 경제, 사회, 날씨 각 메뉴 탭은 서로 동일한 계층일 수 있다. 또한, 경제 뉴스 중 금융, 증권, 부동산 등의 카테고리를 선택하는 메뉴 탭은 경제 탭의 하위 계층일 수 있고, 금융, 증권, 부동산 각 메뉴 탭은 서로 동일한 계층일 수 있다. 일반적으로 웹 페이지의 계층은 웹 페이지를 구성하는 프레임으로 구분되어, 사용자에게 인식될 수 있다. 상기 컨텐츠 정보는 웹 페이지에 포함될 수 있는 이미지, 텍스트, 동영상, 공백, 카테고리 또는 프레임 중 적어도 하나에 대한 크기, 개수, 종류, 배열 정보를 포함할 수 있다. 상기 속성 정보에 대해서는 추후 도면을 이용하여 더욱 자세히 설명한다.
제어부(150)의 보다 구체적인 동작에 대한 설명은 하기에서 도면을 참조하여 상세히 설명하도록 한다.
저장부(170)는 웹 페이지 표시 장치(100)를 위한 프로그램 또는 명령들이 저장될 수 있다. 제어부(150)는 저장부(170)에 저장된 프로그램 또는 명령들을 수행할 수 있다.
저장부(170)는 플래시 메모리 타입(flash memory type), 하드디스크 타입(hard disk type), 멀티미디어 카드 마이크로 타입(multimedia card micro type), 카드 타입의 메모리(예를 들어 SD 또는 XD 메모리 등), 램(Random Access Memory, RAM), SRAM(Static Random Access Memory), 롬(Read-Only Memory, ROM), EEPROM(Electrically Erasable Programmable Read-Only Memory), PROM(Programmable Read-Only Memory), 자기 메모리, 자기 디스크, 광디스크 중 적어도 하나의 타입의 저장매체를 포함할 수 있다.
본 개시의 일 실시 예에 따르면, 저장부(170)는 웹 서버로부터 수신한 웹 페이지에 대한 정보를 저장할 수 있다. 또한, 저장부(170)는 화면 재구성 필터, 속성 정보, 계층 정보 및 컨텐츠 정보를 저장할 수 있다.
표시부(190)는 웹 페이지 표시 장치(100)에서 처리되는 정보를 표시(출력)한다. 예를 들어, 표시부(190)는 현재 구동 중인 애플리케이션, 프로그램 또는 서비스에 대응하는 정보를 UI(User Interface) 또는 GUI(Graphic User Interface)와 함께 표시할 수 있다.
표시부(190)는 입력부(130)와 상호 레이어 구조를 이루어 터치 스크린으로 동작할 수 있다. 이때, 터치 스크린으로 동작하는 표시부(190)는 입력 장치의 기능을 수행할 수도 있다.
본 개시에 따르면, 표시부(190)는 제어부(150)의 제어에 따라, 웹 페이지 화면을 표시할 수 있다. 표시부(190)는 제어부(150)의 제어에 따라, 재구성된 웹 페이지 화면을 표시할 수 있다.
한편, 상기에서 제어부(150)와 웹 페이지 표시 제어부(151)가 별도의 블록으로 구성되고, 각 블록이 수행하는 기술에 대하여 기술하였지만, 이는 기술상의 편의를 위한 것일 뿐, 반드시 이와 같이 각 기능이 구분되어야 하는 것은 아니다. 예를 들어, 웹 페이지 표시 제어부(151)가 수행하는 특정 기능을 제어부(150) 자체가 수행할 수도 있음에 유의해야 한다.
도 2는 본 개시의 일 실시예인 웹 페이지 표시 방법을 설명하는 흐름도이다. 도 2를 참조하면, 210 단계에서 웹 페이지 표시 제어부(151)는 제1 웹 페이지의 표시 요청 이전에 표시 요청을 받은 적어도 하나 이상의 웹 페이지(이하 제2 웹 페이지)에 대한 화면 정보를 저장부(170)에 저장할 수 있다. 상기 화면 정보는 화면 재구성 필터 일 수 있다. 웹 페이지 표시 제어부(151)는 제2 웹 페이지를 표시하고, 상기 표시된 제2 웹 페이지에 화면 재구성 이벤트가 발생하는 경우 대응하는 화면 정보를 저장부(170)에 저장할 수 있다. 저장부(170)에 저장되는 화면 정보는 제2 웹 페이지의 속성 정보 (URL, 소스 코드, 컨텐츠 정보 등)와 이에 대응하는 화면 재구성 정보(컨텐츠 크기, 위치 변경 정보)를 포함할 수 있다.
한편, 상기 210 단계와 하기 230 단계가 반드시 연속적으로 이루어지는 것은 아니다. 예컨대, 제1 웹 페이지 표시 요청 이전의 시점에 화면 정보가 저장되어 있으면 충분할 수 있으며, 웹 페이지 표시 장치에서 반드시 연속적으로 수행되어야 하는 단계는 아니다. 또한, 210 단계에서 설명한 화면 정보를 저장하는 방법은 화면 정보를 저장하는 일 실시 예로, 화면 정보를 저장하는 방법은 이에 대해 한정하지 않는다.
230 단계에서, 웹 페이지 표시 제어부(151)는 제1 웹 페이지 표시 요청이 감지되면, 상기 제1 웹 페이지의 속성 정보를 추출할 수 있다. 상기 속성 정보는 웹 페이지의 URL 정보, 소스 코드 정보, 컨텐츠 정보를 포함할 수 있다.
웹 페이지는 인터넷 서버로부터 통신부(110)를 통해 수신된 것으로, HTML(또는 XHTML), CSS, 자바스크립트, 플래시 등으로 작성된다. 웹 페이지는 웹 브라우저 환경을 기반으로 작성될 수 있다.
URL은 인터넷에서 웹 페이지의 네트워크 경로를 표시하기 위한 논리 주소로써, http, ftp, mailto, file, gopher, telnet, news 등의 프로토콜에 따라 형성될 수 있다.
소스 코드 정보는 웹 페이지를 만들기 위해 사용되는 언어인HTML, XML, XHTML 등 프로그래밍 언어의 코드 내용으로부터 추출되는 정보를 의미한다.
웹 페이지는 적어도 하나의 텍스트, 이미지, 동영상 등의 컨텐츠를 포함할 수 있다. 컨텐츠 정보는 웹 페이지에 포함되는 상기 콘텐트의 종류(이미지, 텍스트, 동영상 등), 카테고리, 크기, 위치, 배열, 프레임, 개수 등의 정보를 포함할 수 있다.
웹 페이지 표시 제어부(151)는 추출한 제1 웹 페이지의 속성 정보를 저장부(170)에 임시 또는 영구적으로 저장할 수 있다.
다음으로 250 단계에서, 제1 웹 페이지 표시 제어부(151)는 웹 페이지를 재구성하기 위한 화면 재구성 필터를 선택할 수 있다. 웹 페이지 재구성은 서버로부터 통신부(110)를 통해 수신한 제1 웹 페이지의 정보 그대로 웹 페이지를 표시부(190)에 표시하지 않고, 이전에 표시되었던 웹 페이지의 확대 및/또는 축소 또는 위치 이동 정보를 참조하여 제1 웹 페이지에 포함되는 컨텐츠의 크기 및/또는 위치를 변경하는 것을 의미한다.
화면 재구성 필터는 웹 페이지를 재구성하기 위해 웹 페이지에 적용하는 재구성 정보일 수 있다. 선택되는 화면 재구성 필터에 따라, 각 필터에서 설정하고 있는 화면 재구성 정보에 대응하여 웹 페이지가 재구성될 수 있다. 각 필터는 동일 웹 페이지인 경우 동일한 형식으로 화면을 재구성하는 필터, 동일 계층인 경우 동일 계층에 대응하는 형식으로 화면을 재구성하는 필터, 속성 정보의 상관도가 임계값 이상인 경우 동일성이 인정되는 웹 페이지의 화면 구성 형식으로 웹 페이지를 재구성하는 필터를 포함할 수 있다. 또한, 컨텐츠의 크기를 재구성 하는 필터, 컨텐츠의 위치를 재구성하는 필터 등을 포함할 수 있다.
웹 페이지 표시 제어부(151)는 제1 웹 페이지에서 추출한 제1 웹 페이지의 속성 정보와, 사용자가 제1 웹 페이지 표시 요청 이전에 이용하였던 웹 페이지(이하 제2 웹 페이지)의 속성 정보를 비교할 수 있다. 웹 페이지 표시 제어부(151)는 상기 비교 결과에 대응하는 화면 재구성 필터를 선택할 수 있다.
다음으로 270 단계에서, 웹 페이지 표시 제어부(151)는 제1 웹 페이지를 재구성하여 표시할 수 있다. 웹 페이지 표시 제어부(151)는 선택된 필터에 대응하여, 제1 웹 페이지에 포함되는 컨텐츠의 크기 또는 위치를 변경하여, 재구성된 제1 웹 페이지를 출력할 수 있다. 제1 웹 페이지는 서버로부터 수신한 제1 웹 페이지의 소스 코드를 변경하여, 변경된 소스 코드에 대응하는 재구성된 제1 웹 페이지로 표시될 수 있다. 또한, 서버로부터 수신한 제1 웹 페이지의 소스 코드는 변경하지 않고, 스케일러를 통하여 컨텐츠의 크기 및 위치를 변경하여 표시할 수도 있다.
한편, 웹 페이지 표시 제어부(151)는 웹 페이지를 표시하기 위하여 브라우저를 이용할 수 있다. 브라우저는 인터넷에 의하여 제공되는 모든 정보의 검색, 확인, 관리, 저장 및 인쇄 등을 가능하게 하는 애플리케이션으로, 웹(Web) 브라우저 또는 왑(Wap) 브라우저일 수 있다. 브라우저는 컴퓨터 등 자원 용량이 큰 전자 장치를 위한 인터넷 익스플로러(Internet Explorer), 오페라(Opera), 파이어폭스(Firefox), 크롬(Chrome), 루나스케이프(Lunascape), 모질라(Mozila), 사파리(Safari) 등의 일반적인 브라우저이거나 모바일 환경에서 인터넷 기능을 지원하기 위한 웹킷(Webkit), 게코(Gecko) 등의 마이크로 브라우저(Micro Browser)일 수 있다. 구현하기에 따라, 브라우저는 웹 및 왑 중 어느 하나를 지원하거나 웹과 왑 모두를 지원할 수 있다.
다음으로 도 3 내지 도 7을 참조하여, 도 2의 각 단계에 대하여 더욱 자세히 설명한다.
도 3은 도 2의 화면 재구성 필터를 저장하는 단계를 설명하는 흐름도이다.
웹 페이지 표시 제어부(151)는 211 단계에서, 제1 웹 페이지의 표시 요청 이전에 제2 웹 페이지에 대한 표시 요청이 있는 경우 제2 웹 페이지를 표시부(190)에 표시하도록 제어할 수 있다.
213 단계에서 웹 페이지 표시 제어부(151)는 상기 제2 웹 페이지에 화면 재구성 이벤트가 발생하였는지 감지할 수 있다. 웹 페이지 표시 제어부(151)는 제2 웹 페이지 표시 이후, 표시부(190)에 표시된 제2 웹 페이지의 컨텐츠 크기 또는 위치가 변경되면 제2 웹 페이지에 화면 재구성 이벤트가 발생한 것으로 인식할 수 있다.
화면 재구성 이벤트가 발생하면, 215 단계에서 웹 페이지 표시 제어부(151)는 제2 웹 페이지의 속성 정보와 화면 재구성 정보를 추출할 수 있다. 속성 정보는 상기 제2 웹 페이지의 URL, 계층 정보, 컨텐츠 정보를 포함할 수 있다. 속성 정보는 상기 제2 웹 페이지의 소스 코드 정보를 기초로 추출할 수 있다. 화면 재구성 정보는 상기 제2 웹 페이지에 포함되는 컨텐츠의 크기 및 위치 변화 정보 포함할 수 있다.
크기 변화 정보를 추출하는 일 실시예로 웹 페이지 표시 제어부(151)는 제2 웹 페이지에 특정 텍스트 정보의 폰트 사이즈를 기억하고, 상기 특정 텍스트의 화면 재구성 이벤트 발생 이후 폰트 사이즈를 추가로 기억하여 제2 웹 페이지의 컨텐츠 크기 변화 정보를 추출할 수 있다. 크기 변화 정보는 화면 재구성 이벤트 발생 전후의 폰트 사이즈의 비율 변화량일 수 있다. 또한, 화면 재구성 이벤트 이후 표시부(190)에 표시되는 특정 텍스트의 절대적 폰트 사이즈를 추출하여 기억할 수도 있다. 상기에서는 텍스트의 폰트 사이즈를 예로 들어 크기 변화 정보를 추출하는 일 실시 예에 대하여 설명하였으나, 크기 정보를 추출하는 방법은 텍스트를 통한 추출 방법에 한정되는 것은 아니며, 제2 웹 페이지에 포함되는 모든 컨텐츠를 이용할 수 있다.
위치 변화 정보를 추출하는 일 실시예로 웹 페이지 표시 제어부(151)는 제2 웹 페이지의 특정 이미지의 위치 정보를 기억하고, 화면 재구성 이벤트 발생 이후 상기 특정 이미지의 위치 정보를 추가로 기억하여 제2 웹 페이지의 위치 변화 정보를 추출할 수 있다. 위치 변화 정보를 기억하는 방법으로, 표시부(190)에 표시되는 적어도 하나의 제2 웹 페이지 컨텐츠의 절대 좌표의 변화 정보를 기억하는 방법이 있을 수 있다. 다만 위치 변화 정보를 추출하는 방법으로 절대 좌표를 이용하는 방법에 한정하지는 않는다.
상기와 같은 방법으로 제2 웹 페이지의 속성 정보와 화면 재구성 정보를 추출하면, 217 단계에서 웹 페이지 표시 제어부(151)는 화면 재구성 필터를 생성하여 저장부(170)에 저장할 수 있다.
상기 화면 재구성 필터는 제2 웹 페이지의 속성 정보와 상기 속성 정보에 대응하는 화면 재구성 정보를 결합한 정보 일 수 있다. 상기 저장부(170)는 복수의 화면 재구성 필터를 저장할 수 있다. 예컨대, 제2 웹 페이지는 현재 표시하고자 하는 제1 웹 페이지 이전에 표시된 웹 페이지를 지칭하므로, 웹 페이지 표시 제어부(151)는 제1 웹 페이지 이전에 화면 재구성 이벤트가 일어난 복수의 제2 웹 페이지에 대하여 화면 재구성 필터를 저장부(170)에 저장하도록 제어할 수 있다.
다음으로 도 4를 참조하여 제1 웹 페이지의 속성 정보를 추출하는 단계에 대하여 설명한다. 도 4는 웹 페이지의 속성 정보를 설명하기 위한 도면이다.
속성 정보는 웹 페이지의 URL, 계층 정보, 컨텐츠 정보를 포함할 수 있다. 또한 이러한 속성 정보는 소스 코드를 기초로 추출될 수 있다.
웹 페이지의 계층 정보는 웹 페이지를 구성하는 컨텐츠를 몇몇 집단으로 구분하고, 구분된 집단의 상하위 개념을 포함 할 수 있는 정보일 수 있다.일 실시 예로 도 4의 웹 페이지에서 계층1(P231), 계층2(P232), 계층3(P233), 계층4(P234) 및 계층5(P235)는 각기 상이한 계층 일 수 있다. 반면, 계층1에 포함되는 메뉴1(L231), 메뉴2(L232), 메뉴3(L233)은 동일 계층일 수 있고, 계층4(P234)에 포함되는 텍스트1(T231), 텍스트2(T232), 텍스트3(T233)은 동일 계층일 수 있다. 상기 계층 정보는 해당 웹 페이지의 소스 코드를 통하여 추출할 수 있다.
컨텐츠 정보는 웹 페이지에 포함되는 이미지, 텍스트, 동영상, 공백, 카테고리 또는 프레임에 대한 정보를 포함할 수 있다.
프레임은 웹 페이지에서 경계를 설정하는 틀이 될 수 있다. 도 4에서는 프레임1(P231), 프레임2(P232), 프레임3(P233), 프레임4(P234) 및 프레임5(P235)를 포함할 수 있다. 각 프레임은 웹 페이지에서 경계를 설정할 수 있다. 프레임은 단순히 웹 페이지의 공간을 구획하는 경계일 수 있고, 프레임 별로 상이한 카테고리 또는 성격을 가질 수도 있다.
카테고리는 웹 페이지 또는 웹 페이지에 포함되는 컨텐츠의 성격을 설명하는 정보일 수 있다. 예를 들어, 도 4의 웹 페이지의 성격은 네이버(NAVER)로 포털 사이트에 해당할 수 있다. 각 프레임은 프레임1(P231)이 메뉴 정보, 프레임2(P232)가 로그인 정보, 프레임3(P233)이 쇼핑 정보, 프레임4(P234)가 뉴스 정보, 프레임5(P35)가 이미지 정보를 나타내는 카테고리 일 수 있다.
텍스트 정보는 웹 페이지에 포함되는 텍스트(T230, T231, T232, T233)에 대한 정보로 텍스트의 폰트 크기와 텍스트의 위치를 포함할 수 있다. 이미지 정보는 웹 페이지에 포함되는 이미지(i231, i232)의 크기와 개수, 위치, 배열 정보를 포함할 수 있다.
공백 정보는 웹 페이지에 포함되는 각 컨텐츠 사이에 비어있는 공간의 정보 일 수 있다.
다음으로 도 5 및 도 6을 참조하여, 화면 재구성 필터를 선택하는 방법에 대하여 설명한다.
도 5는 도 2의 화면 재구성 필터를 선택하는 단계를 설명하는 흐름도이고, 도 6은 컨텐츠 정보의 상관도를 비교하는 방법을 설명하는 도면이다.
도 5를 참조하면, 251 단계에서, 웹 페이지 표시 제어부(151)는 제1 웹 페이지의 속성 정보와 제2 웹 페이지의 속성 정보를 비교할 수 있다. 제1 웹 페이지의 속성 정보는 230 단계에서 추출한 제1 웹 페이지의 속성 정보일 수 있고, 제2 웹 페이지의 속성 정보는 210 단계에서 추출되어 저장부(170)에 저장되어 있는 제2 웹 페이지의 속성 정보 일 수 있다. 웹 페이지 표시 제어부(151)는 제1 웹 페이지 속성 정보와 적어도 하나 이상의 제2 웹 페이지 속성 정보를 비교할 수 있다.
웹 페이지 표시 제어부(151)는 253단계에서 제1 웹 페이지와 제2 웹 페이지의 속성 정보 상관도가 임계값 이상인 제2 웹 페이지가 있는지 판단할 수 있다. 웹 페이지 표시 제어부(151)는 다양한 방법으로 제1 웹 페이와 제2 웹 페이지의 속성 정보 상관도를 비교할 수 있다. 먼저 URL을 이용하여 상관도를 비교할 수 있다. 제1 웹 페이지와 제2 웹 페이지의 URL이 동일하면 속성 정보 상관도가 임계값 이상인 것으로 판단할 수 있다. 또한, 계층 정보를 이용하여 상관도를 비교할 수 있다. 제1 웹 페이지와 제2 웹 페이지의 소스 코드를 비교하여 양 웹 페이지의 계층이 동일하면 속성 정보 상관도가 임계값 이상인 것으로 판단할 수 있다. 또한, 컨텐츠 정보를 이용하여 상관도를 비교할 수 있다. 컨텐츠 정보를 이용하여 상관도를 비교하는 방법에 대하여는 이하 도 6에서 설명한다.
속성 정보 상관도가 임계값 이상인 제2 웹 페이지가 존재하는 경우, 255단계에서 웹 페이지 표시 제어부(151)는 상기 속성 정보 상관도가 임계값 이상인 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다.
화면 재구성 필터는 웹 페이지를 재구성하기 위해 웹 페이지에 적용하는 재구성 정보일 수 있다. 선택되는 화면 재구성 필터에 따라, 각 필터에서 설정하고 있는 화면 재구성 정보에 대응하여 웹 페이지에 포함되는 컨텐츠의 크기 및 위치가 재구성 될 수 있다.
상기 화면 재구성 필터는 복수의 필터를 포함할 수 있다. 예를 들어, 속성 정보 비교 결과에 따라 제1 웹 페이지와 동일한 제2 웹 페이지가 존재하는 경우, 제1 웹 페이지와 제2 웹 페이지의 속성 정보 상관도가 임계값 이상일 수 있다. 따라서 웹 페이지 표시 제어부(151)는 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다.
속성 정보 비교 결과에 따라 제1 웹 페이지와 제2 웹 페이지가 동일하지는 않으나, 동일 계층에 해당하는 웹 페이지가 존재하면, 양 웹 페이지의 속성 정보 상관도가 임계값 이상일 수 있다. 따라서 웹 페이지 표시 제어부(151)는 제1 웹 페이지와 동일한 계층인 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다. 다만, 제1 웹 페이지와 제2 웹 페이지가 동일 계층에 해당하는 웹 페이지라도 컨텐츠 정보의 상관도가 임계값 이하일 수 있다. 이 경우 복수의 제2 웹 페이지 중 제1 웹 페이지와 계층 정보가 동일한 웹 페이지를 선택하지 않고, 컨텐츠 정보의 상관도가 임계값 이상인 다른 웹 페이지에 해당하는 화면 재구성 필터를 선택할 수 있다.
속성 정보의 비교에 따라 제1 웹 페이지와 동일하거나, 계층이 동일한 웹 페이지가 존재하지 않는 경우, 속성 정보 중 컨텐츠 정보에 의존하여 속성 정보의 상관도가 임계값 이상인 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다.
컨텐츠 정보의 상관도를 비교하는 방법은 다양할 수 있다. 일 실시 예로 제1 웹 페이지의 소스 코드와 제2 웹 페이지의 소스 코드를 이용하여 컨텐츠 정보의 상관도를 비교할 수 있다. 즉, 웹 페이지의 소스 코드를 이용하여 대응하는 웹 페이지에 포함되는 컨텐츠의 종류와 크기, 수, 배열 정보를 추출하여 컨테츠 정보의 상관도를 비교할 수 있다.
일 실시 예로 도 6을 참조하면, 제1 웹 페이지(600)와 제2 웹 페이지(700)를 적어도 하나 이상의 셀(cell)로 구획하여 구획된 셀의 컨텐츠 정보의상관도를 비교할 수 있다. 도 6에서는 각 웹 페이지를 12개의 셀로 구획하여 비교하였지만, 셀의 숫자는 이에 한정되는 것이 아니다. 먼저 비교할 셀을 선정하는 방법에 대하여 설명한다. 동일한 행과 열에 위치하는 셀을 비교할 수 있다. 제1 웹 페이지(600)의 1행 1열 셀(601)과 동일한 위치에 있는 제2 웹 페이지(700)의 1행 1열 셀(701)을 비교할 수 있고, 제1 웹 페이지(600)의 2행 2열 셀(605)에 동일한 위치에 있는 제2 웹 페이지(700)의 2행 2열 셀(705)을 비교할 수 있다. 또한, 추가적으로 대응하는 위치에 위치한 셀을 비교할 수 있다. 예컨대, 제1 웹 페이지(600)의 1행 1열 셀(601)과 좌우 대응하는 위치의 제2 웹 페이지(700)의 1행 3열의 셀(703)을 비교할 수 있고, 상하 대응하는 제2 웹 페이지(700)의 3행 1열의 셀(710)을 비교할 수 있다.
다음으로 선정된 셀에 대하여 컨텐츠 정보의 상관도가 임계값 이상인지 판단하는 과정에 대하여 설명한다. 각 셀에 포함되는 컨텐츠의 종류와 수를 소스 코드를 통하여 판단할 수 있다. 해당 셀에 70%이상의 면적 또는 수가 가장 많은 컨텐츠를 해당셀의 특성으로 인식할 수 있다. 예를 들어, 제1 웹 페이지(600)의 1행 1열 셀(601)이 이미지와 텍스트를 포함할 수 있고, 셀 전체에서 이미지가 차지하는 면적이 70%인 경우 1행 1열 셀(601)의 특성은 이미지셀로 인식될 수 있다. 제1 웹 페이지(600) 셀의 특성과 대응하는 제2 웹 페이지(700) 셀의 특성을 비교하여, 셀 별로 셀의 특성이 동일한지 여부를 알 수 있다.
각 셀에 대하여 셀 특성이 동일한지를 비교할 수 있다면, 전체 제1 웹 페이지(600)와 제2 웹 페이지(700)에 대한 상관도를 비교할 수 있다. 예를 들어 상관도에 대한 임계 값을 70%로 설정할 수 있는 경우, 전체 셀 중 셀의 특성이 동일한 셀이 70% 이상인 경우 상관도가 임계값 이상인 것으로 판단할 수 있다. 임계값 수치는 상기 예에 한정하지 않고, 다른 수치로 설정할 수 있다. 또한, 복수의 제2 웹 페이지에 대하여 상관도가 임계값 이상일 수 있는, 제2 웹 페이지가 적어도 하나 이상 일 수 있는 경우, 상관도가 가장 높은 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택할 수 있다.
다음으로 도 7을 참조하여, 도 2의 웹 페이지를 재구성하여 표시하는 단계에 대하여 설명한다.
271 단계에서, 웹 페이지 표시 제어부(151)는 제1 웹 페이지를 재구성하기 위한 방법을 선택할 수 있다. 예를 들어, 서버로부터 수신한 제1 웹 페이지의 소스 코드를 변경하는 방법과, 스케일러(scaler)를 이용하는 방법이 있을 수 있다. 다만, 선택할 수 있는 재구성 방법을 이에 한정하는 것은 아니다.
271단계에서 소스 코드를 변경하는 방법을 선택할 수 있다면, 273 단계에서 웹 페이지 표시 제어부(151)는 서버로부터 수신한 제1 웹 페이지의 소스 코드를 변경할 수 있다. 웹 페이지 표시 제어부(151)는 250 단계에서 선택한 화면 재구성 필터에 대응하도록 소스 코드를 변경할 수 있다. 소스 코드를 변경하면, 웹 페이지 표시 제어부(151)는 275 단계에서 변경된 소스 코드로 제1 웹 페이지를 표시할 수 있도록 표시부(190)를 제어할 수 있다.
271 단계에서 스케일러를 이용하는 방법을 선택할 수 있다면, 277 단계에서 웹 페이지 표시 제어부(151)는 서버로부터 수신한 제1 웹 페이지의 크기와 표시부(190)를 통해 디스플레이 되는 영역의 위치를 이동시킬 수 있다. 이 경우 서버로부터 수신한 제1 웹 페이지의 소스 코드는 변경하지 않고, 표시부(190)를 통해 디스플레이되는 영역의 크기와 위치만 변경 할 수 있다. 웹 페이지 표시 제어부(151)는 250 단계에서 선택한 화면 재구성 필터에 대응하도록 제1 웹 페이지의 크기 및 위치를 변경할 수 있다. 279 단계에서 웹 페이지 표시 제어부(151)는 크기와 위치가 변경된 제1 웹 페이지를 표시할 수 있도록 표시부(190)를 제어할 수 있다.
다음으로 도 8 내지 도 10을 참조하여, 동일 웹 페이지에서 웹 페이지가 재구성되어 표시되는 예에 대하여 설명한다.
도 8을 참조하면, 웹 페이지 표시 장치(100)의 화면(20)에는 제1 웹 페이지(10)가 표시될 수 있다. 서버로부터 수신된 제1 웹 페이지(10)에 대하여 화면 재구성 이벤트가 발생하지 않으면, 웹 페이지 표시 장치(100)는 서버로부터 수신한 정보대로 제1 웹 페이지(10)를 표시할 수 있다. 일반적으로 서버는 도 8과 같이 웹 페이지 표시 장치(100)의 화면(20)에 제1 웹 페이지(10) 전체가 표시될 수 있도록 제1 웹 페이지에 대한 정보를 웹 페이지 표시 장치(100)에 전달할 수 있다. 하지만 이러한 경우 제1 웹 페이지(20)에 대한 컨텐츠 정보를 유효하게 획득하지 못하는 경우가 발생할 수 있다. 예컨대 사용자는 수신한 제1 웹 페이지(10)의 컨텐츠 정보를 유효하게 획득하고 이용하기 위해, 제1 웹 페이지를 재구성할 수 있다.
도 8에서 제1 웹 페이지(10)는 적어도 하나 이상의 프레임(11, 12, 13, 14, 15)으로 구성할 수 있다. 예를 들어, 로그인 프레임(11), 뉴스 프레임(14)를 포함할 수 있다. 예를 들어 사용자가 제1 웹 페이지(10) 표시 요청 이전에 제1 웹 페이지(10)와 동일한 제2 웹 페이지를 재구성 하여 이용하였다면 웹 페이지 표시 장치(100)는 제2 웹 페이지에 대한 화면 재구성 정보를 저장할 수 있다. 일 예로 화면 재구성 정보는 도 9와 같이 웹 페이지를 확대하고 로그인 프레임(11)을 중앙으로 이동시키는 동작일 수 있다. 제2 웹 페이지에 대응하는 화면 재구성 필터가 저장되어있는 상태에서 동일한 제1 웹 페이지(10)에 대한 표시 요청이 감지되면, 웹 페이지 표시 제어부(151)는 제1 웹 페이지의 속성 정보에 대응하는 화면 재구성 필터를 선택할 수 있다. 선택된 화면 재구성 필터의 화면 재구성 정보에 따라 웹 페이지 표시 제어부(151)는 제1 웹 페이지(10)를 확대하고 로그인 프레임(11)이 화면(20)의 중앙 부분에 표시될 수 있도록 표시부(190)를 제어할 수 있다.
다른 예로 제1 웹 페이지에 대응하는 제2 웹 페이지에 대한 화면 재구성 정보가 도 10과 같이 웹 페이지를 확대하고 뉴스 프레임(14)을 중앙으로 이동시키는 동작일 수 있다. 이 경우 동일한 제1 웹 페이지(10)에 대한 표시 요청이 감지되면, 웹 페이지 표시 제어부(151)는 제1 웹 페이지의 속성 정보에 대응하는 화면 재구성 필터를 선택할 수 있다. 선택된 화면 재구성 필터의 화면 재구성 정보에 따라 웹 페이지 표시 제어부(151)는 제1 웹 페이지(10)를 확대하고, 뉴스 프레임(14)이 화면(20)의 중앙 부분에 표시 될 수 있도록 표시부(190)를 제어할 수 있다.
다음으로 도 11 내지 도 13을 참조하여, 계층의 동일성 또는 컨텐츠의 동일성이 인정되는 경우 웹 페이지가 재구성되어 표시되는 예에 대하여 설명한다.
도 11을 참조하면, 표시되어 있는 웹 페이지는 h11계층의 하위 계층 중 h23을 선택하는 경우 표시되는 웹 페이지 일 수 있다. 사용자는 도 11에서 필요로 하는 컨텐츠에 대한 정보를 유효하게 획득하기 위해서 웹 페이지를 확대하거나 이동할 수 있다. 일 예로 도 12와 같이 사용자는 웹 페이지의 컨텐츠를 유효하게 획득하기 위해 웹 페이지를 확대하고 이미지 정보가 화면(20)의 좌측 상단을 기준으로 배치되도록 표시되도록 웹 페이지를 재구성 할 수 있다. 이러한 화면 재구성 이벤트가 발생하면 웹 페이지 표시 제어부(151)는 웹 페이지의 속성 정보와 화면 재구성 정보를 추출하고 대응하는 화면 재구성 필터를 생성하여 저장 할 수 있다.
이후 동일한 제1 웹 페이지에 대한 표시 요청이 있는 경우, 도 8 내지 도 10에서 설명한 바와 같이 웹 페이지가 재구성되어 표시되는 것은 자명하다.
웹 페이지가 동일한 경우뿐만 아니라, 사용자가 제1 웹 페이지로 동일 계층인 도 11의 h28을 선택하여 표시하는 경우에도 적용할 수 있다. h23과 h28은 동일 계층이므로 속성 정보의 상관도가 임계 값 이상일 수 있다. 따라서 웹 페이지 표시 제어부(151)는 도 13과 같이 제1 웹 페이지를 확대하고, 이미지가 화면(20)의 좌측 상단을 기준으로 배치되도록 h28에 대응하는 제1 웹 페이지를 재구성하여 도 13과 같이 표시할 수 있다.
계층이 동일한 경우뿐만 아니라 컨텐츠 정보의 동일 성이 인정되는 경우에도 웹 페이지가 재구성 되어 표시될 수 있다. 바람직한 한 실시 예로 도 11처럼 웹 페이지는 세로로 이미지가 배열되고, 이미지에 대응하는 텍스트 이미지의 우측에 배열되어 있다. 이러한 컨텐츠 환경에서 사용자는 도 12와 같이 웹 페이지를 확대할 수 있으며 이미지 정보가 화면(20)의 좌측 상단을 기준으로 배치되도록 표시되도록 웹 페이지를 재구성 할 수 있다. 웹 페이지 표시 제어부(151)는 화면 재구성 이벤트에 대응하는 화면 재구성 필터를 생성하여 저장할 수 있다.
도 11의 웹 페이지와 다른 제1 웹 페이지에 대한 표시 요청이 감지되면, 웹 페이지 표시 제어부(151)는 속성 정보를 비교할 수 있다. 표시하고자 하는 제1 웹 페이지의 컨텐츠 정보가 이미지는 세로로 배열되고, 각 이미지에 대응하는 텍스트가 이미지의 우측에 배열되는 컨텐츠 정보를 가지는 웹 페이지일 수 있다. 이 경우 웹 페이지 표시 제어부(151)는 유사한 컨텐츠 정보를 가지는 도 11의 h23에 대한 화면 재구성 필터를 선택할 수 있다. 또한, 도 11의 웹 페이지가 도 12와 같이 재구성되는 방식으로 표시하고자 하는 제1 웹 페이지를 도 13과 같이 재구성하여 표시할 수 있다. 즉, 13에서와 같이 웹 페이지를 확대하고 이미지를 좌측 상단을 기준으로 배열하도록 웹 페이지를 재구성 할 수 있다. 웹 페이지에서의 컨텐츠의 배열은 도 11에서 구성된 형태로 한정되지 않고 다양하게 구성할 수 있음은 자명하다.
본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 개시의 본질적인 특성에서 벗어나지 않는 범위에서 다양한 수정 및 변형이 가능할 것이다. 따라서, 본 개시에 개시된 실시 예들은 본 개시의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시 예에 의하여 본 개시의 기술 사상의 범위가 한정되는 것은 아니다. 본 개시의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 개시의 권리범위에 포함되는 것으로 해석되어야 할 것이다.
110 : 통신부 130 : 입력부
150 :제어부 151 : 웹 페이지 표시 제어부
170 :저장부 190 : 표시부

Claims (20)

  1. 전자 장치의 웹 페이지 표시 방법에 있어서,
    제1 웹 페이지 표시 요청이 감지되면, 상기 제1 웹 페이지의 속성 정보를 추출하는 단계;
    상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택하는 단계; 및
    상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하는 단계를 포함 할 수 있는 웹 페이지 표시 방법.
  2. 제1항에 있어서,
    상기 제1 웹 페이지 표시 요청 이전에 상기 화면 재구성 필터를 저장하는 단계를 더 포함하고,
    상기 화면 재구성 필터를 저장하는 단계는
    제2 웹 페이지를 표시하는 단계, 그리고
    상기 제2 웹 페이지에 화면 재구성 이벤트가 발생하면, 상기 제2 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 화면 재구성 정보를 기초로 상기 화면 재구성 필터를 생성하는 단계를 포함할 수 있는 웹 페이지 표시 방법.
  3. 제2항에 있어서,
    상기 화면 재구성 필터를 선택하는 단계는
    상기 제1 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 속성 정보의 상관도가 임계값 이상인 경우, 상관도가 임계값 이상인 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택하는 단계를 포함 할 수 있는 웹 페이지 표시 방법.
  4. 제1항에 있어서,
    상기 제1 웹 페이지를 표시하는 단계는
    상기 화면 재구성 필터에 따라 상기 제1 웹 페이지의 소스 코드를 편집하는 단계, 그리고
    상기 편집된 소스 코드에 따라 상기 제1 웹 페이지를 표시하는 단계를 포함할 수 있는 웹 페이지 표시 방법.
  5. 제1항에 있어서,
    상기 제1 웹 페이지를 표시하는 단계는
    상기 화면 재구성 필터에 따라 상기 제1 웹 페이지의 원본 데이터를 유지한 상태에서 상기 제1 웹 페이지의 크기 및 위치를 재구성하여 표시하는 단계를 포함 할 수 있는 웹 페이지 표시 방법.
  6. 제2항에 있어서,
    상기 제2 웹 페이지의 화면 재구성 정보는 상기 제2 웹 페이지에 포함되는 컨텐츠 크기 또는 위치 재구성 정보를 포함할 수 있는 웹 페이지 표시 방법.
  7. 제2항에 있어서
    상기 화면 재구성 필터는 복수의 필터를 포함하고,
    상기 필터는 상기 제1 웹 페이지와 상기 제2 웹 페이지가 동일 웹 페이지인 경우 동작하는 필터, 동일 계층인 경우 적용되는 필터 또는 속성 정보의 상관도가 임계값 이상인 경우 적용되는 필터 중 적어도 하나를 포함할 수 있는 웹 페이지 표시 방법.
  8. 제1항에 있어서,
    상기 속성 정보는 상기 제1 웹 페이지 URL정보, 컨텐츠 정보 또는 계층 정보 중 적어도 하나를 포함 할 수 있는 웹 페이지 표시 방법.
  9. 제8항에 있어서,
    상기 계층 정보는 상기 제1 웹 페이지의 소스 코드 정보를 기초로 결정되는 웹 페이지 표시 방법.
  10. 제8항에 있어서,
    상기 컨텐츠 정보는 상기 제1 웹 페이지에 포함되는 이미지, 텍스트, 동영상, 공백, 카테고리 또는 프레임 중 적어도 하나의 정보를 포함할 수 있는 웹 페이지 표시 방법.
  11. 웹 페이지를 재구성하여 표시하는 전자 장치에 있어서,
    제1 웹 페이지를 표시하는 표시부;
    상기 제1 웹 페이지 표시 요청을 감지하는 감지부; 및
    상기 제1 웹 페이지 표시 요청이 감지되면, 상기 웹 페이지의 속성 정보를 추출하고, 상기 속성 정보에 대응하는 기 설정된 화면 재구성 필터를 선택하며, 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지를 재구성하여 표시하는 웹 페이지 표시 제어부를 포함 할 수 있는 웹 페이지 표시 장치.
  12. 제11항에 있어서,
    상기 화면 재구성 필터를 저장하는 저장부를 더 포함하고,
    상기 웹 페이지 표시 제어부는 제2 웹 페이지에 대한 화면 재구성 이벤트가 발생하면, 상기 제2 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 화면 재구성 정보를 기초로 화면 재구성 필터를 생성하고, 생성된 화면 재구성 필터를 상기 저장부에 저장하도록 제어하는 웹 페이지 표시 장치.
  13. 제12항에 있어서,
    상기 웹 페이지 표시 제어부는 상기 제1 웹 페이지의 속성 정보와 상기 제2 웹 페이지의 속성 정보의 상관도가 임계값 이상인 경우, 상관도가 임계값 이상인 제2 웹 페이지에 대응하는 화면 재구성 필터를 선택하는 웹 페이지 표시 장치.
  14. 제11항에 있어서,
    상기 웹 페이지 표시 제어부는 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지의 소스 코드를 편집하고, 상기 편집된 소스 코드에 따라 상기 제1 웹 페이지를 표시하는 웹 페이지 표시 장치.
  15. 제11항에 있어서,
    상기 웹 페이지 표시 제어부는 상기 화면 재구성 필터에 따라 상기 제1 웹 페이지의 원본 데이터를 유지한 상태에서 상기 제1 웹 페이지의 크기 및 위치를 재구성하여 표시하는 웹 페이지 표시 장치.
  16. 제12항에 있어서,
    상기 제2 웹 페이지의 화면 재구성 정보는 상기 제2 웹 페이지에 포함되는 컨텐츠의 크기 또는 위치 재구성 정보를 포함할 수 있는 웹 페이지 표시 장치.
  17. 제12항에 있어서
    상기 화면 재구성 필터는 복수의 필터를 포함하고,
    상기 필터는 상기 제1 웹 페이지와 상기 제2 웹 페이지가 동일 웹 페이지인 경우 동작하는 필터, 동일 계층인 경우 적용되는 필터 또는 속성 정보의 상관도가 임계값 이상인 경우 적용되는 필터 중 적어도 하나를 포함할 수 있는 웹 페이지 표시 장치.
  18. 제11항에 있어서,
    상기 속성 정보는 상기 제1 웹 페이지 컨텐츠 정보 또는 계층 정보 중 적어도 하나를 포함할 수 있는 웹 페이지 표시 장치.
  19. 제18항에 있어서,
    상기 계층 정보는 상기 제1 웹 페이지의 소스 코드 정보를 기초로 결정되는 웹 페이지 표시 장치.
  20. 제18항에 있어서,
    상기 컨텐츠 정보는 상기 제1 웹 페이지에 포함되는 이미지, 텍스트, 동영상, 공백, 카테고리 또는 프레임 중 적어도 하나의 정보를 포함 할 수 있는 웹 페이지 표시 장치.
KR1020130052300A 2013-05-09 2013-05-09 웹 페이지 표시 방법 및 그 장치 KR20140132938A (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020130052300A KR20140132938A (ko) 2013-05-09 2013-05-09 웹 페이지 표시 방법 및 그 장치
US14/272,861 US20140337709A1 (en) 2013-05-09 2014-05-08 Method and apparatus for displaying web page
EP14167644.5A EP2801920A1 (en) 2013-05-09 2014-05-09 Method and apparatus for displaying web page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130052300A KR20140132938A (ko) 2013-05-09 2013-05-09 웹 페이지 표시 방법 및 그 장치

Publications (1)

Publication Number Publication Date
KR20140132938A true KR20140132938A (ko) 2014-11-19

Family

ID=50735867

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130052300A KR20140132938A (ko) 2013-05-09 2013-05-09 웹 페이지 표시 방법 및 그 장치

Country Status (3)

Country Link
US (1) US20140337709A1 (ko)
EP (1) EP2801920A1 (ko)
KR (1) KR20140132938A (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016171362A1 (ko) * 2015-04-22 2016-10-27 하영식 웹 페이지 출력방식 변경 장치 및 방법

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2608047A4 (en) * 2010-08-16 2014-04-30 Rakuten Inc INTERNET MANAGEMENT DEVICE, INTERNET MANAGEMENT METHOD, INTERNET MANAGEMENT PROGRAM, COMPUTER-READABLE RECORDING MEDIUM FOR RECORDING THE PROGRAM, AND INTERNET SYSTEM
US10672064B2 (en) 2015-11-16 2020-06-02 Ebay Inc. On-line session trace system
US20190236121A1 (en) * 2018-01-29 2019-08-01 Salesforce.Com, Inc. Virtualized detail panel

Family Cites Families (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2285877A1 (en) * 1999-10-15 2001-04-15 Ibm Canada Limited-Ibm Canada Limitee System and method for capturing document style by example
US20020143821A1 (en) * 2000-12-15 2002-10-03 Douglas Jakubowski Site mining stylesheet generator
JP4089655B2 (ja) * 2003-09-16 2008-05-28 セイコーエプソン株式会社 レイアウトシステムおよびレイアウトプログラム、並びにレイアウト方法
WO2006093394A1 (en) * 2005-03-04 2006-09-08 Chutnoon Inc. Server, method and system for providing information search service by using web page segmented into several information blocks
US7660804B2 (en) * 2006-08-16 2010-02-09 Microsoft Corporation Joint optimization of wrapper generation and template detection
CN101276362B (zh) * 2007-03-26 2011-05-11 国际商业机器公司 定制网页的装置和方法
US9122664B2 (en) * 2007-10-29 2015-09-01 International Business Machines Corporation Method for automatically creating transforms
US20090265611A1 (en) * 2008-04-18 2009-10-22 Yahoo ! Inc. Web page layout optimization using section importance
US7966564B2 (en) * 2008-05-08 2011-06-21 Adchemy, Inc. Web page server process using visitor context and page features to select optimized web pages for display
US8700803B2 (en) * 2009-06-03 2014-04-15 Netcordant, Inc. Web page optimization
US20110022945A1 (en) * 2009-07-24 2011-01-27 Nokia Corporation Method and apparatus of browsing modeling
US8832102B2 (en) * 2010-01-12 2014-09-09 Yahoo! Inc. Methods and apparatuses for clustering electronic documents based on structural features and static content features
TWI427490B (zh) * 2010-08-27 2014-02-21 Htc Corp 網頁檢視方法及系統，及其電腦程式產品
US20120159314A1 (en) * 2010-12-16 2012-06-21 Microsoft Corporation Adaptive content layout
US8627204B2 (en) * 2011-10-18 2014-01-07 Microsoft Corporation Custom optimization of web pages
US10061760B2 (en) * 2012-09-12 2018-08-28 Flipboard, Inc. Adaptive layout of content in a digital magazine

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016171362A1 (ko) * 2015-04-22 2016-10-27 하영식 웹 페이지 출력방식 변경 장치 및 방법

Also Published As

Publication number Publication date
US20140337709A1 (en) 2014-11-13
EP2801920A1 (en) 2014-11-12

Similar Documents

Publication Publication Date Title
AU2014200547B2 (en) Page search method and electronic device supporting the same
US10228835B2 (en) Method for displaying information, and terminal equipment
EP2386941B1 (en) Information processing apparatus and method, and program
US20110022957A1 (en) Web browsing method and web browsing device
KR20140114645A (ko) 하이퍼링크의 미리 보기 화면 표시 방법 및 그 장치
US20120289290A1 (en) Transferring objects between application windows displayed on mobile terminal
US10366147B2 (en) Techniques for programmatic magnification of visible content elements of markup language documents
EP2924593A1 (en) Method and apparatus for constructing documents
CN107077296B (zh) 用户终端设备和用于控制用户终端设备的方法
JP2008211379A (ja) 表示制御プログラムおよび携帯端末装置
US20140075290A1 (en) Window switching method and apparatus
CN104317474A (zh) 窗口切换方法及装置
KR20170026272A (ko) 콘텐츠 편집 장치 및 편집 방법
JP2012008686A (ja) 情報処理装置および方法、並びにプログラム
CN102841740A (zh) 信息处理设备、信息处理方法和程序
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
Roudaki et al. A classification of web browsing on mobile devices
KR20140132938A (ko) 웹 페이지 표시 방법 및 그 장치
CN112099706A (zh) 页面展示方法、装置、电子设备及计算机可读存储介质
JP2012064207A (ja) ホスト装置及びホスト装置のコンテンツ表示方法
CN104598467B (zh) 一种网页图片的显示方法及装置
US20160132478A1 (en) Method of displaying memo and device therefor
CN102567524A (zh) 一种立体旋转浏览的实现方法和装置
KR20140041211A (ko) 전자 장치 및 이의 멀티미디어 컨텐츠 제작 방법 그리고 그 방법을 수행하는 프로그램이 기록된 컴퓨터 판독 가능 매체
JP5959064B2 (ja) 文書ファイルを表示させるコンピュータ、方法およびプログラム

Legal Events

Date Code Title Description
WITN Application deemed withdrawn, e.g. because no request for examination was filed or no examination fee was paid