KR101590522B1 - 웹 페이지 출력방식 변경 장치 및 방법 - Google Patents

웹 페이지 출력방식 변경 장치 및 방법 Download PDF

Info

Publication number
KR101590522B1
KR101590522B1 KR1020150056825A KR20150056825A KR101590522B1 KR 101590522 B1 KR101590522 B1 KR 101590522B1 KR 1020150056825 A KR1020150056825 A KR 1020150056825A KR 20150056825 A KR20150056825 A KR 20150056825A KR 101590522 B1 KR101590522 B1 KR 101590522B1
Authority
KR
South Korea
Prior art keywords
output
space
size
size change
web page
Prior art date
Application number
KR1020150056825A
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 KR1020150056825A priority Critical patent/KR101590522B1/ko
Priority to PCT/KR2015/013032 priority patent/WO2016171362A1/ko
Priority to US15/567,317 priority patent/US20180107758A1/en
Application granted granted Critical
Publication of KR101590522B1 publication Critical patent/KR101590522B1/ko

Links

Images

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/003Details of a display terminal, the details relating to the control arrangement of the display terminal and to the interfaces thereto
    • G09G5/005Adapting incoming signals to the display format of the display terminal
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G09G5/346Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling for systems having a bit-mapped display memory
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/04Changes in size, position or resolution of an image
    • G09G2340/0407Resolution change, inclusive of the use of different resolutions for different screen areas
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/04Changes in size, position or resolution of an image
    • G09G2340/0407Resolution change, inclusive of the use of different resolutions for different screen areas
    • G09G2340/0414Vertical resolution change
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/04Changes in size, position or resolution of an image
    • G09G2340/0407Resolution change, inclusive of the use of different resolutions for different screen areas
    • G09G2340/0421Horizontal resolution change
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/04Changes in size, position or resolution of an image
    • G09G2340/0442Handling or displaying different aspect ratios, or changing the aspect ratio
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00Aspects of interface with display user
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00Aspects of data communication
    • G09G2370/02Networking aspects
    • G09G2370/027Arrangements and methods specific for the display of internet documents
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/22Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of characters or indicia using display control signals derived from coded signals representing the characters or indicia, e.g. with a character-code memory
    • G09G5/24Generation of individual character patterns
    • G09G5/26Generation of individual character patterns for modifying the character dimensions, e.g. double width, double height

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Computer Hardware Design (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)

Abstract

본 발명의 일 실시 예는 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부; 상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부; 상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하는 웹 페이지 출력방식 변경 장치를 개시한다.

Description

웹 페이지 출력방식 변경 장치 및 방법 {Apparatus for changing web page display and method thereof}
본 발명은 웹 페이지 출력방식 변경 장치 및 방법에 관한 것으로서, 보다 구체적으로는, 웹 페이지를 출력하는 공간의 크기가 사용자의 입력에 따라 달라지면, 달라진 크기의 공간에 웹 페이지를 출력하는 장치 및 방법에 관한 것이다.
웹 브라우저의 창을 통해서 출력되는 웹 페이지는 사용자의 입력에 의해 출력방식이 바뀌어 출력될 수 있다. 예를 들어, 웹 페이지를 크고 넓게 보고 싶은 경우, 사용자는 웹 브라우저의 창의 크기를 마우스와 같은 입력장치를 통해 직접 키울 수 있고, 웹 페이지의 컨텐츠를 크게 보면서도 다른 작업을 위해서 웹 브라우저의 창의 크기를 그대로 유지하고 싶다면, 사용자는 웹 페이지의 출력배율을 직접 변경할 수 있다.
웹 브라우저의 창의 크기를 직접 키우는 경우, 사용자는 웹 페이지를 크고 넓게 볼 수는 있으나, 넓어진 웹 브라우저의 창의 크기때문에 공간부족이 발생하여 다른 작업을 위해서 띄워놓은 프로그램의 창이 제대로 출력될 수 없어서 멀티태스킹(multitasking)을 수행하는 데에 있어서 비효율적이다.
또한, 웹 브라우저의 크기를 유지한 채 웹 페이지의 출력배율만을 직접 변경하는 경우, 사용자는 웹 페이지의 컨텐츠를 크게 볼 수는 있으나, 좁은 웹 브라우저의 창때문에 웹 페이지가 출력하고 있는 모든 컨텐츠를 다 보기 위해서 많은 스크롤 작업을 수행해야하는 불편함이 있다.
모니터 기술의 발전으로 컨텐츠를 출력하는 단말기의 화면이 점차 커지면서, 좁은 웹 브라우저 창에 웹 페이지를 축소시켜서 출력하더라도 충분히 가독성이 확보될 수 있게 되어, 사용자가 웹 페이지의 컨텐츠를 인지하는 데에 어려움이 없게 되었기에, 멀티태스킹을 수행하는 데에 곤란함이 없을 정도의 크기의 웹 브라우저 창을 통해서 사용자가 별도의 스크롤 작업없이 웹 페이지의 컨텐츠를 한눈에 볼 수 있도록 하는 기술의 필요성이 대두된다.
대한민국 공개특허 제2011-0115346호(2011년 10월 21일 공개), (한정된 크기의 화면을 통해 웹 문서의 내부 컨텐츠를 제공하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체), 요약, 도 3, 청구항 1
본 발명이 해결하고자 하는 기술적 과제는, 사용자의 웹 브라우저의 창의 크기변경을 감지하여 그에 따라 웹 페이지의 출력방식을 변경함으로써, 사용자의 웹 서핑의 편의성을 도모할 수 있는 웹 페이지 출력방식 변경 장치, 방법, 웹 페이지 출력방식 변경 방법을 실행하기 위한 프로그램이 기록되어 있는 컴퓨터 판독가능한 기록매체, 웹 페이지 출력방식 변경 방법에 의해 구현되는 웹 페이지 다중출력 방법을 제공하는 데에 있다.
상기의 기술적 과제를 해결하기 위한 본 발명의 일 실시 예에 따른 웹 페이지 출력방식 변경 장치는, 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부; 상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부; 상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함한다.
상기 장치에 있어서, 상기 출력방식변경부는, 상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고, 상기 크기변경비율에 따라 상기 변경된 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경할 수 있다.
상기 장치에 있어서, 상기 크기변경은 세로길이의 축소이고, 상기 출력방식변경부는, 상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기 및 상기 크기변경비율을 기초로, 상기 구성항목의 가로 및 세로길이를 축소하고, 상기 축소된 구성항목의 위치가 재배치되도록 하는 출력방식을 변경할 수 있다.
상기 장치에 있어서, 상기 크기변경은 세로길이 축소이고, 상기 출력방식변경부는, 상기 크기변경비율에 따라 상기 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출하고, 상기 변경출력부는, 상기 변경된 출력방식에 따라 상기 확장출력공간을 통해 상기 웹 페이지를 출력할 수 있다.
상기 장치에 있어서, 상기 변경출력부는, 상기 변경된 출력공간을 적어도 두 개 이상의 개별출력공간으로 분리하고, 상기 개별출력공간은 상기 출력방식변경부에서 변경된 출력방식에 의해 재배치되는 각 구성항목을 출력할 수 있다.
상기 장치에 있어서, 상기 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함하고, 상기 변경출력부는, 상기 공간제거버튼이 선택되면, 상기 공간제거버튼을 포함하는 개별출력공간을 제거하는 공간제거부; 및 상기 제거된 개별출력공간으로 인해 산출되는 공간만큼 상기 제거된 개별출력공간과 인접한 개별출력공간을 확장시키는 공간확장부를 포함할 수 있다.
상기 장치에 있어서, 상기 크기변경 패턴은, 상기 출력공간의 가로길이 또는 세로길이 중 일정비율이상의 가로길이 또는 세로길이가 축소되는 것을 포함할 수 있다.
상기 장치에 있어서, 상기 크기변경감지부는, 상기 출력공간의 크기변경이 감지되면, 상기 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 상기 출력공간에 표시할 수 있다.
상기 장치에 있어서, 상기 출력공간은, 복수의 출력영역을 구비한 복합 웹 페이지에 포함된 상기 출력영역 중 하나이고, 상기 복수의 출력영역은 각각 독립된 웹 페이지가 출력되며, 상기 출력영역의 크기가 변경될 수 있다.
상기의 기술적 과제를 해결하기 위한 본 발명의 다른 일 실시 예에 따른 웹 페이지 출력방식 변경 방법은, 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계; 상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단단계; 상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함한다.
상기 방법에 있어서, 상기 출력방식변경단계는, 상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고, 상기 크기변경비율에 따라 상기 변경된 출력공간을 통해 출력되는 웹 페이지의 출력방식을 결정할 수 있다.
상기 방법에 있어서, 상기 크기변경은 세로길이의 축소이고, 상기 출력방식변경단계는, 상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기 및 상기 크기변경비율을 기초로, 상기 구성항목의 가로 및 세로길이를 축소하고, 상기 축소된 구성항목의 위치가 재배치되도록 하는 출력방식을 변경할 수 있다.
상기 방법에 있어서, 상기 크기변경은 세로길이 축소이고, 상기 출력방식변경단계는, 상기 크기변경비율에 따라 상기 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출하고, 상기 변경출력단계는, 상기 변경된 출력방식에 따라 상기 확장출력공간을 통해 상기 웹 페이지를 출력할 수 있다.
상기 방법에 있어서, 상기 변경출력단계는, 상기 변경된 출력공간을 적어도 두 개 이상의 개별출력공간으로 분리하고, 상기 개별출력공간은 상기 출력방식변경단계에서 변경되는 출력방식에 의해 재배치되는 각 구성항목을 출력할 수 있다.
상기 방법에 있어서, 상기 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함하고, 상기 변경출력단계는, 상기 공간제거버튼이 선택되면, 상기 공간제거버튼을 포함하는 개별출력공간을 제거하는 공간제거단계; 및 상기 제거된 개별출력공간으로 인해 산출되는 공간만큼 상기 제거된 개별출력공간과 인접한 개별출력공간을 확장시키는 공간확장단계를 포함할 수 있다.
상기 방법에 있어서, 상기 크기변경 패턴은, 상기 출력공간의 가로길이 또는 세로길이 중 일정비율이상의 가로길이 또는 세로길이가 축소되는 것을 포함할 수 있다.
상기 방법에 있어서, 상기 크기변경감지단계는, 상기 출력공간의 크기변경이 감지되면, 상기 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 상기 출력공간에 표시할 수 있다.
상기 방법에 있어서, 상기 출력공간은, 복수의 출력영역을 구비한 복합 웹 페이지에 포함된 상기 출력영역 중 하나이고, 상기 복수의 출력영역은 각각 독립된 웹 페이지가 출력되며, 상기 출력영역의 크기가 변경될 수 있다.
상기의 기술적 과제를 해결하기 위해, 본 발명은 웹 페이지 출력방식 변경 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터 판독가능한 기록매체를 제공할 수 있다.
본 발명에 의하면, 웹 브라우저의 창의 크기를 조절하는 것만으로, 사용자는 별도의 스크롤 작업없이 웹 페이지가 제공하는 컨텐츠를 한눈에 볼 수 있게 되어, 다른 작업을 수행하면서 웹 서핑을 하는 데에 있어서 사용자에게 최대한의 편의를 제공할 수 있고, 일반적인 웹 서핑을 하는 데에 있어서 사용자에게 개선된 시각 효과를 제공할 수 있다.
도 1은 본 발명의 일 실시 예에 따른 웹 페이지 출력방식 변경 장치의 블록도를 도시한 도면이다.
도 2는 출력방식변경부에서 새로운 출력방식을 결정하기 위한 단계를 시계열적으로 도시한 흐름도에 대한 도면이다.
도 3은 출력방식변경부에 의해 출력방식이 변경되는 과정을 도식적으로 나타낸 도면이다.
도 4는 크기변경비율에 따라 변경되는 웹 페이지의 출력방식의 일 예를 도식적으로 나타낸 도면이다.
도 5는 출력방식변경부에 의해 변경되는 웹 페이지의 출력방식의 또 다른 예를 도시한 도면이다.
도 6은 변경된 출력공간에 포함되는 복수의 프레임이 수학식 1에 의해 구분지어지는 것을 도식적으로 나타낸 도면이다.
도 7은 출력방식변경부에 의해 변경되는 웹 페이지의 출력방식의 또 다른 일 실시 예를 도시한 도면이다.
도 8은 공간제거부 및 공간확장부를 설명하기 위한 웹 브라우저 창의 일 예를 도시한 도면이다.
도 9a는 개별출력공간에 표시되는 스크롤버튼에 대한 일 예를 도시한 도면이다.
도 9b는 개별출력공간에 표시되는 스크롤버튼에 대한 다른 일 예를 도시한 도면이다.
도 10은 크기변경감지부에 의해 구현될 수 있는 유효변경지점을 도식적으로 나타낸 도면이다.
도 11은 본 발명의 일 실시 예에 따라 복수의 출력영역을 구비한 복합 웹 페이지를 도시한 도면이다.
도 12는 복수의 출력영역을 구비한 복합 웹 페이지를 출력하는 웹 브라우저 창에서 하나의 출력영역이 제거될 때의 결과를 도시한 도면이다.
도 13은 도 12와 다른 실시 예에 따른 복수의 출력공간을 포함하는 웹 브라우저 창에서 특정 출력공간에 제거될 때의 결과를 도시한 도면이다.
도 14는 복수의 출력영역을 구비한 복합 웹 페이지를 출력하는 웹 브라우저 창에서 특정 출력영역이 제거될 때의 과정을 도시한 흐름도이다.
도 15는 본 발명의 또 다른 일 실시 예에 따른 웹 페이지 출력방식 변경 방법에 대한 흐름도를 도시한 도면이다.
본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는바, 특정 실시 예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시 예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시 예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다.
이하, 첨부된 도면을 참조하여 본 발명의 실시 예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
이하의 실시 예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다.
이하의 실시 예에서, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.
이하의 실시 예에서, 포함하다 또는 가지다 등의 용어는 명세서 상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징을 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다.
어떤 실시 예가 달리 구현 가능한 경우에 특정한 공정 순서는 설명되는 순서와 다르게 수행될 수도 있다. 예를 들어, 연속하여 설명되는 두 공정이 실질적으로 동시에 수행될 수도 있고, 설명되는 순서와 반대의 순서로 진행될 수 있다.
후술하는 웹 문서는 사용자가 웹 브라우저를 통해 웹 페이지에 접근하게 되면, 웹 페이지에서 출력되는 컨텐츠를 미리 정해진 양식 또는 문법을 통해서 각종 언어로 작성해놓은 문서를 의미하는 것으로 본다. 여기서, 웹 문서를 작성하는 데에 사용되는 언어는 C, Java와 같은 일반적인 프로그래밍 언어뿐만 아니라, HTML(HyperText Markup Language), XML(eXtensible Markup Language)과 같은 각종 마크업 언어를 모두 포함한다.
도 1은 본 발명의 일 실시 예에 따른 웹 페이지 출력방식 변경 장치의 블록도를 도시한 도면이다.
도 1을 참조하면, 본 발명의 일 실시 예에 따른 웹 페이지 출력방식 변경 장치(100)는 크기변경감지부(110), 패턴판단부(130), 출력방식변경부(150) 및 변경출력부(170)를 포함한다.
크기변경감지부(110)는 웹 페이지를 출력하는 출력공간의 크기변경을 감지한다. 여기서, 웹 페이지는 사용자가 유무선 네트워크로 연결된 단말을 통해서 인터넷을 이용한다고 가정했을 때, 사용자가 웹 브라우저 창에 특정한 사이트의 주소를 입력하면, 웹 브라우저 창을 통해 출력되는 내용으로서, 사용자가 입력한 사이트의 주소에 따라 다른 내용을 포함하는 특징을 갖는다.
최근의 웹 페이지는 방대한 양의 컨텐츠를 포함하는데, 웹 페이지를 표시하는 사용자의 디스플레이 장치의 크기는 한정되어 있으므로, 웹 페이지는 가로에 비해 세로가 길게 표시되도록 제작되는 경우가 많다. 사용자는 웹 브라우저 창에서 마우스와 같은 입력장치를 통해 스크롤버튼에 입력을 가하여, 최초에는 웹 브라우저 창을 통해 출력되고 있지 않던 웹 페이지의 컨텐츠에 접근할 수 있다.
본 발명에서 출력공간은 전체 웹 페이지에서, 현재 사용자의 설정(스크롤버튼의 위치 등)에 의해 웹 브라우저 창을 통해서 출력되는 부분을 지칭하며, 출력공간에 출력되는 웹 페이지는 웹 페이지 주소에 대응하여 출력될 수 있는 웹 페이지의 컨텐츠의 전부가 될 수도 있고, 웹 페이지의 컨텐츠의 일부가 될 수도 있다.
웹 페이지를 출력하는 출력공간의 크기변경은 사용자의 입력에 의해 가능하다. 사용자는 웹 페이지를 표시하는 웹 브라우저 창의 크기를 변경시킬 수 있으며, 웹 페이지의 출력공간은 변경된 웹 브라우저 창의 크기에 따라 늘어나거나 줄어들 수 있다. 예를 들어, 사용자가 웹 브라우저 창의 가로길이를 축소하면, 크기변경감지부(110)는 웹 페이지의 출력공간이 가로를 기준으로 축소되었다고 감지할 수 있다.
크기변경감지부(110)는 웹 페이지를 출력하는 출력공간의 크기변경이 감지되면, 패턴판단부(130)에 크기변경에 대한 정보를 전달할 수 있다.
여기서 크기변경에 대한 정보는, 사용자의 입력으로 인해서 웹 페이지를 출력하는 출력공간이 어느 방향으로 얼마나 늘어나거나 줄어들었는지에 대한 정보를 의미한다.
선택적 실시 예로서, 크기변경감지부(110)는 출력공간의 크기변경이 감지되면, 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 출력공간에 표시할 수도 있다.
여기서 유효변경지점은 본 발명에 따른 웹 페이지 출력방식 변경 장치에 의해서, 웹 페이지의 출력방식이 변경되어 출력될 수 있도록 하기 위한 최소변경지점이 될 수 있다.
본 발명에서 출력방식이란, 웹 페이지를 구성하는 구성항목의 위치나 배율을 사용자의 단말의 화면에서 어떻게 조정하여 출력하면 되는지에 대한 것을 의미한다. 또한, 본 발명에서 출력방식의 변경이란, 웹 페이지를 구성하는 구성항목의 크기를 변경하거나, 크기가 변경된 구성항목을 재배치되도록 하는 것을 의미한다.
웹 페이지는 복수의 구성항목으로 이루어지며, 웹 페이지를 구성하는 구성항목의 위치는 웹 페이지를 출력시키기 위해 미리 스크립트상에 설정되어 있다. 본 발명은 웹 페이지의 출력공간의 크기를 변경시키는 사용자의 입력을 감지하여, 웹 페이지의 출력방식을 사용자가 보기 편하도록 변경하기 위해 고안된 것으로, 출력방식의 변경에 대해서는 출력방식변경부(150)에 대한 설명에서 추가로 후술하기로 한다.
본 발명이 구현된 웹 브라우저 창이 사용자의 입력을 받게 되어 크기가 변경되면, 웹 페이지를 출력하는 출력공간의 크기도 달라지게 된다. 다만, 사용자가 웹 브라우저 창의 크기변경을 의도하지 않았거나, 웹 브라우저 창의 크기변경을 의도했더라도 그 크기변경의 정도가 무시할 수 있을 정도라면, 웹 페이지의 출력방식은 사용자의 입력이 있더라도 변경되지 않는 것이 더 합리적이다. 그러므로, 크기변경감지부(110)는 본 발명에 따라 출력방식이 변경될 수 있는 유효변경지점을 출력공간에 표시하여 사용자가 출력공간의 크기를 추가로 변경시킬 수 있도록 유도할 수 있다.
크기변경감지부(110)에 저장되는 유효변경지점은 픽셀(pixel) 단위로 설정될 수도 있고, 현재의 웹 브라우저 창의 크기에 대한 비율로 설정되는 것도 가능하다. 예를 들어, 유효변경지점이 30픽셀로 설정되었다면, 사용자는 웹 페이지의 출력방식을 변경하기 위해서 웹 브라우저 창의 가로길이 또는 세로길이 중 적어도 하나를 30픽셀 이상 늘리거나 줄여야 한다. 다른 예로서, 유효변경지점이 현재의 웹 브라우저 창의 크기에 대한 비율로서 20%로 설정되었다면, 사용자는 웹 페이지의 출력방식을 변경하기 위해서 현재의 웹 브라우저 창의 가로길이 또는 세로길이 중 적어도 하나를 80%이하로 줄이거나, 120% 이상으로 늘려야 한다.
크기변경감지부(110)는 최소변경지점에 해당하는 유효변경지점에 대한 정보를 저장하고 있다가, 사용자가 웹 브라우저 창의 크기변경을 시도할 때마다 유효변경지점을 출력공간에 표시함으로써, 사용자는 웹 페이지의 출력방식이 변경되기 위해서 필요한 출력공간의 크기변경의 정도를 시각적으로 확인할 수 있다.
선택적 실시 예로서, 유효변경지점은 웹 페이지의 출력방식이 변경되어 출력될 수 있도록 하기 위한 최소변경지점뿐만 아니라, 웹 페이지의 출력방식이 가장 이상적으로 변경되어 출력될 수 있도록 하기 위한 권장변경지점으로도 정의될 수 있다.
예를 들어, 크기변경감지부(110)는 사용자의 입력을 수신하여, 웹 페이지의 출력공간의 세로길이가 축소되는 것을 감지하면, 출력공간의 전체 세로길이의 1/2 지점, 1/3 지점, 및 1/5 지점이 되는 부분을 표시하여, 사용자가 해당 지점 중 어느 한 지점으로 웹 페이지의 출력공간의 크기를 변경시키도록 유도할 수 있다. 위와 같은 예에서, 1/2, 1/3, 및 1/5은 예시적인 값이며, 웹 페이지의 출력공간의 축소는 출력공간의 세로길이의 축소뿐만 아니라, 가로길이의 축소가 될 수도 있다.
또한, 유효변경지점이 표시되는 지점은 미리 설정된 특정 지점일 수도 있다. 가령, 출력공간의 최상단으로부터 100번째 픽셀이 위치하는 부분에 고정적으로 유효변경지점이 표시될 수도 있다. 이와 같은 방식에 의하면, 출력공간의 전체 크기와 상관없이 유효변경지점이 표시되는 지점은 출력공간의 최상단으로부터 100번째 픽셀이 위치하는 곳이 된다.
크기변경감지부(110)가 권장변경지점에 해당하는 유효변경지점에 대한 정보를 저장하고 있다가, 사용자가 웹 브라우저 창의 크기변경을 시도하는 것이 감지될 때, 유효변경지점을 표시함에 따라, 사용자는 유효변경지점을 참고하여 출력공간의 크기를 용이하게 변경할 수 있다.
크기변경감지부(110)에 의해 구현되는 유효변경지점은 도 10에서 도식적으로 나타내고 있다.
도 10은 크기변경감지부에 의해 구현될 수 있는 유효변경지점을 도식적으로 나타낸 도면이다.
도 10에 도시된 유효변경지점은 총 4곳으로서 출력공간이 1/6이 되는 지점(1010), 출력공간이 1/3이 되는 지점(1030), 출력공간이 1/2이 되는 지점(1050), 출력공간이 2/3가 되는 지점(1070)이다. 그 중 출력공간이 1/6이 되는 지점(1010), 출력공간이 1/3이 되는 지점(1030), 출력공간이 1/2이 되는 지점(1050)은 권장변경지점으로서의 유효변경지점이고, 출력공간이 2/3가 되는 지점(1070)은 권장변경지점과 최소변경지점의 속성을 모두 가질 수 있다. 즉, 도 10을 참조하면, 사용자는 출력공간을 최소한 2/3 이상 축소시킴으로써, 본 발명에 따라 웹 페이지 출력방식이 변경되도록 할 수 있다.
선택적 실시 예로서, 사용자는 크기변경감지부(110)가 출력공간의 크기변경을 감지하더라도, 감지된 크기변경에 대한 정보를 패턴판단부(130)에 전달하지 않도록 설정할 수 있다. 즉, 사용자는 사용자가 원하는 경우에만 본 발명에 따른 웹 페이지 출력방식이 변경되도록 할 수 있다.
패턴판단부(130)는 크기변경감지부(110)로부터 출력공간의 크기변경에 대한 정보를 전달받고, 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단한다.
크기변경 패턴은 크기변경감지부(110)로부터 전달되는 출력공간의 크기변경에 대한 정보와 비교하기 위해서 패턴판단부(130)에 미리 저장되어 있는 정보이다. 패턴판단부(130)에 저장되는 크기변경 패턴은 크기가 변경되는 방향, 크기가 변경되는 정도, 크기가 변경되는 종류 중 적어도 한 가지 이상으로 구성될 수 있다. 크기가 변경되는 방향은 가로 또는 세로 방향이 될 수 있고, 크기가 변경되는 정도는 고정된 상수나 비율이 될 수 있으며, 크기가 변경되는 종류는 확대나 축소일 수 있다.
예를 들어, 크기가 가로방향으로 변경되면, 본 발멸의 출력방식 변경과정이 실행되도록 하는 크기변경 패턴이 설정되어 있다면, 패턴판단부(130)는 크기변경감지부(110)로부터 출력공간이 가로방향으로 크기가 변경된 것을 감지하면, 출력공간의 크기가 변경된 정도나 종류와는 상관없이 크기변경이 기저장된 크기변경 패턴과 대응된다고 판단할 수 있다. 위와 같이, 패턴판단부(130)는 출력공간의 크기변경에 대한 정보를 분석하여, 출력공간의 크기의 변경된 방향, 변경된 정도, 변경된 종류를 알아낸 후, 미리 저장되어 있는 각각의 크기변경 패턴의 방향, 정도, 종류와 일일이 비교함으로써, 크기변경이 기저장된 크기변경패턴과 대응되는지 판단한다.
패턴판단부(130)에 저장되는 크기변경 패턴의 개수는 적어도 하나 이상이다. 패턴판단부(130)에 저장되는 크기변경 패턴의 개수는 본 발명에 따른 웹 페이지 출력방식 변경 장치의 설정을 변경할 수 있는 권한을 가진 사용자에 의해서, 늘어나거나 줄어들 수 있다.
패턴판단부(130)는 크기변경 패턴에 미리 지정된 범위내에서 웹 브라우저 창의 출력공간의 크기가 변경되면, 크기변경이 기저장된 크기변경 패턴과 서로 대응되는 것으로 판단할 수 있다. 패턴판단부(130)에 저장되는 크기변경 패턴은 사용자의 다양한 움직임에 대처할 수 있을 정도로 충분히 여유범위를 설정하여 저장되는 것이 바람직하다. 패턴판단부(130)는 사용자의 입력에 의한 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단한 후, 판단한 결과를 출력방식변경부(150)에 전달한다.
출력방식변경부(150)는 패턴판단부(130)로부터 출력공간의 크기변경이 기저장된 크기변경 패턴과 대응되지 않는다고 판단한 결과를 수신하면, 출력방식을 변경하지 않는다.
선택적 실시 예로서, 패턴판단부(130)는 출력공간의 크기변경이 기저장된 크기변경 패턴과 대응되지 않는다고 판단한 경우, 그 판단한 결과를 출력방식변경부(150)에 전달하지 않고, 출력방식을 변경하지 않을 수도 있다.
즉, 패턴판단부(130)는 출력공간의 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하며, 판단한 결과에 따라 웹 페이지의 출력방식을 변경하지 않는 것을 결정하는 것은 패턴판단부(130) 및 출력방식변경부(150) 중 하나에 의해 수행될 수 있다.
출력방식변경부(150)는 출력공간의 크기변경이 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경한다. 보다 구체적으로는, 출력방식변경부(150)는 패턴판단부(130)가 판단한 결과, 사용자의 입력에 의해 변경되기 전의 출력공간의 크기 및 사용자의 입력에 의해 변경된 후의 출력공간의 크기를 기초로 웹 페이지의 출력방식을 변경할 수 있다.
출력방식변경부(150)가 기존의 출력방식에서 새로운 출력방식으로 변경하는 것은 도 2의 흐름도에 도시된 과정을 따른다.
도 2는 출력방식변경부에서 새로운 출력방식을 결정하기 위한 단계를 시계열적으로 도시한 흐름도에 대한 도면이다.
먼저, 출력방식변경부(150)는 웹 페이지에 대한 웹 문서에 기재된 스크립트를 분석하여, 웹 페이지를 구성하는 각 구성항목에 대한 정보를 획득할 수 있다(S210).
보다 구체적으로, 출력방식변경부(150)는 단계 S210에서, 웹 페이지 주소에 접속함에 따라 접근할 수 있는 웹 페이지에 대한 웹 문서를 열어서, 웹 문서에 기재된 스크립트로부터 웹 페이지에 포함되어 출력되는 배너, 동영상, 정지영상, 텍스트 등과 같은 구성항목을 식별하고, 식별된 각각의 구성항목에 대한 정보를 획득한다. 여기서, 구성항목에 대한 정보란, 구성항목의 폭(width), 높이(height) 등과 같은 크기정보를 포함한다.
출력방식변경부(150)는 웹 페이지를 구성하는 각 구성항목에 대한 정보를 획득한 후, 변경된 출력공간의 크기를 기초로 각 구성항목의 크기를 변경시키는 비율을 결정한다(S230).
후술하는 항목변경비율은 출력방식변경부(150)가 각 구성항목의 크기를 변경시키는 비율을 의미하는 것으로 본다.
출력방식변경부(150)가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 예로서, 출력방식변경부(150)는 변경되기 전의 출력공간의 크기에서 변경된 출력공간의 크기가 어떤 비율로 변경되었는지 판단한 후, 판단된 비율을 기초로 항목변경비율을 결정한다.
예를 들어, 출력공간의 세로길이가 사용자의 입력에 의해 1/3로 축소되었을 때, 각 구성항목의 가로길이 및 세로길이는 변경된 출력공간에 출력되기 위해서 원래 길이의 1/3로 축소될 수 있다. 여기서, 1/3은 크기변경비율로서, 변경되기 전의 출력공간의 크기와 변경된 출력공간의 크기의 비율을 의미한다. 이때, 각 구성항목의 가로길이 및 세로길이는 1/3이 아닌 다른 비율로 축소될 수 있다.
출력방식변경부(150)가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 다른 예로서, 출력방식변경부(150)는 출력공간의 크기가 변경되면, 그에 대응되는 값을 항목변경비율로 결정한다. 예를 들어, 출력방식변경부(150)는 출력공간의 세로길이가 100픽셀이상 축소된 것을 기초로, 각 구성항목의 가로길이 및 세로길이를 10픽셀을 축소시키는 것이 항목변경비율이 된다. 본 실시 예에서, 항목변경비율로 결정되는 출력공간의 크기변경에 대응되는 값은 출력방식변경부(150)에 미리 저장되어 있다.
출력방식변경부(150)가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 또 다른 예로서, 출력방식변경부(150)는 변경된 출력공간의 크기와 웹 페이지의 전체길이를 기초로 항목변경비율을 결정한다.
수학식 1은 출력방식변경부(150)가 변경된 출력공간의 크기와 웹 페이지의 전체길이를 기초로 항목변경비율을 결정할 때, 이용될 수 있는 식의 일 예를 나타낸다.
Figure 112015039321727-pat00001
수학식 1은 웹 페이지의 출력공간의 세로길이가 축소될 때, 웹 페이지의 전체 세로길이, 변경된 출력공간의 세로길이, 항목변경비율의 관계의 일 예를 나타낸다. 수학식 1에서, a는 웹 페이지의 전체 세로길이, b는 변경된 출력공간의 세로길이, c는 항목변경비율을 의미하고, c는 1/n 형태(단, n은 1보다 큰 정수)가 된다. a는 웹 페이지 주소에 따라 출력될 수 있는 웹 페이지의 전체 세로길이를 의미하므로, 변경되기 전의 출력공간에서 출력되고 있던 웹 페이지의 세로길이와, 변경되기 전의 출력공간에서 출력되고 있지 않던 웹 페이지의 세로길이를 합산한 값이다.
출력방식변경부(150)는 수학식 1과 같은 상관관계를 만족하는 값 중 가장 큰 값만을 선택하여 항목변경비율로 결정한다. 예를 들어, 수학식 1을 만족하는 c가 1/3, 1/4, 1/5 등과 같이 복수가 존재하면, 여기서 출력방식변경부(150)는 항목변경비율을 1/3로 결정한다.
출력방식변경부(150)가 수학식 1의 상관관계를 통해서 항목변경비율을 결정하는 것은, 변경된 출력공간에 웹 페이지가 포함하는 모든 컨텐츠를 출력하기 위함이다. 이에 대한 도식적 설명은 도 6에 대한 설명과 함께 후술하기로 한다.
출력방식변경부(150)는 변경된 출력공간의 크기를 기초로, 각 구성항목의 크기를 변경시키기 위한 항목변경비율을 결정한 후, 결정된 항목변경비율에 따라 각 구성항목의 크기를 변경한다(S250).
선택적 실시 예로서, 수학식 1을 참조하여, 출력방식변경부(150)는 웹 페이지의 전체 세로길이 및 변경된 출력공간의 세로길이를 기초로, 웹 페이지를 구성하는 구성항목의 크기를 변경시키기 위한 항목변경비율을 결정한 후, 항목변경비율에 따라 각 구성항목의 크기를 변경할 수도 있다.
단계 S250에서, 구성항목의 크기는 구성항목의 가로길이 및 세로길이 중 적어도 한 가지 이상을 의미한다. 즉, 구성항목은 항목변경비율에 따라, 가로길이만 변경되거나, 세로길이만 변경되거나, 가로길이 및 세로길이 모두가 변경될 수 있고, 구성항목의 변경되는 방향은 출력방식변경부(150)에 미리 설정되거나, 사용자에 의해 설정되는 값에 따른다.
웹 페이지를 구성하는 구성항목은 적어도 하나 이상이고, 각 구성항목은 항목변경비율에 따라 동일한 방식으로 변경되어야 한다. 즉, 웹 페이지를 구성하는 복수의 구성항목 중 배너가 항목변경비율에 따라 가로길이만 변경되면, 검색창도 항목변경비율에 따라 가로길이만 변경되어야 한다.
간단한 일 예로서, 사용자의 입력에 의해 출력공간의 크기가 더 커졌다면, 출력방식변경부(150)는 더 넓어진 출력공간의 크기를 기초로 하여, 각 구성항목의 크기를 확대하는 것으로 출력방식을 변경할 수 있다. 동일한 논리로서, 사용자의 입력에 의해 출력공간의 크기가 더 줄어들었다면, 출력방식변경부(150)는 더 좁아진 출력공간의 크기를 기초로 하여, 각 구성항목의 크기를 축소하는 것으로 출력방식을 변경할 수 있다.
보다 구체적으로, 출력방식변경부(150)는 웹 페이지에 대한 웹 문서 상에 스크립트로 기재된 구성항목의 크기에 대한 수치에 항목변경비율을 적용함으로써, 구성항목의 크기를 변경시킨다. 즉, 웹 페이지에 대한 웹 문서상의 구성항목의 폭(width), 높이(height)에 대한 수치가 항목변경비율에 따라 직접적으로 수정됨으로써, 구성항목의 크기가 변경될 수 있다.
출력방식변경부(150)는 구성항목의 크기가 변경되면, 변경된 크기의 구성항목을 변경된 출력공간에 재배치한다(S270).
먼저, 출력방식변경부(150)는 변경된 출력공간을 출력공간의 크기가 변경된 방향 및 항목변경비율을 기초로 하여 적어도 두 개 이상의 프레임으로 구분한다. 여기서, 각 프레임은 변경된 크기의 구성항목을 출력하는 변경된 출력공간에 포함된 공간으로 정의될 수 있다. 변경된 출력공간에 포함되는 프레임의 개수를 산출하는 일 예로서, 변경된 출력공간에 포함되는 프레임의 개수는 항목변경비율의 역수가 될 수 있다. 항목변경비율은 1/n(단, n은 1보다 큰 정수)의 형태로 표현되므로, 변경된 출력공간에 포함되는 프레임의 개수는 2개, 3개, 4개 등이 될 수 있다. 출력공간내의 프레임은 웹 페이지에 대한 웹 문서상에 하나의 출력공간을 복수의 프레임으로 나누는 스크립트가 삽입되는 방식으로 구현될 수 있다.
출력방식변경부(150)는 적어도 두 개 이상으로 구분된 프레임에 변경된 크기의 구성항목을 순차적으로 배치한다. 출력방식변경부(150)는 변경된 출력공간에서 가장 좌측에 위치한 프레임에 변경된 크기의 구성항목을 배치한다. 본 실시 예에서는 기존에 세로로 길게 출력되는 웹 페이지를 가로로 길게 보기 위해 제안된 것이므로, 가장 좌측에 위치한 프레임에는 웹 페이지에서 최상단에 위치한 구성항목들이 크기가 변경되어 배치될 수 있다.
출력방식변경부(150)는 가장 좌측에 위치한 프레임에 변경된 크기의 구성항목들이 배치되어 프레임 내부에 더 이상 구성항목을 배치할 잔여공간이 없게 되면, 가장 좌측에 위치한 프레임과 바로 인접한 프레임에 이어서 변경된 크기의 구성항목을 배치하는 것을 반복하여, 궁극적으로는 변경된 출력공간의 각 프레임에 웹 페이지를 구성하는 모든 구성항목이 출력될 수 있도록 한다.
여기서, 출력방식변경부(150)가 프레임 내부에 잔여공간이 없는 것을 판단하는 과정의 일 예로서, 출력방식변경부(150)는 가장 좌측의 프레임에서 출력될 수 있는 웹 페이지의 세로길이를 계산하고, 계산된 결과를 토대로 가장 좌측의 프레임에 잔여공간이 없다는 것을 판단할 수 있다.
출력방식변경부(150)가 프레임 내부에 잔여공간이 없는 것을 판단하는 과정의 다른 예로서, 프레임에 구성항목이 배치될 수 없다는 정보를 수신하고, 수신된 정보를 토대로 가장 좌측의 프레임에 잔여공간이 없다는 것을 판단할 수 있다. 출력방식변경부(150)는 현재 프레임에 구성항목이 배치될 수 없다는 정보를 통해, 프레임에 구성항목을 배치할 잔여공간이 충분하지 않다고 판단하고 다음 프레임에 변경된 크기의 구성항목을 배치할 수 있다.
또는, 출력방식변경부(150)는 구성항목 자체의 크기가 큰 정지영상이나, 동영상이라서, 두 프레임에 나눠서 배치하는 것이 부적절하다고 판단하고, 공간이 충분한 다음 프레임에 구성항목을 배치할 수 있다.
최종적으로, 출력방식변경부(150)는 이전 단계(S210, S230, S250, S270)를 통해 결정된 구성항목, 구성항목의 축소비율, 축소된 구성항목을 변경된 출력공간에 재배치하기 위해 필요한 정보를 총괄하여, 새로운 출력방식을 정의한 후, 기존의 출력방식을 새로 정의된 출력방식으로 변경할 수 있다(S290). 단계 S290에서, 출력방식변경부(150)에 의해 변경된 출력방식은 후술하는 변경출력부(170)에 전달된다.
사용자가 웹 브라우저 창의 크기를 변경하는 정도가 크지 않거나, 웹 페이지 자체의 길이가 특정한 길이에 해당할 경우, 변경된 크기의 구성항목을 각 프레임에 배치한 뒤에 남는 공간이 생길 수도 있다. 이에 대한 도식적 설명은 도 3에 대한 설명과 함께 후술하기로 한다.
도 3은 출력방식변경부에 의해 출력방식이 변경되는 과정을 도식적으로 나타낸 도면이다.
도 3의 (a)를 참조하면, 출력방식이 변경되기 전의 출력공간에는 웹 페이지의 구성항목의 일부가 출력되고, 나머지 구성항목은 사용자가 스크롤버튼에 입력을 가하게 되면 출력될 수 있다. 여기서, 출력공간에 출력되는 구성항목의 일부에는 제1 구성항목 내지 제6 구성항목(310a, 320a, 330a, 340a, 350a, 360a, 360a)이 포함되며, 나머지 구성항목에는 제7 구성항목(370a), 제8 구성항목(380a)이 포함된다.
도 3의 (a)를 참조하면, 출력방식변경부(150)는 출력공간에 출력되는 구성항목(310a, 320a, 330a, 340a, 350a, 360a)과 나머지 구성항목(370a, 380a)을 출력공간의 세로길이와 웹 페이지의 전체의 세로길이를 비교하여 분간할 수 있다.
먼저, 출력방식변경부(150)는 현재 웹 브라우저 창의 크기에 의해 형성되는 출력공간의 세로길이를, 웹 페이지에 대한 웹 문서상에 정의되어 있는 웹 페이지의 전체 세로길이를 서로 비교한다.
그 다음, 출력방식변경부(150)는 웹 페이지에 대한 웹 문서의 내용을 통해 웹 페이지를 구성하는 각 구성항목의 위치에 대한 정보를 파악한다.
출력방식변경부(150)는 웹 페이지를 구성하는 각 구성항목 중, 웹 페이지의 전체 세로길이에서 출력공간의 세로길이를 초과한 위치에 위치하고 있는 구성항목을 판별하고, 판별된 구성항목을 사용자가 웹 브라우저 창의 스크롤버튼에 입력을 가하게 되면 비로소 출력공간에 출력될 수 있는 나머지 구성항목으로 인식할 수 있다. 즉, 전술한 제7 구성항목(370a) 및 제8 구성항목(380a)은 웹 페이지의 전체 세로길이에서 출력공간의 세로길이를 더 초과한 위치에 위치하고 있어서, 사용자가 스크롤버튼에 입력을 가하게 되는 경우에 한해 출력공간에 출력될 수 있으므로, 나머지 구성항목으로 분류될 수 있다.
도 3의 (a)에 도시된 각 구성항목은 각각 다른 컨텐츠를 의미한다. 예를 들어, 제1 구성항목(310a)은 사용자로부터 검색어를 입력받는 검색어 입력란이고, 제2 구성항목(320a)은 사용자로부터 아이디와 패스워드를 입력받아서 로그인 절차를 진행하도록 하는 로그인 정보 입력란이며, 제3 구성항목(330a)은 온라인 게임 광고를 위한 동적 이미지 배너일 수 있다. 각 구성항목의 가로길이 및 세로길이는 웹 페이지에 대한 웹문서상에 정의되어 있다. 또한, 각 구성항목이 나타내는 컨텐츠는 해당 웹 페이지의 웹 문서에 지정된 대상(텍스트, 웹 사이트, 동영상, 정지영상 등)에 따라 달라진다. 도 3의 (b)는 사용자의 입력에 의해, 도 3의 (a)의 출력공간의 세로길이가 축소된 일 예를 도시한 도면이다. 도 3의 (b)를 참조하면, 출력공간의 세로길이가 축소됨에 따라, 도 3의 (b)의 출력공간을 통해 출력되는 구성항목의 수가 줄어들었음을 알 수 있다. 즉, 도 3의 (b)는 본 발명이 구현되지 않았을 때의 출력공간을 나타내므로, 도 3의 (b)의 출력공간에는 제1 구성항목(310a)의 전체와 제2 구성항목(320a) 및 제3 구성항목(330a)의 윗부분만이 출력된다.
도 3의 (c)는 본 발명이 구현되었을 때, 사용자의 입력에 의해 도 3의 (a)의 출력공간의 세로길이가 축소된 일 예를 도시한 도면이다.
도 3의 (c)에서, 출력방식변경부(150)는 도 3의 (a)의 출력공간의 세로길이가 축소되면, 출력공간에서 출력되고 있는 웹 페이지에 대한 웹 문서의 스크립트를 분석하여, 웹 페이지를 구성하는 각 구성항목의 대한 정보를 획득한다. 이 과정에서, 출력방식변경부(150)는 제1 구성항목 내지 제9 구성항목(310c, 320c, 330c, 340c, 350c, 360c, 370c, 380c)의 위치와 크기(폭이나 높이)에 대한 정보를 획득할 수 있게 된다.
출력방식변경부(150)는 각 구성항목에 대한 정보를 획득한 후, 변경된 출력공간의 크기를 기초로 각 구성항목의 크기를 변경시키는 비율(항목변경비율)을 결정한다. 그 다음, 출력방식변경부(150)는 항목변경비율에 따라, 각 구성항목의 크기를 변경한다. 여기서, 항목변경비율은 전술한 수학식 1에 통해 결정될 수도 있다. 출력방식변경부(150)는 수학식 1과 같은 상관관계를 만족하는 값 중 가장 큰 값만을 선택하여 항목변경비율로 결정한다. 예를 들어, 수학식 1을 만족하는 c가 1/3, 1/4, 1/5 등과 같이 복수가 존재하면, 출력방식변경부(150)는 항목변경비율을 1/3로 결정한다.
도 3의 (a)의 각 구성항목(310a, 320a, 330a, 340a, 350a, 360a, 370a, 380a)과 도 3의 (c)의 각 구성항목(310c, 320c, 330c, 340c, 350c, 360c, 370c, 380c)을 참조하면, 항목변경비율은 1/2로 결정되었으며, 각 구성항목의 가로길이 및 세로길이 모두 원래 길이의 1/2만큼 축소된 것을 알 수 있다.
출력방식변경부(150)는 구성항목의 크기가 변경되면, 변경된 크기의 구성항목을 변경된 출력공간에 재배치한다. 보다 구체적으로는, 출력방식변경부(150)는 변경된 크기의 구성항목을, 변경된 출력공간에 포함된 복수의 프레임에 나누어 배치한다.
전술한 것처럼, 변경된 출력공간에 생성되는 프레임의 개수는 항목변경비율의 역수가 될 수 있으므로, 도 3의 (c)를 참조하면, 2개의 프레임이 변경된 출력공간에 생성된다. 출력공간내에 생성되는 프레임은 웹 페이지의 웹 문서상에서 출력공간을 복수의 프레임으로 나누는 스크립트가 삽입되는 방식으로 구현될 수 있다.
출력방식변경부(150)는 2개로 구분된 프레임에 변경된 크기의 구성항목(310c, 320c, 330c, 340c, 350c, 360c, 370c, 380c, 380c)을 순차적으로 배치한다. 구성항목의 크기가 변경된 것도, 웹 페이지에 대한 웹 문서상의 기재된 스크립트 중 구성항목의 폭과 높이에 대한 수치를 나타낸 값에 항목변경비율이 적용된 것이므로, 프레임에 변경된 크기의 구성항목이 배치되는 순서도, 도 3의 (a)의 출력공간에서 구성항목이 배치된 순서를 따르게 된다.
출력방식변경부(150)는 기존의 출력방식에서 크기가 축소된 각 구성항목이 변경된 출력공간에 재배치되도록 하는 출력방식으로, 출력방식을 변경하게 된다. 출력방식변경부(150)에 의해 변경된 출력방식은 변경출력부(170)에 전달되며, 변경출력부(170)는 변경된 출력방식에 따라 도 3의 (c)에 도시된 결과를 사용자의 단말에 출력하게 된다.
도 3의 (c)를 참조하면, 출력방식변경부(150)가 크기가 변경된 구성항목을 변경된 출력공간에 재배치함에 따라서, 도 3의 (c)의 출력공간은 도 3의 (a)의 출력공간보다 출력공간의 세로길이가 축소되었음에도 불구하고, 도 3의 (a)의 출력공간보다 더 많은 구성항목을 출력할 수 있게 된다. 보다 구체적으로는, 도 3의 (c)의 출력공간에서는 도 3의 (a)의 출력공간에서 사용자가 스크롤버튼에 입력을 가해야만 출력되는 제7 구성항목(370a) 및 제8 구성항목(380a)이 크기가 변경된 채 출력된다(370c, 380c).
도 3에서 설명한 것과 같이, 본 발명에 따르면, 사용자가 웹 브라우저 창의 세로길이를 줄임으로써, 웹 페이지가 출력되는 출력공간의 세로길이가 줄어들더라도, 세로길이가 줄어든 출력공간을 통해서 웹 페이지의 모든 컨텐츠가 출력될 수 있게 되어, 사용자가 웹 서핑을 하는 데에 있어 편의성을 제공할 수 있다.
도 3의 (c)는 잔여공간(390c)을 나타내고 있다. 잔여공간(390c)은 웹 페이지의 구성항목이 가독성을 확보하면서 축소되는 특성상 발생하는 것으로서, 변경된 출력공간에 포함되는 복수의 프레임 중 웹 페이지의 최하단에 위치한 구성항목을 출력하는 프레임에 포함될 수 있다. 잔여공간은 웹 페이지의 전체 세로길이나 변경된 출력공간의 크기에 따라 존재하지 않을 수도 있으며, 이에 대해서는 도 4 및 도 5를 통해 후술하기로 한다.
도 4는 전술한 실시 예와 다른 실시 예에 따라 변경되는 웹 페이지의 출력방식의 일 예를 도식적으로 나타낸 도면이다.
도 4의 (a)를 참조하면, 도 4의 (a)는 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(400a)을 도시하며, 크기가 변경되기 전의 출력공간은 제1 영역(410a), 제2 영역(430a), 제3 영역(450a)으로 구성된 웹 페이지가 출력된다.
도 4에서, 제1 영역(410a), 제2 영역(430a), 제3 영역(450a)의 가로길이 및 세로길이는 모두 x라고 가정하며, 제1 영역(410a), 제2 영역(430a), 및 제3 영역(450a)은 적어도 하나 이상의 구성항목을 포함할 수 있다.
도 4의 (a)에서 웹 페이지를 가로길이 및 세로길이가 같은 제1 영역(410a), 제2 영역(430a), 제3 영역(450a)을 구분한 이유는, 도 4의 (a)와 도 4의 (c)와 연관지어 용이하게 설명하기 위함이다. 도 4의 (a)에서 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(400a)은 스크롤버튼을 포함하지 않는다. 즉, 도 4의 (a)에서의 웹 브라우저 창(400a)에 포함된 출력공간에는 웹 페이지를 구성하는 모든 구성항목이 출력된다.
도 4의 (b)는 본 발명이 적용되지 않은 웹 브라우저 창(400b)을 도시한 도면이다. 본 발명이 적용되지 않은 웹 브라우저 창(400b)은, 도 4의 (a)의 웹 브라우저 창이 사용자에 의해 크기가 변경된 웹 브라우저 창으로서, 제1 영역(410b)만을 출력한다. 도 4의 (b)에서의 제1 영역(410b)은 도 4의 (a)에서의 제1 영역(410a)과 동일한 구성항목을 포함한다.
도 4의 (b)를 참조하면, 도 4의 (b)의 웹 브라우저 창(400b)은, 도 4의 (a)의 크기가 변경되기 전의 출력공간에서 출력되고 있던 제2 영역(430a) 및 제3 영역(450a)이 더 이상 출력되지 않음을 알 수 있다. 그러므로, 사용자로부터 입력을 수신하여 도 4의 (a)에서의 제2 영역(430a) 및 제3 영역(450a)을 출력공간에 출력시키기 위한 스크롤버튼이 도 4의 (b)의 웹 브라우저 창(400b)에 포함된다.
도 4의 (c)는 본 발명이 적용된 웹 브라우저 창(400c)을 도시한 도면이다. 본 발명이 적용된 웹 브라우저 창(400c)은 도 4의 (a)의 웹 브라우저 창(400a)의 출력공간의 세로길이가 사용자에 의해 1/3로 축소되었을 때의 웹 브라우저 창으로서, 변경된 출력공간을 통해서 변경된 제1 영역(410c), 변경된 제2 영역(430c), 변경된 제3 영역(450c)을 출력할 수 있다.
도 1을 참조하여 설명하면, 출력방식변경부(150)는 도 4의 (a)의 출력공간의 세로길이가 축소되면, 출력공간에서 출력되고 있는 웹 페이지에 대한 웹 문서에 기재된 스크립트를 분석하여, 웹 페이지를 구성하는 각 구성항목의 위치와 크기(폭이나 높이)에 대한 정보를 획득한다. 출력방식변경부(150)는 각 구성항목에 대한 정보를 획득한 후, 변경된 출력공간의 크기를 기초로 각 구성항목의 크기를 변경시키는 비율(항목변경비율)을 결정한다. 그 다음, 출력방식변경부(150)는 항목변경비율에 따라, 각 구성항목의 크기를 변경한다. 출력방식변경부(150)는 도 4의 (a)와 도 4의 (c)의 출력공간의 크기를 비교하여, 도 4의 (a)의 출력공간의 세로길이가 1/3만큼 축소된 것을 파악하고, 축소된 사실을 기초로 항목변경비율을 결정한다.
대부분의 경우, 항목변경비율은 전술한 수학식 1에 의해서 결정될 수 있으나, 본 실시 예는, 1차적으로 크기가 변경되기 전의 웹 브라우저 창(400a)의 출력공간을 통해 웹 페이지의 전체 구성항목이 출력되고, 2차적으로 출력공간의 크기변경의 정도가 크지 않으므로, 수학식 1과 같은 상관관계를 만족하는 항목변경비율이 존재하지 않는다.
이와 같은 경우, 도 4의 (c)에서 출력방식변경부(150)는 출력공간의 크기변경의 방향, 출력공간의 크기변경의 종류, 크기변경비율을 기초로 각 구성항목의 크기가 변경되는 방향, 정도, 종류를 결정한다.
본 실시 예에 따르면, 출력방식변경부(150)는 출력공간의 크기가 변경되는 비율을 기초로 1/3이라는 크기변경비율을 산출하며, 산출된 크기변경비율은 각 구성항목의 크기를 변경하는 기준이 된다.
또한, 출력방식변경부(150)는 크기변경감지부(110) 및 패턴판단부(130)로부터 출력공간의 크기가 변경되는 방향 및 출력공간의 크기가 변경되는 종류가 각각 출력공간의 세로길이방향 및 출력공간의 축소라는 정보를 전달받고, 각 구성항목을 가로길이방향으로 축소시킨다. 즉, 본 실시 예에 따르면, 크기변경비율과 출력공간의 크기가 변경되는 종류는 구성항목의 크기를 변경시키는 데에도 그대로 적용되고, 출력공간의 크기가 변경되는 방향은 구성항목의 크기를 변경시키는 데에 반대로 적용된다(출력공간의 세로길이의 변경이 구성항목의 가로길이를 변경시킴).
출력방식변경부(150)는 각 영역(410a, 430a, 450a)의 구성항목의 크기가 변경되면, 크기가 변경된 구성항목을 변경된 출력공간에 재배치한다. 보다 구체적으로는, 출력방식변경부(150)는 변경된 크기의 구성항목을, 변경된 출력공간에 포함된 복수의 프레임에 나누어 배치한다.
전술한 것처럼, 변경된 출력공간에 생성되는 프레임의 개수는 항목변경비율의 역수가 될 수 있다. 이 실시 예에서의 항목변경비율은 1/3이므로, 도 4의 (c)의 변경된 출력공간에는 3개의 프레임이 생성된다. 출력공간내의 프레임은 웹 페이지에 웹 문서상에 하나의 출력공간을 복수의 프레임으로 나누는 스크립트가 삽입되는 방식으로 구현될 수 있다.
출력방식변경부(150)는 3개로 구분된 프레임에 변경된 크기의 구성항목을 순차적으로 배치한다. 구성항목의 크기가 변경된 것도, 웹 페이지의 웹 문서에 기재된 스크립트 중 구성항목의 크기(폭과 높이)에 대한 값에 항목변경비율을 적용한 것이므로, 프레임에 변경된 크기의 구성항목이 배치되는 순서도, 도 4의 (a)의 출력공간에서 구성항목이 배치된 순서를 따르게 된다.
위와 같은 과정을 통해, 도 4의 (c)와 같이, 변경된 출력공간에 변경된 제1 영역(410c), 변경된 제2 영역(430c), 변경된 제3 영역(450c)이 출력되는 것이, 출력방식변경부(150)가 변경한 새로운 웹 페이지의 출력방식이 된다. 도 4의 (a)와 도 4의 (c)를 비교하면, 도 4의 (a)의 각 영역(410a, 430a, 450a)과, 도 4의 (c)의 각 영역(410c, 430c, 450c)은 각각 동일한 구성항목을 포함한다. 다만, 도 4의 (c)의 각 영역(410c, 430c, 450c)의 포함된 구성항목은, 변경된 출력공간에 출력되기 위해서 가로길이가 1/3로 압축되었으므로, 각 영역에 포함된 구성항목의 글자의 장평(글자의 좌우의 폭과 상하의 길이의 비율)이 줄어들거나, 각 영역에 포함된 구성항목이 이미지인 경우, 해상도가 달라지게 된다.
도 4의 (c)에 도시된 것처럼, 크기가 변경되기 전의 출력공간에 웹 페이지를 구성하는 전체 구성항목이 출력될 때 본 발명이 적용되는 경우에는, 변경된 출력공간을 포함하는 웹 브라우저 창이 잔여공간을 포함하지 않을 수 있다. 다만, 이 경우, 구성항목의 가로길이 및 세로길이 중 하나의 방향에 대해서만 크기변경이 일어나게 된다.
도 5는 출력방식변경부에 의해 변경되는 웹 페이지의 출력방식의 또 다른 예를 도시한 도면이다.
도 5를 참조하면, 도 5의 (a)는 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(500a)을 도시하며, 출력공간에는 웹 페이지의 제1 영역(510a)만이 출력된다는 것을 알 수 있다. 웹 페이지의 제2 영역(530a) 및 제3 영역(550a)은 사용자가 스크롤버튼에 입력을 가함으로써, 크기가 변경되기 전의 출력공간에 출력될 수 있다. 즉, 도 5의 (a)는 전술한 도 4의 (a)에서와 달리, 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(500a)은 스크롤버튼을 포함한다.
도 5의 (a)에서 웹 페이지를 가로길이 및 세로길이가 같은 제1 영역(510a), 제2 영역(530a), 제3 영역(550a)을 구분한 이유는, 도 5의 (a)와 도 5의 (c)와 연관지어 용이하게 설명하기 위함이다. 도 5의 (a)를 참조하면, 각 영역(510a, 530a, 550a)의 가로길이 및 세로길이는 x로 동일하며, 각 영역(510a, 530a, 550a)은 웹 페이지의 컨텐츠를 포함하는 하나 이상의 구성항목을 포함할 수 있다.
도 5의 (b)는 크기가 변경된 출력공간을 포함하는 웹 브라우저 창(500b)을 도시한 도면으로서, 도 5의 (b)의 웹 브라우저 창(500b)에는 본 발명이 적용되지 않았다고 가정한다. 도 5의 (b)를 참조하면, 크기가 변경된 출력공간은 도 5의 (a)의 제1 영역(510a) 중에서 일부 상단 영역에 대한 웹 페이지의 컨텐츠만을 출력한다. 도 5의 (b)의 웹 브라우저 창(400b)은, 사용자로부터 입력을 수신하여 도 5의 (a)에서의 제2 영역(530a) 및 제3 영역(550a)을 출력공간에 출력시키기 위한 스크롤버튼을 포함한다.
도 5의 (c)는 본 발명이 적용된 웹 브라우저 창(500c)을 도시한 도면이다.
도 5의 (c)의 본 발명이 적용된 웹 브라우저 창(500c)은 도 5의 (a)의 웹 브라우저 창(500a)의 출력공간의 세로길이가 사용자에 의해 1/3로 축소되었을 때의 웹 브라우저 창으로서, 변경된 출력공간을 통해서 변경된 제1 영역(510c), 변경된 제2 영역(530c), 변경된 제3 영역(550c)을 출력할 수 있다.
도 1을 참조하여 설명하면, 출력방식변경부(150)는 도 5의 (a)의 출력공간의 세로길이가 축소되면, 출력공간에서 출력되고 있는 웹 페이지에 대한 웹 문서의 스크립트를 분석하여, 웹 페이지를 구성하는 각 구성항목의 위치와 크기(폭이나 높이)에 대한 정보를 획득한다. 출력방식변경부(150)는 각 구성항목에 대한 정보를 획득한 후, 변경된 출력공간의 크기를 기초로 각 구성항목의 크기를 변경시키는 비율(항목변경비율)을 결정한다. 그 다음, 출력방식변경부(150)는 항목변경비율에 따라, 각 구성항목의 크기를 변경한다. 출력방식변경부(150)는 도 5의 (a)와 도 5의 (c)의 출력공간의 크기를 비교하여, 도 5의 (a)의 출력공간의 세로길이가 1/3만큼 축소된 것을 파악하고, 항목변경비율을 결정할 수 있다.
전술한 수학식 1에 따르면, 항목변경비율은 웹 페이지의 전체 세로길이와 크기가 변경된 출력공간의 세로길이의 비율에 따라 1/3로 결정될 수 있다. 출력방식변경부(150)는 웹 페이지에 포함된 구성항목의 가로길이 및 세로길이를 1/3로 축소시킨다.
출력방식변경부(150)는 구성항목의 크기가 변경되면, 변경된 크기의 구성항목을 변경된 출력공간에 재배치한다. 보다 구체적으로는, 출력방식변경부(150)는 변경된 크기의 구성항목을, 변경된 출력공간에 포함된 복수의 프레임에 나누어 배치한다.
전술한 것처럼, 변경된 출력공간에 생성되는 프레임의 개수는 항목변경비율의 역수가 될 수 있으므로, 도 5의 (c)를 참조하면, 변경된 출력공간에 3개의 프레임이 생성된다. 출력공간내의 프레임은 웹 페이지에 대한 웹 문서상에 하나의 출력공간을 복수의 프레임으로 나누는 스크립트가 삽입되는 방식으로 구현될 수 있다.
출력방식변경부(150)는 3개로 구분된 프레임에 변경된 크기의 구성항목을 순차적으로 배치한다. 구성항목의 크기가 변경된 것도, 웹 페이지에 대한 웹 문서상의 스크립트에 항목변경비율을 적용한 것이므로, 프레임에 변경된 크기의 구성항목이 배치되는 순서도, 도 5의 (a)의 출력공간에서 구성항목이 배치된 순서를 따르게 된다.
위와 같은 과정을 통해, 도 5의 (c)와 같이, 변경된 출력공간에 변경된 제1 영역(510c), 변경된 제2 영역(530c), 변경된 제3 영역(550c)이 출력되는 것이, 출력방식변경부(150)가 변경한 새로운 웹 페이지의 출력방식이 된다.
마지막으로, 출력방식변경부(150)는 결정된 구성항목의 축소비율과 축소된 구성항목을 재배치하는 정보를 기초로 새로운 출력방식으로 정의하고, 기존의 출력방식을 새로 정의된 출력방식으로 변경한다. 후술하는 변경출력부(170)는 변경된 출력방식으로 도 5의 (c)와 같은 화면을 사용자의 단말을 통해 출력시킨다.
도 5의 (a)와 도 5의 (c)를 비교하면, 도 5의 (a)의 각 영역(510a, 530a, 550a)과, 도 5의 (c)의 각 영역(510c, 530c, 550c)은 각각 동일한 구성항목을 포함한다.
도 5의 (c)의 각 영역(510c, 530c, 550c)의 포함된 구성항목은, 변경된 출력공간에 출력되기 위해서 가로길이 및 세로길이가 동일한 비율(1/3)로 축소되므로, 도 4의 (c)와 같이 각 영역에 포함된 구성항목의 글자의 장평(글자의 좌우의 폭과 상하의 길이의 비율)이 줄어들거나, 각 영역에 포함된 구성항목이 이미지인 경우, 이미지의 가로길이 대 세로길이의 비율이 달라지지 않는다.
도 5의 (c)에 도시된 것처럼, 웹 페이지의 전체 세로길이 및 변경된 출력공간의 크기에 따라 수학식 1에서의 양 변이 등호가 성립한다면, 변경된 출력공간을 포함하는 웹 브라우저 창이 잔여공간을 포함하지 않을 수도 있다.
도 6은 변경된 출력공간에 포함되는 복수의 프레임이 수학식 1에 의해 구분지어지는 것을 도식적으로 나타낸 도면이다.
수학식 1을 통해 항목변경비율이 결정되는 것은 본 발명이 구현되기 위한 여러 가지 방법 중 일 예이므로, 도 6에 도시된 것과 다르게 변경된 출력공간에 복수의 프레임이 생성되더라도 본 발명의 다른 구성을 그대로 포함하여 실시하면, 본 발명을 실시한 것이 된다.
수학식1에 대한 설명에서 전술한 것과 같이, 출력방식변경부가 수학식 1의 상관관계를 통해서 항목변경비율을 결정하고, 항목변경비율의 역수로 변경된 출력공간에 포함되는 프레임의 개수를 결정하는 것은, 변경된 출력공간에 웹 페이지가 포함하는 모든 컨텐츠를 출력하기 위함이다.
도 6의 (a)를 참조하면, 도 6의 (a)는 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(600a)을 도시하며, 크기가 변경되기 전의 출력공간에는 웹 페이지의 제1 영역(610a)만이 출력되고 있다. 사용자는 웹 브라우저 창(600a)에 포함되어 있는 스크롤버튼에 입력을 가함으로써, 크기가 변경되기 전의 출력공간에 웹 페이지의 제2 영역(630a)을 출력시킬 수 있고, 웹 페이지의 전체 세로길이는 a이고, 크기가 변경되기 전의 출력공간의 세로길이는 b0이다. 즉, 웹 페이지의 전체 세로길이가 출력공간의 세로길이를 초과하므로, 변경되기 전의 출력공간을 통해서는 웹 페이지의 모든 컨텐츠가 출력되지 않는다.
도 6의 (b)는 도 6의 (a)의 웹 브라우저 창(600a)의 출력공간의 세로길이가 b0에서 b1으로 축소되었을 때, 변경된 출력공간에 포함되는 프레임의 개수를 도식적으로 나타낸 도면이다. 여기서, b1을 a로 나눈 값이 1/4보다 크거나 같다고 가정하면, 항목변경비율은 1/2이고, 도 6의 (b)에 도시된 것과 같이 변경된 출력공간에 포함되는 프레임의 개수는 2개가 된다.
도 6의 (c)는 도 6의 (a)의 웹 브라우저 창(600a)의 출력공간의 세로길이가 b0에서 b2로 축소되었을 때, 변경된 출력공간에 포함되는 프레임의 개수를 도식적으로 나타낸 도면이다. 여기서, b2를 a로 나눈 값이 1/9보다 크거나 같다고 가정하면, 항목변경비율은 1/3이고, 도 6의 (d)에 도시된 것과 같이 변경된 출력공간에 포함되는 프레임의 개수는 3개가 된다.
도 6의 (d)는 도 6의 (a)의 웹 브라우저 창(600a)의 출력공간의 세로길이가 b0에서 b3으로 축소되었을 때, 변경된 출력공간에 포함되는 프레임의 개수를 도식적으로 나타낸 도면이다. 여기서, b3을 a로 나눈 값이 1/16보다 크거나 같다고 가정하면, 항목변경비율은 1/4이고, 도 6의 (d)에 도시된 것과 같이 변경된 출력공간에 포함되는 프레임의 개수는 4개가 된다.
종합하면, 본 발명의 적용된 도 6의 (a)의 웹 브라우저 창(600a)에 포함된 출력공간의 세로길이가 축소되고, 축소된 세로길이가 기저장된 크기변경 패턴과 대응되면, 출력방식변경부(150)는 도 6의 (b) 내지 (d)와 같이, 하나의 웹 브라우저 창에 포함된 여러 개의 프레임을 통해 웹 페이지의 전체 컨텐츠가 출력될 수 있도록 출력방식을 변경할 수 있다.
결국, 도 6의 (a)를 참조했을 때, 종래에는 사용자는 웹 페이지의 모든 컨텐츠에 접근하기 위해서 스크롤버튼에 입력을 가해서 세로방향으로 웹 페이지를 탐색해야만 했으나, 본 발명이 구현된 도 6의 (b) 내지 (d)을 참조하면, 사용자는 출력공간의 크기를 변경시킴으로써, 스크롤 작업을 수행하지 않고, 웹 페이지의 모든 컨텐츠를 한눈에 볼 수 있게 된다.
앞선 실시 예와는 또 다른 실시 예로서, 출력방식변경부(150)는 크기변경비율에 따라 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출할 수 있다. 후술하는 변경출력부(170)에 의해서, 확장출력공간에는 웹 페이지를 구성하는 구성항목들이 변경된 출력방식에 따라 출력될 수 있다.
도 7은 출력방식변경부에 의해 변경되는 웹 페이지의 출력방식의 또 다른 일 실시 예를 도시한 도면이다.
도 7의 (a)를 참조하면, 도 7의 (a)는 크기가 변경되기 전의 출력공간을 포함하는 웹 브라우저 창(700a)을 도시하며, 웹 브라우저 창(700a)의 변경되기 전의 출력공간에는 웹 페이지의 제1 영역(710a), 제2 영역(730a), 제3 영역(750a)이 출력된다. 여기서 각 영역(710a, 730a, 750a)을 구분한 기준은, 설명의 편의를 위해서, 웹 페이지에서의 각 영역의 상대적인 위치로 정한 것이다. 도 7의 (a)의 각 영역(710a, 730a, 750a)은 적어도 하나 이상의 구성항목을 포함할 수 있다.
도 7의 (a)에서 제1 영역(710a), 제2 영역(730a), 제3 영역(750a)의 가로길이 및 세로길이는 z로 동일하고, 사용자의 입력에 의해 웹 페이지를 출력하는 출력공간의 세로길이가 1/3로 축소된다고 가정한다. 즉, 전술한 내용에 따르면, 본 실시 예에서의 크기변경비율은 모두 1/3이 된다.
먼저, 출력방식변경부(150)는 출력공간의 세로길이가 축소된 것을 기초로 하여, 출력공간의 확장비율을 산출한다. 본 실시 예에서는 도 7의 (a)의 출력공간의 세로길이가 1/3로 축소되므로, 출력방식변경부(150)는 변경된 출력공간의 가로길이를 3배로 늘리는 것을 출력공간의 확장비율로 결정한다.
출력방식변경부(150)는 확장비율에 따라 변경된 출력공간의 가로길이를 추가로 3배 더 늘려서, 확장출력공간을 산출한다. 그리고, 출력방식변경부(150)는 확장출력공간에 웹 페이지를 구성하는 구성항목을 가로로 재배치하는 것을 새로운 출력방식으로 정의하고, 기존의 출력방식을 새로 정의된 출력방식으로 변경한다.
도 7에 따른 본 발명의 실시 예에서는, 출력공간의 세로길이가 축소되었으나, 축소된 세로길이를 기초로 출력공간의 가로길이가 확장되므로, 결국 웹 페이지의 구성항목의 크기를 변경할 필요 없이 배치방향만을 변경하게 된다. 즉, 도 7의 (a)의 각 영역(710a, 730a, 750a)은 도 7의 (b)의 각 영역(710b, 730b, 750b)과 동일한 컨텐츠를 포함하게 되며, 도 7의 (a)의 웹 브라우저 창(700a)과 도 7의 (b)의 웹 브라우저 창(700b), 모두 웹 페이지 주소에 대응하는 웹 페이지 전체 컨텐츠를 출력할 수 있다.
본 실시 예에 따른 웹 페이지 출력방식 변경 장치는 사용자가 출력공간의 세로길이를 축소시키는 것을, 사용자가 웹 페이지를 가로로 보고자 하는 의도로 이해하고, 웹 페이지를 가로로 길게 배치하여 출력하는 방식으로 출력방식을 변경하게 되므로, 웹 서핑을 하는 사용자의 편의성을 증진시킬 수 있다.
이 실시 예에서, 출력방식변경부(150)는 확장출력공간을 산출하는 데에 있어서, 사용자 단말의 디스플레이의 가로길이를 하나의 변수로 입력받고, 입력된 변수를 확장출력공간을 산출하는 데에 이용할 수 있다. 여기서, 출력방식변경부(150)가 사용자 단말의 디스플레이의 가로길이를 변수로 입력받는 이유는, 크기변경비율이 작으면 작을수록 확장출력공간의 가로길이가 지나치게 확장되어서, 확장출력공간이 사용자 단말의 디스플레이 장치에서 제대로 표시되지 않을 수 있기 때문이다.
그러므로, 본 발명에서는 확장출력공간의 가로길이가 지나치게 길어지는 것을 막기 위해서, 사용자의 출력공간의 크기변경을 감지하면, 유효변경지점을 표시하고, 그 지점을 넘어서는 사용자의 입력에 대해서는 웹 페이지 출력방식 변경이 동작하지 않도록 설정할 수도 있다.
변경출력부(170)는 출력방식변경부(150)에 의해 변경된 출력방식에 따라 변경된 출력공간을 통해 웹 페이지를 출력하며, 공간제거부(171) 및 공간확장부(173)를 포함할 수 있다.
보다 구체적으로는, 변경출력부(170)는 출력방식변경부(150)로부터 변경된 출력방식을 전달받고, 전달받은 변경된 출력방식에 따라 웹 페이지의 구성항목을 배치하여 출력한다. 변경출력부(170)가 출력방식변경부(150)로부터 전달받는 변경된 출력방식에는 웹 페이지를 구성하는 각 구성항목이 배치되는 위치에 대한 정보, 각 구성항목이 항목변경비율에 의해 확대 또는 축소된 비율에 대한 정보, 항목변경비율에 따라 출력공간이 포함하는 프레임의 수에 대한 정보를 포함할 수 있다.
다른 선택적 실시 예로서, 변경출력부(170)는 변경된 출력방식에 따라 확장출력공간을 통해 웹 페이지를 출력할 수도 있다. 여기서, 확장출력공간은 전술한 출력방식변경부(150)의 실시 예에서, 크기변경비율에 따라 변경된 출력공간의 가로길이를 추가로 확장하여 산출한 출력공간을 의미하며, 그에 대한 도식적인 설명은 도 7에서 이미 상술한 바 있다.
또 다른 선택적 실시 예로서, 변경출력부(170)는 변경된 출력공간을 복수의 개별출력공간으로 분리할 수도 있다. 이때, 개별출력공간은 출력방식변경부(150)에서 변경되는 출력방식에 의해 재배치되는 각 구성항목을 출력하는 공간을 의미한다. 즉, 개별출력공간은 출력공간에 포함되는 작은 출력공간으로 정의될 수 있으며, 각 개별출력공간을 구분하기 위해서 각 개별출력공간마다 고유한 식별기호가 부여되어 있으며, 이에 대한 내용은 웹 페이지에 대한 웹 문서상에 기재되어 있다.
각 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함한다. 여기서 사용자의 선택을 받을 수 있다는 것은, 사용자가 입력장치를 통해 입력을 가하면 그 입력을 수신할 수 있다는 의미로서, 입력장치에는 일반적인 마우스나 키보드뿐만 아니라 터치스크린이 포함될 수 있다.
공간제거버튼은 개별출력공간에 표시되어 사용자의 입력을 수신할 수 있는 버튼을 의미한다. 공간제거버튼은 사용자의 선택을 받으면, 사용자로부터 선택을 받은 사실을 공간제거부(171)에 전달할 수 있다.
공간제거부(171)는 공간제거버튼이 사용자에 의해 선택되면, 사용자에 의해 선택된 공간제거버튼을 포함하는 개별출력공간을 제거한다.
각 개별출력공간마다 부여된 식별기호에는 각 개별출력공간의 크기에 대한 정보 및 변경된 출력공간에서의 개별출력공간의 위치에 대한 정보가 맵핑된다. 각 개별출력공간의 크기에 대한 정보는 변경출력부(170)에 저장된다.
공간제거부(171)는 개별출력공간을 제거하면서 제거된 개별출력공간의 식별기호를 회수한 후, 제거된 개별출력공간의 식별기호 및 제거된 개별출력공간의 식별기호와 맵핑된 제거된 개별출력공간의 크기에 대한 정보를 공간확장부(173)로 전송할 수 있다.
공간확장부(173)는 제거된 개별출력공간으로 인해 산출되는 공간에 의해 확장될 수 있는 개별출력공간을 파악하고, 파악된 개별출력공간을 확장시킨다.
먼저, 공간확장부(173)는 공간제거부(171)로부터 제거된 개별출력공간의 식별기호와 제거된 개별출력공간의 크기에 대한 정보를 수신한다.
이어서, 공간확장부(173)는 제거된 개별출력공간의 식별기호를 기초로, 제거된 개별출력공간이 출력공간에서 어느 위치에 있었는지 파악하고, 제거된 개별출력공간으로 인해 크기가 확장될 수 있는 개별출력공간을 파악한다.
보다 구체적으로, 공간확장부(173)는 개별출력공간이 제거되면서 산출되는 공간으로 인해 확장우선방향으로 확장될 수 있는 개별출력공간을, 확장될 수 있는 개별출력공간으로 파악할 수 있다. 확장우선방향은 개별출력공간이 공간확장부(173)에 의해 확장될 때, 우선하여 확장되어야 하는 방향을 의미하며, 확장우선방향에 대한 도식적인 설명은 도 12 및 도 13에서 후술하기로 한다.
여기서, 확장될 수 있는 개별출력공간은 제거된 개별출력공간과 바로 인접한 개별출력공간으로 한정되지 않는다. 또한, 크기가 확장될 제거된 개별출력공간과 인접한 개별출력공간은 적어도 하나 이상이 있을 수 있으며, 그 수가 복수인 경우는 미리 설정된 확장우선방향에 의해 적어도 하나 이상의 개별출력공간이 선택될 수 있다.
공간확장부(173)는 크기가 확장될 개별출력공간이 선택되면, 선택된 개별출력공간에 제거된 개별출력공간을 합침으로써, 선택된 개별출력공간의 크기를 확장시킬 수 있다. 이때, 공간확장부(173)는 선택된 개별출력공간이 복수인 경우, 제거된 개별출력공간의 크기를 선택된 개별출력공간의 숫자만큼 등분한 후, 선택된 개별출력공간을 제거된 개별출력공간의 등분한 크기만큼 확장시킬 수 있다.
공간확장부(173)는 개별출력공간이 확장되면, 확장된 개별출력공간을 포함한 모든 개별출력공간의 크기와 위치에 대한 정보를 출력방식변경부(150)로 전달한다.
출력방식변경부(150)는 개별출력공간의 크기와 위치에 대한 정보를 기초로 하여, 각 개별출력공간에 출력되는 구성항목의 크기를 변경하고, 각 개별출력공간에 크기가 변경된 구성항목이 재배치하도록 하는 출력방식을 변경하여, 변경출력부(170)로 전달한다. 변경출력부(170)는 전달받은 출력방식에 따라 웹 페이지를 출력하게 된다.
출력방식변경부(150)에서 공간확장부(173)에서 산출된 개별출력공간의 크기 및 위치에 대한 정보를 기초로, 각 개별출력공간에 출력되는 구성항목의 크기를 변경하고, 각 개별출력공간에 크기가 변경된 구성항목이 재배치하는 과정은, 도 3 내지 도 6에 대한 설명에서 전술한 방법에 의한다.
도 8은 공간제거부 및 공간확장부를 설명하기 위한 웹 브라우저 창의 일 예를 도시한 도면이다.
설명의 편의를 위해서 도 1의 출력방식변경부(150), 변경출력부(170), 공간제거부(171) 및 공간확장부(173)를 참조하기로 한다.
도 8의 (a)에서, 3개의 개별출력공간에는 각각 제1 영역(810a), 제2 영역(830a), 제3 영역(850a)이 출력된다. 각 개별출력공간은 점선을 경계로 나뉘어져 있다고 가정한다. 또한, 제1 영역(810a), 제2 영역(830a), 제3 영역(850a)은 합쳐서 하나의 웹 페이지를 구성하며, 각 영역은 하나의 웹 페이지를 구성하는 복수의 구성항목을 포함하고 있다고 가정한다.
여기서, 사용자가 제2 영역(830a)을 출력하는 개별출력공간에 포함된 공간제거버튼을 선택하면, 공간제거부(171)는 사용자의 입력을 감지하여 가운데 개별출력공간을 제거하고, 공간확장부(173)에 제거된 개별출력공간의 식별기호와 제거된 개별출력공간의 크기에 대한 정보를 전달할 수 있다.
공간확장부(173)는 공간제거부(171)로부터 개별출력공간의 식별기호를 수신하여, 공간이 확장되어야 하는 개별출력공간이 양측의 개별출력공간이라는 것을 파악한 후, 제거된 개별출력공간의 크기를 양분하여 남아있는 개별출력공간에 더함으로써, 결과적으로 개별출력공간은 2개만 남게 된다.
공간확장부(173)는 개별출력공간이 확장되면, 확장된 개별출력공간을 포함한 모든 개별출력공간의 크기와 위치에 대한 정보를 출력방식변경부(150)로 전달한다.
출력방식변경부(150)는 확장된 개별출력공간의 크기와 위치에 대한 정보를 기초로 출력방식을 변경하여, 변경출력부(170)에 전달한다. 이때, 확장된 개별출력공간에 출력되는 구성항목의 가로길이 및 세로길이는, 확장된 개별출력공간의 비율에 따라 늘어나게 된다. 변경출력부(170)는 출력방식변경부(150)로부터 확장된 개별출력공간에 대한 출력방식을 전달받고, 그에 따라 확장된 개별출력공간을 통해 웹 페이지를 출력하게 된다.
도 8의 (b)은 공간확장부(173)에 의해 2개만 남은 개별출력공간(810b, 850b)을 도시한 도면이다. 도 8의 (a)와 도 8의 (b)를 비교해보면, 개별출력공간의 확장으로 인해, 도 8의 (a)의 제1 영역(810a)에서 출력되던 웹 페이지의 컨텐츠(A3)가 도 8의 (b)의 제1 영역(810b)에서는 확장된 개별출력공간을 통해 출력되지 않는 것을 알 수 있다. 이는, 개별출력공간이 확장됨에 따라 구성항목의 가로길이 및 세로길이가 함께 확장되는 것으로 출력방식이 변경되었기 때문이다.
선택적 일 실시 예로서, 변경출력부(170)는 변경된 출력방식에 따라 변경된 출력공간을 통해 웹 페이지를 출력할 때에, 변경된 출력공간에 스크롤버튼을 포함시켜 출력할 수 있다. 개별출력공간도 출력공간의 일종이므로, 변경출력부(170)는 개별출력공간에 스크롤버튼을 포함시켜 출력할 수 있으며, 개별출력공간에 스크롤버튼을 포함시켜 출력시키는 방법은 출력공간에 스크롤버튼을 포함시켜 출력하는 방법에 의한다. 여기서, 출력공간에 표시되는 스크롤버튼은 일반적인 창(window)에 포함되어 동작하는 스크롤버튼과 유사한 기능을 수행한다. 먼저, 출력공간에 표시되는 스크롤버튼은 위, 아래 방향을 지칭하는 화살표로 구성되며, 사용자의 입력을 받아 현재 출력공간에 표시되는 웹 페이지의 영역과 다른 영역을 출력시키는 점에 있어서는, 일반적인 스크롤버튼과 동일한 기능을 수행한다.
다만, 출력공간에 표시되는 스크롤버튼은 개별출력공간에 출력되는 웹 페이지 영역에 표시되고, 고정된 위치를 갖지 않는다. 또한, 사용자가 웹 페이지의 컨텐츠에 접근하는 데에 있어서 방해가 되지 않도록, 출력공간에 표시되는 스크롤버튼은 반투명하게 표시되거나, 사용자의 특정한 제스처를 통해서만 표시되도록 설정된다는 점에서 일반적인 스크롤버튼과 다르다.
복수의 개별출력공간이 있고, 개별출력공간의 일부에 스크롤버튼이 표시되어 있다고 가정하면, 스크롤버튼은 다음과 같은 과정을 통해 개별출력공간에 출력되는 웹 페이지의 영역을 변경시킬 수 있다.
먼저, 사용자의 입력이 스크롤버튼에 감지되면, 감지된 사용자의 입력은 변경출력부(170)에 전달된다. 변경출력부(170)는 사용자의 입력으로부터 사용자가 스크롤버튼을 통해 어떤 웹 페이지의 영역을 보려고 한 것인지 파악할 수 있다.
변경출력부(170)는 파악된 사용자의 의도를 기초로, 사용자의 입력을 수신한 스크롤버튼이 표시된 개별출력공간에서 출력되는 웹 페이지의 영역을 변경시킨다. 예를 들어, 사용자가 스크롤버튼에서 위로 향하는 버튼에 입력을 가한 경우, 변경출력부(170)는 현재 개별출력공간에서 출력되고 있는 웹 페이지의 영역보다 더 위에 위치한 영역을, 사용자의 입력을 수신한 스크롤버튼이 표시되어 있는 개별출력공간을 통해서 출력시킬 수 있다.
본 발명은 사용자가 스크롤버튼을 이용하지 않아도 웹 페이지가 출력하는 전체 컨텐츠를 한눈에 보여주는 효과를 제공하기 위해 고안된 것이므로, 일반적인 경우 스크롤버튼이 개별출력공간에 표시될 필요가 없다. 다만, 본 발명은 개별출력공간에 공간제거버튼을 포함할 수 있고, 공간제거버튼에 사용자의 입력이 가해지면 복수의 개별출력공간 중 일부가 제거될 수 있으므로, 이미 제거된 개별출력공간에서 출력되는 웹 페이지 영역을 남아있는 개별출력공간을 통해 보기 위해서, 스크롤버튼이 필요하다.
다음은 확장된 개별출력공간에 스크롤버튼이 표시되는 과정이다.
먼저, 공간제거부(171)는 공간제거버튼이 사용자에 의해 선택되면, 선택된 공간제거버튼을 포함하는 개별출력공간을 제거한다. 이때, 공간제거부(171)는 제거된 개별출력공간의 식별기호를 회수하고, 제거된 개별출력공간에서 출력되던 웹 페이지의 영역에 대한 정보를 공간확장부(173)에 전달할 수 있다.
공간확장부(173)는 제거된 개별출력공간과 인접한 개별출력공간을 제거된 개별출력공간만큼 확장시키고, 확장된 개별출력공간이 출력하는 웹 페이지의 영역의 정보에 제거된 개별출력공간에서 출력되던 웹 페이지 영역에 대한 정보를 추가시킨다.
변경출력부(170)는 확장된 개별출력공간이 출력하는 웹 페이지의 영역의 정보에 제거된 개별출력공간에서 출력되던 웹 페이지 영역에 대한 정보가 있으면, 확장된 개별출력공간에 스크롤버튼을 포함시켜 출력시킨다.
위와 같은 과정을 거치면, 확장된 개별출력공간에서 확장되기 전과 같은 웹 페이지 영역을 출력하는 것은 변함이 없으나, 사용자는 확장된 개별출력공간에 표시된 스크롤버튼에 입력을 가함으로써 제거된 개별출력공간에서 출력되던 웹 페이지 영역을 확장된 개별출력공간을 통해서도 접근할 수 있게 된다.
도 9a는 개별출력공간에 표시되는 스크롤버튼에 대한 일 예를 도시한 도면이다.
도 9a의 (a)에서, 3개의 개별출력공간(910a, 930a, 950a)에는 각각 제1 영역, 제2 영역, 제3 영역이 출력된다. 여기서, 제1 영역, 제2 영역, 제3 영역은 하나의 웹 페이지를 구성하며, 각 영역은 웹 페이지를 구성하는 적어도 하나 이상의 구성항목을 포함하고 있다고 가정한다. 또한, 도 9a의 (a)에 도시된 제1 영역, 제2 영역, 제3 영역은 도 3의 (a)에 도시된 웹 브라우저 창과 같이 세로로 길게 출력되는 하나의 웹 페이지가 본 발명에 의해 가로배치된 것이고, 공간출력옵션은 출력되는 웹 페이지의 영역을 우선하는 것으로 설정되어 있다고 가정한다.
공간출력옵션은 공간확장부(173)에 포함되는 설정값의 일 예로서, 개별출력공간이 제거된 후, 확장된 개별출력공간을 통해 출력되는 웹 페이지의 영역을 결정하기 위한 기준이다. 공간확장부(173)는 개별출력공간이 제거되면, 남은 개별출력공간을 확장시키고, 확장된 개별출력공간을 통해서 출력되는 웹 페이지의 영역이 공간출력옵션이 어떻게 설정되어 있는지에 따라 달라지도록 한다.
공간출력옵션의 일 예로서, 공간출력옵션이 출력되는 웹 페이지의 영역을 우선하는 것으로 설정되면, 공간확장부(173)는 설정된 공간출력옵션을 기초로 하여, 사용자가 제거하는 개별출력공간을 통해서 출력되는 웹 페이지가 확장된 개별출력공간을 통해서는 출력되지 않도록 할 수 있다. 이때, 출력되지 않게 된 웹 페이지의 영역에는 사용자가 확장된 개별출력공간에 표시되는 스크롤버튼에 입력을 가하는 경우에 한해 접근할 수 있게 된다.
이 예에 대한 보다 구체적인 설명은 이하, 도 9a와 함께 도식적으로 설명하기로 하고, 또 다른 공간출력옵션의 예에 대한 설명은 도 9b에 대한 설명과 함께 후술하기로 한다. 공간출력옵션은 본 발명에 따른 웹 페이지 출력방식 변경 장치의 시스템관리자에 의해 기본값이 미리 설정될 수 있고, 사용자가 미리 설정된 공간출력옵션을 웹 브라우저의 환경설정 등을 통해서 임의로 변경할 수 있다.
도 9a의 (a)에서, 사용자가 제2 영역이 배치되어 있는 개별출력공간(930a)의 공간제거버튼을 선택하면, 공간제거부(171)는 사용자의 입력을 감지하여 가운데 개별출력공간(930a)을 제거하고, 공간확장부(173)에 제거된 개별출력공간의 식별기호와 크기에 대한 정보를 전달할 수 있다.
공간확장부(173)가 공간제거부(171)로부터 개별출력공간의 식별기호를 수신하여, 확장되어야 하는 개별출력공간이 양측의 개별출력공간(910a, 950a)이라는 것을 파악한 후, 제거된 개별출력공간의 크기를 양분하여 남아있는 개별출력공간에 더함으로써, 결과적으로 개별출력공간은 2개만 남게 된다.
도 9a의 (b)는 위와 같은 과정을 거쳐서, 2개의 개별출력공간(910b, 950b)만 남게 된 웹 브라우저 창(900b)을 도시한 도면이다. 다만, 도 9a의 (b)에서는 도 8의 (b)와는 달리 각 개별출력공간에 반투명한 스크롤버튼이 표시되는 점에서 차이가 있다.
도 9a의 (b)를 참조하면, 사용자는 좌측 개별출력공간(910b)의 스크롤버튼이나 우측 개별출력공간(950b)의 스크롤버튼에 입력을 가함으로써, 이미 제거된 개별출력공간에서 출력되던 웹 페이지의 영역을 출력시킬 수 있다. 즉, 각 개별출력공간에 표시되는 스크롤버튼은 사용자의 입력을 받아서 개별출력공간에 출력되는 구성항목보다 위나 아래에 배치되는 구성항목을 출력시키는 기능을 수행할 수 있다.
또한, 도 9a의 (a)의 각 개별출력공간(910a, 950a)이 도 9a의 (b)의 각 개별출력공간(910b, 950b)으로 확장됨에 따라, 도 9a의 (a)의 각 개별출력공간(910a, 950a)을 통해 출력되고 있던 구성항목의 출력방식도 변경된다. 즉, 도 9a의 (b)를 참조하면, 도 9a의 (a)에서 출력되고 있던 웹 페이지의 컨텐츠(A3, C3)는 더 이상 출력되지 않음을 알 수 있다.
개별출력공간에 표시되는 스크롤버튼은 사용자가 더 이상 필요없다고 생각하여 제거한 개별출력공간에 대해서도 스크롤버튼을 통해서 접근할 수 있는 사용자 편의성을 제공하지만, 상하스크롤이라는 기능적 특성상, 개별출력공간에 출력되는 각 영역을 세로로 배치했을 때, 완전한 웹 페이지를 구성할 수 있어야 한다.
도 9a의 (c)는 다른 예로서, 도 9a의 (a)에서 제1 영역이 배치된 개별출력공간(910a)이 제거되었을 때의 결과를 도시한 도면이다.
또한, 도 9a의 (a)의 각 개별출력공간(930a, 950a)이 도 9a의 (c)의 각 개별출력공간(930c, 950c)으로 확장됨에 따라, 도 9a의 (a)의 각 개별출력공간(910a, 950a)을 통해 출력되고 있던 구성항목의 출력방식도 변경된다. 즉, 도 9a의 (c)를 참조하면, 도 9a의 (a)에서 출력되고 있던 웹 페이지의 컨텐츠(B3, C3)는 더 이상 출력되지 않음을 알 수 있다.
도 9b는 개별출력공간에 표시되는 스크롤버튼에 대한 다른 일 예를 도시한 도면이다.
도 9b의 (a)에서, 3개의 개별출력공간(910a, 930a, 950a)에는 각각 제1 영역, 제2 영역, 제3 영역이 출력된다. 여기서, 제1 영역, 제2 영역, 제3 영역은 하나의 웹 페이지를 구성하며, 각 영역은 웹 페이지를 구성하는 적어도 하나 이상의 구성항목을 포함하고 있다고 가정한다. 또한, 도 9b의 (a)에 도시된 제1 영역, 제2 영역, 제3 영역은 도 3의 (a)에 도시된 웹 브라우저 창과 같이 세로로 길게 출력되는 하나의 웹 페이지가 본 발명에 의해 가로배치된 것이고, 공간출력옵션은 개별출력공간의 수를 우선하는 것으로 설정되어 있다고 가정한다.
여기서, 사용자가 제2 영역이 배치되어 있는 개별출력공간(930a)의 공간제거버튼을 선택하면, 공간제거부(171)는 사용자의 입력을 감지하여 가운데 개별출력공간(930a)을 제거하고, 공간확장부(173)에 제거된 개별출력공간의 식별기호와 크기에 대한 정보를 전달할 수 있다.
공간확장부(173)가 공간제거부(171)로부터 개별출력공간의 식별기호를 수신하여, 확장되어야 하는 개별출력공간이 양측의 개별출력공간(910a, 950a)이라는 것을 파악한 후, 제거된 개별출력공간의 크기를 양분하여 남아있는 개별출력공간에 더함으로써, 결과적으로 개별출력공간은 2개만 남게 된다.
전술한 것과는 다른 공간출력옵션의 일 예로서, 공간출력옵션이 개별출력공간의 수를 우선하는 것으로 설정되면, 공간확장부(173)는 설정된 공간출력옵션을 기초로 하여 확장된 두 개별출력공간(910b, 950b)을 통해서 웹 페이지를 순차적으로 출력되도록 할 수 있다. 여기서, 순차적으로 출력되는 웹 페이지란, 출력방식이 변경되기 전의 웹 페이지가 일반적인 웹 브라우저 창에서 출력되는 순서대로 구성항목이 배치되어 출력되는 웹 페이지를 의미한다.
도 9a의 (b)와 도 9b의 (b)를 비교하여 설명하면, 도 9a의 (b)에서는 공간출력옵션이 출력되는 웹 페이지의 영역을 우선으로 하도록 설정되어 있으므로, 사용자의 입력을 받지 않아서 제거되지 않는 개별출력공간(도 9a의 (a)의 910a, 950a)을 통해 출력되는 웹 페이지의 제1 영역과 제3 영역이, 확장된 개별출력공간(도 9a의 (b)의 910b, 950b)를 통해 출력된다.
반면, 도 9b의 (b)에서는 공간출력옵션이 개별출력공간의 수를 우선으로 하도록 설정되어 있으므로, 공간확장부(173)에 의해 각 개별출력공간(도 9a의 (a)의 910a, 950a)이 확장되면, 도 9b의 (a)의 개별출력공간에서 출력되는 웹 페이지의 제1 영역과 제2 영역이 확장된 개별출력공간(도 9a의 (b)의 910b, 950b)을 통해 출력된다.
도 9b의 (b)를 구현하기 위한 과정은 2개의 확장된 개별출력공간(도 9b의 (b)의 910b, 950b)을 생성하는 것까지는 도 9a의 (b)와 동일하나, 공간확장부(173)는 공간설정옵션이 개별출력공간의 수를 우선으로 하도록 설정된 것을 확인한 후, 그에 따라 웹 페이지의 영역의 크기를 확장시키고, 확장된 개별출력공간을 통해 확장된 웹 페이지의 영역을 출력하게 되는 점이 상이하다.
보다 상세하게는, 먼저, 공간제거부(171)는 공간제거버튼이 사용자에 의해 선택되면, 선택된 공간제거버튼을 포함하는 개별출력공간을 제거한다. 이때, 공간제거부(171)는 제거된 개별출력공간의 식별기호를 회수한다.
공간확장부(173)는 회수된 식별기호를 기초로 제거된 개별출력공간과 인접한 개별출력공간을 제거된 개별출력공간만큼 확장시키고, 확장된 개별출력공간의 크기에 따라 웹 페이지의 영역을 확장시키는 비율을 결정한 후, 확장된 개별출력공간을 통해서 확장된 웹 페이지의 영역을 순차적으로 출력하도록 한다. 즉, 도 9b의 (b)를 참조하면, 확장된 개별출력공간(910b, 950b)을 통해서 웹 페이지의 상단에 위치하는 컨텐츠(A1, A2, A3, B1)만이 출력되는 것을 알 수 있다.
즉, 공간출력옵션이 출력되는 웹 페이지를 우선하는 것으로 설정된 경우, 사용자가 제거하는 개별출력공간에서 출력되던 웹 페이지의 영역은 확장된 개별출력공간에서 사용자가 스크롤버튼에 입력을 가하는 경우에만 확장된 개별출력공간을 통해 출력될 수 있다. 이 실시 예는 사용자가 공간제거버튼을 통해 특정 개별출력공간을 제거하는 것은 사용자가 제거하는 개별출력공간을 통해 출력되는 웹 페이지의 영역을 사용자가 더 이상 볼 필요가 없다고 해석할 수 있으므로 제안되는 것이다.
반면, 공간출력옵션이 개별출력공간의 수를 우선하는 것으로 설정된 경우, 사용자가 제거하는 개별출력공간에서 출력되던 웹 페이지의 영역은 확장된 개별출력공간을 통해 출력될 수 있다. 즉, 본 실시 예에 따르면, 사용자가 제거하는 개별출력공간이 어떤 것이 되더라도 최종적으로 웹 브라우저 창을 통해 출력되는 웹 페이지의 영역은 동일하게 된다. 이 실시 예는 사용자가 공간제거버튼을 통해 특정 개별출력공간을 제거하는 것은, 사용자가 더 적은 개수의 개별출력공간을 통해서 웹 페이지를 보려고 한다고 해석할 수 있으므로 제안되는 것이다.
본 발명의 또 다른 실시 예에 따른 웹 페이지 출력방식 변경 장치에 있어서, 출력공간은 복수의 출력영역을 구비한 복합 웹 페이지에 포함된 출력영역 중 하나일 수 있다. 여기서, 복수의 출력영역은 각각 독립된 웹 페이지가 출력되는 영역을 의미하며, 각 출력영역의 크기가 변경될 수 있다.
본 실시 예에서, 복합 웹 페이지는 사용자가 복합 웹 페이지를 출력시키기 위한 웹 페이지 주소를 웹 브라우저 창의 주소란에 입력하면 출력되는 웹 페이지로서, 각각 독립된 웹 페이지가 출력되는 복수의 출력 영역을 구비한 웹 페이지를 의미한다. 복수의 출력영역을 구비하기 위해서, 복합 웹 페이지의 웹 문서에는 웹 브라우저 창의 출력공간을 복수의 출력영역으로 구분하는 스크립트가 기재된다.
웹 브라우저 창의 출력공간을 복수의 출력영역으로 구분하는 것은 사용자가 접속하는 웹 사이트의 제작자가 웹 사이트에 대한 웹 문서를 제작할 때, 웹 문서상에 기재하게 된다.
예를 들면, 서로 다른 5가지의 홈 쇼핑몰 사이트를 하나의 출력공간에서 출력시키도록 하는 복합 웹 페이지를 운영하는 제작자가 있다고 가정한다. 위와 같은 예에서, 복합 웹 페이지의 제작자가 복합 웹 페이지에 대한 웹 문서를 HTML를 통해 작성했다고 가정하면, 웹 문서에는 5개의 출력영역을 생성하고, 각 출력영역에는 'a href' 같은 링크 태그를 통해 각각 다른 홈 쇼핑몰의 사이트 주소가 기재되며, 각 출력영역이 크기가 자유롭게 변경될 수 있도록 'noresize' 태그에 대한 스크립트가 기재되지 않아야 한다.
위와 같은 예에서, 복합 웹 페이지의 제작자는 각 출력영역을 구분하기 위해서 'name' 태그를 이용할 수 있다. 이하, 웹 문서상에서 각 출력영역을 구분하기 위한 삽입되는 태그나 기호는 식별기호로 통칭하기로 한다.
즉, 본 실시 예에서, 출력영역은 크기가 변경될 수 있는 웹 페이지를 출력하는 영역이라는 점에서 출력공간과 동일한 특성을 가지고, 출력영역의 크기가 변경되면, 출력영역에서 출력되는 웹 페이지의 출력방식도 변경된다.
도 11은 본 발명의 일 실시 예에 따라 복수의 출력영역을 구비한 복합 웹 페이지를 도시한 도면이다.
도 11을 참조하면, 도 11에 도시된 웹 브라우저 창(1100)은 웹 페이지 주소 입력란(1110)과 1부터 5까지 식별기호가 할당된 5개의 출력영역(1120, 1130, 1140, 1150, 1160)을 포함한다.
웹 페이지 주소 입력란(1110)은 사용자로부터 웹 페이지 주소를 수신하여, 웹 페이지 주소에 대응되는 웹 페이지를 웹 브라우저 창(1100)의 출력공간에 출력시킨다. 여기서, 웹 페이지 주소 입력란(1110)에는 5개의 출력영역이 정의되어 있는 복합 웹 페이지의 주소가 입력되어, 웹 브라우저 창(1100)의 출력공간은 5개의 출력영역(1120, 1130, 1140, 1150, 1160)으로 구분되어 출력된다. 복합 웹 페이지에 대한 웹 문서에는 5개의 출력영역의 식별기호, 크기, 위치에 대한 정보가 스크립트로 기재되어 있다.
5개의 출력영역(1120, 1130, 1140, 1150, 1160)은 복합 웹 페이지에 대한 웹 문서에 기재된 내용에 따라 각각의 컨텐츠를 출력한다. 복합 웹 페이지에 대한 웹 문서상으로 각 출력영역은 크기가 변경될 수 있는 것으로 정의되므로, 각 출력영역은 사용자의 입력을 수신하여, 출력영역의 크기가 변경될 수 있다. 출력영역의 크기가 변경되면, 본 발명에 따른 웹 페이지 출력방식 변경 장치에 따라, 출력영역에서 출력되고 있던 웹 페이지의 출력방식도 변경되며, 웹 페이지의 출력방식이 변경되는 과정은 도 2 내지 도 6에 대한 설명에서 전술한 바 있다.
도 11에서 도시된 것과 같이 하나의 웹 브라우저 창을 통해 다중으로 웹 페이지가 출력되면, 실시간으로 변화하는 여러 웹 페이지를 한눈에 보면서 작업할 수 있게 되어 사용자의 업무의 효율성이 증진될 수 있다.
또한, 복합 웹 페이지에 구비된 복수의 출력영역은 전술한 도 3 내지 도 10에 따른 실시 예에 따라 동작할 수 있으므로, 사용자는 더 이상 열어놓을 필요가 없게 된 출력영역을 제거하거나, 특정 웹 페이지를 출력하는 출력영역의 크기를 변경할 수 있다. 도 11에 도시된 5개의 출력영역(1120, 1130, 1140, 1150, 1160)에는 도 9a 및 도 9b에서 설명한 것과 같이 스크롤버튼이 표시됨으로써, 사용자는 각각의 출력공간에서 출력되는 웹 페이지의 열람을 용이하게 할 수 있다.
복수의 출력영역을 구비한 복합 웹 페이지를 출력하는 웹 브라우저 창의 선택적 실시 예로서, 웹 브라우저 창에 포함된 복수의 출력영역 중 어느 하나가 사용자에 의해 일정비율이상 확대될 경우, 확대된 출력영역을 제외한 나머지 출력영역을 제거하고, 하나의 출력공간에서만 확대된 출력영역에서 출력되고 있던 웹 페이지를 표시할 수도 있다.
위와 같은 실시 예는, 사용자가 하나의 출력영역을 일정비율이상 확대하는 것은 사용자가 확대한 출력영역을 제외한 나머지 출력영역을 더 이상 필요로 하지 않는다고 해석할 수 있으므로 제안될 수 있는 실시 예라고 볼 수 있다. 이 선택적 실시 예에서 출력영역을 제거하거나 확장하는 것은 전술한 공간제거부(171) 및 공간확장부(173)에 의해 수행될 수 있다.
도 12는 복수의 출력영역을 구비한 복합 웹 페이지를 출력하는 웹 브라우저 창에서 하나의 출력영역이 제거될 때의 결과를 도시한 도면이다.
도 12에서, 각 출력영역에 표시된 숫자는 각 출력영역을 구분하기 위해 붙여진 식별기호이고, 각 출력영역은 공간제거버튼을 포함한다고 가정하며, 설명의 편의를 위해서, 도 1의 공간제거부(171) 및 공간확장부(173)를 참조하도록 한다. 본 발명이 실제로 구현되는 경우, 각 출력영역을 구분하기 위한 식별기호의 표시는 생략될 수 있다.
도 12의 (a)는 복수의 출력영역을 포함하는 웹 브라우저 창에서 식별기호 1에 해당하는 출력영역이 제거되기 전의 웹 브라우저 창을 도시한 도면이며, 5개의 출력영역을 포함하는 웹 브라우저 창(1200a), 식별기호 1에 해당하는 출력영역(1210a), 식별기호 2에 해당하는 출력영역(1230a), 식별기호 3에 해당하는 출력영역(1250a)을 포함한다.
웹 브라우저 창(1200a)에 포함된 각각의 출력영역에는 복합 웹 페이지의 제작자에 의해 고유한 식별기호가 부여되어 있다. 식별기호는 복수의 출력영역을 구분하기 위해서, 복합 웹 페이지에 대한 웹 문서상에 각 출력영역마다 대응시켜 정의된다는 것은 이미 전술한 바 있다. 이는, 각 출력영역이 다른 웹 페이지 주소에 대응하는 웹 페이지를 출력할 수 있도록 하기 위함이며, 사용자로부터 공간제거버튼에 대한 입력을 수신하는 경우, 입력을 수신한 공간제거버튼을 포함하는 출력영역을 제거하고, 확장될 출력영역을 파악하기 위함이다.
도 12의 (b)는 식별기호 1에 해당하는 출력영역(1210a)이 제거되고, 공간확장부(173)에 확장우선방향이 가로길이로 설정되었을 때의 복수의 출력영역의 배치를 도시한 도면이다. 본 발명이 적용된 웹 브라우저 창을 통해 웹 서핑을 하는 사용자는 웹 브라우저 창의 환경설정창을 통해서 확장우선방향을 가로길이방향이나 세로길이방향 중 하나로 결정할 수 있다.
공간확장부(173)에 확장우선방향이 가로길이방향으로 설정되어 있으므로, 식별기호 3에 해당하는 출력영역(1250a)이 제거된 식별기호 1에 해당하는 출력영역(1210a)의 크기만큼 확장되어 확장된 식별기호 3에 해당하는 출력영역(1250b)이 된다. 이 과정에서, 식별기호 2에 해당하는 출력영역(1230a)의 세로길이도 식별기호 1에 해당하는 출력영역(1210a)이 제거됨에 따라 일부 확장된다. 식별기호 2에 해당하는 출력영역(1230a)의 세로길이가 확장되는 과정에 대해서는 도 14의 흐름도에서 상세히 설명하기로 한다. 확장된 식별기호 3에 해당하는 출력영역(1250b)을 통해서 출력되는 웹 페이지의 출력방식이 출력방식변경부(150)에 의해 변경되면, 변경출력부(170)는 변경된 출력방식에 따라 확장된 식별기호 3에 해당하는 출력영역(1250b)을 통해 웹 페이지를 출력하게 된다.
도 12의 (c)는 식별기호 1에 해당하는 출력영역(1210a)이 제거되고, 공간확장부(173)에 확장우선방향이 세로길이로 설정되었을 때의 복수의 출력영역의 배치를 도시한 도면이다.
공간확장부(173)에 확장우선방향이 세로길이방향으로 설정되어 있으므로, 식별기호 2에 해당하는 출력영역(1230a)이 제거된 식별기호 1에 해당하는 출력영역(1210a)의 크기만큼 확장되어 확장된 식별기호 2에 해당하는 출력영역(1230c)이 될 수 있다.
확장된 식별기호 2에 해당하는 출력영역(1230c)을 통해서 출력되는 웹 페이지의 출력방식이 출력방식변경부(150)에 의해 변경되면, 변경출력부(170)는 변경된 출력방식에 따라 확장된 식별기호 2에 해당하는 출력영역(1230c)을 통해 웹 페이지를 출력하게 된다.
도 13은 도 12와 다른 실시 예에 따른 복수의 출력공간을 포함하는 웹 브라우저 창에서 특정 출력공간에 제거될 때의 결과를 도시한 도면이다.
도 13의 (a)는, 복수의 출력영역을 포함하는 웹 브라우저 창에서 식별기호 1에 해당하는 출력영역이 제거되기 전의 웹 브라우저 창을 도시한 도면이며, 5개의 출력영역을 포함하는 웹 브라우저 창(1300a), 식별기호 1에 해당하는 출력영역(1310a), 식별기호 3에 해당하는 출력영역(1330a), 식별기호 4에 해당하는 출력영역(1350a)을 포함한다.
웹 브라우저 창(1300a)에 포함된 각각의 출력영역은 독립적인 식별기호가 부여된다. 이는, 각 출력영역이 다른 웹 페이지 주소에 대응하는 웹 페이지를 출력할 수 있도록 하기 위함이며, 사용자로부터 공간제거버튼에 대한 입력을 수신하는 경우, 입력을 수신한 공간제거버튼을 포함하는 출력영역을 제거하고, 확장될 출력영역을 파악하기 위함이다.
도 13의 (b)는 식별기호 3에 해당하는 출력영역(1330a)이 제거되고, 공간확장부(173)에 확장우선방향이 가로길이로 설정되었을 때의 복수의 출력영역의 배치를 도시한 도면이다.
공간확장부(173)에 확장우선방향이 가로길이방향으로 설정되어 있으므로, 식별기호 1에 해당하는 출력영역(1310a)이 제거된 식별기호 3에 해당하는 출력영역(1330a)의 크기만큼 확장되어, 확장된 식별기호 1에 해당하는 출력영역(1310b)이 된다.
이 과정에서, 식별기호 4에 해당하는 출력영역(1350a)의 세로길이도 식별기호 1에 해당하는 출력영역(1310b)이 제거됨에 따라 일부 축소된다. 식별기호 4에 해당하는 출력영역(1350a)의 세로길이가 축소되는 과정에 대해서는 도 14의 흐름도에서 상세히 설명하기로 한다.
확장된 식별기호 1에 해당하는 출력영역(1310b)을 통해서 출력되는 웹 페이지의 출력방식이 출력방식변경부(150)에 의해 변경되면, 변경출력부(170)는 변경된 출력방식에 따라 확장된 식별기호 1에 해당하는 출력영역(1310b)을 통해 웹 페이지를 출력하게 된다.
도 13의 (c)는 식별기호 3에 해당하는 출력영역(1330a)이 제거되고, 공간확장부(173)에 확장우선방향이 세로길이로 설정되었을 때의 복수의 출력공간의 배치를 도시한 도면이다.
공간확장부(173)에 확장우선방향이 세로길이방향으로 설정되어 있으므로, 도 13의 (a)의 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)이 제거된 식별기호 3에 해당하는 출력영역(1330a)의 크기만큼 확장되어, 도 13의 (c)의 확장된 식별기호 4에 해당하는 출력영역(1350c) 및 확장된 식별기호 5에 해당하는 출력영역(1370c)이 된다.
전술한 것과 같이 공간확장부(173)는 제거된 출력영역으로 인해서 확장될 수 있는 출력영역을 파악하고, 파악된 출력영역을 확장시킨다. 그러므로, 식별기호 3에 해당하는 출력영역(1330a)이 제거되고, 확장우선방향이 세로길이방향으로 설정되면, 공간확장부(173)는 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)을 확장할 수 있는 출력영역으로 파악할 수 있다.
확장된 식별기호 4에 해당하는 출력영역(1350c)을 통해서 출력되는 웹 페이지의 출력방식과 확장된 식별기호 5에 해당하는 출력영역(1370c)을 통해서 출력되는 웹 페이지의 출력방식이 출력방식변경부(150)에 의해 변경되면, 변경출력부(170)는 변경된 출력방식에 따라 각각의 웹 페이지를 출력하게 된다.
도 14는 복수의 출력영역을 구비한 복합 웹 페이지를 출력하는 웹 브라우저 창에서 특정 출력영역이 제거될 때의 과정을 도시한 흐름도이다.
설명의 편의를 위해서, 도 1에 도시한 블록도를 참조하도록 한다.
먼저, 공간제거부는 사용자의 공간제거버튼에 대한 입력을 감지한다(S1410). 사용자는 복수의 출력영역을 포함하는 웹 브라우저 창을 이용하다가 하나의 출력영역을 제거하고자 할 때, 제거하려는 출력영역에 포함된 공간제거버튼에 입력을 가할 수 있다. 공간제거부는 사용자의 공간제거버튼에 대한 입력을 감지하여, 입력이 감지된 공간제거버튼을 포함하는 출력영역을 제거하고, 공간제거버튼이 포함된 출력영역의 식별기호, 출력영역의 크기, 출력영역의 위치에 대한 정보를 공간확장부에 전달할 수 있다.
공간확장부는 제거된 출력영역으로 인해 확보되는 공간을 어느 출력영역을 확장하는 데에 사용할지 결정한다(S1430).
보다 구체적으로는, 공간확장부는 제거된 출력영역의 식별기호를 공간제거부로부터 전달받고, 공간확장부에 저장된 확장우선방향을 기초로 하여 확장될 수 있는 출력영역의 식별기호를 파악한다.
공간확장부는 제거된 출력영역의 크기와 위치를 파악하여, 확장될 수 있는 출력영역이 확장되어야 하는 공간이 얼마나 되는지 계산한다(S1450).
확장우선방향에 따라 확장될 수 있는 출력영역이 복수가 될 경우에는, 제거된 출력영역의 크기를 확장될 수 있는 출력영역의 수만큼 등분한 공간이 확장되어야 하는 공간이 된다.
예를 들어, 도 13을 참조하면, 도 13의 (a)에서 식별기호 4에 해당하는 출력영역(1350a)과 식별기호 5에 해당하는 출력영역(1370a)은 확장우선방향이 세로길이방향이면, 도 13의 (c)에서 도시된 것과 같이 제거된 출력영역의 크기를 양분한 만큼 확장된다(1350c, 1370c).
단계 S1450의 일 예로서, 공간확장부는 확장될 수 있는 출력영역이 확장된 경우의 웹 브라우저 창의 전체 출력공간의 크기가 복합 웹 페이지를 구성하는 모든 출력영역의 크기의 합과 같은지 판단한 결과 양 값이 같지 않다면, 추가로 확장 또는 축소되어야 하는 출력영역을 탐색하고, 탐색된 출력영역의 공간이 얼마나 확장 또는 축소되어야 하는지 계산한다.
본 실시 예에서, 공간확장부는 웹 브라우저 창의 전체 출력공간의 크기가 복합 웹 페이지를 구성하는 모든 출력영역의 크기의 합보다 크면, 추가로 확장되어야 하는 출력영역을 탐색한다. 또한, 공간확장부는 웹 브라우저 창의 전체 출력공간의 크기가 복합 웹 페이지를 구성하는 모든 출력영역의 크기의 합보다 작으면, 추가로 축소되어야 하는 출력영역을 탐색한다.
공간확장부는 확장될 수 있는 출력영역이 확장된 후 전체 출력공간에서 남거나 부족해진 공간을 제거하기 위해서 가로길이 및 세로길이 중 어느 한 방향으로만 크기가 변경될 수 있는 출력영역인지 여부를, 추가로 확장되거나 축소되어야 하는 출력영역을 탐색하여 결정하는 기준으로 할 수 있다.
즉, 공간확장부는 식별기호별로 크기와 위치를 파악하여, 가로길이나 세로길이 중 어느 한 방향으로만 길이를 변경시켰을 때, 전체 출력공간에서 남거나 부족해진 공간이 제거될 수 있는 출력영역을, 확장하거나 축소되어야 하는 출력영역으로 결정한다. 이때, 추가로 확장되거나 축소되어야 하는 출력영역은 복수가 될 수 있으며, 그 수에 반비례하여 출력영역은 적게 확장되거나 축소된다.
도 12의 (a) 및 (b)를 참조하여 본 실시 예를 설명하면, 먼저, 공간제거부는 사용자의 공간제거버튼에 대한 입력을 감지한다(단계 S1410). 공간확장부는 식별기호 1에 해당하는 출력영역(1210a)이 제거됨에 따라 확보되는 공간을 어느 출력영역을 확장하는 데에 사용할지 결정한다(단계 S1430). 도 12의 (b)에서는 가로길이방향이 확장우선방향으로 되어 있으므로, 식별기호 3에 해당하는 출력영역(1250a)이 확장될 출력영역으로 결정된다. 공간확장부는 식별기호 3에 해당하는 출력영역(1250a)을 가로길이방향으로 우선확장한 경우, 복합 웹 페이지를 구성하는 출력영역의 크기의 합이 웹 브라우저 창의 전체 출력공간의 크기와 같지 않은 것으로 판단한다.
공간확장부는 식별기호 3에 해당하는 출력영역(1250a)을 가로길이방향으로 우선확장한 경우, 복합 웹 페이지를 구성하는 출력영역의 크기의 합이 웹 브라우저 창의 전체 출력공간의 크기보다 작다고 판단하여, 추가로 확장되어야 하는 출력영역을 탐색한다.
공간확장부는 제거된 식별기호 1에 해당하는 출력영역(1210a)과 이미 확장될 것으로 예정된 식별기호 3에 해당하는 출력영역(1250a)을 제외한 나머지 출력영역의 위치와 크기를 파악한다. 공간확장부는 웹 브라우저 창의 전체 출력공간에서 남는 공간의 위치와 크기를 판단하여, 세로길이방향으로 길이가 확장되는 것으로 전체 출력공간의 남는 공간을 제거할 수 있는 식별기호 2에 해당하는 출력영역(1230a)을 추가로 확장되어야 하는 출력영역으로 결정하게 된다.
이어서, 공간확장부는 식별기호 2에 해당하는 출력영역(1230a)이 얼마나 확장되어야 하는지 계산한다. 공간확장부는 웹 브라우저 창의 전체 출력공간에서 남는 공간의 세로길이를 식별기호 2에 해당하는 출력영역(1230a)의 세로길이에 합산함으로써, 확장된 식별기호 2에 해당하는 출력영역(1230b)의 세로길이를 결정하게 된다.
즉, 공간확장부는 확장될 출력영역이 1차적으로 식별기호 3에 해당하는 출력영역(1250a)이고, 2차적으로 식별기호 2에 해당하는 출력영역(1230a)라는 것을 판단하고, 각 출력영역(1230a, 1250a)이 확장되어야 하는 크기에 대한 정보를 결정한다(단계 S1450).
본 실시 예에서 도 12의 (a) 및 (b)를 참조하여 설명한 과정은 도 13의 (a) 및 (b)에 대해서도 아래와 같이 그대로 적용될 수 있다.
도 13의 (a) 및 (b)를 참조하여 본 실시 예를 설명하면, 먼저, 공간제거부는 사용자의 공간제거버튼에 대한 입력을 감지한다(단계 S1410). 공간확장부는 식별기호 3에 해당하는 출력영역(1330a)이 제거됨에 따라 확보되는 공간을 어느 출력영역을 확장하는 데에 사용할지 결정한다(단계 S1430). 도 13의 (b)에서는 가로길이방향이 확장우선방향으로 되어 있으므로, 식별기호 1에 해당하는 출력영역(1310a)이 확장될 출력영역으로 결정된다. 공간확장부는 식별기호 1에 해당하는 출력영역(1310a)을 가로길이방향으로 우선확장한 경우, 복합 웹 페이지를 구성하는 출력영역의 크기의 합이 웹 브라우저 창의 전체 출력공간의 크기와 같지 않은 것으로 판단한다.
공간확장부는 식별기호 1에 해당하는 출력영역(1310a)을 가로길이방향으로 우선확장한 경우, 복합 웹 페이지를 구성하는 출력영역의 크기의 합이 웹 브라우저 창의 전체 출력공간의 크기보다 크다고 판단하여, 추가로 축소되어야 하는 출력영역을 탐색한다.
공간확장부는 제거된 식별기호 3에 해당하는 출력영역(1330a)과 이미 확장될 것으로 예정된 식별기호 1에 해당하는 출력영역(1310a)을 제외한 나머지 출력영역의 위치와 크기를 파악한다. 공간확장부는 웹 브라우저 창의 전체 출력공간에서 남는 공간의 위치와 크기를 판단하여, 세로길이방향으로 길이가 축소되는 것으로 전체 출력공간의 부족한 공간을 제거할 수 있는 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)을 추가로 축소되어야 하는 출력영역으로 결정하게 된다.
이어서, 공간확장부는 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)이 얼마나 축소되어야 하는지 계산한다. 공간확장부는 웹 브라우저 창의 전체 출력공간에서 부족한 공간의 세로길이를 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)의 세로길이에서 균등하게 감산한다.
즉, 공간확장부는 1차적으로 확장될 출력영역이 식별기호 1에 해당하는 출력영역(1310a)이라고 판단하고, 2차적으로 축소될 출력영역이 식별기호 4에 해당하는 출력영역(1350a) 및 식별기호 5에 해당하는 출력영역(1370a)이라고 판단한 후, 각 출력영역의 크기에 대한 정보를 결정한다(단계 S1450).
공간확장부는 단계 S1450에서 계산된 값에 따라 제거된 출력공간에 인접한 출력공간에서 선택된 하나의 출력공간을 확장시키고, 확장된 출력공간의 크기, 위치에 대한 정보를 출력방식변경부로 전달한다(S1470). 이어서, 출력방식변경부는 전달받은 정보를 기초로 확장된 출력영역에 대한 웹 페이지 출력방식을 변경하여, 변경출력부에 전달하고, 변경출력부는 전달받은 출력방식에 따라 확장된 출력영역에 웹 페이지를 출력한다(S1490).
도 15는 본 발명의 또 다른 일 실시 예에 따른 웹 페이지 출력방식 변경 방법에 대한 흐름도를 도시한 도면이다.
도 15의 흐름도에서 도시하는 웹 페이지 출력방식 변경 방법은 도 1에서 도시한 웹 페이지 출력방식 변경 장치(100)에 의해 구현될 수 있으며, 전술한 내용과 중복되는 실시 예에 대한 설명은 생략한다.
크기변경감지부는 웹 페이지를 출력하는 출력공간의 크기변경을 감지한다(S1510).
크기변경감지부는 출력공간의 크기변경이 감지되면 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 출력공간에 표시할 수 있다. 유효변경지점은 본 발명에 따른 웹 페이지 출력방식 변경 장치에 의해서, 웹 페이지의 출력방식이 변경되어 출력될 수 있도록 하기 위한 최소변경지점이 될 수 있다.
크기변경감지부는 웹 페이지를 출력하는 출력공간의 크기변경이 감지되면, 패턴판단부에 크기변경에 대한 정보를 전달할 수 있다. 여기서 크기변경에 대한 정보는, 사용자의 입력으로 인해서 웹 페이지를 출력하는 출력공간이 어느 방향으로 얼마나 늘어나거나 줄어들었는지에 대한 정보를 의미한다.
크기변경감지부는 최소변경지점에 해당하는 유효변경지점에 대한 정보를 저장하고 있다가, 사용자가 웹 브라우저 창의 크기변경을 시도할 때마다 유효변경지점을 출력공간에 표시함으로써, 사용자는 웹 페이지의 출력방식이 변경되기 위해서 필요한 출력공간의 크기변경의 정도를 시각적으로 확인할 수 있다.
선택적 실시 예로서, 유효변경지점은 웹 페이지의 출력방식이 변경되어 출력될 수 있도록 하기 위한 최소변경지점뿐만 아니라, 웹 페이지의 출력방식이 가장 이상적으로 변경되어 출력될 수 있도록 하기 위한 권장변경지점으로도 정의될 수 있다.
또한, 유효변경지점이 표시되는 지점은 미리 설정된 특정 지점일 수도 있다. 가령, 출력공간의 최상단으로부터 100번째 픽셀이 위치하는 부분에 고정적으로 유효변경지점이 표시될 수도 있다. 이와 같은 방식에 의하면, 출력공간의 전체 크기와 상관없이 유효변경지점이 표시되는 지점은 출력공간의 최상단으로부터 100번째 픽셀이 위치하는 곳이 된다.
크기변경감지부가 권장변경지점에 해당하는 유효변경지점에 대한 정보를 저장하고 있다가, 사용자가 웹 브라우저 창의 크기변경을 시도하는 것이 감지될 때, 유효변경지점을 표시함에 따라, 사용자는 유효변경지점을 참고하여 출력공간의 크기를 용이하게 변경할 수 있다.
선택적 실시 예로서, 사용자는 크기변경감지부(110)가 출력공간의 크기변경을 감지하더라도, 감지된 크기변경에 대한 정보를 패턴판단부(130)에 전달하지 않도록 설정할 수 있다. 즉, 사용자는 사용자가 원하는 경우에만 본 발명에 따른 웹 페이지 출력방식이 변경되도록 할 수 있다.
패턴판단부는 크기변경감지부에서 크기변경이 감지되면, 그 크기변경을 기저장된 크기변경 패턴과 대응되는지 여부를 판단한다(S1530).
크기변경 패턴은 크기변경감지부로부터 전달되는 출력공간의 크기변경에 대한 정보와 비교하기 위해서 패턴판단부에 미리 저장되어 있는 정보이다. 패턴판단부에 저장되는 크기변경 패턴은 크기가 변경되는 방향, 크기가 변경되는 정도, 크기가 변경되는 종류 중 적어도 한 가지 이상으로 구성될 수 있다. 크기가 변경되는 방향은 가로 또는 세로 방향이 될 수 있고, 크기가 변경되는 정도는 고정된 상수나 비율이 될 수 있으며, 크기가 변경되는 종류는 확대나 축소일 수 있다.
패턴판단부에 저장되는 크기변경 패턴의 개수는 적어도 하나 이상이다. 패턴판단부에 저장되는 크기변경 패턴의 개수는 본 발명에 따른 웹 페이지 출력방식 변경 장치의 설정을 변경할 수 있는 권한을 가진 사용자에 의해서, 늘어나거나 줄어들 수 있다.
패턴판단부는 크기변경 패턴에 미리 지정된 범위내에서 웹 브라우저 창의 출력공간의 크기가 변경되면, 크기변경이 기저장된 크기변경 패턴과 서로 대응되는 것으로 판단할 수 있다. 패턴판단부에 저장되는 크기변경 패턴은 사용자의 다양한 움직임에 대처할 수 있을 정도로 충분히 여유범위를 설정하여 저장되는 것이 바람직하다. 패턴판단부는 사용자의 입력에 의한 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단한 후, 판단한 결과를 출력방식변경부에 전달한다.
출력방식변경부는 패턴판단부로부터 출력공간의 크기변경이 기저장된 크기변경 패턴과 대응되지 않는다고 판단한 결과를 수신하면, 출력방식을 변경하지 않는다.
선택적 실시 예로서, 패턴판단부는 출력공간의 크기변경이 기저장된 크기변경 패턴과 대응되지 않는다고 판단한 경우, 그 판단한 결과를 출력방식변경부에 전달하지 않고, 출력방식을 변경하지 않을 수도 있다.
출력방식변경부는 크기변경감지부에서 감지한 크기변경이 기저장된 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경한다(S1550).
출력방식변경부는 출력공간의 크기변경이 크기변경 패턴과 대응되면, 변경된 출력공간의 크기와 변경되기 전의 출력공간의 크기를 대비하여 크기변경비율을 산출하고, 산출된 크기변경비율에 따라 변경된 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경할 수 있다.
보다 구체적으로는, 출력방식변경부는 패턴판단부가 판단한 결과, 사용자의 입력에 의해 변경되기 전의 출력공간의 크기 및 사용자의 입력에 의해 변경된 후의 출력공간의 크기를 기초로 웹 페이지의 출력방식을 변경할 수 있다.
먼저, 출력방식변경부는 웹 페이지의 스크립트를 분석하여, 웹 페이지를 구성하는 각 구성항목에 대한 정보를 획득할 수 있다.
보다 구체적으로, 출력방식변경부는 웹 페이지 주소에 접속함에 따라 접근할 수 있는 웹 페이지에 대한 웹 문서를 열어서, 웹 문서에 기재된 스크립트로부터 웹 페이지에 포함되어 출력되는 배너, 동영상, 정지영상, 텍스트 등과 같은 구성항목을 식별하고, 식별된 각각의 구성항목에 대한 정보를 획득한다. 여기서, 구성항목에 대한 정보란, 구성항목의 폭(width), 높이(height) 등과 같은 크기정보를 포함한다.
출력방식변경부는 웹 페이지를 구성하는 각 구성항목에 대한 정보를 획득한 후, 변경된 출력공간의 크기를 기초로 각 구성항목의 크기를 변경시키는 비율(항목변경비율)을 결정한다.
출력방식변경부가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 예로서, 출력방식변경부는 변경되기 전의 출력공간의 크기에서 변경된 출력공간의 크기가 어떤 비율로 변경되었는지 판단한 후, 판단된 비율을 기초로 항목변경비율을 결정한다. 여기서, 출력방식변경부가 판단한 비율의 예로서, 전술한 크기변경비율이 될 수 있다.
출력방식변경부가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 다른 예로서, 출력방식변경부는 출력공간의 크기가 변경되면, 그에 대응되는 값을 항목변경비율로 결정한다.
출력방식변경부가 항목변경비율을 변경된 출력공간의 크기를 기초로 결정하는 또 다른 예로서, 출력방식변경부는 변경된 출력공간의 크기와 웹 페이지의 전체길이를 기초로 항목변경비율을 결정한다.
전술한 수학식 1은 출력방식변경부가 변경된 출력공간의 크기와 웹 페이지의 전체길이를 기초로 항목변경비율을 결정할 때, 이용될 수 있는 식의 일 예를 나타낸다.
출력방식변경부는 출력공간의 크기변경비율과 가장 근접한 자연수의 역수에 대한 값을 각 구성항목의 크기를 변경시키는 비율로 결정할 수 있다. 이에 대해서는 수학식 1 및 도 6에 대한 설명과 함께이미 설명한 바 있다.
출력방식변경부는 웹 페이지의 전체 세로길이 및 변경된 출력공간의 세로길이를 기초로 항목변경비율을 결정할 수 있다. 출력방식변경부는 수학식 1과 같은 상관관계를 만족하는 값 중 가장 큰 값만을 선택하여 항목변경비율로 결정한다.
출력방식변경부가 수학식 1의 상관관계를 통해서 항목변경비율 및 변경된 출력공간에 포함되는 프레임의 개수를 결정하는 것은, 변경된 출력공간에 웹 페이지가 포함하는 모든 컨텐츠를 출력하기 위함이다.
출력방식변경부는 변경된 출력공간의 크기를 기초로, 각 구성항목의 크기를 변경시키기 위한 항목변경비율을 결정한 후, 결정된 항목변경비율에 따라 각 구성항목의 크기를 변경한다.
구성항목의 크기는 구성항목의 가로길이 및 세로길이 중 적어도 한 가지 이상을 의미한다. 즉, 구성항목은 항목변경비율에 따라, 가로길이만 변경되거나, 세로길이만 변경되거나, 가로길이 및 세로길이 모두가 변경될 수 있다. 웹 페이지를 구성하는 구성항목은 적어도 하나 이상이고, 각 구성항목은 항목변경비율에 따라 동일한 방식으로 변경되어야 한다.
출력방식변경부는 구성항목의 크기가 변경되면, 변경된 크기의 구성항목을 변경된 출력공간에 재배치한다.
먼저, 출력방식변경부는 변경된 출력공간을 출력공간의 크기가 변경된 방향 및 항목변경비율을 기초로 하여 적어도 두 개 이상의 프레임으로 구분한다. 여기서, 각 프레임은 변경된 크기의 구성항목을 출력하는 변경된 출력공간에 포함된 공간으로 정의될 수 있다.
변경된 출력공간에 포함되는 프레임의 개수는 항목변경비율의 역수가 될 수 있다. 항목변경비율은 1/n(단, n은 1보다 큰 정수)의 형태로 표현되므로, 변경된 출력공간에 포함되는 프레임의 개수는 2개, 3개, 4개 등이 될 수 있다. 출력방식변경부는 적어도 두 개 이상으로 구분된 프레임에 변경된 크기의 구성항목을 순차적으로 배치한다. 출력방식변경부는 변경된 출력공간에서 제1 프레임에 변경된 크기의 구성항목을 배치한다. 여기서 제1 프레임은 복수의 프레임 중 가장 좌측이나 상단에 위치한 프레임으로서, 사용자가 변경된 출력공간에서 웹 페이지의 컨텐츠를 확인할 때 일반적으로 가장 먼저 볼 수 있는 위치에 있는 프레임을 의미한다. 예를 들어, 출력공간의 크기변경이 세로길이의 축소였다면, 변경된 출력공간에서 제1 프레임의 위치는 가장 좌측에 있는 프레임이 되고, 이에 대한 도식적인 설명은 도 3 내지 도 6을 통해 상술한 바 있다. 출력방식변경부는 제1 프레임에 변경된 크기의 구성항목들이 배치되어 제1 프레임 내부에 더 이상 구성항목을 배치할 잔여공간이 없게 되면,제1 프레임과 바로 인접한 프레임에 이어서 변경된 크기의 구성항목을 배치하는 것을 반복하여, 궁극적으로는 변경된 출력공간의 각 프레임에 웹 페이지를 구성하는 모든 구성항목이 출력될 수 있도록 한다.
출력방식변경부가 프레임 내부에 잔여공간이 없는 것을 판단하는 과정의 일 예로서, 출력방식변경부는 프레임에서 출력될 수 있는 웹 페이지의 세로길이를 계산하고, 계산된 결과를 토대로 잔여공간이 없다는 것을 판단할 수 있다.
출력방식변경부가 프레임 내부에 잔여공간이 없는 것을 판단하는 과정의 다른 예로서, 프레임에 구성항목이 배치될 수 없다는 정보를 수신하고, 수신된 정보를 토대로 프레임에 잔여공간이 없다는 것을 판단할 수 있다. 출력방식변경부는 현재 프레임에 구성항목이 배치될 수 없다는 정보를 통해, 프레임에 구성항목을 배치할 잔여공간이 충분하지 않다고 판단하고 다음 프레임에 변경된 크기의 구성항목을 배치할 수 있다.
또는, 출력방식변경부는 구성항목 자체의 크기가 큰 정지영상이나, 동영상이라서, 두 프레임에 나눠서 배치하는 것이 부적절하다고 판단하고, 공간이 충분한 다음 프레임에 구성항목을 배치할 수 있다.
최종적으로, 출력방식변경부는 이전 단계를 통해 결정된 구성항목, 구성항목의 축소비율, 축소된 구성항목을 변경된 출력공간에 재배치하기 위해 필요한 정보를 총괄하여, 새로운 출력방식을 정의한 후, 기존의 출력방식을 새로 정의된 출력방식으로 변경할 수 있다.
사용자가 웹 브라우저 창의 크기를 변경하는 정도가 크지 않거나, 웹 페이지 자체의 길이가 특정한 길이에 해당할 경우, 변경된 크기의 구성항목을 각 프레임에 배치한 뒤에 남는 공간이 생길 수도 있다.
선택적 일 실시 예로서, 출력방식변경부는 출력공간의 크기변경이 출력공간의 세로길이의 축소일 때, 크기변경비율에 따라 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출할 수도 있다. 산출된 확장출력공간은 변경출력부에 의해서 웹 페이지가 출력되는 출력공간이 된다. 출력방식변경부는 확장출력공간을 산출하기 위해서, 사용자 단말의 디스플레이 장치의 가로길이에 대한 정보를 추가로 수신할 수 있다는 점은 이미 전술한 바 있다.
변경출력부는 출력방식변경부에 의해 변경된 출력방식에 따라 변경된 출력공간을 통해 웹 페이지를 출력한다(S1570).
선택적 일 실시 예로서, 변경출력부는 출력방식변경부에 의해 산출된 확장출력공간에 웹 페이지의 구성항목을 변경된 출력방식에 따라 재배치하여 출력할 수도 있다.
다른 선택적 일 실시 예로서, 변경출력부는 변경된 출력공간을 적어도 두 개 이상의 개별출력공간으로 분리하고, 개별출력공간은 출력방식변경부에서 변경된 출력방식에 의해 재배치되는 각 구성항목을 출력할 수 있다. 여기서, 개별출력공간은 고유한 식별기호가 할당되는 독립적인 출력공간으로 정의될 수 있다. 또한, 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함할 수 있다.
변경출력부는 공간제거버튼이 사용자에 의해 선택되면, 선택된 공간제거버튼을 포함하는 개별출력공간을 제거하고, 제거된 개별출력공간으로 인해 산출되는 공간만큼 제거된 개별출력공간과 인접한 개별출력공간을 확장시킬 수 있다.
본 발명의 또 다른 실시 예에 따른 웹 페이지 출력방식 변경 방법에 있어서, 출력공간은 복수의 출력영역을 구비한 복합 웹 페이지에 포함된 출력영역 중 하나일 수 있다. 여기서, 복수의 출력영역은 각각 독립된 웹 페이지가 출력되는 영역을 의미하며, 각 출력영역의 크기가 변경될 수 있다.
본 실시 예에서, 복합 웹 페이지는 사용자가 복합 웹 페이지를 출력시키기 위한 웹 페이지 주소를 웹 브라우저 창의 주소란에 입력하면 출력되는 웹 페이지로서, 각각 독립된 웹 페이지가 출력되는 복수의 출력 영역을 구비한 웹 페이지를 의미한다. 즉, 본 실시 예에서, 출력영역은 크기가 변경될 수 있는 웹 페이지를 출력하는 영역이라는 점에서 출력공간과 동일한 특성을 가지고, 출력영역의 크기가 변경되면, 출력영역에서 출력되는 웹 페이지의 출력방식도 변경될 수 있다.
본 발명에 따른 웹 페이지 출력방식 변경 장치 및 방법에 의하면, 웹 브라우저의 창의 크기를 조절하는 것만으로, 사용자는 별도의 스크롤 작업없이 웹 페이지가 제공하는 컨텐츠를 한눈에 볼 수 있게 되어 다른 작업을 수행하면서 웹 서핑을 하는 데에 있어서 사용자에게 최대한의 편의를 제공할 수 있고, 개선된 시각 효과를 기대할 수 있다.
본 발명은 웹 페이지 출력방식 변경 방법을 구현할 수 있는 전용 웹 브라우저를 개발하는 데에 활용되거나, 기존에 존재하는 익스플로러(explorer), 파이어폭스(firefox), 크롬(chrome) 등의 플러그인이나 확장프로그램 형태로 구현되어 네트워크를 통해 작업을 수행하는 사용자의 작업능률을 상승시킬 수 있다.
이상 설명된 본 발명에 따른 실시 예는 컴퓨터 상에서 다양한 구성요소를 통하여 실행될 수 있는 컴퓨터 프로그램의 형태로 구현될 수 있으며, 이와 같은 컴퓨터 프로그램은 컴퓨터로 판독 가능한 매체에 기록될 수 있다. 이때, 매체는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치를 포함할 수 있다. 나아가, 매체는 네트워크 상에서 전송 가능한 형태로 구현되는 무형의 매체를 포함할 수 있으며, 예를 들어 소프트웨어 또는 애플리케이션 형태로 구현되어 네트워크를 통해 전송 및 유통이 가능한 형태의 매체일 수도 있다.
한편, 상기 컴퓨터 프로그램은 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 프로그램의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함될 수 있다.
본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.
본 발명의 명세서(특히 특허청구범위에서)에서 “상기”의 용어 및 이와 유사한 지시 용어의 사용은 단수 및 복수 모두에 해당하는 것일 수 있다. 또한, 본 발명에서 범위(range)를 기재한 경우 상기 범위에 속하는 개별적인 값을 적용한 발명을 포함하는 것으로서(이에 반하는 기재가 없다면), 발명의 상세한 설명에 상기 범위를 구성하는 각 개별적인 값을 기재한 것과 같다. 마지막으로, 본 발명에 따른 방법을 구성하는 단계들에 대하여 명백하게 순서를 기재하거나 반하는 기재가 없다면, 상기 단계들은 적당한 순서로 행해질 수 있다. 반드시 상기 단계들의 기재 순서에 따라 본 발명이 한정되는 것은 아니다. 본 발명에서 모든 예들 또는 예시적인 용어(예들 들어, 등등)의 사용은 단순히 본 발명을 상세히 설명하기 위한 것으로서 특허청구범위에 의해 한정되지 않는 이상 상기 예들 또는 예시적인 용어로 인해 본 발명의 범위가 한정되는 것은 아니다. 또한, 당업자는 다양한 수정, 조합 및 변경이 부가된 특허청구범위 또는 그 균등물의 범주 내에서 설계 조건 및 팩터에 따라 구성될 수 있음을 알 수 있다.
100 : 웹 페이지 출력방식 변경 장치
110 : 크기변경감지부
130 : 패턴판단부
150 : 출력방식변경부
170 : 변경출력부
171 : 공간제거부
173 : 공간확장부

Claims (19)

  1. 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부;
    상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및
    상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하고,
    상기 웹 페이지는 상기 크기변경이 되기 전의 출력공간을 통하여 출력되지 않는 구성항목을 포함하고,
    상기 변경된 출력방식은 상기 웹 페이지를 구성하는 구성항목 중 상기 크기변경이 되기 전의 출력공간을 통하여 출력되지 않는 적어도 하나 이상의 구성항목이 상기 변경된 출력공간을 통하여 출력되도록, 상기 웹 페이지를 구성하는 구성항목 중 적어도 하나 이상의 구성항목의 상대적인 위치가 재배치되도록 하는 것을 특징으로 하는 웹 페이지 출력방식 변경 장치.
  2. 제1항에 있어서, 상기 출력방식변경부는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고,
    상기 크기변경비율에 따라 상기 변경된 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경하는 웹 페이지 출력방식 변경 장치.
  3. 제2항에 있어서,
    상기 크기변경은 세로길이의 축소이고,
    상기 출력방식변경부는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기 및 상기 크기변경비율을 기초로, 상기 구성항목의 가로 및 세로길이를 축소하고, 상기 축소된 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 웹 페이지 출력방식 변경 장치.
  4. 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부;
    상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및
    상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하고,
    상기 크기변경은 세로길이 축소이고,
    상기 출력방식변경부는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고,
    상기 크기변경비율에 따라 상기 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출하고,
    상기 변경출력부는,
    상기 변경된 출력방식에 따라 상기 확장출력공간을 통해 상기 웹 페이지를 출력하는 웹 페이지 출력방식 변경 장치.
  5. 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부;
    상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및
    상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하고,
    상기 변경출력부는,
    상기 변경된 출력공간을 적어도 두 개 이상의 개별출력공간으로 분리하고,
    상기 개별출력공간은 상기 출력방식변경부에서 변경된 출력방식에 의해 재배치되는 각 구성항목을 출력하는 것을 특징으로 하는 웹 페이지 출력방식 변경 장치.
  6. 제5항에 있어서,
    상기 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함하고,
    상기 변경출력부는,
    상기 공간제거버튼이 선택되면, 상기 공간제거버튼을 포함하는 개별출력공간을 제거하는 공간제거부; 및
    상기 제거된 개별출력공간으로 인해 산출되는 공간만큼 상기 제거된 개별출력공간과 인접한 개별출력공간을 확장시키는 공간확장부를 포함하는 웹 페이지 출력방식 변경 장치.
  7. 제1항에 있어서, 상기 크기변경 패턴은,
    상기 출력공간의 가로길이 또는 세로길이 중 일정비율이상의 가로길이 또는 세로길이가 축소되는 것을 포함하는 웹 페이지 출력방식 변경 장치.
  8. 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부;
    상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및
    상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하고,
    상기 크기변경감지부는,
    상기 출력공간의 크기변경이 감지되면, 상기 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 상기 출력공간에 표시하는 웹 페이지 출력방식 변경 장치.
  9. 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지부;
    상기 크기변경이 감지되면, 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단부;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경부; 및
    상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력부를 포함하고,
    상기 출력공간은,
    복수의 출력영역을 구비한 복합 웹 페이지에 포함된 상기 출력영역 중 하나이고,
    상기 복수의 출력영역은 각각 독립된 웹 페이지가 출력되며, 상기 출력영역의 크기가 변경될 수 있는 웹 페이지 출력방식 변경 장치.
  10. 크기변경감지부가 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계;
    상기 크기변경이 감지되면, 패턴판단부가 상기 크기변경이 기저장된 크기변경 패턴과 대응되는지 여부를 판단하는 패턴판단단계;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 출력방식변경부가 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및
    변경출력부가 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함하고,
    상기 웹 페이지는 상기 크기변경이 되기 전의 출력공간을 통하여 출력되지 않는 구성항목을 포함하고,
    상기 변경된 출력방식은 상기 웹 페이지를 구성하는 구성항목 중 상기 크기변경이 되기 전의 출력공간을 통하여 출력되지 않는 적어도 하나 이상의 구성항목이 상기 변경된 출력공간을 통하여 출력되도록, 상기 웹 페이지를 구성하는 구성항목 중 적어도 하나 이상의 구성항목의 상대적인 위치가 재배치되도록 하는 것을 특징으로 하는 웹 페이지 출력방식 변경 방법.
  11. 제10항에 있어서, 상기 출력방식변경단계는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고,
    상기 크기변경비율에 따라 상기 변경된 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경하는 웹 페이지 출력방식 변경 방법.
  12. 제11항에 있어서,
    상기 크기변경은 세로길이의 축소이고,
    상기 출력방식변경단계는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기 및 상기 크기변경비율을 기초로, 상기 구성항목의 가로 및 세로길이를 축소하고, 상기 축소된 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 웹 페이지 출력방식 변경 방법.
  13. 크기변경감지부가 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계;
    상기 크기변경이 감지되면, 패턴판단부가 상기 크기변경이 기저장된 크기변경패턴과 대응되는지 여부를 판단하는 패턴판단단계;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 출력방식변경부가 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및
    변경출력부가 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함하고,
    상기 크기변경은 세로길이 축소이고,
    상기 출력방식변경단계는,
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 상기 변경된 출력공간의 크기와 변경되기 전 출력공간의 크기를 대비하여 크기변경비율을 산출하고,
    상기 크기변경비율에 따라 상기 변경된 출력공간의 가로길이를 추가로 확장한 확장출력공간을 산출하고,
    상기 변경출력단계는,
    상기 변경된 출력방식에 따라 상기 확장출력공간을 통해 상기 웹 페이지를 출력하는 웹 페이지 출력방식 변경 방법.
  14. 크기변경감지부가 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계;
    상기 크기변경이 감지되면, 패턴판단부가 상기 크기변경이 기저장된 크기변경패턴과 대응되는지 여부를 판단하는 패턴판단단계;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 출력방식변경부가 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및
    변경출력부가 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함하고,
    상기 변경출력단계는,
    상기 변경된 출력공간을 적어도 두 개 이상의 개별출력공간으로 분리하고,
    상기 개별출력공간은 상기 출력방식변경단계에서 변경되는 출력방식에 의해 재배치되는 각 구성항목을 출력하는 것을 특징으로 하는 웹 페이지 출력방식 변경 방법.
  15. 제14항에 있어서,
    상기 개별출력공간은 사용자의 선택을 받을 수 있는 공간제거버튼을 포함하고,
    상기 변경출력단계는,
    상기 공간제거버튼이 선택되면, 상기 공간제거버튼을 포함하는 개별출력공간을 제거하는 공간제거단계; 및
    상기 제거된 개별출력공간으로 인해 산출되는 공간만큼 상기 제거된 개별출력공간과 인접한 개별출력공간을 확장시키는 공간확장단계를 포함하는 웹 페이지 출력방식 변경 방법.
  16. 제10항에 있어서, 상기 크기변경 패턴은,
    상기 출력공간의 가로길이 또는 세로길이 중 일정비율이상의 가로길이 또는 세로길이가 축소되는 것을 포함하는 웹 페이지 출력방식 변경 방법.
  17. 크기변경감지부가 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계;
    상기 크기변경이 감지되면, 패턴판단부가 상기 크기변경이 기저장된 크기변경패턴과 대응되는지 여부를 판단하는 패턴판단단계;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 출력방식변경부가 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및
    변경출력부가 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함하고,
    상기 크기변경감지단계는,
    상기 출력공간의 크기변경이 감지되면, 상기 출력공간을 통해 출력되는 웹 페이지의 출력방식을 변경시키기 위한 유효변경지점을 상기 출력공간에 표시하는 웹 페이지 출력방식 변경 방법.
  18. 크기변경감지부가 웹 페이지를 출력하는 출력공간의 크기변경을 감지하는 크기변경감지단계;
    상기 크기변경이 감지되면, 패턴판단부가 상기 크기변경이 기저장된 크기변경패턴과 대응되는지 여부를 판단하는 패턴판단단계;
    상기 크기변경이 상기 크기변경 패턴과 대응되면, 출력방식변경부가 변경된 출력공간의 크기를 기초로 하여, 상기 웹 페이지를 구성하는 구성항목의 위치가 재배치되도록 하는 출력방식을 변경하는 출력방식변경단계; 및
    변경출력부가 상기 변경된 출력방식에 따라 상기 변경된 출력공간을 통해 상기 웹 페이지를 출력하는 변경출력단계를 포함하고,
    상기 출력공간은,
    복수의 출력영역을 구비한 복합 웹 페이지에 포함된 상기 출력영역 중 하나이고,
    상기 복수의 출력영역은 각각 독립된 웹 페이지가 출력되며, 상기 출력영역의 크기가 변경될 수 있는 웹 페이지 출력방식 변경 방법.
  19. 제10항 내지 제18항 중 어느 한 항에 따른 방법을 실행하기 위한 프로그램을 기록하고 있는 컴퓨터 판독가능한 기록매체.
KR1020150056825A 2015-04-22 2015-04-22 웹 페이지 출력방식 변경 장치 및 방법 KR101590522B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020150056825A KR101590522B1 (ko) 2015-04-22 2015-04-22 웹 페이지 출력방식 변경 장치 및 방법
PCT/KR2015/013032 WO2016171362A1 (ko) 2015-04-22 2015-12-02 웹 페이지 출력방식 변경 장치 및 방법
US15/567,317 US20180107758A1 (en) 2015-04-22 2015-12-02 Apparatus and method for changing webpage output scheme

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150056825A KR101590522B1 (ko) 2015-04-22 2015-04-22 웹 페이지 출력방식 변경 장치 및 방법

Publications (1)

Publication Number Publication Date
KR101590522B1 true KR101590522B1 (ko) 2016-02-01

Family

ID=55354223

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150056825A KR101590522B1 (ko) 2015-04-22 2015-04-22 웹 페이지 출력방식 변경 장치 및 방법

Country Status (3)

Country Link
US (1) US20180107758A1 (ko)
KR (1) KR101590522B1 (ko)
WO (1) WO2016171362A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110795666A (zh) * 2019-10-18 2020-02-14 腾讯科技(深圳)有限公司 一种网页生成方法、装置、终端及存储介质
KR102222533B1 (ko) * 2020-06-25 2021-03-05 주식회사 아이스크림미디어 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10409904B2 (en) * 2014-06-26 2019-09-10 D2L Corporation Methods and systems for providing an electronic form
US10956529B1 (en) * 2018-03-20 2021-03-23 Pinterest, Inc. Content presentation
US11200294B2 (en) * 2019-03-20 2021-12-14 Hisense Visual Technology Co., Ltd. Page updating method and display device
CN112037332B (zh) * 2020-09-28 2023-09-05 北京百度网讯科技有限公司 浏览器的显示校验方法、装置、计算机设备和存储介质
US11907516B2 (en) * 2022-04-16 2024-02-20 Samsung Electronics Co., Ltd. Electronic device, method, and non-transitory computer readable storage medium for identifying set of information according to change in size of display area of flexible display

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110115346A (ko) 2010-04-15 2011-10-21 주식회사 오비고 한정된 크기의 화면을 통해 웹 문서의 내부 컨텐츠를 제공하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체
US20130167080A1 (en) * 2011-12-22 2013-06-27 SAP Portals Israel Ltd., a German corporation Smart and flexible layout context manager

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101348140B1 (ko) * 2012-03-09 2014-01-08 (주)네오위즈게임즈 웹 페이지 표시 장치 및 방법
KR20140023534A (ko) * 2012-08-16 2014-02-27 에스케이플래닛 주식회사 반응형 사용자 인터페이스 제공 장치, 방법, 및 그에 대한 전자장치에서 판독 가능한 기록매체
KR20140130799A (ko) * 2013-05-02 2014-11-12 주식회사 코드엠 웹 페이지 저작과 그 저작된 웹 페이지를 제공하는 시스템과 그 방법
KR20140132938A (ko) * 2013-05-09 2014-11-19 삼성전자주식회사 웹 페이지 표시 방법 및 그 장치

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110115346A (ko) 2010-04-15 2011-10-21 주식회사 오비고 한정된 크기의 화면을 통해 웹 문서의 내부 컨텐츠를 제공하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체
US20130167080A1 (en) * 2011-12-22 2013-06-27 SAP Portals Israel Ltd., a German corporation Smart and flexible layout context manager

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110795666A (zh) * 2019-10-18 2020-02-14 腾讯科技(深圳)有限公司 一种网页生成方法、装置、终端及存储介质
CN110795666B (zh) * 2019-10-18 2024-01-09 腾讯科技(深圳)有限公司 一种网页生成方法、装置、终端及存储介质
KR102222533B1 (ko) * 2020-06-25 2021-03-05 주식회사 아이스크림미디어 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법

Also Published As

Publication number Publication date
US20180107758A1 (en) 2018-04-19
WO2016171362A1 (ko) 2016-10-27

Similar Documents

Publication Publication Date Title
KR101590522B1 (ko) 웹 페이지 출력방식 변경 장치 및 방법
JP4964500B2 (ja) ソートしたコンテキスト内のリンク情報を表示するシステム及び方法
EP3262497B1 (en) Contextual zoom
US8051371B2 (en) Document analysis system and document adaptation system
CN100401291C (zh) 网络兼容电子装置和网页处理方法
EP1197850A2 (en) Hyper text display apparatus
US5973695A (en) Method for graphically displaying a UNIX directory structure
CN103473348A (zh) 网页浏览器导航方法、网页浏览器导航装置和电视机
CN107239528B (zh) 搜索结果显示方法及装置
CN101446969A (zh) 拖拽搜索的方法及系统
WO2010124167A1 (en) System and method of displaying related sites
US7725487B2 (en) Content synchronization system and method of similar web pages
CN104166741B (zh) 网页浏览分析处理方法及装置
JP5136087B2 (ja) クライアント装置およびクライアント制御プログラム
JPWO2008013128A1 (ja) 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム
JP5056133B2 (ja) 情報抽出システム、情報抽出方法および情報抽出用プログラム
JPWO2014196191A1 (ja) 情報表示方法およびプログラム
EP2801920A1 (en) Method and apparatus for displaying web page
JP5805151B2 (ja) 検索装置、検索システムおよびプログラム
KR100905410B1 (ko) 웹문서의 일부 영역 선택 방법
JP6711203B2 (ja) 画像処理装置及び画像処理プログラム
JP2010134780A (ja) 情報処理装置およびその制御プログラム
KR20130059866A (ko) 웹 문서 변환 장치 및 방법
KR20120098704A (ko) 기능적 디스플레이 아이템들을 하이라이트하기 위한 방법 및 장치
KR20030003818A (ko) 웹문서내에서의 특정 위치를 북마크지정하기 위한 시스템및 방법

Legal Events

Date Code Title Description
GRNT Written decision to grant