KR20150119834A - 웹페이지 조정 방법 및 장치와 전자 장치 - Google Patents

웹페이지 조정 방법 및 장치와 전자 장치 Download PDF

Info

Publication number
KR20150119834A
KR20150119834A KR1020157002642A KR20157002642A KR20150119834A KR 20150119834 A KR20150119834 A KR 20150119834A KR 1020157002642 A KR1020157002642 A KR 1020157002642A KR 20157002642 A KR20157002642 A KR 20157002642A KR 20150119834 A KR20150119834 A KR 20150119834A
Authority
KR
South Korea
Prior art keywords
web page
node
coordinates
content node
display area
Prior art date
Application number
KR1020157002642A
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 시아오미 아이엔씨.
Publication of KR20150119834A publication Critical patent/KR20150119834A/ko

Links

Images

Classifications

    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F17/21—
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G06F3/04845—Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

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

Abstract

본 개시의 실시 양태들은 컴퓨터 분야에 속하는, 웹페이지를 조정하기 위한 방법 및 장치와 전자 장치를 제공한다. 이 방법은: 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하는 단계, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계, 및 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하는 단계를 포함한다. 본 개시에서는 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.

Description

웹페이지 조정 방법 및 장치와 전자 장치{METHOD AND APPARATUS FOR ADJUSTING WEBPAGE AND ELECTRONIC DEVICE}
<관련 출원에 대한 상호참조>
본 출원은 2014년 3월 21일자로 중국 국가 지식 재산권국(State Intellectual Property Office)에 출원된 중국 특허원 제201410108833.X호의 우선권을 주장하며, 이 특허원의 전체 내용을 본원에 원용하기로 한다.
본 개시는 일반적으로 컴퓨터 분야에 관한 것으로, 특히 웹페이지를 조정하기 위한 방법 및 장치와, 전자 장치에 관한 것이다.
모바일 네트워크의 발전과 휴대용 이동 단말기들의 대중화(popularity)에 따라, 점점더 많은 이용자들이 지능형(intelligent) 이동 전화, 태블릿 개인용 컴퓨터(PCs), 전자책 단말기(eBook readers) 또는 기타 전자 장비를 통해 네트워크 활동들을 행하는 가운데, 웹 브라우징은 가장 중요한 네트워크 활동들 중 하나이다.
휴대성을 고려할 때, 지능형 이동 전화, 태블릿 PCs, 전자책 단말기 및 기타 전자 장비들의 화면 크기는 너무 크지 않아야 할 것이다. 그러나, 현재 네트워크에서의 기존의 대부분의 웹페이지는 개인용 컴퓨터(PCs)에 기반하여 개발되었고, 휴대용 이동 단말기들은 웹페이지들을 디스플레이할 때 이용자들이 검색하는 것을 쉽게 하도록 웹페이지들을 조정할 필요가 있다. 관련 기술에서, 휴대용 이동 단말기들은 전형적으로 웹페이지 조정 기능을 제공하여, 이용자들이 웹페이지를 적절한 크기로 줌인하는(zoom in) 제스처(gesture) 및 웹페이지를 이동시키는 드래그(drag) 제스처를 통해 웹페이지의 모든 콘텐츠를 검색할 수 있다.
본 개시의 실시 양태들은 관련 기술에서 이용자가 웹페이지를 이동시키기 위해 수동으로 웹페이지를 드래그할 필요가 있으며, 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점들을 극복하기 위한 웹페이지를 조정하는 방법 및 장치와 전자 장치를 제공한다. 기술적인 해결 방안(solutions)은 다음과 같다.
본 개시의 실시 양태들의 제1 양태에 따르면, 웹페이지를 조정하기 위해, 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작(touch operation)을 검출할 때 발생되고 적어도 하나의 터치 점(touch point)의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하는 단계; 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리(document object model tree)에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟(target) 콘텐츠 노드를 확정하는 단계; 및 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하는 단계를 포함하는 방법이 제공된다.
또는, 방법은 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비(scaling ratio)를 산출하는 단계; 및 크기 조정비에 따라 웹페이지의 크기를 조정하는 단계를 더 포함한다.
또는, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는: 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표를 포함하면, 웹페이지의 문서 객체 모델 트리에 따라 제1 후보 노드 집합(set)을 확정하는 단계로서, 제1 후보 노드 집합은 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함하는, 확정하는 단계; 및 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하는 단계를 포함한다.
또는, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는: 적어도 하나의 터치 점의 좌표들이 폐곡선(closed curve)의 좌표들이면, 웹페이지의 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하는 단계로서, 제2 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례의 임계치보다 큰 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 확정하는 단계; 및 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하는 단계를 포함한다.
또는, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는: 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표이면, 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하는 단계로서, 제3 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 확정하는 단계; 및 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하는 단계를 포함한다.
또는, 방법은, 웹페이지 조정 명령어를 수신하기 전에, 웹페이지의 보통 텍스트(plain text) 노드에서의 문자 부호들(characters)의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출하는 단계; 및 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만이면, 웹페이지 조정 명령어를 수신하는 단계를 수행하는 단계를 더 포함한다.
본 개시의 실시 양태들의 제2 양태에 따르면, 웹페이지를 조정하기 위해, 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하기 위한 명령어 수신 모듈; 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하기 위한 타겟 노드 확정 모듈; 및 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하기 위한 조정(adjusting) 모듈을 포함하는 장치가 제공된다.
또는, 장치는 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하기 위한 산출(calculating) 모듈; 및 크기 조정비에 따라 웹페이지의 크기를 조정하기 위한 크기 조정 모듈을 더 포함한다.
또는, 타겟 노드 확정 모듈은: 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표를 포함하면, 웹페이지의 문서 객체 모델 트리에 따라 제1 후보 노드 집합을 확정하기 위한 제 1 확정 유닛으로서, 제1 후보 노드 집합은 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함하는, 제1 확정 유닛; 및 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하기 위한 제2 확정 유닛을 포함한다.
또는, 타겟 노드 확정 모듈은: 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표이면, 웹페이지의 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하기 위한 제3 확정 유닛으로서, 제2 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례의 임계치보다 큰 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 제3 확정 유닛; 및 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하기 위한 제4 확정 유닛을 포함한다.
또는, 타겟 노드 확정 모듈은: 적어도 하나의 터치 점의 좌표가 폐곡선의 좌표이면, 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하기 위한 제5 확정 유닛으로서, 제3 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 확정 유닛; 및 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정하기 위한 제6 확정 유닛을 포함한다.
또는, 장치는, 웹페이지 조정 명령어를 수신하기 전에, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출하기 위한 검출 모듈을 더 포함하고, 여기서, 명령어 수신 모듈은 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만이면, 웹페이지 조정 명령어를 수신하는 단계를 수행한다.
본 개시의 실시 양태들의 제3 양태에 따르면, 프로세서 및 프로세서가 실행가능한 명령어들을 저장하기 위한 메모리를 포함하는 전자 장치가 제공되며, 여기서, 프로세서는 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하고; 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하고; 그리고 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정한다.
본 개시의 실시 양태들에 의해 제공되는 기술적인 해결 방안들은 다음의 유리한 효과들을 가진다.
적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작(action)을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
상기한 일반적인 설명과 이하의 상세한 설명 모두 단지 설명을 하기 위한 실시예에 불과한 것으로, 청구된, 본 발명을 제한하는 것은 아님을 이해해야 한다.
본 명세서에 포함되어 그 일부를 구성하는 첨부된 도면은 본 발명에 따른 실시 양태들을 도시하며, 묘사와 함께 본 발명의 원리를 설명하는 역할을 한다.
도 1은 본 개시의 예시적인 일 실시 양태에 따른 웹페이지를 조정하기 위한 방법을 보여주는 흐름도.
도 2는 본 개시의 예시적인 다른 실시 양태에 따른 웹페이지를 조정하기 위한 방법을 보여주는 흐름도.
도 3은 본 개시의 예시적인 다른 실시 양태에 따른 이용자 조작을 예시하는 개략 다이어그램.
도 4는 본 개시의 예시적인 다른 실시 양태에 따른 이용자 조작을 예시하는 개략 다이어그램.
도 5는 본 개시의 예시적인 다른 실시 양태에 따른 이용자 조작을 예시하는 개략 다이어그램.
도 6은 본 개시의 예시적인 다른 실시 양태에 따른 조정된 웹페이지를 예시하는 개략 다이어그램.
도 7은 본 개시의 예시적인 또 다른 실시 양태에 따른 웹페이지를 조정하기 위한 방법을 보여주는 흐름도.
도 8은 본 개시의 예시적인 일 실시 양태에 따른 웹페이지를 조정하기 위한 장치를 예시하는 개략 다이어그램.
도 9는 본 개시의 예시적인 다른 실시 양태에 따른 웹페이지를 조정하기 위한 장치를 예시하는 개략 다이어그램.
도 10은 본 개시의 예시적인 일 실시 양태에 따른 전자 장치의 블록 다이어그램.
도 11은 본 개시의 예시적인 일 실시 양태에 따른 전자 장치의 블록 다이어그램.
상기 도면들에 의해, 본 개시에 의해 공개된 실시 양태들이 제시되고, 상세한 설명인 이하에서 제공될 것이다. 이들 도면 및 문자 그대로의 설명은 어떤 식으로든 본 개시의 범주를 제한하려는 것이 아니라, 통상의 기술자들이 특정 실시 양태들을 참조함으로써 본 개시의 개념을 해석하기 위한 것이다.
지금부터, 첨부된 도면에 예시된 예시적인 실시 양태, 실시예들에 대해 상세히 언급하기로 한다. 이하의 기술은 서로 다른 도면에서 동일한 참조 부호들은 달리 표현하지 않는 한, 동일하거나 유사한 엘리먼트들을 나타내는 첨부된 도면을 참조한다. 예시적인 실시 양태에 대한 이하의 설명에서 상술한 구현(implementations)은 본 발명에 따른 모든 구현을 나타내는 것은 아니다. 그 대신, 그들은 단지 첨부된 특허청구범위에서 언급한 본 발명에 관련된 양태들에 따른 장치 및 방법의 실시예들에 불과하다.
도 1은 예시적인 일 실시 양태에 따른 웹페이지를 조정하기 위한 방법을 보여주는 흐름도이다. 전자 장치에 이 방법을 이용하여 현재 디스플레이되어 있는 웹페이지를 조정한다. 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다. 도 1을 참조해 보면, 방법은 이하의 단계들을 포함한다.
단계(102)에서, 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신한다.
단계(104)에서, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정한다.
단계(106)에서, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정한다.
본 개시의 실시 양태들에 따른 웹페이지를 조정하기 위한 방법에 의하면, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
도 2는 예시적인 다른 실시 양태에 따른 웹페이지를 조정하기 위한 방법을 보여주는 흐름도이다. 전자 장치에 이 방법을 이용하여 현재 디스플레이되어 있는 웹페이지를 조정한다. 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다. 도 2를 참조해 보면, 방법은 이하의 단계들을 포함한다.
단계(202)에서, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신한다.
웹페이지 조정 명령어는 이용자가 현재 디스플레이되어 있는 웹페이지에 대해 터치 동작을 행하는가를 검출할 때 발생되며, 여기서, 터치 동작은 클릭 동작 또는 슬라이드(slide) 동작일 수 있다. 예를 들어, 터치 동작이 클릭 동작인 경우, 웹페이지 조정 명령어는 클릭 동작의 클릭 위치에 대응하는 터치 점의 좌표들을 포함한다. 터치 동작이 슬라이드 동작이고 슬라이드 동작의 트랙(track)이 폐곡선인 경우, 웹페이지 조정 명령어는 폐곡선 상의 모든 터치 점들의 좌표들을 포함한다.
단계(204)에서, 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표들을 포함하면, 웹페이지의 문서 객체 모델 트리에 따라 제1 후보 노드 집합이 확정되고, 여기서, 제1 후보 노드 집합은 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함한다.
웹페이지가 화면에 디스플레이되는 경우, 웹페이지의 문서 객체 모델 트리 내의 각각의 가시적(visible) 콘텐츠 노드는 화면에서 하나의 직사각형 디스플레이 영역에 대응한다. 일부 큰(big) 가시적 콘텐츠 노드는 하나 이상의 자식(child) 노드들을 더 포함할 수 있고, 이 자식 노들은 화면에서 대응하는 큰 직사각형 디스플레이 영역에 포함되는 하나 이상의 작은 직사각형 디스플레이 영역으로서 디스플레이된다.
예를 들어, 전자 장치는 지능형 이동 전화이다. 이용자 조작을 예시하는 개략 다이어그램인 도 3을 참조해 보면, 현재 디스플레이되어 있는 웹페이지는 4개의 직사각형 영역 A, B, C 및 D 각각에 대응하는 4개의 제1 등급 가시적 콘텐츠 노드를 디스플레이하고, 여기서, 직사각형 영역 B에 대응하는 제1 등급 가시적 콘텐츠 노드는 직사각형 영역 B1에 대응하는 제2 등급 가시적 콘텐츠 노드를 포함하고, 직사각형 영역 B1에 대응하는 제2 등급 가시적 콘텐츠 노드는 직사각형 영역 B11, B12 및 B13 각각에 대응하는 3개의 제3 등급 가시적 콘텐츠 노드를 포함한다.
이용자가 웹페이지를 클릭하면, 클릭 위치에 대응하는 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 발생될 것이다. 지능형 이동 전화는 터치 점의 좌표들이 터치 점의 좌표들 및 문서 객체 모델 트리에 따라 직사각형 영역 B13에 위치되는 것으로 확정한다. 그 후, 터치 점의 좌표들을 포함하는 영역들은 직사각형 영역 B, B1 및 B13인 것으로 확정된다. 지능형 이동 전화는 직사각형 영역 B, B1 및 B13에 대응하는 콘텐츠 노드를 포함하는 집합을 제1 후보 노드 집합인 것으로 확정한다.
단계(206)에서, 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 3을 일 실시예로서 고려해 보면, 직사각형 영역 B의 폭이 화면 폭과 동일하고, 그리고, 제1 후보 노드 집합에서 직사각형 영역 B1 및 B13 각각에 대응하는 콘텐츠 노드의 디스플레이 폭은 화면 폭보다 작다. B1의 영역이 B13의 영역보다 크므로, 지능형 이동 전화는 직사각형 영역 B1에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(208)에서, 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 웹페이지의 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하고, 여기서, 제2 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례 임계치보다 큰 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성된다.
미리 설정된 비례 임계치는 개발자들에 의해 미리 설정된다. 예를 들어, 미리 설정된 비례 임계치는 본 개시의 예시적인 실시 양태들에서 제한되는 것은 아닌, 50%, 70% 또는 80%일 수 있다.
예를 들어, 전자 장치는 지능형 이동 전화이고, 미리 설정된 비례 임계치는 50%이다. 이용자 조작을 예시하는 개략 다이어그램인 도 4를 참조해 보면, 웹페이지의 가시적인 모든 콘텐츠 노드에 대응하는 디스플레이 영역들이 초기에 지능형 이동 전화의 화면에 디스플레이되어 있고, 이용자에 의해 수행되는 슬라이드 동작의 트랙은 폐곡선이다. 이용자가 슬라이드 동작을 수행할 때 발생되는 웹페이지 조정 명령어는 슬라이드 동작의 트랙 상의 모든 터치 점의 좌표들을 포함한다. 지능형 이동 전화는 슬라이드 동작의 트랙 상의 터치 점의 좌표들 및 문서 객체 모델 트리에 따라, 폐곡선에 의해 커버되는 디스플레이 영역들이 영역 A를 제외한 모든 디스플레이 영역(직사각형 영역 B, B1, B11, B12, B13, C 및 D)인 것으로 확정한다. 교차 영역(폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B에 의해 형성됨)과 폐곡선에 의해 범위가 정해지는 영역 간의 비 및 교차 영역(폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B1에 의해 형성됨)과 폐곡선에 의해 범위가 정해지는 영역 간의 비 모두 50%보다 크므로, 지능형 이동 전화는 직사각형 영역 B 및 B1에 대응하는 콘텐츠 노드를 포함하는 집합을 제2 후보 노드 집합으로서 확정한다.
단계(210)에서, 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 4를 일 실시예로서 고려해 보면, B1의 영역이 B의 영역보다 작으므로, 지능형 이동 전화는 직사각형 영역 B에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(212)에서, 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하고, 여기서, 제3 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성된다.
예를 들어, 전자 장치는 지능형 이동 전화이다. 이용자 조작을 예시하는 개략 다이어그램인 도 5를 참조해 보면, 웹페이지의 가시적인 모든 콘텐츠 노드에 대응하는 디스플레이 영역들이 초기에 지능형 이동 전화의 화면에 디스플레이되어 있고, 이용자에 의해 수행되는 슬라이드 동작의 트랙은 폐곡선이다. 이용자가 슬라이드 동작을 수행할 때 발생되는 웹페이지 조정 명령어는 슬라이드 동작의 트랙 상의 모든 터치 점의 좌표들을 포함한다. 지능형 이동 전화는 슬라이드 동작의 트랙 상의 터치 점의 좌표들 및 문서 객체 모델 트리에 따라, 폐곡선에 의해 커버되는 디스플레이 영역들이 영역 A를 제외한 모든 디스플레이 영역(직사각형 영역 B, B1, B11, B12, B13, C 및 D)인 것으로 확정한다. 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 최대(100%)인 3개의 콘텐츠 노드(직사각형 영역 B11, B12 및 B13 각각에 대응함)가 존재하므로 - 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B11, B12 및 B13 각각에 의해 형성됨 - , 지능형 이동 전화는 직사각형 영역 B11, B12 및 B13에 대응하는 콘텐츠 노드를 포함하는 집합을 제3 후보 노드 집합으로서 확정한다.
단계(214)에서, 제3 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 5를 일 실시예로서 고려해 보면, B13의 영역이 B11의 영역 및 B12의 영역보다 크므로, 지능형 이동 전화는 직사각형 영역 B13에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(216)에서, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고, 크기 조정비에 따라 웹페이지의 크기를 조정한다.
전자 장치는 화면에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 최적비를 미리 설정할 수 있다. 예를 들어, 전자 장치는 화면 폭에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 폭의 최적비를 미리 설정할 수 있거나, 또는 화면의 높이에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 높이의 최적비를 미리 설정할 수 있다. 최적비는 본 개시의 예시적인 실시 양태들에서 제한되는 것은 아닌, 80%, 100%, 120% 또는 기타 값들일 수 있다.
예를 들어, 화면 폭에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 폭의 최적비는 100%로 미리 설정될 수 있다. 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 폭이 5이고 화면 폭이 10인 경우, 크기 조정비는 +100%(즉, 100%만큼 줌인)일 것이다. 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 폭이 20이고 화면 폭이 10인 경우, 크기 조정비는 -50%(즉, 50%만큼 줌아웃)일 것이다.
도 3 내지 도 5 중 임의 하나에 예시된 이용자 조작의 개략 다이어그램으로 도시된 웹페이지를 일 실시예로서 고려해 보면, 타겟 콘텐츠 노드가 단계(204-206), 단계(208-210) 또는 단계(212-214)를 통해 직사각형 영역 B1에 대응하는 가시적 콘텐츠 노드인 것으로 지능형 이동 전화가 확정하면, 직사각형 영역 B1의 중심은 화면의 중심으로 조정될 것이고, 직사각형 영역 B1의 폭은 산출된 크기 조정비에 따라 화면 폭으로 조정될 것이다. 도 6에서 조정된 웹페이지의 개략 다이어그램이 예시된다.
본 개시의 실시 양태에 따른 웹페이지의 조정 방법에 의하면, 적어도 하나의 터치 점의 좌표들을 포함한 웹페이지 조정 명령어가 수신되고, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드가 확정되고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
또한, 본 개시의 실시 양태에 따른 웹페이지의 조정 방법에 의하면, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고 크기 조정비에 따라 웹페이지의 크기를 조정함으로써, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역을 검색하기에 더 양호한 크기로 조정하여 이용자 경험을 향상시키고 이용자 조작을 단순화할 수 있게 한다.
도 7은 또 다른 예시적인 실시 양태에 따른, 웹페이지의 조정 방법을 보여주는 흐름도이다. 이 방법을 전자 장치에서 사용하여 현재 디스플레이되어 있는 웹페이지를 조정한다. 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다. 도 7을 참조해 보면, 이 방법은 이하의 단계들을 포함한다.
단계(302)에서, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출한다.
웹페이지가 크기 조정되고 이동될 때 특정 처리 자원들(processing resources)이 점유될 것이고 특정의 전기 에너지가 소비될 것이므로, 휴대용 전자 장치에서 디스플레이되는 모든 웹페이지들을 실제로 크기 조정하거나 이동시킬 필요는 없다. 전자 장치의 처리 자원 및 전기 에너지를 절약하기 위해, 웹페이지 조정 명령어는 조정될 필요가 있는 웹페이지들에만 응답한다. 구체적으로 기술하자면, 전자 장치는 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출한다. 예이면, 기본으로 설정된(by default) 문자 부호들의 디스플레이 영역이 너무 작아 디스플레이할 수 없어 현재 디스플레이되어 있는 웹페이지를 조정할 필요가 있다. 그렇지 않으면, 현재 디스플레이되어 있는 웹페이지는 조정 없이 디스플레이될 것이다.
미리 설정된 영역 임계치는 고정 값이거나 전자 장치의 해상도 및 화면의 크기에 따라 확정될 수 있다. 예를 들어, 개발자들은 매뉴얼 주석(manual annotation)을 통해 조정할 필요가 없는 웹페이지 집합을 확정할 수 있고, 웹페이지 집합의 각각의 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역 s1을 산출할 수 있다. 전자 장치는 우선 현재 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역 s2을 획득한 후, s2가 k*s1보다 작은지를 판정한다 - 여기서, k는 개발자들에 의해 미리 설정된 크기 조정 파라미터이거나, 또는 본 개시의 예시적인 실시 양태들에서 제한되는 것은 아닌, 전자 장치의 해상도 및 화면의 크기에 따라 확정됨 - .
단계(304)에서, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은 경우, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신한다.
웹페이지 조정 명령어는 이용자가 현재 디스플레이되어 있는 웹페이지에 대해 터치 동작을 행하는 것을 검출할 때 발생되고, 여기서, 터치 동작은 클릭 동작이거나 슬라이드 동작일 수 있다. 터치 동작이 클릭 동작인 경우, 웹페이지 조정 명령어는 클릭 동작의 클릭 위치에 대응하는 터치 점의 좌표들을 포함한다. 터치 동작이 슬라이드 동작이고 슬라이드 동작의 트랙이 폐곡선인 경우, 웹페이지 조정 명령어는 폐곡선 상의 모든 터치 점의 좌표들을 포함한다.
단계(306)에서, 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표들을 포함하면, 웹페이지의 문서 객체 모델 트리에 따라 제1 후보 노드 집합을 확정하고, 여기서, 제1 후보 노드 집합은 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함한다.
화면에서 웹페이지를 디스플레이하는 경우, 웹페이지의 문서 객체 모델 트리에서 각각의 가시적 콘텐츠 노드는 화면에서 하나의 직사각형 디스플레이 영역에 대응한다. 일부 큰 가시적 콘텐츠 노드는 하나 이상의 자식 노드들을 더 포함할 수 있고, 이 자식 노들은 화면에서 대응하는 큰 직사각형 디스플레이 영역에 포함되는 하나 이상의 작은 직사각형 디스플레이 영역으로서 디스플레이된다.
예를 들어, 전자 장치는 지능형 이동 전화이다. 도 3을 참조해 보면, 현재 디스플레이되어 있는 웹페이지는 4개의 직사각형 영역 A, B, C 및 D 각각에 대응하는 4개의 제1 등급 가시적 콘텐츠 노드를 디스플레이하고, 여기서, 직사각형 영역 B에 대응하는 제1 등급 가시적 콘텐츠 노드는 직사각형 영역 B1에 대응하는 제2 등급 가시적 콘텐츠 노드를 포함하고, 직사각형 영역 B1에 대응하는 제2 등급 가시적 콘텐츠 노드는 직사각형 영역 B11, B12 및 B13 각각에 대응하는 3개의 제3 등급 가시적 콘텐츠 노드를 포함한다.
이용자가 웹페이지를 클릭하면, 클릭 위치에 대응하는 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 발생될 것이다. 지능형 이동 전화는 터치 점의 좌표들이 터치 점의 좌표들 및 문서 객체 모델 트리에 따라 직사각형 영역 B13에 위치되는 것으로 확정한다. 그 후, 터치 점의 좌표들을 포함하는 영역들은 직사각형 영역 B, B1 및 B13인 것으로 확정된다. 지능형 이동 전화는 직사각형 영역 B, B1 및 B13에 대응하는 콘텐츠 노드를 포함하는 집합을 제1 후보 노드 집합인 것으로 확정한다.
단계(308)에서, 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 3을 일 실시예로서 고려해 보면, 직사각형 영역 B의 폭이 화면 폭과 동일하고, 그리고, 제1 후보 노드 집합에서 직사각형 영역 B1 및 B13 각각에 대응하는 콘텐츠 노드의 디스플레이 폭은 화면 폭보다 작다. B1의 영역이 B13의 영역보다 크므로, 지능형 이동 전화는 직사각형 영역 B1에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(310)에서, 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 웹페이지의 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하고, 여기서, 제2 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례 임계치보다 큰 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성된다.
미리 설정된 비례 임계치는 개발자들에 의해 미리 설정된다. 예를 들어, 미리 설정된 비례 임계치는 본 개시의 예시적인 실시 양태들에서 제한되는 것은 아닌, 50%, 70% 또는 80%일 수 있다.
예를 들어, 전자 장치는 지능형 이동 전화이고, 미리 설정된 비례 임계치는 50%이다. 도 4를 참조해 보면, 웹페이지의 가시적인 모든 콘텐츠 노드에 대응하는 디스플레이 영역들은 초기에 지능형 이동 전화의 화면에 디스플레이되어 있고, 이용자에 의해 수행되는 슬라이드 동작의 트랙은 폐곡선이다. 이용자가 슬라이드 동작을 수행할 때 발생되는 웹페이지 조정 명령어는 슬라이드 동작의 트랙 상의 모든 터치 점의 좌표들을 포함한다. 지능형 이동 전화는 슬라이드 동작의 트랙 상의 터치 점의 좌표들 및 문서 객체 모델 트리에 따라, 폐곡선에 의해 커버되는 디스플레이 영역들이 영역 A를 제외한 모든 디스플레이 영역(직사각형 영역 B, B1, B11, B12, B13, C 및 D)인 것으로 확정한다. 교차 영역(폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B에 의해 형성됨)과 폐곡선에 의해 범위가 정해지는 영역 간의 비 및 교차 영역(폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B1에 의해 형성됨)과 폐곡선에 의해 범위가 정해지는 영역 간의 비 모두 50%보다 크므로, 지능형 이동 전화는 직사각형 영역 B 및 B1에 대응하는 콘텐츠 노드를 포함하는 집합을 제2 후보 노드 집합으로서 확정한다.
단계(312)에서, 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 4를 일 실시예로서 고려해 보면, B1의 영역이 B의 영역보다 작으므로, 지능형 이동 전화는 직사각형 영역 B에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(314)에서, 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하고, 여기서, 제3 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성된다.
예를 들어, 전자 장치는 지능형 이동 전화이다. 도 5를 참조해 보면, 웹페이지의 가시적인 모든 콘텐츠 노드에 대응하는 디스플레이 영역들은 초기에 지능형 이동 전화의 화면에 디스플레이되어 있고, 이용자에 의해 수행되는 슬라이드 동작의 트랙은 폐곡선이다. 이용자가 슬라이드 동작을 수행할 때 발생되는 웹페이지 조정 명령어는 슬라이드 동작의 트랙 상의 모든 터치 점의 좌표들을 포함한다. 지능형 이동 전화는 슬라이드 동작의 트랙 상의 터치 점의 좌표들 및 문서 객체 모델 트리에 따라, 폐곡선에 의해 커버되는 디스플레이 영역들이 영역 A를 제외한 모든 디스플레이 영역(직사각형 영역 B, B1, B11, B12, B13, C 및 D)인 것으로 확정한다. 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 최대(100%)인 3개의 콘텐츠 노드(직사각형 영역 B11, B12 및 B13 각각에 대응함)가 존재하므로 - 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 직사각형 영역 B11, B12 및 B13 각각에 의해 형성됨 - , 지능형 이동 전화는 직사각형 영역 B11, B12 및 B13에 대응하는 콘텐츠 노드를 포함하는 집합을 제3 후보 노드 집합으로서 확정한다.
단계(316)에서, 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
도 5를 일 실시예로서 고려해 보면, B13의 영역이 B11의 영역 및 B12의 영역 모두 보다 크므로, 지능형 이동 전화는 직사각형 영역 B13에 대응하는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
단계(318)에서, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고, 크기 조정비에 따라 웹페이지를 크기 조정한다.
전자 장치는 화면에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 최적비를 미리 설정할 수 있다. 예를 들어, 전자 장치는 화면 폭에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 폭의 최적비를 미리 설정할 수 있거나, 또는 화면의 높이에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 높이의 최적비를 미리 설정할 수 있다. 최적비는 본 개시의 예시적인 실시 양태들에서 제한되는 것은 아닌, 80%, 100%, 120% 또는 기타 값들일 수 있다.
예를 들어, 화면 폭에 대한 타겟 콘텐츠 노드에 대응하는 크기 조정된 디스플레이 영역의 폭의 최적비는 100%로 미리 설정될 수 있다. 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 폭이 5이고 화면 폭이 10인 경우, 크기 조정비는 +100%(즉, 100%만큼 줌인)일 것이다. 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 폭이 20이고 화면 폭이 10인 경우, 크기 조정비는 -50%(즉, 50%만큼 줌아웃)일 것이다.
도 3 내지 도 5 중 임의 하나에 예시된 이용자 조작의 개략 다이어그램으로 도시된 웹페이지를 일 실시예로서 고려해 보면, 타겟 콘텐츠 노드가 단계(306-308), 단계(310-312) 또는 단계(314-316)를 통해 직사각형 영역 B1에 대응하는 가시적 콘텐츠 노드인 것으로 지능형 이동 전화가 확정하면, 직사각형 영역 B1의 중심은 화면의 중심으로 조정될 것이고, 직사각형 영역 B1의 폭은 산출된 크기 조정비에 따라 화면 폭으로 조정될 것이다. 도 6에 조정된 웹페이지의 개략 다이어그램이 예시된다.
본 개시의 실시 양태에 따른 웹페이지의 조정 방법에 의하면, 적어도 하나의 터치 점의 좌표들을 포함한 웹페이지 조정 명령어가 수신되고, 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드가 확정되고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
또한, 본 개시의 실시 양태에 따른 웹페이지의 조정 방법에 의하면, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고 크기 조정비에 따라 웹페이지의 크기를 조정함으로써, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역을 검색하기에 더 양호한 크기로 조정하여 이용자 경험을 향상시키고 이용자 조작을 단순화할 수 있게 한다.
최종적으로, 본 개시의 실시 양태에 따른 웹페이지의 조정 방법에 의하면, 웹페이지 조정 명령어의 수신 전에 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은가를 검출하고, 웹페이지의 보통 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은 경우, 웹페이지 조정 명령어가 수신됨으로써, 조정할 필요가 없는 웹페이지들을 조정하는 것을 피하게 되어 전자 장치의 처리 자원 및 전지 에너지를 절약하게 된다.
도 8은 예시적인 실시 양태에 따른, 웹페이지를 조정하기 위한 장치를 예시하는 개략적인 다이어그램이다. 전자 장치에 웹페이지를 조정하기 위한 장치를 사용하여 도 1, 도 2 및 도 7에 도시된 임의 방법을 수행한다. 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다. 도 8을 참조해 보면, 웹페이지를 조정하기 위한 장치는 명령어 수신 모듈(401), 타겟 노드 확정 모듈(402) 및 조정 모듈(403)을 포함한다.
명령어 수신 모듈(401)은 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하도록 구성된다.
타겟 노드 확정 모듈(402)은 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정한다.
조정 모듈(403)은 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하도록 구성된다.
본 개시의 실시 양태들에 따른 웹페이지를 조정하기 위한 장치에 의하면, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
도 9는 예시적인 다른 실시 양태에 따른, 웹페이지를 조정하기 위한 장치를 예시하는 개략적인 다이어그램이다. 전자 장치에 웹페이지를 조정하기 위한 장치를 사용하여 도 1, 도 2 및 도 7에 도시된 임의 방법을 수행한다. 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다. 도 9를 참조해 보면, 웹페이지를 조정하기 위한 장치는 명령어 수신 모듈(501), 타겟 노드 확정 모듈(502) 및 조정 모듈(503)을 포함한다.
명령어 수신 모듈(501)은 현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하도록 구성된다.
타겟 노드 확정 모듈(502)은 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정한다.
조정 모듈(503)은 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하도록 구성된다.
장치는 산출 모듈(504) 및 크기 조정 모듈(505)을 더 포함한다.
산출 모듈(504)은 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하도록 구성된다.
크기 조정 모듈(505)은 크기 조정비에 따라 웹페이지를 크기 조정하도록 구성된다.
타겟 노드 확정 모듈(502)은 제1 확정 유닛(502a) 및 제2 확정 유닛(502b)을 포함한다.
제1 확정 유닛(502a)은 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표들을 포함하면, 웹페이지의 문서 객체 모델 트리에 따라 제1 후보 노드 집합을 확정하도록 구성되고, 여기서, 제1 후보 노드 집합은 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함한다.
제2 확정 유닛(502b)은 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
타겟 노드 확정 모듈(502)은 제3 확정 유닛(502c) 및 제4 확정 유닛(502d)을 포함한다.
제3 확정 유닛(502c)은 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표이면, 웹페이지의 문서 객체 모델 트리에 따라 제2 후보 노드 집합 - 제2 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례의 임계치보다 큰 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성됨 - 을 확정한다.
제4 확정 유닛(502d)은 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
타겟 노드 확정 모듈(502)은 제5 확정 유닛(502e) 및 제6 확정 유닛(502f)을 포함한다.
제5 확정 유닛(502e)은 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표이면, 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합 - 제3 후보 노드 집합은 교차 영역과 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 교차 영역은 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성됨 - 을 확정한다.
제6 확정 유닛(502f)은 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 타겟 콘텐츠 노드로서 확정한다.
장치는 검출 모듈(506)을 더 포함한다.
검출 모듈(506)은, 웹페이지 조정 명령어를 수신하기 전에, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출한다.
명령어 수신 모듈(501)은 검출 모듈(506)의 결과가 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만이면, 웹페이지 조정 명령어를 수신하는 단계를 수행한다.
본 개시의 실시 양태들에 따른 웹페이지를 조정하기 위한 장치에 의하면, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
또한, 본 개시의 실시 양태들에 따른 웹페이지를 조정하기 위한 장치에 의하면, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고 크기 조정비에 따라 웹페이지의 크기를 조정함으로써, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역을 검색하기에 더 양호한 크기로 조정하여 이용자 경험을 향상시키고 이용자 조작을 단순화할 수 있게 한다.
최종적으로, 본 개시의 실시 양태들에 따른 웹페이지를 조정하기 위한 장치에 의하면, 웹페이지 조정 명령어의 수신 전에 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은가를 검출하고, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은 경우, 웹페이지 조정 명령어가 수신됨으로써, 조정할 필요가 없는 웹페이지들을 조정하는 것을 피하게 되어 전자 장치의 처리 자원 및 전자 에너지를 절약하게 된다.
도 10은 예시적인 실시 양태에 따른, 전자 장치의 블록도이다. 전자 장치를 사용하여 현재 디스플레이되어 있는 웹페이지를 조정한다. 예를 들어, 전자 장치는 지능형 이동 전화, 태블릿 컴퓨터, 전자책 단말기 등일 수 있다.
도 10을 참조해 보면, 전자 장치는 도 8 또는 도 9에서 도시된 바와 같이, 웹페이지를 조정하기 위한 장치(001)를 포함한다.
본 개시의 실시 양태들에 따른 전자 장치에 의하면, 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어가 수신되고, 타겟 콘텐츠 노드가 적어도 하나의 터치 점의 좌표들 및 웹페이지의 문서 객체 모델 트리에 따라 웹페이지의 모든 콘텐츠 노드로부터 확정되고, 그리고, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심이 화면의 중심으로 조정되어, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역이 단지 한 번의 동작을 통해 화면의 중심으로 조정될 수 있음으로써, 관련 기술에서 이용자가 웹페이지의 하나의 콘텐츠를 검색하기에 적합한 위치로 조정하기 위해 여러 번의 조정을 수행할 필요가 있는 문제점을 해결하여, 이용자 조작을 단순화하고 이용자의 시간을 절약할 수 있게 한다.
또한, 본 개시의 실시 양태에 따른 전자 장치에 의하면, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 화면의 크기에 따라 크기 조정비를 산출하고 크기 조정비에 따라 웹페이지의 크기를 조정함으로써, 타겟 콘텐츠 노드에 대응하는 디스플레이 영역을 검색하기에 더 양호한 크기로 조정하여 이용자 경험을 향상시키고 이용자 조작을 단순화할 수 있게 한다.
최종적으로, 본 개시의 실시 양태에 따른 전자 장치에 의하면, 웹페이지 조정 명령어의 수신 전에 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은가를 검출하고, 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치보다 작은 경우, 웹페이지 조정 명령어가 수신됨으로써, 조정할 필요가 없는 웹페이지들을 조정하는 것을 피하게 되어 전자 장치의 처리 자원 및 전지 에너지를 절약하게 된다.
도 11은 예시적인 실시 양태에 따른, 전자 장치(600)의 블록도이다. 예를 들어, 전자 장치(600)는 이동 전화, 컴퓨터, 디지털 방송용 단말기(digital broadcasting terminal), 메시지 송신 및 수신 장치, 게임 콘솔, 테이블 장치, 의료 장비, 피트니스 설비(fitness facility) 및 개인용 휴대 단말기(PDA) 등일 수 있다.
도 11을 참조하면, 전자 장치(600)는 다음의 컴포넌트들: 프로세싱 컴포넌트(602), 메모리(604), 파워 컴포넌트(606), 멀티미디어 컴포넌트(608), 오디오 컴포넌트(610), 입/출력(I/O) 인터페이스(612), 센서 컴포넌트(614) 및 통신 컴포넌트(616) 중 하나 이상을 포함할 수 있다.
프로세싱 컴포넌트(602)는 전형적으로 디스플레이, 전화 통화(telephone calls), 데이터 통신에 연관된 동작, 카메라 동작 및 기록 동작 등과 같은 전자 장치(600)의 모든 동작을 제어한다. 프로세싱 컴포넌트(602)는 위에서 기술된 방법의 단계들 중 일부 또는 전부를 수행하는 명령어들을 실행하기 위한 하나 이상의 프로세서(620)를 포함할 수 있다. 또한, 프로세싱 컴포넌트(602)는 프로세싱 컴포넌트(602)와 다른 컴포넌트 간에서의 상호작용(interaction)을 용이하게 해주는 하나 이상의 모듈을 포함할 수 있다. 예를 들어, 프로세싱 컴포넌트(602)는 멀티미디어 컴포넌트(608)와 프로세싱 컴포넌트(602) 간에서의 상호작용을 용이하게 해주는 멀티미디어 모듈을 포함할 수 있다.
메모리(604)는 전자 장치(600)의 동작을 지원하는 각종 유형의 데이터를 저장하도록 구성된다. 그러한 데이터의 실시예로는, 전자 장치(600) 상에서 동작되는 임의 애플리케이션 또는 방법을 위한 명령어들, 연락처(contact) 데이터, 전화번호부(phonebook) 데이터, 메시지, 사진, 비디오 등이 포함된다. 메모리(604)는 스태틱 랜덤 액세스 메모리(SRAM), 전기적으로 소거가능한 프로그래머블 판독 전용 메모리(EEPROM), 소거가능한 프로그래머블 판독 전용 메모리(EPROM), 판독 전용 메모리(ROM), 프로그래머블 판독 전용 메모리(PROM), 자기 메모리, 플래시 메모리, 자기 디스크 또는 광 디스크 등과 같은, 임의 유형의 휘발성 또는 비휘발성 메모리 장치 또는 그들의 결합을 이용하여 구현될 수 있다. 메모리(604)는 또한, 하나 이상의 모듈을 저장하며, 이들 모듈은 하나 이상의 프로세서(620)에 의해 실행되어 도 1, 도 2 도는 도 7의 임의 방법의 단계들 중 일부 또는 전부를 수행한다.
파워 컴포넌트(606)는 전자 장치(600)의 각종 컴포넌트에 전력을 공급한다. 파워 컴포넌트(606)는 전자 장치(600)에서 전력의 발생, 관리 및 분배에 연관된 전력 관리 시스템, 하나 이상의 전력원 및 임의 다른 컴포넌트를 포함할 수 있다.
멀티미디어 컴포넌트(608)는 전자 장치(600)와 이용자 간에서 출력 인터페이스를 제공하는 화면을 포함한다. 일부 실시 양태들에서, 화면은 액정 디스플레이(LCD) 및 터치 패널(TP)을 포함할 수 있다. 화면이 터치 패널을 포함하는 경우, 화면은 이용자로부터 입력 신호들을 수신하기 위한 터치 화면으로서 구현될 수 있다. 터치 패널은 하나 이상의 터치 센서를 포함하여 터치 패널 상에서의 터치, 스와이프(swipes) 및 제스처를 감지한다. 터치 센서는 터치 또는 스와이프 동작의 경계(boundry)를 감지할 수 있을 뿐 아니라, 터치 또는 스와이프 동작에 연관된 시간 및 가압력(pressure)을 감지할 수 있다. 일부 실시 양태들에서, 멀티미디어 컴포넌트(608)는 전방 카메라 및/또는 후방 카메라를 포함한다. 전방 카메라 및 후방 카메라는, 전자 장치(600)가 사진 촬영 모드 또는 비디오 모드와 같은 동작 모드인 동안 외부 멀티미디어 데이터를 수신할 수 있다. 전방 카메라 및 후방 카메라 각각은 고정식 광학 렌즈계(fixed optical lens system)일 수 있거나, 초점 및 광학 줌 기능(focus and optical zoom capability)을 가질 수 있다.
오디오 컴포넌트(610)는 오디오 신호들을 출력 및/또는 입력하도록 구성된다. 예를 들어, 오디오 컴포넌트(610)는 전자 장치(600)가 통화(call) 모드, 기록(recording) 모드 및 음성 인식 모드와 같은 동작 모드일 때 외부 오디오 신호를 수신하도록 구성된 마이크("MIC")를 포함한다. 수신된 오디오 신호는 또한 메모리(604)에 저장되거나 통신 컴포넌트(616)를 통해 전송될 수 있다. 일부 실시 양태들에서, 오디오 컴포넌트(610)는 오디오 신호들을 출력하는 스피커를 더 포함한다.
I/O 인터페이스(612)는 프로세싱 컴포넌트(602)와 주변 인터페이스 모듈들 - 예컨대, 키보드, 클릭 휠, 버튼 등 - 간의 인터페이스를 제공한다. 버튼은 홈 버튼, 볼륨 버튼, 시작 버튼 및 잠금(locking) 버튼을 포함할 수 있지만, 이들로만 제한되는 것은 아니다.
센서 컴포넌트(614)는 전자 장치(600)의 각종 양태들의 상태 평가(status assesments)를 제공하는 하나 이상의 센서를 포함한다. 예를 들어, 센서 컴포넌트(614)는 전자 장치(600)의 열림/닫힘(open/closed) 상태, 전자 장치(600)의 컴포넌트들, 예를 들어, 디스플레이 및 키보드의 상대 위치(relative positioning), 전자 장치(600) 또는 전자 장치(600)의 컴포넌트의 위치 변경, 전자 장치(600)에 대한 이용자 접촉의 존재(presence) 또는 부재(absence), 전자 장치(600)의 방향(orientation) 또는 가속/감속 및 전자 장치(600)의 온도 변화를 검출할 수 있다. 센서 컴포넌트(614)는 어떠한 물리적인 접촉 없이도 근방에 있는 물체들(objects)의 존재를 검출하기 위한 근접성(proximity) 센서를 포함할 수 있다. 센서 컴포넌트(614)는 또한, 촬상 용도(imaging applications)로 사용하기 위한, CMOS 또는 CCD 이미지 센서 등의 광 센서(light sensor)를 포함할 수 있다. 일부 실시 양태들에서, 센서 컴포넌트(614)는 또한, 가속도계(accelerometer) 센서, 자이로스코프(gyroscope) 센서, 자기 센서, 압력 센서 또는 온도 센서를 포함할 수 있다.
통신 컴포넌트(616)는 전자 장치(600)와 다른 장치들 간의 유선(wired) 또는 무선(wireless) 통신을 용이하게 해주도록 구성된다. 전자 장치(600)는 WiFi, 2G, 3G 또는 그들의 결합과 같은, 통신 표준에 기반한 무선 네트워크에 액세스할 수 있다. 예시적인 일 실시 양태에서, 통신 컴포넌트(616)는 방송 채널을 통해 외부 방송 관리 시스템으로부터 방송 신호 또는 방송 관련 정보를 수신한다. 예시적인 일 실시 양태에서, 통신 컴포넌트(616)는 단거리(short-range) 통신을 용이하게 하게 해주는 근거리 통신(NFC) 모듈을 더 포함한다. 예를 들어, NFC 모듈은 무선 주파수 식별(RFID) 기술, 적외선 무선 통신(infrared data association; IrDA) 기술, 초-광대역(UWB) 기술, 블루투스(BT) 기술 및 여타 기술에 기반하여 구현될 수 있다.
예시적인 실시 양태들에서, 전자 장치(600)는 앞서 기술한 방법들을 수행하기 위한, 하나 이상의 주문형 집적 회로(ASICs), 디지털 신호 프로세서(DSPs), 디지털 신호 처리 장치(DSPDs), 프로그래머블 논리 장치(PLDs), 필드 프로그래머블 게이트 어레이(FPGAs), 컨트롤러, 마이크로-컨트롤러, 마이크로프로세서 또는 기타 전자 컴포넌트들로 구현될 수 있다.
예시적인 일 실시 양태에서, 앞서 기술한 방법들을 수행하기 위해, 예를 들어, 메모리에 포함되어 전자 장치(600)의 프로세서(620)에 의해 실행가능한 명령어들을 포함하는 비-일시적인(non-transitory) 컴퓨터-판독가능 저장 매체가 또한 제공된다. 예를 들어, 비-일시적인 컴퓨터-판독가능 저장 매체는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광학 데이터 저장 장치 등일 수 있다.
통상의 기술자들이라면, 여기서 개시된 본 발명의 명세서 및 실시를 고찰함으로써 본 발명의 다른 실시 양태들이 명백해 질 것이다. 본 출원은 본 출원의 일반적인 원리를 따르며 분 기술 분야에서 알려지거나 관행 내에 있는 본 개시의 일탈(departures)을 포함하는 본 발명의 임의 변형, 이용 또는 적응을 커버하는 것으로 의도된다. 명세서 및 실시예들은 단지 실시예에 불과한 것으로, 본 발명의 진정한 범주 및 사상은 이하의 청구범위에 의해 정해지는 것으로 의도된다.
본 발명은 위에서 기술되고 첨부된 도면에서 예시된 그 구성으로만 제한되는 것이 아니라, 본 발명의 범주를 벗어나지 않는 한 여러 수정 및 변형이 가능함을 인식할 수 있을 것이다. 본 발명의 범주는 오직 첨부된 청구범위에 의해서만 한정되는 것으로 의도된다.

Claims (13)

  1. 웹페이지를 조정하기 위한 방법으로서,
    현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하는 단계;
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계; 및
    상기 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하는 단계를 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  2. 제1항에 있어서,
    상기 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 상기 화면의 크기에 따라 크기 조정비를 산출하는 단계; 및
    상기 크기 조정비에 따라 상기 웹페이지의 크기를 조정하는 단계를 더 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  3. 제1항에 있어서,
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는:
    상기 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표들을 포함하면, 상기 문서 객체 모델 트리에 따라 제1 후보 노드 집합을 확정하는 단계로서, 상기 제1 후보 노드 집합은 상기 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함하는, 제1 후보 노드 집합을 확정하는 단계; 및
    상기 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하는 단계를 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  4. 제1항에 있어서,
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는:
    상기 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표이면, 상기 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하는 단계로서, 상기 제2 후보 노드 집합은 교차 영역과 상기 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례의 임계치보다 큰 콘텐츠 노드를 포함하고, 상기 교차 영역은 상기 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 제2 노드 집합을 확정하는 단계; 및
    상기 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하는 단계를 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  5. 제1항에 있어서,
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하는 단계는:
    상기 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 상기 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하는 단계로서, 상기 제3 후보 노드 집합은 교차 영역과 상기 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 상기 교차 영역은 상기 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 제3 노드 집합을 확정하는 단계; 및
    상기 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하는 단계를 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  6. 제1항에 있어서,
    상기 웹페이지 조정 명령어를 수신하기 전에, 상기 웹페이지의 보통 텍스트(plain text) 노드에서의 문자 부호들(characters)의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출하는 단계; 및
    상기 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 상기 미리 설정된 영역 임계치 미만이면, 상기 웹페이지 조정 명령어를 수신하는 단계를 수행하는 단계를 더 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 방법.
  7. 웹페이지를 조정하기 위한 장치로서,
    현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하기 위한 명령어 수신 모듈;
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하기 위한 타겟 노드 확정 모듈; 및
    상기 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하기 위한 조정 모듈을 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  8. 제7항에 있어서,
    상기 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 현재 크기 및 상기 화면의 크기에 따라 크기 조정비를 산출하기 위한 산출 모듈; 및
    상기 크기 조정비에 따라 상기 웹페이지의 크기를 조정하기 위한 크기 조정 모듈을 더 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  9. 제7항에 있어서,
    상기 타겟 노드 확정 모듈은:
    상기 적어도 하나의 터치 점의 좌표들이 하나의 터치 점의 좌표들을 포함하면, 상기 문서 객체 모델 트리에 따라 제1 후보 노드 집합을 확정하되, 상기 제1 후보 노드 집합은 상기 하나의 터치 점의 좌표들의 모든 콘텐츠 노드를 포함하는, 제1 후보 노드 집합을 확정하기 위한 제1 확정 유닛; 및
    상기 제1 후보 노드 집합에서 화면 폭보다 작은 디스플레이 영역을 가지며 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하기 위한 제2 확정 유닛을 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  10. 제7항에 있어서,
    상기 타겟 노드 확정 모듈은:
    상기 적어도 하나의 터치 점의 좌표들이 폐곡선의 좌표들이면, 상기 문서 객체 모델 트리에 따라 제2 후보 노드 집합을 확정하되, 상기 제2 후보 노드 집합은 교차 영역과 상기 폐곡선에 의해 범위가 정해지는 영역 간의 비가 미리 설정된 비례의 임계치보다 큰 콘텐츠 노드를 포함하고, 상기 교차 영역은 상기 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 제2 후보 노드 집합을 확정하기 위한 제3 확정 유닛; 및
    상기 제2 후보 노드 집합에서 가장 작은 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하기 위한 제4 확정 유닛을 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  11. 제7항에 있어서,
    상기 타겟 노드 확정 모듈은:
    상기 적어도 하나의 터치 점의 좌표들이 상기 폐곡선의 좌표들이면, 상기 웹페이지의 문서 객체 모델 트리에 따라 제3 후보 노드 집합을 확정하되, 상기 제3 후보 노드 집합은 교차 영역과 상기 폐곡선에 의해 범위가 정해지는 영역 간의 최대 비를 갖는 콘텐츠 노드를 포함하고, 상기 교차 영역은 상기 폐곡선에 의해 범위가 정해지는 영역과 상호작용하는 콘텐츠 노드에 의해 형성되는, 제3 후보 노드 집합을 확정하기 위한 제5 확정 유닛; 및
    상기 제3 후보 노드 집합에서 가장 큰 디스플레이 영역을 갖는 콘텐츠 노드를 상기 타겟 콘텐츠 노드로서 확정하기 위한 제6 확정 유닛을 포함하는 것을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  12. 제7항에 있어서,
    상기 웹페이지 조정 명령어를 수신하기 전에, 상기 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만인지를 검출하기 위한 검출 모듈을 더 포함하고,
    상기 명령어 수신 모듈은 상기 웹페이지의 보통 텍스트 노드에서의 문자 부호들의 평균 디스플레이 영역이 미리 설정된 영역 임계치 미만이면, 상기 웹페이지 조정 명령어를 수신하는 단계를 수행하기 위한 것임을 특징으로 하는, 웹페이지를 조정하기 위한 장치.
  13. 전자 장치로서,
    프로세서 및
    상기 프로세서가 실행가능한 명령어들을 저장하기 위한 메모리를 포함하고,
    상기 프로세서는,
    현재 디스플레이되어 있는 웹페이지에 대한 터치 동작을 검출할 때 발생되고 적어도 하나의 터치 점의 좌표들을 포함하는 웹페이지 조정 명령어를 수신하고;
    상기 적어도 하나의 터치 점의 좌표들 및 상기 웹페이지의 문서 객체 모델 트리에 따라 상기 웹페이지의 모든 콘텐츠 노드로부터 타겟 콘텐츠 노드를 확정하고;
    상기 타겟 콘텐츠 노드에 대응하는 디스플레이 영역의 중심을 화면의 중심으로 조정하도록 구성되는 것을 특징으로 하는, 전자 장치.
KR1020157002642A 2014-03-21 2014-11-14 웹페이지 조정 방법 및 장치와 전자 장치 KR20150119834A (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201410108833.XA CN103885712B (zh) 2014-03-21 2014-03-21 网页调整方法、装置及电子设备
CN201410108833.X 2014-03-21
PCT/CN2014/091198 WO2015139469A1 (zh) 2014-03-21 2014-11-14 网页调整方法、装置及电子设备

Publications (1)

Publication Number Publication Date
KR20150119834A true KR20150119834A (ko) 2015-10-26

Family

ID=50954633

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020157002642A KR20150119834A (ko) 2014-03-21 2014-11-14 웹페이지 조정 방법 및 장치와 전자 장치

Country Status (7)

Country Link
EP (1) EP2921969A1 (ko)
JP (1) JP6093088B2 (ko)
KR (1) KR20150119834A (ko)
CN (1) CN103885712B (ko)
BR (1) BR112015002042A2 (ko)
MX (1) MX353129B (ko)
WO (1) WO2015139469A1 (ko)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103885712B (zh) * 2014-03-21 2017-08-15 小米科技有限责任公司 网页调整方法、装置及电子设备
CN104408133B (zh) * 2014-11-27 2018-02-23 北京国双科技有限公司 网页链接区域的热力图的显示方法和装置
CN104820544A (zh) * 2015-04-15 2015-08-05 深信服网络科技（深圳）有限公司 菜单显示放大方法及装置
US10203852B2 (en) * 2016-03-29 2019-02-12 Microsoft Technology Licensing, Llc Content selection in web document
CN107145513A (zh) * 2017-03-31 2017-09-08 北京猎豹移动科技有限公司 一种信息显示方法及装置、终端
CN108446070A (zh) * 2018-02-26 2018-08-24 北京辰森世纪科技股份有限公司 一种用于浏览信息的方法及装置
CN113538450B (zh) 2020-04-21 2023-07-21 百度在线网络技术（北京）有限公司 用于生成图像的方法及装置
CN113656736B (zh) * 2021-08-19 2024-07-23 上海哔哩哔哩科技有限公司 数据处理方法及装置
CN115795192B (zh) * 2022-06-30 2024-04-05 盐城天眼察微科技有限公司 页面适配方法、装置以及存储介质和电子设备

Family Cites Families (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7203901B2 (en) * 2002-11-27 2007-04-10 Microsoft Corporation Small form factor web browsing
JP2008158540A (ja) * 2004-11-11 2008-07-10 Casio Comput Co Ltd 投影装置、投影方法、投影制御プログラム
US7864163B2 (en) * 2006-09-06 2011-01-04 Apple Inc. Portable electronic device, method, and graphical user interface for displaying structured electronic documents
US9619143B2 (en) * 2008-01-06 2017-04-11 Apple Inc. Device, method, and graphical user interface for viewing application launch icons
US8174502B2 (en) * 2008-03-04 2012-05-08 Apple Inc. Touch event processing for web pages
JP4533943B2 (ja) * 2008-04-28 2010-09-01 株式会社東芝 情報処理装置、表示制御方法およびプログラム
KR20100064533A (ko) * 2008-12-05 2010-06-15 삼성전자주식회사 카메라를 이용한 문자 크기 자동 조절 장치 및 방법
JP2010134938A (ja) * 2009-12-18 2010-06-17 Seiko Epson Corp 携帯情報機器及び情報記憶媒体
EP2599012A4 (en) * 2010-07-30 2015-08-05 Hewlett Packard Development Co CONTENT SELECTION ON ONE WEBSITE
US9195637B2 (en) * 2010-11-03 2015-11-24 Microsoft Technology Licensing, Llc Proportional font scaling
CN102135853A (zh) * 2011-03-09 2011-07-27 苏州佳世达电通有限公司 用于触控显示装置的信息处理方法
US20120304113A1 (en) * 2011-05-27 2012-11-29 Patten Michael J Gesture-based content-object zooming
CN103164191B (zh) * 2011-12-08 2017-07-11 腾讯科技（深圳）有限公司 网页元素拖拽方法和装置
CA2798507C (en) * 2012-01-06 2015-03-17 Microsoft Corporation Input pointer delay and zoom logic
JP2013218739A (ja) * 2013-07-31 2013-10-24 Kyocera Document Solutions Inc 情報処理装置及び画像形成装置
CN103885712B (zh) * 2014-03-21 2017-08-15 小米科技有限责任公司 网页调整方法、装置及电子设备

Also Published As

Publication number Publication date
EP2921969A1 (en) 2015-09-23
MX353129B (es) 2017-12-19
JP2016515276A (ja) 2016-05-26
CN103885712B (zh) 2017-08-15
CN103885712A (zh) 2014-06-25
BR112015002042A2 (pt) 2017-07-04
MX2015001411A (es) 2016-05-05
JP6093088B2 (ja) 2017-03-08
WO2015139469A1 (zh) 2015-09-24

Similar Documents

Publication Publication Date Title
KR20150119834A (ko) 웹페이지 조정 방법 및 장치와 전자 장치
US10296201B2 (en) Method and apparatus for text selection
US11334225B2 (en) Application icon moving method and apparatus, terminal and storage medium
KR101919787B1 (ko) 이동 단말기 및 그 제어방법
US20130167090A1 (en) Device, method, and storage medium storing program
CN106980409B (zh) 输入控制方法及装置
CN103927080A (zh) 控制控件操作的方法和装置
CN106485660B (zh) 电子地图的缩放方法和装置
CN110968364B (zh) 添加快捷插件的方法、装置及智能设备
WO2020042468A1 (zh) 一种数据处理方法、装置和用于数据处理的装置
US20150116368A1 (en) Method and device for adjusting characters of application
KR20140028311A (ko) 출력화면의 편집 영역을 설정하기 위한 전자 장치 및 방법
US10013151B2 (en) Method and terminal device for adjusting widget
JP2017525076A (ja) キャラクタ特定方法、装置、プログラムおよび記録媒体
CN106504295B (zh) 渲染图片的方法及装置
CN112463084A (zh) 分屏显示方法、装置、终端设备及计算机可读存储介质
JP2016535372A (ja) カーソルの位置決め方法、装置、プログラム、及び記録媒体
KR20160034838A (ko) 콘텐츠를 표시하는 방법, 장치, 프로그램 및 저장매체
CN111273979B (zh) 信息处理方法、装置及存储介质
CN107168969B (zh) 一种页面元素控制方法、装置及电子设备
CN107832112B (zh) 壁纸设置方法及装置
CN105975188B (zh) 图片位置调整方法及装置
CN106293405B (zh) 页面移动的方法和装置
US20150269272A1 (en) Methods, devices, and apparatuses for adjusting display of webpage
KR20170037862A (ko) 문자열 저장방법 및 장치

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application