KR20160026328A - 웹 페이지에서 영역 선택을 위한 방법 및 그 전자 장치 - Google Patents

Abstract

본 발명의 다양한 실시 예는 전자 장치에서 이미지를 표시하기 위한 장치 및 방법에 관한 것이다. 이때, 전자 장치는, 웹 페이지를 표시하는 디스플레이와 사용자 입력을 검출하는 입출력 인터페이스와 상기 입출력 인터페이스를 통해 검출한 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하고, 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 프로세서를 포함하며, 상기 디스플레이는, 상기 웹 페이지의 구성 정보의 적어도 일부의 변경에 기반하여 상기 웹 페이지의 적어도 일부 영역을 나머지 영역과 구분되도록 표시할 수 있다. 다른 실시 예들도 가능할 수 있다.

Description

웹 페이지에서 영역 선택을 위한 방법 및 그 전자 장치{METHOD FOR SELECTING AREA ON WEB PAGE AND ELECTRONIC DEVICE THEREOF}

본 발명의 다양한 실시 예는 웹 페이지에서 적어도 하나의 영역을 선택하기 위한 장치 및 방법에 관한 것이다.

정보통신 기술 및 반도체 기술의 발전으로 각종 전자 장치들이 다양한 멀티미디어 서비스를 제공하는 멀티미디어 장치로 발전하고 있다. 예를 들어, 휴대용 전자 장치는 방송 서비스, 무선 인터넷 서비스, 카메라 서비스 및 음악 재생 서비스와 같은 다양한 멀티미디어 서비스를 제공할 수 있다.

전자 장치의 사용이 증가하면서 다양한 웹 페이지가 구성되어 사용자에게 다양한 서비스를 제공할 수 있다. 예를 들어, 웹 페이지는 HTML(hypertext markup language) 또는 XML(extensible markup language) 등과 같은 프로그래밍 언어를 이용하여 구성될 수 있다.

전자 장치의 사용자는 전자 장치의 디스플레이에 표시된 웹 페이지를 통해 다양한 정보를 검색 및 습득함으로써, 전자 장치는 웹 페이지에서 사용자가 필요로 하는 정보를 선택 및 관리하는데 어려움이 있다.

본 발명의 실시 예는 전자 장치에서 웹 페이지의 다수 개의 영역들을 선택하기 장치 및 방법을 제공할 수 있다.

본 발명의 실시 예는 전자 장치에서 웹 페이지의 선택 정보를 관리하기 위한 장치 및 방법을 제공할 수 있다.

본 발명의 실시 예에 따르면, 전자 장치는, 웹 페이지를 표시하는 디스플레이와 사용자 입력을 검출하는 입출력 인터페이스와 상기 입출력 인터페이스를 통해 검출한 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하고, 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 프로세서를 포함하며, 상기 디스플레이는, 상기 프로세서에 의한 상기 웹 페이지의 구성 정보의 적어도 일부의 변경에 기반하여, 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시할 수 있다.

본 발명의 실시 예에 따르면, 전자 장치의 동작 방법은, 웹 페이지를 표시하는 동작과 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하는 동작과 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 동작과 상기 변경에 기반하여 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 동작을 포함할 수 있다.

본 발명의 다양한 실시 예에 따르면, 전자 장치에서 사용자의 입력 정보에 의해 선택된 웹 페이지의 적어도 하나의 영역에 선택 표시를 위한 속성 변수(예: 태그)를 삽입함으로써, 사용자에 의해 선택된 다수 개의 영역들을 웹 페이지에 표시할 수 있다.

본 발명의 다양한 실시 예에 따르면, 전자 장치에서 선택 표시를 위한 속성 변수가 삽입된 웹 페이지의 적어도 일부 영역의 구성 정보를 추출하여 저장함으로써, 사용자에 의해 선택된 영역들을 별도로 관리할 수 있다.

도 1은 본 발명의 실시 예에 따른 전자 장치의 블록도를 도시한다.
도 2는 본 발명의 실시 예에 따른 프로그램 모듈의 블록도를 도시한다.
도 3은 본 발명의 실시 예에 따른 웹 엔진의 소프트웨어 구조를 도시한다.
도 4a 내지 도 4f는 본 발명의 실시 예에 따른 웹 페이지에서 영역 선택 및 선택 영역을 관리하기 위한 화면 구성을 도시한다.
도 5는 본 발명의 실시 예에 따른 웹 페이지에서 선택된 영역을 표시하기 위한 흐름도를 도시한다.
도 6은 본 발명의 실시 예에 따른 웹 페이지를 표시하기 위한 흐름도를 도시한다.
도 7은 본 발명의 실시 예에 따른 웹 페이지에서 선택된 영역의 정보를 추출하기 위한 흐름도를 도시한다.
도 8은 본 발명의 실시 예에 따른 웹 페이지의 선택 영역을 이용하여 하나의 보기 페이지를 구성하기 위한 흐름도를 도시한다.
도 9는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 보기 페이지에 추가하기 위한 흐름도를 도시한다.
도 10은 본 발명의 실시 예에 따른 보기 페이지를 저장하기 위한 흐름도를 도시한다.
도 11a 내지 도 11c는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 숨김 표시하기 위한 화면 구성을 도시한다.
도 12는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 숨김 표시하기 위한 흐름도를 도시한다.
도 13은 본 발명의 실시 예에 따른 전자 장치의 블록도를 도시한다.

이하, 본 발명의 다양한 실시 예가 첨부된 도면을 참조하여 기재된다. 그러나, 이는 본 발명의 다양한 실시 예를 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 실시 예의 다양한 변경(modification), 균등물(equivalent) 및/또는 대체물(alternative)을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 구성요소에 대해서는 유사한 참조 부호가 사용되었다.

본 문서에서, “가진다,” “가질 수 있다,”“포함한다,” 또는 “포함할 수 있다” 등의 표현은 해당 특징 (예: 수치, 기능, 동작, 또는 부품 등의 구성요소)의 존재를 가리키며, 추가적인 특징의 존재를 배제하지 않는다.

본 문서에서, “A 또는 B,”“A 또는/및 B 중 적어도 하나,”또는 “A 또는/및 B 중 하나 또는 그 이상”등의 표현은 함께 나열된 항목들의 모든 가능한 조합을 포함할 수 있다. 예를 들면, “A 또는 B,” “ A 및 B 중 적어도 하나,” 또는 “ A 또는 B 중 적어도 하나”는, (1) 적어도 하나의 A를 포함, (2) 적어도 하나의 B를 포함, 또는 (3) 적어도 하나의 A 및 적어도 하나의 B 모두를 포함하는 경우를 모두 지칭할 수 있다.

다양한 실시 예에서 사용된 “제 1,”“제 2,”“첫째,”또는“둘째,”등의 표현들은 다양한 구성요소들을, 순서 및/또는 중요도에 상관없이 수식할 수 있고, 해당 구성요소들을 한정하지 않는다. 상술한 표현들은 한 구성요소를 다른 구성요소와 구분하기 위해 사용될 수 있다. 예를 들면, 제 1 사용자 기기와 제 2 사용자 기기는, 순서 또는 중요도와 무관하게, 서로 다른 사용자 기기를 나타낼 수 있다. 예를 들면, 본 발명의 권리 범위를 벗어나지 않으면서 제 1 구성요소는 제 2 구성요소로 명명될 수 있고, 유사하게 제 2 구성요소도 제 1 구성요소로 바꾸어 명명될 수 있다.

어떤 구성요소 (예: 제 1 구성요소)가 다른 구성요소 (예: 제 2 구성요소)에 "(기능적으로 또는 통신적으로) 연결되어 ((operatively or communicatively) coupled with/to)" 있다거나 "접속되어 (connected to)" 있다고 언급된 때에는, 어떤 구성요소가 다른 구성요소에 직접적으로 연결되거나, 다른 구성요소 (예: 제 3 구성요소)를 통하여 연결될 수 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소 (예: 제 1 구성요소)가 다른 구성요소 (예: 제 2 구성요소)에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 어떤 구성요소와 다른 구성요소 사이에 다른 구성요소 (예: 제 3 구성요소)가 존재하지 않는 것으로 이해될 수 있다.

본 문서에서 사용된 표현 “~하도록 구성된 (또는 설정된)(configured to)”은 상황에 따라, 예를 들면, “~에 적합한 (suitable for),” “~하는 능력을 가지는 (having the capacity to),” “~하도록 설계된 (designed to),” “~하도록 변경된 (adapted to),” “~하도록 만들어진 (made to),”또는 “~를 할 수 있는 (capable of)”과 바꾸어 사용될 수 있다. 용어 “~하도록 구성 (또는 설정)된”은 하드웨어적으로 “특별히 설계된 (specifically designed to)”것만을 반드시 의미하지 않을 수 있다. 대신, 어떤 상황에서는, “~하도록 구성된 장치”라는 표현은, 그 장치가 다른 장치 또는 부품들과 함께 “~할 수 있는” 것을 의미할 수 있다. 예를 들면, 문구 “A, B, 및 C를 수행하도록 구성 (또는 설정)된 프로세서”는 해당 동작을 수행하기 위한 전용 프로세서 (예: 임베디드 프로세서), 또는 메모리 장치에 저장된 하나 이상의 소프트웨어 프로그램들을 실행함으로써, 해당 동작들을 수행할 수 있는 범용 프로세서 (generic-purpose processor)(예: CPU 또는 application processor)를 의미할 수 있다. 예를 들면, 문구 “A, B, 및 C를 수행하도록 구성 (또는 설정)된 프로세서”는 기능 처리를 위한 논리 모듈(예: 소프트웨어적인 처리 모듈)을 의미할 수 있다.

본 문서에서 사용된 용어들은 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 다른 실시 예의 범위를 한정하려는 의도가 아닐 수 있다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함할 수 있다. 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명의 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가질 수 있다. 일반적으로 사용되는 사전에 정의된 용어들은 관련 기술의 문맥 상 가지는 의미와 동일 또는 유사한 의미를 가지는 것으로 해석될 수 있으며, 본 문서에서 명백하게 정의되지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다. 경우에 따라서, 본 문서에서 정의된 용어일지라도 본 발명의 실시 예들을 배제하도록 해석될 수 없다.

본 발명의 다양한 실시 예들에 따른 전자 장치는, 예를 들면, 전자 장치는 스마트폰 (smartphone), 태블릿 PC (tablet personal computer), 이동 전화기 (mobile phone), 화상 전화기, 전자북 리더기 (e-book reader), 데스크탑 PC (desktop personal computer), 랩탑 PC (laptop personal computer), 넷북 컴퓨터 (netbook computer), 워크스테이션 (workstation), 서버, PDA (personal digital assistant), PMP (portable multimedia player), MP3 플레이어, 모바일 의료기기, 카메라 (camera), 또는 웨어러블 장치 (wearable device)(예: 스마트 안경, 머리 착용형 장치 (head-mounted-device(HMD)), 전자 의복, 전자 팔찌, 전자 목걸이, 전자 앱세서리 (appcessory), 전자 문신, 스마트 미러, 또는 스마트 와치 (smart watch))중 적어도 하나를 포함할 수 있다.

어떤 실시 예들에서, 전자 장치는 스마트 가전 제품 (smart home appliance)일 수 있다. 스마트 가전 제품은, 예를 들면, 텔레비전, DVD (digital video disk) 플레이어, 오디오, 냉장고, 에어컨, 청소기, 오븐, 전자레인지, 세탁기, 공기 청정기, 셋톱 박스 (set-top box), 홈 자동 제어 패널 (home automation control panel), 보안 컨트롤 패널 (security control panel), TV 박스 (예: 삼성 HomeSync™, 애플TV™, 또는 구글 TV™), 게임 콘솔 (예: Xbox™, PlayStation™), 전자 사전, 전자 키, 캠코더 (camcorder), 또는 전자 액자 중 적어도 하나를 포함할 수 있다.

다른 실시 예에서, 전자 장치는, 각종 의료기기 (예: 각종 휴대용 의료측정기기 (혈당 측정기, 심박 측정기, 혈압 측정기, 또는 체온 측정기 등), MRA (magnetic resonance angiography), MRI (magnetic resonance imaging), CT (computed tomography), 촬영기, 또는 초음파기 등), 네비게이션 (navigation) 장치, GPS 수신기 (global positioning system receiver), EDR (event data recorder), FDR (flight data recorder), 자동차 인포테인먼트 (infotainment) 장치, 선박용 전자 장비(예: 선박용 항법 장치, 자이로 콤파스 등), 항공 전자기기 (avionics), 보안 기기, 차량용 헤드 유닛 (head unit), 산업용 또는 가정용 로봇, 금융 기관의 ATM (automatic teller’s machine), 상점의 POS (point of sales), 또는 사물 인터넷 장치 (internet of things)(예: 전구, 각종 센서, 전기 또는 가스 미터기, 스프링클러 장치, 화재경보기, 온도조절기 (thermostat), 가로등, 토스터 (toaster), 운동기구, 온수탱크, 히터, 보일러 등) 중 적어도 하나를 포함할 수 있다.

어떤 실시 예에 따르면, 전자 장치는 가구 (furniture) 또는 건물/구조물의 일부, 전자 보드 (electronic board), 전자 사인 수신 장치 (electronic signature receiving device), 프로젝터 (projector), 또는 각종 계측 기기 (예: 수도, 전기, 가스, 또는 전파 계측 기기 등) 중 적어도 하나를 포함할 수 있다. 다양한 실시 예에서, 전자 장치는 전술한 다양한 장치들 중 하나 또는 그 이상의 조합일 수 있다. 어떤 실시 예에 따른 전자 장치는 플렉서블 전자 장치일 수 있다. 또한, 본 발명의 실시 예에 따른 전자 장치는 전술한 기기들에 한정되지 않으며, 기술 발전에 따른 새로운 전자 장치를 포함할 수 있다.

이하, 첨부 도면을 참조하여, 다양한 실시 예에 따른 전자 장치가 설명된다. 본 문서에서, 사용자라는 용어는 전자 장치를 사용하는 사람 또는 전자 장치를 사용하는 장치 (예: 인공지능 전자 장치)를 지칭할 수 있다.

이하 본 발명의 다양한 실시 예에 따른 전자 장치에서 웹 페이지의 적어도 하나의 영역 선택을 위한 기술에 대해 설명할 수 있다.

이하 본 발명의 다양한 실시 예에서 웹 페이지는 HTML(hypertext markup language) 또는 XML(extensible markup language) 등과 같은 프로그래밍 언어를 통해 적어도 일부 영역이 다수 개의 태그(tag)(명령어를 나타내는 기호)들로 구성된 컨텐츠를 나타낼 수 있다. 한 실시 예에 따르면, 웹 페이지는 전자 문서의 형태로 구성된 컨텐츠(예: 워드 문서, PDF문서)를 포함할 수 있다.

도 1은 본 발명의 실시 예에 따른 전자 장치의 블록도를 도시하고 있다.

도 1을 참조하면, 전자 장치(100)는 버스(110), 프로세서(120), 메모리(130), 입출력 인터페이스(150), 디스플레이(160) 및 통신 인터페이스(170)를 포함할 수 있다. 어떤 실시 예에서는, 전자 장치(100)는, 상술한 구성요소들 중 적어도 하나를 생략하거나 다른 구성 요소를 추가적으로 구비할 수 있다.

버스(110)는 상술한 구성요소들(예: 프로세서(120), 메모리(130), 입출력 인터페이스(150), 디스플레이(160) 또는 통신 인터페이스(170) 등)을 서로 연결하고, 상술한 구성요소들 간의 통신(예: 제어 메시지)을 전달하는 회로일 수 있다.

프로세서(120)는, 중앙처리장치 (central processing unit (CPU)), 어플리케이션 프로세서 (application processor (AP)), 또는 커뮤니케이션 프로세서 (communication processor(CP)) 중 하나 또는 그 이상을 포함할 수 있다. 프로세서(120)는, 예를 들면, 전자 장치(100)의 적어도 하나의 다른 구성요소들의 제어 및/또는 통신에 관한 연산이나 데이터 처리를 실행할 수 있다.

프로세서(120)는 메모리(130)에 저장되거나, 통신 인터페이스(170)를 통해 외부 장치(예: 제 1 외부 전자 장치(102), 제 2 외부 전자 장치(104) 또는 서버(106))로부터 제공받은 웹 페이지 문서(document)를 이용하여 디스플레이(160)에 표시하기 위한 웹 페이지를 구성할 수 있다. 예를 들어, 프로세서(120)는 웹 페이지 문서(예: HTML 문서)를 파싱(parsing)하여 웹 페이지를 구성하는 태그에 대한 돔 트리(DOM tree)를 생성할 수 있다. 프로세서(120)는 웹 페이지의 스타일 요소를 파싱하여 렌더 트리(render tree)를 생성할 수 있다. 프로세서(120)는 렌더 트리를 이용한 렌더링을 통해 디스플레이(160)에 웹 페이지를 표시하도록 제어할 수 있다.

한 실시 예에 따르면, 프로세서(120)는 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 입력이 검출된 영역에 대한 돔 트리에 선택 표시를 위한 속성 변수(예: 태그)를 삽입할 수 있다.

한 실시 예에 따르면, 프로세서(120)는 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 렌더 트리를 갱신하여 입력이 검출된 영역을 표시하도록 제어할 수 있다. 프로세서(120)는 다수 개의 영역들의 선택을 표시하기 위해 입력이 검출된 영역에 대한 돔 트리에 선택 표시를 위한 속성 변수(예: 태그)를 삽입할 수 있다.

한 실시 예에 따르면, 프로세서(120)는 웹 페이지 구성 정보(예: 입력이 검출된 영역의 HTML 정보)를 선택 제어 모듈에 저장할 수 있다. 예를 들어, 프로세서(120)는 선택 표시를 위한 속성 변수(예: 태그) 및 웹 페이지 구성 정보를 선택 제어 모듈에 저장할 수 있다. 예컨대, 선택 제어 모듈은 웹 페이지를 구성 및 구동하는 소프트웨어로 구성된 웹 엔진의 내부 또는 외부 중 적어도 하나의 위치에 존재할 수 있다.

한 실시 예에 따르면, 프로세서(120)는 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 추출하여 보기 페이지를 생성할 수 있다. 예를 들어, 프로세서(120)는 돔 트리에서 선택 표시를 위한 속성 변수를 검색하여 적어도 하나의 선택된 영역을 확인할 수 있다. 프로세서(120)는 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 추출하여 보기 페이지를 생성할 수 있다. 예를 들어, 프로세서(120)는 선택 제어 모듈에 저장된 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 이용하여 보기 페이지를 생성할 수 있다. 예컨대, 보기 페이지는 사용자에 의해 선택된 적어도 하나의 영역의 웹 페이지 구성 정보를 사용자가 확인할 수 있도록 적어도 하나의 영역의 웹 페이지 구성 정보의 적어도 일부를 포함하도록 구성된 컨텐츠를 나타낼 수 있다. 보기 페이지는 적어도 하나의 선택된 영역에 포함된 표시 데이터(예: 이미지 데이터, 텍스트 데이터)를 포함하는 전자 문서 또는 적어도 하나의 선택된 영역에 포함된 HTML 정보(예: 태그, 스크립트)를 포함하는 HTML 타입의 문서를 포함할 수 있다.

한 실시 예에 따르면, 프로세서(120)는 디스플레이(160)에 표시된 웹 페이지에서 적어도 하나의 선택된 영역의 표시를 숨겨지도록 웹 페이지를 재구성할 수 있다.

메모리(130)는 휘발성 및/또는 비휘발성 메모리를 포함할 수 있다.

메모리(130)는 전자 장치(100)의 적어도 하나의 다른 구성요소에 관련된 명령 또는 데이터(예: 이미지 데이터)를 저장할 수 있다. 한 실시 예에 따르면, 메모리(130)는 소프트웨어 및/또는 프로그램(140)을 저장할 수 있다. 예를 들어, 프로그램(140)은 커널(141), 미들웨어(143), 응용프로그램 프로그래밍 인터페이스(API: application programming interface)(145) 또는 응용프로그램(147) 등을 포함할 수 있다. 커널(141), 미들웨어(143), 또는 응용프로그램 프로그래밍 인터페이스(API)(145)의 적어도 일부는 운영 시스템(operating system (OS))라 불릴 수 있다.

커널(141)은 다른 프로그램들(예: 미들웨어(143), API(145) 또는 응용프로그램(147))에 구현된 동작 또는 기능을 실행하는데 사용되는 시스템 리소스들(예: 버스(110), 프로세서(120) 또는 메모리(130) 등)을 제어 또는 관리할 수 있다. 커널(141)은 미들웨어(143), API(145) 또는 응용프로그램(147)에서 전자 장치(100)의 개별 구성요소에 접근함으로써, 시스템 리소스들을 제어 또는 관리할 수 있는 인터페이스를 제공할 수 있다.

미들웨어(143)는 API(145) 또는 응용프로그램(147)이 커널(141)과 통신하여 데이터를 주고받을 수 있도록 중개 역할을 수행할 수 있다. 미들웨어(143)는 응용프로그램(147)으로부터 수신된 작업 요청에 대한 제어를 수행할 수 있다. 예를 들어, 미들웨어(143)는 응용프로그램(147) 중 적어도 하나의 응용프로그램에 전자 장치(100)의 시스템 리소스를 사용할 수 있는 우선 순위를 배정하는 등의 방법을 이용하여 작업 요청에 대한 제어(예: 스케쥴링 또는 로드 밸런싱)을 수행할 수 있다.

API(145)는 응용프로그램(147)이 커널(141) 또는 미들웨어(143)에서 제공되는 기능을 제어하기 위한 인터페이스로 또는 함수(예: 명령어)를 포함할 수 있다. 예를 들어, API(145)는 파일 제어, 창 제어, 화상 처리 또는 문자 제어와 같은 적어도 하나의 인터페이스를 포함할 수 있다.

입출력 인터페이스(150)는 사용자 또는 다른 외부 기기로부터 입력된 명령 또는 데이터를 전자 장치(100)의 다른 구성요소(들)에 전달할 수 있는 인터페이스의 역할을 할 수 있다. 또한, 입출력 인터페이스(150)는 전자 장치(100)의 다른 구성요소(들)로부터 수신된 명령 또는 데이터를 사용자 또는 다른 외부 기기로 출력할 수 있다.

디스플레이(160)는, 예를 들면, 액정 디스플레이 (LCD), 발광 다이오드 (LED) 디스플레이, 유기 발광 다이오드 (OLED) 디스플레이, 또는 마이크로 전자기계 시스템 (microelectromechanical systems (MEMS)) 디스플레이, 또는 전자종이 (electronic paper) 디스플레이를 포함할 수 있다. 디스플레이(160)는, 예를 들면, 사용자에게 각종 콘텐츠 (예: 텍스트, 이미지, 비디오, 아이콘, 또는 심볼 등)을 표시할 수 있다. 디스플레이(160)는, 터치 스크린을 포함할 수 있으며, 예를 들면, 전자 펜 또는 사용자의 신체의 일부를 이용한 터치, 제스쳐, 근접, 또는 호버링 입력을 수신할 수 있다.

한 실시 예에 따르면, 디스플레이(160)는 프로세서(120)의 제어에 기반하여 웹 페이지를 표시할 수 있다.

통신 인터페이스(170)는 전자 장치(100)와 외부 장치(예: 제 1 외부 전자 장치(102), 제 2 외부 전자 장치(104) 또는 서버(106))와의 통신을 연결할 수 있다. 예를 들어, 통신 인터페이스(170)는 무선 통신 또는 유선 통신을 통해서 네트워크(162)에 연결되어 외부 장치와 통신할 수 있다. 무선 통신은, 예를 들면, 셀룰러 통신 프로토콜로서, 예를 들면, LTE(long term evolution), LTE-A(advanced), CDMA(code division multiple access), WCDMA(wide-CDMA), UMTS(universal mobile telecommunication system), WiBro, 또는 GSM(global system for mobile communication) 등 중 적어도 하나를 사용할 수 있다. 유선 통신은, 예를 들면, USB (universal serial bus), HDMI (high definition multimedia interface), RS-132 (recommended standard 132), 또는 POTS (plain old telephone service) 등 중 적어도 하나를 포함할 수 있다. 네트워크(162)는 통신 네트워크 (telecommunications network), 예를 들면, 컴퓨터 네트워크 (computer network)(예: LAN 또는 WAN), 인터넷, 또는 전화 망 (telephone network) 중 적어도 하나를 포함할 수 있다.

제 1 및 제 2 외부 전자 장치(102 또는 104) 각각은 전자 장치(100)와 동일한 또는 다른 종류의 장치일 수 있다. 한 실시 예에 따르면, 서버(106)는 하나 또는 그 이상의 서버들의 그룹을 포함할 수 있다. 다양한 실시 예에 따르면, 전자 장치(100)에서 실행되는 동작들의 전부 또는 일부는 다른 하나 또는 복수의 전자 장치 (예: 외부 전자 장치(102 또는 104), 또는 서버(106))에서 실행될 수 있다. 한 실시 예에 따르면, 전자 장치(100)가 어떤 기능이나 서비스를 자동으로 또는 요청에 의하여 수행해야 할 경우에, 전자 장치(100)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 그와 연관된 적어도 일부 기능을 다른 장치 (예: 외부 전자 장치(102 또는 104), 또는 서버(106))에게 요청할 수 있다. 다른 전자 장치 (예: 외부 전자 장치(102 또는 104), 또는 서버(106))는 전자 장치(100)로부터 요청된 기능 또는 추가 기능을 실행하고, 그 결과를 전자 장치(100)로 전달할 수 있다. 전자 장치(100)는 수신된 결과를 그대로 또는 추가적으로 처리하여 다른 전자 장치로 요청한 기능이나 서비스를 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다.

본 발명의 다양한 실시 예에 따르면, 전자 장치(100)는 프로세서(120)와 기능적으로 또는 물리적으로 분리된 적어도 하나의 모듈을 이용하여 웹 페이지를 구성하고, 웹 페이지의 선택 영역에 대한 정보를 삽입하고, 선택 영역의 정보를 관리할 수 있다.

도 2는 본 발명의 다양한 실시 예에 따른 프로그램 모듈의 블록도를 도시하고 있다.

한 실시 예에 따르면, 프로그램 모듈(210) (예: 프로그램(140))은 전자 장치 (예: 전자 장치(100))에 관련된 자원을 제어하는 운영 체제 및/또는 운영 체제 상에서 구동되는 다양한 어플리케이션 (예: 응용프로그램(147))을 포함할 수 있다. 운영 체제는, 예를 들면, 안드로이드 (android), iOS, 윈도우즈 (windows), 심비안 (symbian), 타이젠 (tizen), 또는 바다 (bada) 등이 될 수 있다.

프로그램 모듈(210)은 커널(220), 미들웨어(230), API(260), 및/또는 어플리케이션(270)을 포함할 수 있다. 프로그램 모듈(210)의 적어도 일부는 전자 장치 상에 프리로드 (preload) 되거나, 서버로부터 다운로드 (download) 가능하다.

커널(220) (예: 도 1의 커널(141))은, 예를 들면, 시스템 리소스 매니저(221) 또는 디바이스 드라이버(223)를 포함할 수 있다. 시스템 리소스 매니저(221)는 시스템 리소스의 제어, 할당, 또는 회수 등을 수행할 수 있다. 한 실시 예에 따르면, 시스템 리소스 매니저(221)는 프로세스 관리부, 메모리 관리부, 또는 파일 시스템 관리부 등을 포함할 수 있다. 디바이스 드라이버(223)는, 예를 들면, 디스플레이 드라이버, 카메라 드라이버, 블루투스 드라이버, 공유 메모리 드라이버, USB 드라이버, 키패드 드라이버, WIFI 드라이버, 오디오 드라이버, 또는 IPC (inter-process communication) 드라이버를 포함할 수 있다.

미들웨어(230)(예: 도 1의 미들웨어(143))는, 예를 들면, 어플리케이션(270)이 공통적으로 필요로 하는 기능을 제공하거나, 어플리케이션(270)이 전자 장치 내부의 제한된 시스템 자원을 효율적으로 사용할 수 있도록 API(260)를 통해 다양한 기능들을 어플리케이션(270)으로 제공할 수 있다. 한 실시 예에 따르면, 미들웨어(230)는 런타임 라이브러리(235), 어플리케이션 매니저 (application manager) (241), 윈도우 매니저 (window manager) (242), 멀티미디어 매니저 (multimedia manager) (243), 리소스 매니저 (resource manager) (244), 파워 매니저 (power manager) (245), 데이터베이스 매니저 (database manager) (246), 패키지 매니저 (package manager) (247), 연결 매니저 (connectivity manager) (248), 통지 매니저 (notification manager) (249), 위치 매니저 (location manager) (250), 그래픽 매니저 (graphic manager) (251), 또는 보안 매니저 (security manager) (252) 중 적어도 하나를 포함할 수 있다.

런타임 라이브러리 (235)는, 예를 들면, 어플리케이션(270)이 실행되는 동안에 프로그래밍 언어를 통해 새로운 기능을 추가하기 위해 컴파일러가 사용하는 라이브러리 모듈을 포함할 수 있다. 런타임 라이브러리(235)는 입출력 관리, 메모리 관리, 또는 산술 함수에 대한 기능 등을 수행할 수 있다.

어플리케이션 매니저(241)는, 예를 들면, 어플리케이션(270) 중 적어도 하나의 어플리케이션의 생명 주기 (life cycle)를 관리할 수 있다. 윈도우 매니저(242)는 화면에서 사용하는 GUI 자원을 관리할 수 있다. 멀티미디어 매니저(243)는 다양한 미디어 파일들의 재생에 필요한 포맷을 파악하고, 해당 포맷에 맞는 코덱 (codec)을 이용하여 미디어 파일의 인코딩 (encoding) 또는 디코딩 (decoding)을 수행할 수 있다. 리소스 매니저(244)는 어플리케이션(270) 중 적어도 어느 하나의 어플리케이션의 소스 코드, 메모리 또는 저장 공간 등의 자원을 관리할 수 있다.

파워 매니저(245)는, 예를 들면, 바이오스 (BIOS: basic input/output system) 등과 함께 동작하여 배터리 (battery) 또는 전원을 관리하고, 전자 장치의 동작에 필요한 전력 정보 등을 제공할 수 있다. 데이터베이스 매니저(246)는 어플리케이션(270) 중 적어도 하나의 어플리케이션에서 사용할 데이터베이스를 생성, 검색, 또는 변경할 수 있다. 패키지 매니저(247)는 패키지 파일의 형태로 배포되는 어플리케이션의 설치 또는 업데이트를 관리할 수 있다.

연결 매니저(248)는, 예를 들면, WIFI 또는 블루투스 등의 무선 연결을 관리할 수 있다. 통지 매니저(249)는 도착 메시지, 약속, 근접성 알림 등의 사건 (event)을 사용자에게 방해되지 않는 방식으로 표시 또는 통지할 수 있다. 위치 매니저(250)는 전자 장치의 위치 정보를 관리할 수 있다. 그래픽 매니저(251)는 사용자에게 제공될 그래픽 효과 또는 이와 관련된 사용자 인터페이스를 관리할 수 있다. 보안 매니저(252)는 시스템 보안 또는 사용자 인증 등에 필요한 제반 보안 기능을 제공할 수 있다. 한 실시 예에 따르면, 전자 장치 (예: 전자 장치(100))가 전화 기능을 포함한 경우, 미들웨어(230)는 전자 장치의 음성 또는 영상 통화 기능을 관리하기 위한 통화 매니저 (telephony manager)를 더 포함할 수 있다.

미들웨어(230)는 전술한 구성요소들의 다양한 기능의 조합을 형성하는 미들웨어 모듈을 포함할 수 있다. 미들웨어(230)는 차별화된 기능을 제공하기 위해 운영 체제의 종류 별로 특화된 모듈을 제공할 수 있다. 또한, 미들웨어(230)는 동적으로 기존의 구성요소를 일부 삭제하거나 새로운 구성요소들을 추가할 수 있다.

API(260) (예: 도 1의 API(145))는, 예를 들면, API 프로그래밍 함수들의 집합으로, 운영 체제에 따라 다른 구성으로 제공될 수 있다. 예를 들면, 안드로이드 또는 iOS의 경우, 플랫폼 별로 하나의 API 셋을 제공할 수 있으며, 타이젠 (tizen)의 경우, 플랫폼 별로 두 개 이상의 API 셋을 제공할 수 있다.

어플리케이션(270) (예: 도 1의 응용프로그램(147))은, 예를 들면, 홈(271), 다이얼러(272), SMS/MMS(273), IM (instant message) (274), 브라우저(275), 카메라(276), 알람(277), 컨택트(278), 음성 다이얼(279), 이메일(280), 달력(281), 미디어 플레이어(282), 앨범(283), 또는 시계(284), 건강 관리 (health care)(예: 운동량 또는 혈당 등을 측정), 또는 환경 정보 제공 (예: 기압, 습도, 또는 온도 정보 등을 제공) 등의 기능을 제공할 수 있는 하나 이상의 어플리케이션을 포함할 수 있다.

한 실시 예에 따르면, 어플리케이션(270)은 전자 장치 (예: 전자 장치(100))와 외부 전자 장치 사이의 정보 교환을 지원하는 어플리케이션 (이하, 설명의 편의 상, "정보 교환 어플리케이션"을 포함할 수 있다. 정보 교환 어플리케이션은, 예를 들면, 외부 전자 장치에 특정 정보를 전달하기 위한 알림 전달 (notification relay) 어플리케이션, 또는 외부 전자 장치를 관리하기 위한 장치 관리 (device management) 어플리케이션을 포함할 수 있다.

예를 들면, 알림 전달 어플리케이션은 전자 장치의 다른 어플리케이션 (예: SMS/MMS 어플리케이션, 이메일 어플리케이션, 건강 관리 어플리케이션, 또는 환경 정보 어플리케이션 등)에서 발생된 알림 정보를 외부 전자 장치로 전달하는 기능을 포함할 수 있다. 또한, 알림 전달 어플리케이션은, 예를 들면, 외부 전자 장치로부터 알림 정보를 수신하여 사용자에게 제공할 수 있다. 장치 관리 어플리케이션은, 예를 들면, 전자 장치와 통신하는 외부 전자 장치의 적어도 하나의 기능 (예: 외부 전자 장치 자체 (또는, 일부 구성 부품)의 턴-온/턴-오프 또는 디스플레이의 밝기 (또는, 해상도) 조절), 외부 전자 장치에서 동작하는 어플리케이션 또는 외부 전자 장치에서 제공되는 서비스 (예: 통화 서비스 또는 메시지 서비스)를 관리 (예: 설치, 삭제, 또는 업데이트)할 수 있다.

한 실시 예에 따르면, 어플리케이션(270)은 외부 전자 장치의 속성 (예: 전자 장치의 속성으로서, 전자 장치의 종류가 모바일 의료 기기)에 따라 지정된 어플리케이션 (예: 건강 관리 어플리케이션)을 포함할 수 있다. 한 실시 예에 따르면, 어플리케이션(270)은 외부 전자 장치 (예: 서버 또는 전자 장치)로부터 수신된 어플리케이션을 포함할 수 있다. 한 실시 예에 따르면, 어플리케이션(270)은 프리로드 어플리케이션 (preloaded application) 또는 서버로부터 다운로드 가능한 제3자 어플리케이션 (third party application)을 포함할 수 있다. 도시된 실시 예에 따른 프로그램 모듈(210)의 구성요소들의 명칭은 운영 체제의 종류에 따라서 달라질 수 있다.

다양한 실시 예에 따르면, 프로그램 모듈(210)의 적어도 일부는 소프트웨어, 펌웨어, 하드웨어, 또는 이들 중 적어도 둘 이상의 조합으로 구현될 수 있다. 프로그램 모듈(210)의 적어도 일부는, 예를 들면, 프로세서 (예: 어플리케이션 응용프로그램에 의해 구현 (implement)(예: 실행)될 수 있다. 프로그램 모듈(210)의 적어도 일부는 하나 이상의 기능을 수행하기 위한, 예를 들면, 모듈, 프로그램, 루틴, 명령어 세트 (sets of instructions) 또는 프로세스 등을 포함할 수 있다.

도 3은 본 발명의 실시 예에 따른 웹 엔진의 소프트웨어 구조를 도시하고 있다.

도 3을 참조하면, 전자 장치(예: 도 1의 전자 장치(100))의 웹 엔진(300)은 페이지(310), 돔 트리(320), 렌더 스타일 트리(330), 렌더 트리(340) 및 선택 제어 모듈(350)과 같은 구조로 구성될 수 있다. 예를 들어, 웹 엔진(300)은 전자 장치의 단일 프로세서 또는 멀티 프로세서 등 다양한 형태의 하드웨어 구성에서 실행 가능한 모듈을 나타낼 수 있다.

웹 엔진(300)은 디스플레이(160)에 표시하기 위한 웹 페이지 문서를 페이지(310)에 로딩(loading)할 수 있다. 웹 엔진(300)은 페이지(310)에 로딩된 웹 페이지 문서를 파싱하여 웹 페이지를 구성하는 태그에 대한 돔 트리(DOM tree)(320)를 생성할 수 있다. 웹 엔진(300)은 웹 페이지의 레이아웃 정보에 대한 렌더 스타일 트리(330)를 생성할 수 있다. 웹 엔진(300)은 돔 트리(320) 및 렌더 스타일 트리(330)에 기반하여 웹 페이지의 스타일 정보와 표시 규칙을 포함하는 렌더 트리(340)를 생성할 수 있다.

한 실시 예에 따르면, 웹 엔진(300)은 전자 장치(100)의 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 렌더 트리(340)를 통해 입력이 검출된 영역을 확인할 수 있다. 웹 엔진(300)은 입력이 검출된 영역에 대한 웹 페이지 구성 정보(예: HTML 정보)에 선택 표시를 위한 속성 변수(예: 태그)를 삽입하여 돔 트리(320)를 갱신할 수 있다. 일 실시 예에 따르면, 웹 엔진(300)은 입력이 검출된 영역의 웹 페이지 구성 정보(예: HTML 정보)를 추출하여 선택 제어 모듈(350)에 저장할 수 있다.

한 실시 예에 따르면, 웹 엔진(300)은 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 렌더 트리(340)를 갱신하여 입력이 검출된 영역을 디스플레이(160)에 표시할 수 있다. 웹 엔진(300)은 다수 개의 영역들의 선택을 표시하기 위해 입력이 검출된 영역에 대한 웹 페이지 구성 정보(예: HTML 정보)에 선택 표시를 위한 속성 변수(예: 태그)를 삽입하여 돔 트리(320)를 갱신할 수 있다. 웹 엔진(300)은 입력이 검출된 영역의 웹 페이지 구성 정보(예: HTML 정보)를 추출하여 선택 제어 모듈(350)에 저장할 수 있다.

한 실시 예에 따르면, 웹 엔진(300)은 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 추출하여 보기 페이지를 생성할 수 있다. 예를 들어, 웹 엔진(300)은 돔 트리(320)에서 선택 표시를 위한 속성 변수를 검색하여 적어도 하나의 선택된 영역을 확인할 수 있다. 웹 엔진(300)은 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 추출하여 보기 페이지를 생성할 수 있다. 예를 들어, 웹 엔진(300)은 선택 제어 모듈(350)에 저장된 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 이용하여 보기 페이지를 생성할 수 있다.

한 실시 예에 따르면, 웹 엔진(300)은 디스플레이(160)에 표시된 웹 페이지에서 적어도 하나의 선택된 영역의 표시를 숨겨지도록 웹 페이지를 재구성할 수 있다.

본 발명의 다양한 실시 예에 따르면, 전자 장치(예: 도 1의 전자 장치(100))는, 웹 페이지를 표시하는 디스플레이와 사용자 입력을 검출하는 입출력 인터페이스와 상기 입출력 인터페이스를 통해 검출한 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하고, 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 프로세서를 포함하며, 상기 디스플레이는, 상기 프로세서에 의한 상기 웹 페이지의 구성 정보의 적어도 일부의 변경에 기반하여, 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 적어도 일부 영역의 구성 정보에 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리(DOM tree)를 갱신할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 적어도 일부 영역의 구성 정보에 상기 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리를 갱신하고, 상기 갱신된 돔 트리에 기반하여 상기 웹 페이지의 렌더 트리(render tree)를 갱신하고, 상기 갱신된 렌더 트리에 기반하여 상기 웹 페이지를 렌더링하며, 상기 프로세서는, 상기 프로세서에 의한 렌더링 정보에 기반하여 상기 웹 페이지에서 상기 속성 변수가 삽입된 적어도 일부 영역을 나머지 영역과 구분되도록 표시할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 적어도 일부 영역의 마크업 언어 (markup language) 정보에 선택 표시를 위한 태그를 삽입하여 상기 웹 페이지의 돔 트리를 갱신할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하고, 상기 적어도 하나의 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 속성 변수가 삽입된 적어도 하나의 영역의 표시 데이터를 추출하여 적어도 하나의 페이지를 구성할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 속성 변수가 삽입된 적어도 하나의 영역의 HTML 정보를 추출하여 적어도 하나의 웹 페이지를 구성할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하고, 상기 디스플레이에 표시된 상기 웹 페이지에서 상기 적어도 하나의 영역의 표시를 제한하도록 상기 디스플레이를 제어할 수 있다.

본 발명의 실시 예에서, 상기 디스플레이는, 상기 프로세서에 의해 표시가 제한된 적어도 하나의 영역의 크기에 기반하여 상기 웹 페이지를 재구성하여 표시할 수 있다.본 발명의 실시 예에서, 상기 프로세서는, 상기 적어도 일부 영역의 구성 을 선택 제어1 모듈에 저장할 수 있다.

본 발명의 실시 예에서, 상기 프로세서는, 상기 선택 제어 모듈에 저장된 상기 웹 페이지의 적어도 일부 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성할 수 있다.

도 4a 내지 도 4f는 본 발명의 실시 예에 따른 웹 페이지에서 영역 선택 및 선택 영역을 관리하기 위한 화면 구성을 도시하고 있다.

도 4a를 참조하면, 전자 장치(예: 도 1의 전자 장치(100))는 웹 페이지 문서를 렌더링하여 디스플레이(160)에 웹 페이지(400)를 표시할 수 있다.

한 실시 예에 따르면, 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 전자 장치는 입력이 검출된 영역의 웹 페이지 구성 정보에 선택 표시를 위한 속성 변수(예: 태그)를 삽입하여 돔 트리를 갱신할 수 있다. 전자 장치는 돔 트리 갱신 정보에 기반하여 웹 페이지에서 선택 표시를 위한 속성 변수가 삽입된 영역(402)을 도 4a와 같이 선택 표시할 수 있다.

입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 추가 입력을 검출한 경우, 전자 장치는 추가 입력이 검출된 영역의 웹 페이지 구성 정보에 선택 표시를 위한 속성 변수를 삽입하여 돔 트리를 갱신할 수 있다. 전자 장치는 돔 트리 갱신 정보에 기반하여 웹 페이지에서 선택 표시를 위한 속성 변수가 삽입된 영역들(402, 404)을 도 4b와 같이 선택 표시할 수 있다.

한 실시 예에 따르면, 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 전자 장치는 렌더 트리를 갱신하여 입력이 검출된 영역(402)을 도 4a와 같이 선택 표시할 수 있다. 전자 장치는 입력이 검출된 영역의 웹 페이지 구성 정보에 선택 표시를 위한 속성 변수(예: 태그)를 삽입하여 돔 트리를 갱신할 수 있다.

입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 추가 입력을 검출한 경우, 전자 장치는 렌더 트리를 갱신하여 추가 입력이 검출된 영역(404)을 도 4b와 같이 선택 표시할 수 있다. 전자 장치는 갱신된 돔 트리에 기반하여 선택 표시를 위한 속성 변수가 삽입된 영역(402)의 선택 표시를 도 4b와 같이 유지할 수 있다. 전자 장치는 추가 입력이 검출된 영역의 웹 페이지 구성 정보에 선택 표시를 위한 속성 변수를 삽입하여 돔 트리를 갱신할 수 있다.

한 실시 예에 따르면, 전자 장치는 웹 페이지의 적어도 일부 영역의 선택을 검출한 경우, 도 4a 및 도 4b에 도시된 바와 같이 선택된 영역의 제어를 위한 제어 메뉴(406)를 디스플레이(160)의 적어도 일부 영역에 표시할 수 있다. 예를 들어, 제어 메뉴(406)는 복사, 저장, 보기, 공유 또는 숨김 중 적어도 하나의 제어 기능을 포함할 수 있다.

한 실시 예에 따르면, 제어 메뉴(406)에서 보기 기능의 선택을 검출한 경우, 전자 장치는 도 4c와 같이 적어도 하나의 선택된 영역의 웹 페이지 구성 정보(412, 414)를 포함하는 보기 페이지(410)를 생성하여 디스플레이(160)에 표시할 수 있다.

한 실시 예에 따르면, 제어 메뉴(406) 또는 보기 페이지(410)에서 저장 기능의 선택을 검출한 경우, 전자 장치는 보기 페이지들을 저장할 수 있다. 전자 장치는 도 4d와 같이 기 저장된 보기 페이지들(422, 424, 426)의 목록(400)을 디스플레이(160)에 표시할 수 있다.

한 실시 예에 따르면, 도 4e와 같이 웹 페이지의 적어도 일부 영역(408)의 선택을 검출한 경우, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 보기 페이지(410)에서 선택된 영역의 웹 페이지 구성 정보를 표시하기 위한 위치를 결정할 수 있다. 전자 장치는 도 4f와 같이 입력 정보에 기반하여 결정한 위치에 선택된 영역의 웹 페이지 구성 정보(416)를 표시할 수 있다.

도 5는 본 발명의 실시 예에 따른 웹 페이지에서 선택된 영역을 표시하기 위한 흐름도를 도시하고 있다.

도 5를 참조하면, 동작 501에서, 전자 장치(예: 도 1의 전자 장치(100))는 웹 페이지를 디스플레이(160)에 표시할 수 있다.

동작 503에서, 전자 장치는 입출력 인터페이스(150)를 통해 디스플레이(160)에 표시된 웹 페이지의 적어도 일부 영역의 선택을 위한 입력 정보를 검출할 수 있다. 예를 들어, 전자 장치는 펜에 포함된 버튼의 입력이 유지된 상태에서 디스플레이(150)에 표시된 웹 페이지의 적어도 일부 영역에 대한 터치 입력을 감지한 경우,웹 페이지의 적어도 일부 영역의 선택을 위한 입력 정보를 검출된 것으로 인식할 수 있다.

동작 505에서, 전자 장치는 입력 정보에 기반하여 선택된 영역을 확인할 수 있다. 예를 들어, 전자 장치는 렌더 트리를 통해 웹 페이지에서 입력 정보에 의해 선택된 영역을 추출할 수 있다.

동작 507에서, 전자 장치를 선택 영역에 기반하여 웹 페이지에 대응하는 돔 트리를 갱신할 수 있다. 예를 들어, 전자 장치는 입력 정보에 의해 선택된 영역에 대한 웹 페이지 구성 정보(예: HTML 정보)에 선택 표시를 위한 속성 변수(예: 태그)를 삽입하여 돔 트리(320)를 갱신할 수 있다.

동작 509에서, 전자 장치는 돔 트리의 갱신에 기반하여 렌더 트리를 갱신할 수 있다.

동작 511에서, 전자 장치는 갱신된 렌더 트리를 이용하여 웹 페이지를 렌더링할 수 있다.

동작 513에서, 전자 장치는 갱신된 렌더 트리를 이용한 웹 페이지의 렌더링을 통해 디스플레이(160)에 표시된 웹 페이지를 갱신할 수 있다. 예를 들어, 전자 장치는 갱신된 렌더 트리를 이용하여 디스플레이(160)에 표시된 웹 페이지에서 선택 표시를 위한 속성 변수가 삽입된 영역을 사용자의 선택에 대응하는 색상으로 변경할 수 있다.

한 실시 예에 따르면, 전자 장치는 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 렌더 트리를 갱신하여 디스플레이(160)에 표시된 웹 페이지에서 입력이 검출된 영역을 선택 표시(예: 도 4b의 404)할 수 있다. 전자 장치는 갱신된 돔 트리에 기반하여 선택 표시를 위한 속성 변수가 삽입된 영역의 선택 표시를 유지(예: 도 4b의 402)할 수 있다.

도 6은 본 발명의 실시 예에 따른 웹 페이지를 표시하기 위한 흐름도를 도시하고 있다.

도 6을 참조하면, 동작 601에서, 전자 장치(예: 도 1의 전자 장치(100))는 디스플레이(160)에 표시하기 위한 웹 페이지 문서(예: HTML 문서)를 로딩할 수 있다.

동작 603에서, 전자 장치는 로딩된 웹 페이지 문서를 파싱할 수 있다.

동작 605에서, 전자 장치는 웹 페이지 문서에 대한 파싱 정보에 기반하여 웹 페이지를 구성하는 태그에 대한 돔 트리(DOM tree)를 생성할 수 있다.

동작 607에서, 전자 장치는 돔 트리에 기반하여 웹 페이지의 스타일 정보와 표시 규칙을 포함하는 렌더 트리를 생성할 수 있다.

동작 609에서, 전자 장치는 렌더 트리를 이용하여 웹 페이지를 렌더링할 수 있다.

도 5의 동작 501에서, 전자 장치는 렌더 트리를 이용한 웹 페이지의 렌더링을 통해 디스플레이(160)에 웹 페이지를 표시할 수 있다.

도 7은 본 발명의 실시 예에 따른 웹 페이지에서 선택된 영역의 정보를 추출하기 위한 흐름도를 도시하고 있다.

도 7을 참조하면, 동작 701에서, 전자 장치는 도 5의 동작 505에서 입력 정보에 기반하여 선택된 영역을 확인한 경우, 선택된 영역의 웹 페이지 구성 정보(예: HTML 정보)를 추출할 수 있다.

동작 703에서, 전자 장치는 추출한 웹 페이지 구성 정보를 선택 제어 모듈에 저장할 수 있다. 예를 들어, 선택 제어 모듈은 웹 페이지를 구성 및 구동하는 소프트웨어로 구성된 웹 엔진의 내부 또는 외부 중 적어도 하나의 위치에 존재할 수 있다.

도 8은 본 발명의 실시 예에 따른 웹 페이지의 선택 영역을 이용하여 하나의 보기 페이지를 구성하기 위한 흐름도를 도시하고 있다.

도 8을 참조하면, 동작 801에서, 전자 장치는 도 5의 동작 513에서 디스플레이(160)에 표시된 웹 페이지에 적어도 하나의 선택 영역을 선택 표시한 경우, 보기 이벤트의 발생을 검출할 수 있다. 예를 들어, 도 4b의 경우, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 제어 메뉴(406)에서 보기 기능의 선택이 검출되는지 확인할 수 있다.

동작 803에서, 전자 장치는 적어도 하나의 선택 영역의 웹 페이지 구성 정보를 추출하여 보기 페이지를 구성할 수 있다. 예를 들어, 전자 장치는 웹 페이지의 돔 트리(예: 도 5의 동작 507에서 속성 변수를 삽입하여 갱신한 돔 트리)에서 선택 표시를 위한 속성 변수를 검색하여 적어도 하나의 선택된 영역을 확인할 수 있다. 전자 장치는 적어도 하나의 선택된 영역의 웹 페이지 구성 정보를 추출할 수 있다. 예를 들어, 전자 장치는 선택 제어 모듈에서 저장된 적어도 하나의 선택된 영역(예: 도 7의 동작 703에서 선택 제어 모듈에 저장한 영역)의 웹 페이지 구성 정보를 추출할 수 있다. 예컨대, 전자 장치는 적어도 하나의 선택된 영역에 포함된 표시 데이터(예: 이미지 데이터, 텍스트 데이터)를 추출하여 보기 페이지(예: 전자 문서)를 생성할 수 있다. 예컨대, 전자 장치는 적어도 하나의 선택된 영역에 포함된 HTML 정보(예: 태그, 스크립트)를 추출하여 보기페이지(예: HTML 문서)를 생성할 수 있다.

동작 805에서, 전자 장치는 보기 페이지를 디스플레이(160)에 표시할 수 있다.

도 9는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 보기 페이지에 추가하기 위한 흐름도를 도시하고 있다.

도 9를 참조하면, 동작 901에서, 전자 장치(예: 도 1의 전자 장치(100))는 웹 페이지의 적어도 일부 영역의 선택을 위한 입력 정보를 검출할 수 있다. 예를 들어, 전자 장치는 도 8의 동작 805에서 디스플레이(160)에 보기 페이지를 표시된 상태에서 탭 변경을 통해 표시 가능한 웹 페이지의 적어도 일부 영역의 선택을 위한 입력 정보가 검출되는지 확인할 수 있다.

동작 903에서, 전자 장치는 입력 정보에 기반하여 선택된 영역을 확인할 수 있다.

동작 905에서, 전자 장치는 선택된 영역을 보기 페이지에서 표시하기 위한 위치를 확인할 수 있다. 예를 들어, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 보기 페이지에서 선택된 영역의 웹 페이지 구성 정보를 표시하기 위한 위치를 결정할 수 있다.

동작 907에서, 전자 장치는 선택 영역의 표시 위치에 기반하여 보기 페이지를 갱신할 수 있다. 예를 들어, 전자 장치는 도 8의 동작 805에서 디스플레이(160)에 표시된 보기 페이지에 선택 영역의 웹 페이지 구성 정보를 추가 표시할 수 있다.

도 10은 본 발명의 실시 예에 따른 보기 페이지를 저장하기 위한 흐름도를 도시하고 있다.

도 10을 참조하면, 동작 1001에서, 전자 장치는 도 8의 동작 805에서 디스플레이(160)에 웹 페이지를 표시하거나, 도 9의 동작 907에서 디스플레이(160)에 표시된 웹 페이지를 갱신한 경우, 저장 이벤트의 발생을 검출할 수 있다. 예를 들어, 도 4b의 경우, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 제어 메뉴(406)에서 저장 기능의 선택이 검출되는지 확인할 수 있다. 예를 들어, 도 4c의 경우, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 보기 페이지에 대한 저장 기능의 선택이 검출되는지 확인할 수 있다.

동작 1003에서, 전자 장치는 기 생성된 보기 페이지를 저장할 수 있다.

도 11a 내지 도 11c는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 숨김 표시하기 위한 화면 구성을 도시하고 있다.

한 실시 예에 따르면, 입출력 인터페이스(150)를 통해 웹 페이지의 적어도 일부 영역의 선택을 위한 입력을 검출한 경우, 전자 장치(예: 도 1의 전자 장치(100))는 도 11a와 같이 디스플레이(160)에 표시된 웹 페이지(1100)의 적어도 일부 영역(1102)을 사용자의 선택에 대응하는 색상으로 표시할 수 있다.

한 실시 예에 따르면, 숨김 이벤트의 발생을 검출한 경우, 전자 장치는 돔 트리에서 선택 표시를 위한 속성 변수가 삽입된 영역을 검색하여 해당 영역의 정보가 표시되지 않도록 웹 페이지를 재구성하여 디스플레이(160)에 표시할 수 있다. 예를 들어, 전자 장치는 도 11b와 같이 디스플레이(160)의 표시가 제한되는 선택 영역의 크기에 기반하여 웹 페이지를 디스플레이(160)에 변경하여(예: 확대, 축소, 재구성) 표시할 수 있다(1110). 예를 들어, 전자 장치는 도 11c와 같이 디스플레이(160)의 표시가 제한되는 선택 영역의 크기에 기반하여 웹 페이지 중 디스플레이(160)에 표시되지 않던 적어도 일부 영역을 디스플레이(160)에 표시할 수 있다(1120).

도 12는 본 발명의 실시 예에 따른 웹 페이지에서 선택 영역을 숨김 표시하기 위한 흐름도를 도시하고 있다.

도 12를 참조하면, 동작 1201에서, 전자 장치는 도 5의 동작 513에서 디스플레이(160)에 표시된 웹 페이지에 적어도 하나의 선택 영역을 선택 표시한 경우, 숨김 이벤트의 발생을 검출할 수 있다. 예를 들어, 전자 장치는 입출력 인터페이스(150)를 통해 검출한 입력 정보에 기반하여 디스플레이(160)에 표시된 제어 메뉴에서 숨김 기능의 선택이 검출되는지 확인할 수 있다.

동작 1203에서, 전자 장치는 숨김 표시하기 위한 선택 영역을 확인할 수 있다. 예를 들어, 전자 장치는 돔 트리에서 선택 표시를 위한 속성 변수가 삽입된 영역을 검색하여 숨김 표시하기 위한 적어도 하나의 선택 영역을 확인할 수 있다.

동작 1205에서, 전자 장치는 적어도 하나의 선택 영역의 표시가 제한되도록 웹 페이지를 갱신할 수 있다. 예를 들어, 전자 장치는 적어도 하나의 선택 영역의 크기에 기반하여 웹 페이지의 나머지 영역에 대한 크기를 확장할 수 있다.

본 발명의 다양한 실시 예에 따르면, 전자 장치(예: 도 1의 전자 장치(100))의 동작 방법은 웹 페이지를 표시하는 동작과 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하는 동작과 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 동작과 상기 변경에 기반하여 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 변경하는 동작은, 상기 적어도 일부 영역의 구성 정보에 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리(DOM tree)를 갱신하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 돔 트리를 갱신한 후, 상기 갱신된 돔 트리에 기반하여 상기 웹 페이지의 렌더 트리(render tree)를 갱신하는 동작과 상기 갱신된 렌더 트리에 기반하여 상기 웹 페이지를 렌더링하는 동작을 더 포함하며, 상기 표시하는 동작은, 상기 렌더링 정보에 기반하여 상기 웹 페이지에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 나머지 영역과 구분되도록 표시하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 돔 트리를 갱신하는 동작은, 상기 적어도 일부 영역의 마크업 언어(markup language) 정보에 선택 표시를 위한 태그를 삽입하여 상기 웹 페이지의 돔 트리를 갱신하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하는 동작과 상기 적어도 하나의 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성하는 동작을 더 포함할 수 있다.

본 발명의 실시 예에서, 상기 페이지를 구성하는 동작은, 상기 속성 변수가 삽입된 적어도 하나의 영역의 표시 데이터를 추출하여 적어도 하나의 페이지를 구성하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 페이지를 구성하는 동작은, 상기 속성 변수가 삽입된 적어도 하나의 영역의 HTML 정보를 추출하여 적어도 하나의 웹 페이지를 구성하는 동작을 더 포함할 수 있다.

본 발명의 실시 예에서, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하는 동작과 상기 표시된 웹 페이지에서 상기 적어도 하나의 영역의 표시를 제한하도록 상기 웹 페이지를 재구성하는 동작을 더 포함할 수 있다.

본 발명의 실시 예에서, 상기 웹 페이지를 재구성하는 동작은, 상기 표시를 제한하기 위한 적어도 하나의 영역의 크기에 기반하여 상기 웹 페이지를 재구성하는 동작을 포함할 수 있다.

본 발명의 실시 예에서, 상기 적어도 일부 영역을 확인한 후, 상기 적어도 일부 영역의 구성을 상기 전자 장치의 선택 제어 모듈에 저장하는 동작을 더 포함할 수 있다.

본 발명의 실시 예에서, 상기 선택 제어 모듈에 저장된 상기 웹 페이지의 적어도 일부 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성하는 동작을 더 포함할 수 있다.

도 13은 본 발명의 실시 예에 따른 전자 장치의 블록도를 도시하고 있다. 이하 설명에서 전자 장치(1300)는, 예를 들면, 도 1에 도시된 전자 장치(100)의 전체 또는 일부를 구성할 수 있다.

도 13을 참조하면, 전자 장치(1300)는 하나 이상의 응용프로그램 프로세서(AP: application processor)(1310), 통신 모듈(1320), SIM(subscriber identification module) 카드(1324), 메모리(1330), 센서 모듈(1340), 입력 장치(1350), 디스플레이(1360), 인터페이스(1370), 오디오 모듈(1380), 이미지 센서 모듈(1391), 전력관리 모듈(1395), 배터리(1396), 인디케이터(1397) 또는 모터(1398)를 포함할 수 있다.

AP(1310)는 운영체제 또는 응용 프로그램을 구동하여 AP(1310)에 연결된 다수의 하드웨어 또는 소프트웨어 구성요소들을 제어할 수 있고, 멀티미디어 데이터를 포함한 각종 데이터 처리 또는 연산을 수행할 수 있다. AP(1310)는, 예를 들면, SoC(system on chip) 로 구현될 수 있다. 한 실시 예에 따르면, AP(1310)는 GPU(graphic processing unit, 미도시)를 더 포함할 수 있다.

통신 모듈(1320)(예: 통신 인터페이스(170))은 전자 장치(1300)(예: 전자 장치(100))와 네트워크를 통해 연결된 다른 전자 장치들간의 통신에서 데이터 송수신을 수행할 수 있다. 한 실시 예에 따르면, 통신 모듈(1320)은 셀룰러 모듈(1321), Wifi 모듈(1323), 블루투스(BT) 모듈(1325), GPS 모듈(1327), NFC 모듈(1328) 또는 RF(radio frequency) 모듈(1329)를 포함할 수 있다.

셀룰러 모듈(1321)은 통신망(예: LTE, LTE-A, CDMA, WCDMA, UMTS, WiBro 또는 GSM 등)을 통해서 음성 통화, 영상 통화, 문자 서비스 또는 인터넷 서비스 등을 제공할 수 있다. 또한, 셀룰러 모듈(1321)은, 예를 들면, 가입자 식별 모듈(예: SIM 카드(1324))을 이용하여 통신 네트워크 내에서 전자 장치의 구별 또는 인증을 수행할 수 있다. 한 실시 예에 따르면, 셀룰러 모듈(1321)은 AP(1310)가 제공할 수 있는 기능 중 적어도 일부 기능을 수행할 수 있다. 예를 들면, 셀룰러 모듈(1321)은 멀티 미디어 제어 기능의 적어도 일부를 수행할 수 있다.

한 실시 예에 따르면, 셀룰러 모듈(1321)은 커뮤니케이션 프로세서(CP: communication processor)를 포함할 수 있다. 또한, 셀룰러 모듈(1321)은, 예를 들면, SoC로 구현될 수 있다. 도 13에서는 셀룰러 모듈(1321)(예: 커뮤니케이션 프로세서), 메모리(1330) 또는 전력관리 모듈(1395) 등의 구성요소들이 AP(1310)와 별개의 구성요소로 도시되어 있으나, 한 실시 예에 따르면, AP(1310)가 전술한 구성요소들의 적어도 일부(예: 셀룰러 모듈(1321))를 포함하도록 구현될 수 있다.

한 실시 예에 따르면, AP(1310) 또는 셀룰러 모듈(1321)(예: 커뮤니케이션 프로세서)은 각각에 연결된 비휘발성 메모리 또는 다른 구성요소 중 적어도 하나로부터 수신한 명령 또는 데이터를 휘발성 메모리에 로드(load)하여 처리할 수 있다. 또한, AP(1310) 또는 셀룰러 모듈(1321)은 다른 구성요소 중 적어도 하나로부터 수신하거나 다른 구성요소 중 적어도 하나에 의해 생성된 데이터를 비휘발성 메모리에 저장(store)할 수 있다.

Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 또는 NFC 모듈(1328) 각각은, 예를 들면, 해당하는 모듈을 통해서 송수신되는 데이터를 처리하기 위한 프로세서를 포함할 수 있다. 도 13에서는 셀룰러 모듈(1321), Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 또는 NFC 모듈(1328)이 각각 별개의 블록으로 도시되었으나, 한 실시 예에 따르면, 셀룰러 모듈(1321), Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 또는 NFC 모듈(1328) 중 적어도 일부(예: 두 개 이상)는 하나의 integrated chip(IC) 또는 IC 패키지 내에 포함될 수 있다. 예를 들면, 셀룰러 모듈(1321), Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 또는 NFC 모듈(1328) 각각에 대응하는 프로세서들 중 적어도 일부(예: 셀룰러 모듈(1321)에 대응하는 커뮤니케이션 프로세서 및 Wifi 모듈(1323)에 대응하는 Wifi 프로세서)는 하나의 SoC로 구현될 수 있다.

RF 모듈(1329)은 데이터의 송수신, 예를 들면, RF 신호의 송수신을 할 수 있다. RF 모듈(1329)은, 도시되지는 않았으나, 예를 들면, 트랜시버(transceiver), PAM(power amp module), 주파수 필터(frequency filter) 또는 LNA(low noise amplifier) 등을 포함할 수 있다. 또한, RF 모듈(1329)은 무선 통신에서 자유 공간상의 전자파를 송수신하기 위한 부품, 예를 들면, 도체 또는 도선 등을 더 포함할 수 있다. 도 13에서는 셀룰러 모듈(1321), Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 및 NFC 모듈(1328)이 하나의 RF 모듈(1329)을 서로 공유하는 것으로 도시되어 있으나, 한 실시 예에 따르면, 셀룰러 모듈(1321), Wifi 모듈(1323), BT 모듈(1325), GPS 모듈(1327) 또는 NFC 모듈(1328) 중 적어도 하나는 별개의 RF 모듈을 통하여 RF 신호의 송수신을 수행할 수 있다.

한 실시 예에 따르면, RF 모듈(1329)은 전자 장치(1300)와 기능적으로 연결된 메인 안테와 서브 안테나 중 적어도 하나의 안테나를 포함할 수 있다. 통신 모듈(1320)은 메인 안테나와 서브 안테나를 이용하여 다이버시티(diversity) 등과 같은 다중 안테나 서비스(MIMO: multiple input multiple output)를 지원할 수 있다.

SIM 카드(1324)는 가입자 식별 모듈을 포함하는 카드일 수 있으며, 전자 장치의 특정 위치에 형성된 슬롯에 삽입될 수 있다. SIM 카드(1324)는 고유한 식별 정보(예: ICCID(integrated circuit card identifier)) 또는 가입자 정보(예: IMSI(international mobile subscriber identity))를 포함할 수 있다.

메모리(1330)는 내장 메모리(1332) 또는 외장 메모리(1334)를 포함할 수 있다. 내장 메모리(1332)는, 예를 들면, 휘발성 메모리(예를 들면, DRAM(dynamic RAM), SRAM(static RAM), SDRAM(synchronous dynamic RAM) 등) 또는 비휘발성 메모리(non-volatile Memory, 예를 들면, OTPROM(one time programmable ROM), PROM(programmable ROM), EPROM(erasable and programmable ROM), EEPROM(electrically erasable and programmable ROM), mask ROM, flash ROM, NAND flash memory, NOR flash memory 등) 중 적어도 하나를 포함할 수 있다.

한 실시 예에 따르면, 내장 메모리(1332)는 Solid State Drive (SSD)일 수 있다. 외장 메모리(1334)는 flash drive, 예를 들면, CF(compact flash), SD(secure digital), Micro-SD(micro secure digital), Mini-SD(mini secure digital), xD(extreme digital) 또는 Memory Stick 등을 더 포함할 수 있다. 외장 메모리(1334)는 다양한 인터페이스를 통하여 전자 장치(1300)와 기능적으로 연결될 수 있다. 한 실시 예에 따르면, 전자 장치(1300)는 하드 드라이브와 같은 저장 장치(또는 저장 매체)를 더 포함할 수 있다.

센서 모듈(1340)은 물리량을 계측하거나 전자 장치(1300)의 작동 상태를 감지하여, 계측 또는 감지된 정보를 전기 신호로 변환할 수 있다. 센서 모듈(1340)은, 예를 들면, 제스처 센서(1340A), 자이로 센서(1340B), 기압 센서(1340C), 마그네틱 센서(1340D), 가속도 센서(1340E), 그립 센서(1340F), 근접 센서(1340G), color 센서(1340H)(예: RGB(red, green, blue) 센서), 생체 센서(1340I), 온/습도 센서(1340J), 조도 센서(1340K) 또는 UV(ultra violet) 센서(1340M) 중의 적어도 하나를 포함할 수 있다. 추가적으로 또는 대체적으로, 센서 모듈(1340)은, 예를 들면, 후각 센서(E-nose sensor, 미도시), EMG 센서(electromyography sensor, 미도시), EEG 센서(electroencephalogram sensor, 미도시), ECG 센서(electrocardiogram sensor, 미도시), IR(infra red) 센서(미도시), 홍채 센서(미도시) 또는 지문 센서(미도시) 등을 포함할 수 있다. 센서 모듈(1340)은 그 안에 속한 적어도 하나 이상의 센서들을 제어하기 위한 제어 회로를 더 포함할 수 있다.

입력 장치(1350)는 터치 패널(touch panel)(1352), (디지털) 펜 센서(pen sensor)(1354), 키(key)(1356) 또는 초음파(ultrasonic) 입력 장치(1358)를 포함할 수 있다. 터치 패널(1352)은, 예를 들면, 정전식, 감압식, 적외선 방식 또는 초음파 방식 중 적어도 하나의 방식으로 터치 입력을 인식할 수 있다. 또한, 터치 패널(1352)은 제어 회로를 더 포함할 수도 있다. 정전식의 경우, 물리적 접촉 또는 근접 인식이 가능하다. 터치 패널(1352)은 택타일 레이어(tactile layer)를 더 포함할 수도 있다. 이 경우, 터치 패널(1352)은 사용자에게 촉각 반응을 제공할 수 있다.

(디지털) 펜 센서(1354)는, 예를 들면, 사용자의 터치 입력을 받는 것과 동일 또는 유사한 방법 또는 별도의 인식용 쉬트(sheet)를 이용하여 구현될 수 있다. 키(1356)는, 예를 들면, 물리적인 버튼, 광학식 키 또는 키패드를 포함할 수 있다. 초음파(ultrasonic) 입력 장치(1358)는 초음파 신호를 발생하는 입력 도구를 통해, 전자 장치(1300)에서 마이크로 음파를 감지하여 데이터를 확인할 수 있는 장치로서, 무선 인식이 가능하다. 한 실시 예에 따르면, 전자 장치(1300)는 통신 모듈(1320)을 이용하여 이와 연결된 외부 장치(예: 컴퓨터 또는 서버)로부터 사용자 입력을 수신할 수도 있다.

디스플레이(1360)(예: 디스플레이(350))는 패널(1562), 홀로그램 장치(1564) 또는 프로젝터(1366)를 포함할 수 있다. 패널(1362)은, 예를 들면, LCD(liquid-crystal display) 또는 AM-OLED(active-matrix organic light-emitting diode) 등일 수 있다. 패널(1362)은, 예를 들면, 유연하게(flexible), 투명하게(transparent) 또는 착용할 수 있게(wearable) 구현될 수 있다. 패널(1362)은 터치 패널(1352)과 하나의 모듈로 구성될 수도 있다. 홀로그램 장치(1364)는 빛의 간섭을 이용하여 입체 영상을 허공에 보여줄 수 있다. 프로젝터(1366)는 스크린에 빛을 투사하여 영상을 표시할 수 있다. 스크린은, 예를 들면, 전자 장치(1300)의 내부 또는 외부에 위치할 수 있다. 한 실시 예에 따르면, 디스플레이(1360)는 패널(1362), 홀로그램 장치(1364), 또는 프로젝터(1366)를 제어하기 위한 제어 회로를 더 포함할 수 있다.

인터페이스(1370)는, 예를 들면, HDMI(high-definition multimedia interface)(1372), USB(universal serial bus)(1374), 광 인터페이스(optical interface)(1376) 또는 D-sub(D-subminiature)(1378)를 포함할 수 있다. 추가적으로 또는 대체적으로, 인터페이스(1370)는, 예를 들면, MHL(mobile high-definition link) 인터페이스, SD(secure Digital) 카드/MMC(multi-media card) 인터페이스 또는 IrDA(infrared data association) 규격 인터페이스를 포함할 수 있다.

오디오 모듈(1380)은 소리(sound)와 전기신호를 쌍방향으로 변환시킬 수 있다. 오디오 모듈(1380)은, 예를 들면, 스피커(1382), 리시버(1384), 이어폰(1386) 또는 마이크(1388) 등을 통해 입력 또는 출력되는 소리 정보를 처리할 수 있다.

이미지 센서 모듈(1391)은 정지 영상 및 동영상을 촬영할 수 있는 장치로서, 한 실시 예에 따르면, 하나 이상의 이미지 센서(예: 전면 센서 또는 후면 센서), 렌즈(미도시), ISP(image signal processor, 미도시) 또는 플래쉬 (flash, 미도시)(예: LED 또는 xenon lamp)를 포함할 수 있다.

전력 관리 모듈(1395)은 전자 장치(1300)의 전력을 관리할 수 있다. 도시하지는 않았으나, 전력 관리 모듈(1395)은, 예를 들면, PMIC(power management integrated circuit), 충전 IC(charger integrated circuit) 또는 배터리 또는 연료 게이지(battery or fuel gauge)를 포함할 수 있다.

PMIC는, 예를 들면, 집적회로 또는 SoC 반도체 내에 탑재될 수 있다. 충전 방식은 유선과 무선으로 구분될 수 있다. 충전 IC는 배터리를 충전시킬 수 있으며, 충전기로부터의 과전압 또는 과전류 유입을 방지할 수 있다. 한 실시 예에 따르면, 충전 IC는 유선 충전 방식 또는 무선 충전 방식 중 적어도 하나를 위한 충전 IC를 포함할 수 있다. 무선 충전 방식으로는, 예를 들면, 자기공명 방식, 자기유도 방식 또는 전자기파 방식 등이 있으며, 무선 충전을 위한 부가적인 회로, 예를 들면, 코일 루프, 공진 회로 또는 정류기 등의 회로가 추가될 수 있다.

배터리 게이지는, 예를 들면, 배터리(1396)의 잔량, 충전 중 전압, 전류 또는 온도를 측정할 수 있다. 배터리(1396)는 전기를 저장 또는 생성할 수 있고, 그 저장 또는 생성된 전기를 이용하여 전자 장치(1300)에 전원을 공급할 수 있다. 배터리(1396)는, 예를 들면, 충전식 전지(rechargeable battery) 또는 태양 전지(solar battery)를 포함할 수 있다.

인디케이터(1397)는 전자 장치(1300) 혹은 그 일부(예: AP(1310))의 특정 상태, 예를 들면, 부팅 상태, 메시지 상태 또는 충전 상태 등을 표시할 수 있다. 모터(1398)는 전기적 신호를 기계적 진동으로 변환할 수 있다. 도시되지는 않았으나, 전자 장치(1300)는 모바일 TV 지원을 위한 처리 장치(예: GPU)를 포함할 수 있다. 모바일 TV지원을 위한 처리 장치는, 예를 들면, DMB(digital multimedia broadcasting), DVB(digital video broadcasting) 또는 미디어플로우(media flow) 등의 규격에 따른 미디어 데이터를 처리할 수 있다.

본 발명의 다양한 실시 예에 따른 전자 장치의 전술한 구성요소들 각각은 하나 또는 그 이상의 부품(component)으로 구성될 수 있으며, 해당 구성 요소의 명칭은 전자 장치의 종류에 따라서 달라질 수 있다. 본 발명의 다양한 실시 예에 따른 전자 장치는 전술한 구성요소 중 적어도 하나를 포함하여 구성될 수 있으며, 일부 구성요소가 생략되거나 또는 추가적인 다른 구성요소를 더 포함할 수 있다. 또한, 본 발명의 다양한 실시 예에 따른 전자 장치의 구성 요소들 중 일부가 결합되어 하나의 개체(entity)로 구성됨으로써, 결합되기 이전의 해당 구성 요소들의 기능을 동일하게 수행할 수 있다.

본 문서에서 사용된 용어 “모듈”은, 예를 들면, 하드웨어, 소프트웨어 또는 펌웨어 (firmware) 중 하나 또는 둘 이상의 조합을 포함하는 단위 (unit)를 의미할 수 있다. “모듈”은, 예를 들면, 유닛 (unit), 로직 (logic), 논리 블록 (logical block), 부품 (component), 또는 회로 (circuit) 등의 용어와 바꾸어 사용 (interchangeably use)될 수 있다. “모듈”은, 일체로 구성된 부품의 최소 단위 또는 그 일부가 될 수 있다. “모듈”은 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수도 있다. “모듈”은 기계적으로 또는 전자적으로 구현될 수 있다. 예를 들면,“모듈”은, 알려졌거나 앞으로 개발될, 어떤 동작들을 수행하는 ASIC (application-specific integrated circuit) 칩, FPGAs (field-programmable gate arrays) 또는 프로그램 가능 논리 장치 (programmable-logic device) 중 적어도 하나를 포함할 수 있다.

다양한 실시 예에 따른 장치 (예: 모듈들 또는 그 기능들) 또는 방법 (예: 동작들)의 적어도 일부는, 예컨대, 프로그램 모듈의 형태로 컴퓨터로 읽을 수 있는 저장매체 (computer-readable storage media)에 저장된 명령어로 구현될 수 있다. 명령어는, 프로세서 (예: 프로세서 120)에 의해 실행될 경우, 하나 이상의 프로세서가 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 메모리(530) 가 될 수 있다.

컴퓨터로 판독 가능한 기록 매체는, 하드디스크, 플로피디스크, 마그네틱 매체 (magnetic media)(예: 자기테이프), 광기록 매체 (optical media)(예: CD-ROM (compact disc read only memory), DVD (digital versatile disc), 자기-광 매체 (magneto-optical media)(예: 플롭티컬 디스크 (floptical disk)), 하드웨어 장치 (예: ROM (read only memory), RAM (random access memory), 또는 플래시 메모리 등) 등을 포함할 수 있다. 또한, 프로그램 명령에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다. 상술한 하드웨어 장치는 다양한 실시 예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지다.

다양한 실시 예에 따른 모듈 또는 프로그램 모듈은 전술한 구성요소들 중 적어도 하나 이상을 포함하거나, 일부가 생략되거나, 또는 추가적인 다른 구성요소를 더 포함할 수 있다. 다양한 실시 예에 따른 모듈, 프로그램 모듈 또는 다른 구성요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱 (heuristic)한 방법으로 실행될 수 있다. 또한, 일부 동작은 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.

그리고 본 문서에 개시된 실시 예는 개시된, 기술 내용의 설명 및 이해를 위해 제시된 것이며, 본 발명의 다양한 실시 예의 범위를 한정하는 것은 아니다. 따라서, 본 발명의 다양한 실시 예의 범위는, 본 발명의 다양한 실시 예의 기술적 사상에 근거한 모든 변경 또는 다양한 다른 실시 예를 포함하는 것으로 해석되어야 한다.

Claims (22)

1. 전자 장치에 있어서,
   웹 페이지를 표시하는 디스플레이;
   사용자 입력을 검출하는 입출력 인터페이스; 및
   상기 입출력 인터페이스를 통해 검출한 사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하고, 상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 프로세서를 포함하며,
   상기 디스플레이는, 상기 프로세서에 의한 상기 웹 페이지의 구성 정보의 적어도 일부의 변경에 기반하여, 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 장치.
   
2. 제 1항에 있어서,
   상기 프로세서는, 상기 적어도 일부 영역의 구성 정보에 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리(DOM tree)를 갱신하는 장치.
   
3. 제 2항에 있어서,
   상기 프로세서는, 상기 적어도 일부 영역의 구성 정보에 상기 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리를 갱신하고, 상기 갱신된 돔 트리에 기반하여 상기 웹 페이지의 렌더 트리(render tree)를 갱신하고, 상기 갱신된 렌더 트리에 기반하여 상기 웹 페이지를 렌더링하며,
   상기 프로세서는, 상기 프로세서에 의한 렌더링 정보에 기반하여 상기 웹 페이지에서 상기 속성 변수가 삽입된 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 장치.
   
4. 제 2항에 있어서,
   상기 프로세서는, 상기 적어도 일부 영역의 마크업 언어 (markup language) 정보에 선택 표시를 위한 태그를 삽입하여 상기 웹 페이지의 돔 트리를 갱신하는 장치.
   
5. 제 2항에 있어서,
   상기 프로세서는, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하고, 상기 적어도 하나의 영역의 구성 정보를 추출하여 하나의 페이지를 구성하는 장치.
   
6. 제 5항에 있어서,
   상기 프로세서는, 상기 속성 변수가 삽입된 적어도 하나의 영역의 표시 데이터를 추출하여 적어도 하나의 페이지를 구성하는 장치.
   
7. 제 5항에 있어서,
   상기 프로세서는, 상기 속성 변수가 삽입된 적어도 하나의 영역의 HTML 정보를 추출하여 적어도 하나의 페이지를 구성하는 장치.
   
8. 제 2항에 있어서,
   상기 프로세서는, 상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하고, 상기 디스플레이에 표시된 상기 웹 페이지에서 상기 적어도 하나의 영역의 표시를 제한하도록 상기 디스플레이를 제어하는 장치.
   
9. 제 8항에 있어서,
   상기 디스플레이는, 상기 프로세서에 의해 표시가 제한된 적어도 하나의 영역의 크기에 기반하여 상기 웹 페이지를 재구성하여 표시하는 장치.
   
10. 제 1항에 있어서,
    상기 프로세서는, 상기 적어도 일부 영역의 구성을 상기 전자 장치의 선택 제어 모듈에 저장하는 장치.
    
11. 제 10항에 있어서,
    상기 프로세서는, 상기 선택 제어 모듈에 저장된 상기 웹 페이지의 적어도 일부 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성하는 장치.
    
12. 전자 장치의 동작 방법에 있어서,
    웹 페이지를 표시하는 동작;
    사용자 입력에 대응하는, 상기 웹 페이지의 적어도 일부 영역을 확인하는 동작;
    상기 적어도 일부 영역에 기반하여 상기 웹 페이지의 구성 정보의 적어도 일부를 변경하는 동작; 및
    상기 변경에 기반하여 상기 웹 페이지에서 상기 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 동작을 포함하는 방법.
    
13. 제 12항에 있어서,
    상기 변경하는 동작은,
    상기 적어도 일부 영역의 구성 정보에 속성 변수를 삽입하여 상기 웹 페이지의 돔 트리(DOM tree)를 갱신하는 동작을 포함하는 방법.
    
14. 제 13항에 있어서,
    상기 돔 트리를 갱신한 후, 상기 갱신된 돔 트리에 기반하여 상기 웹 페이지의 렌더 트리(render tree)를 갱신하는 동작; 및
    상기 갱신된 렌더 트리에 기반하여 상기 웹 페이지를 렌더링하는 동작을 더 포함하며,
    상기 표시하는 동작은,
    상기 렌더링 정보에 기반하여 상기 웹 페이지에서 상기 속성 변수가 삽입된 적어도 일부 영역을 나머지 영역과 구분되도록 표시하는 동작을 포함하는 방법.
    
15. 제 13항에 있어서,
    상기 돔 트리를 갱신하는 동작은,
    상기 적어도 일부 영역의 마크업 언어(markup language) 정보에 선택 표시를 위한 태그를 삽입하여 상기 웹 페이지의 돔 트리를 갱신하는 동작을 포함하는 방법.
    
16. 제 13항에 있어서,
    상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하는 동작; 및
    상기 적어도 하나의 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성하는 동작을 더 포함하는 방법.
    
17. 제 16항에 있어서,
    상기 페이지를 구성하는 동작은,
    상기 속성 변수가 삽입된 적어도 하나의 영역의 표시 데이터를 추출하여 적어도 하나의 페이지를 구성하는 동작을 포함하는 방법.
    
18. 제 16항에 있어서,
    상기 페이지를 구성하는 동작은,
    상기 속성 변수가 삽입된 적어도 하나의 영역의 HTML 정보를 추출하여 적어도 하나의 페이지를 구성하는 동작을 더 포함하는 방법.
    
19. 제 13항에 있어서,
    상기 웹 페이지의 돔 트리에서 상기 속성 변수가 삽입된 적어도 하나의 영역을 확인하는 동작; 및
    상기 표시된 웹 페이지에서 상기 적어도 하나의 영역의 표시를 제한하도록 상기 웹 페이지를 재구성하는 동작을 더 포함하는 방법.
    
20. 제 19항에 있어서,
    상기 웹 페이지를 재구성하는 동작은,
    상기 표시를 제한하기 위한 적어도 하나의 영역의 크기에 기반하여 상기 웹 페이지를 재구성하는 동작을 포함하는 방법.
    
21. 제 12항에 있어서,
    상기 적어도 일부 영역을 확인한 후, 상기 적어도 일부 영역의 구성을 상기 전자 장치의 선택 제어 모듈에 저장하는 동작을 더 포함하는 방법.
    
22. 제 21항에 있어서,
    상기 선택 제어 모듈에 저장된 상기 웹 페이지의 적어도 일부 영역의 구성 정보를 추출하여 적어도 하나의 페이지를 구성하는 동작을 더 포함하는 방법.

Images