KR20150072819A - 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법 및 장치 - Google Patents

Abstract

본 개시의 실시예에 따른 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법은, 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하는 동작, 다수의 레이아웃 레벨들 중 상기 디지털 콘텐츠와 연관하여 레이아웃 레벨을 결정하는 동작 그리고 상기 레이아웃 레벨에 기반하여, 다른 데이터를 디스플레이하는 동작을 포함할 수 있다. 다양한 다른 실시예들이 가능하다.

Description

전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법 및 장치{METHOD AND APPARATUS FOR DISPLAYING DIGITAL CONTENTS IN ELECTRONIC DEVICE}

본 개시는 전자장치에서 디지털 콘텐츠를 디스플레이하는 방법 및 장치에 관한 것이다.

하드웨어 및 소프트웨어의 발전으로 인해, 웹디자이너는 다양하고 복잡한 웹페이지를 만들 수 있고, 사용자는 웹브라우저의 그래픽 사용자 인터페이스 (Graphical User Interface: GUI)를 통해 상기 다양하고 복잡한 웹페이지를 검색 및 디스플레이할 수 있다. 예컨대, 웹디자이너는 HTML(HyperText Markup Language)/XHTML(Extensible Hypertext Markup Language)/XML(eXtensible Markup Language) 같은 마크업 언어 및 자바스크립트, 액션스크립트, 코드퓨전, ASP(Active Server Page), JSP(Java server page), 펄(Perl), PHP(Personal Hypertext Preprocessor), 파이썬 같은 스크립팅 언어를 이용하여, 콘텐츠와 상호작용 기능/인터페이스를 다양하고 복잡한 웹 페이지를 만들 수 있다. 예컨대, 텍스트, 비트맵 그림(GIF, JPEG, PNG), 폼(form)과 같은 요소들은 HTML/XHTML/XML 태그를 사용하는 페이지 위에 배치될 수 있다. 벡터 그래픽스, 애니메이션, 비디오, 소리와 같은 복잡한 미디어를 나타낼 때에는 플래시, 퀵타임(QuickTime), 자바 런타임 환경과 같은 별도의 플러그인이 요구될 수 있다. 플러그인은 HTML/XHTML 태그를 사용함으로써 웹 페이지에 추가될 수 있다.

이러한 웹페이지를 통해, 디지털 콘텐츠들은 다양하게 그래픽적으로 사용자에게 제공될 수 있다.

상술한 바와 같이, 복잡하고 다양한 디지털 콘텐츠(예: 텍스트, 이미지, 벡터 그래픽스, 애니메이션, 비디오, 오디오 등등)가 조합되어 다양한 웹페이지 형식으로 제공될 때, 오히려 사용자는 상기 조합된 디지털 콘텐츠들로부터 원하는 콘텐츠를 검색하는 것이 불편할 수 있다.

본 발명의 다양한 실시예들은 전자장치에서 웹페이지의 선택가능한 레이아웃에 따라 디지털 콘텐츠를 디스플레이하는 방법 및 장치를 제공할 수 있다.

본 발명의 다양한 실시예들은 사용자의 선택에 따라 원하는 웹페이지의 내용을 레벨화하는 방법 및 장치를 제공할 수 있다.

본 발명의 다양한 실시예에 따르면, 상기 전자 장치에서 디지털 콘텐츠에 대응하는 데이터의 적어도 일부를 포함하는 제 1 데이터를 수신하는 동작; 상기 전자 장치와 기능적으로 연결된 디스플레이를 통하여, 상기 제 1 데이터의 출력 방법에 대한 다수의 규칙 중 적어도 하나를 결정하는 동작; 및 상기 제 1 데이터에 기반하여, 상기 적어도 하나의 규칙에 대응하는 제 2 데이터를 획득하여 상기 디스플레이에 표시하는 동작을 포함한다.

본 발명의 다양한 실시예에 따르면, 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법에 있어서, 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하는 동작, 다수의 레이아웃 레벨들 중 상기 디지털 콘텐츠와 연관하여 레이아웃 레벨을 결정하는 동작, 상기 레이아웃 레벨에 기반하여, 다른 데이터를 디스플레이하는 동작을 포함할 수 있다.

본 발명의 다양한 실시예에 따르면, 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법에 있어서, 원본 디지털 콘텐츠 레이아웃과 다른 다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 지시 입력을 수신하는 동작; 적어도 하나의 콘텐츠들을 포함하는 상기 원본 디지털 콘텐츠에 대응하는 전체 데이터의 적어도 일부분을 수신하는 동작; 및 상기 선택된 입력에 변경 가능한 디지털 콘텐츠 레이아웃에 기반하여, 상기 선택된 디지털 콘텐츠 레이아웃에 대응하는 수정된 디지털 콘텐츠를 디스플레이하는 동작을 포함할 수 있다.

본 발명의 다양한 실시예에 따르면, 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법에 있어서, 웹페이지의 레이아웃 레벨을 확인하는 동작; 지정된 웹페이지에 대응하는 전체 데이터 중 적어도 일부분을 수신하는 동작; 및 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작을 포함하되, 상기 웹페이지의 레이아웃 레벨은 웹페이지를 구성하는 객체들의 서로 다른 조합으로 결정되는 것을 포함할 수 있다.

상술한 바와 같이, 복잡한 웹페이지를 사용자가 원하는 형태로 제공할 수 있다. 또한, 사용자의 취향에 맞게 웹페이지를 변경하여 볼 수 있는 다양한 형태의 브라우저의 웹페이지를 제공함으로써, 사용성을 극대화할 수 있다.

도 1(a)은 본 발명의 다양한 실시예에 따른 웹페이지에 대응하는 소스코드가 웹브라우저를 통해 디스플레이되는 예시도이다.
도 1(b)은 본 발명의 다양한 실시예에 따른 웹브라우저의 동작 절차를 도시하고 있다.
도 2는 본 발명의 다양한 실시예에 따른 웹페이지의 레이아웃 레벨에 따라 디스플레이되는 웹페이지를 도시하고 있다.
도 3은 본 발명의 다양한 실시예에 따른 원본의 DOM(Document Object Model) 트리로부터 다수의 레이아웃 레벨에 대응하는 다수의 DOM 트리를 생성하는 예시도이다.
도 4는 본 발명의 다양한 실시예에 따른 웹페이지에 대응하는 원본의 소스코드로부터 다수의 레이아웃 레벨에 대응하는 다수의 소스코드를 생성하는 예시도이다.
도 5는 본 발명의 다양한 실시예에 따른 원본의 DOM(Document Object Model) 트리로부터 다수의 레이아웃 레벨에 대응하는 다수의 렌더(render) 트리를 생성하는 예시도이다.
도 6(a) 내지 도 6(e)은 본 발명의 다양한 실시예에 따른 웹페이지의 레이아웃 레벨에 따른 웹페이지의 구성을 나타내는 도면이다.
도 7은 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.
도 8은 본 발명의 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.
도 9는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.
도 10은 본 발명의 다양한 실시예에 따른 전자장치의 구성도이다.
도 11은 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 12는 본 발명의 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 13은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 14는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 15는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 16은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 17은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 18은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.
도 19는 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 설정하는 예시도이다.

이하 본 발명의 다양한 실시예를 첨부된 도면의 참조와 함께 상세히 설명한다. 본 발명의 실시예들을 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 발명의 다양한 실시예들의 요지를 불필요하게 흐릴 수 있다고 판단된 경우 그 상세한 설명은 생략할 것이다. 후술되는 용어들은 본 발명의 다양한 실시예들의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.

원본 웹페이지에서 메인 내용(예: 본문)과 관련성이 상대적으로 적다고 판단되는 요소들(예: 배너 광고 등)이 제거되고 메인 내용을 간략하게 텍스트/이미지/링크들을 재구성하여 디스플레이하는 리더(reader) 모드가 제공될 수 있다.

상기 리더 모드는 신문기사 등 지정된 콘텐츠의 경우에 제한적으로 사용되고, 여러 기사를 확인 시에는 브라우저 모드(browser mode)와 리더 모드 사이를 빈번히 스위칭해야 하는 경우가 있을 수 있다. 사용자는 웹페이지의 경우 텍스트만 보고 싶어할 수 있고, 다른 웹페이지는 이미지를 포함하여 보고 싶어할 수 있다. 이처럼 웹페이지에서 사용자마다 보고 싶어하는 디지털 콘텐츠가 다를 수 있다.

이하, 본 발명의 실시예들에서 전자장치에서 사용자 선택이 가능한 웹페이지의 레이아웃 레벨에 따라 웹브라우저에서 웹페이지를 디스플레이하는 방법 및 장치에 관해 설명하기로 한다. 하지만, 본 발명의 다양한 실시예는 웹페이지나 웹브라우저에 국한되지 않으며 다양한 종류의 전자문서/애플리케이션(예컨대, e-mail, e-book 등)에도 적용할 수 있다.

여기서, 상기 웹페이지의 레이아웃 레벨은 상기 웹페이지를 구성하는 객체들을 조합/배열시켜 상기 웹페이지를 나타낼 수 있는 다수의 레벨 중 하나를 의미할 수 있다.

이하 설명에서 사용되는 디지털 콘텐츠는 웹페이지를 구성하는 텍스트, 이미지, 플래시, 스크립트 및 그 수행결과, 애니메이션, 오디오, 비디오 같은 객체를 의미하거나 또는 하나의 전체 웹페이지와 대응하는 용어로써 사용될 수 있다.

도 1(a)은 본 발명의 다양한 실시예에 따른 웹페이지에 대응하는 소스코드가 웹브라우저를 통해 디스플레이되는 예시도이다.

도 1(a)을 참조하면, 사용자가 원하는 웹페이지를 디스플레이하기 위해는 네트워크를 통해 지정된 서버나 로컬 기기 내부에 있는 전자문서(예: 소스코드(100))가 웹브라우저를 포함하는 전자장치로 수신되고, 상기 전자장치 내부에서 지정된 프로세스(예: 파싱, 스크립트 실행 등의 웹키트(Webkit) 동작 프로세스)를 수행하여 사용자가 보는 웹페이지 형태(110)로 변환하는 작업이 수행될 수 있다. 여기서, 전자문서는 HTML, XHTML, XML, plain XML, SVG(Scalable Vector Graphics), XUL(XML User-interface Language) 같은 마크업 언어(markup language)를 통해 작성될 수 있는 소스코드이며, 마크업 언어에 따라 여러 형식으로 구성될 수 있다. 더하여, 상기 웹키트(WebKit)는 웹브라우저를 만드는 데 기반을 제공하는 오픈 소스 응용 프로그램 프레임워크로서, 레이아웃 엔진 또는 렌더링 엔진일 수 있다. 웹브라우저로는 타이젠 브라우저(Tizen browser), 삼성 브라우저(Samsung browser), 인터넷 익스플로러, 파이어폭스, 사파리, 크롬, 오페라 등이 이용될 수 있다.

도 1(b)은 본 발명의 다양한 실시예에 따른 웹브라우저의 동작 절차를 도시하고 있다.

상기 도 1(b)을 참조하면, 웹키트 기반의 브라우저에서 웹페이지를 화면에 나타내도록 원본의 소스코드(100)를 변환하는 동작이 있으며, 변환동작은 자원로딩(120), 파싱(parsing)(121), 레이아웃(layout)(122), 자바스크립트 실행(123), 그리기(painting)(124), UI 업데이트(125) 동작을 포함할 수 있다.

상기 자원로딩(120) 동작은 웹주소나 로컬문서 등을 통해서 소스코드를 로딩하는 동작을 의미하고, 파싱(parsing)(121) 동작은 로딩된 소스코드를 구성하는 문서 개체 모델(Document Object Model: DOM)들을 파싱하여 트리 형태(이하 DOM 트리라 칭함)로 구성하는 동작을 의미하고, 레이아웃(layout)(122) 동작은 스타일 정보와 HTML 표시 규칙에 따라, DOM 트리를 화면에 나타내는 면적 및 색상 같은 시각적 속성을 포함하는 렌더 트리(render Tree)로 구성하는 동작을 의미한다. 다시 말해, 레이아웃(layout)(122) 동작을 통해, 렌더 객체가 화면에 표시될 위치와 크기를 갖게 될 수 있다.

상기 레이아웃(122)을 구성한 후 자바스크립트(Java script) 등 후처리(123)가 실행되는 경우, 그리기(painting)(124) 동작은 자바스크립트의 처리를 통해 변경된 최종 렌더 트리를 탐색하면서 형상을 만들어내는 동작을 의미한다. 예컨대, 그리기(124) 동작은 지정된 메모리 공간에 RGB 값을 채우는 동작으로, 어느 위치에 어떤 크기로 그릴지, 어떤 색깔로 그릴지 자세한 내용이 기록될 수 있다. UI 업데이트(125) 동작은 그리기(124) 동작 결과를 화면에 디스플레이하는 동작을 의미할 수 있다.

본 발명의 다양할 실시예에서, 상기 자원로딩(120) 동작에서 획득된 소스코드는 웹페이지 레이아웃 레벨에 따라 다수의 서브 소스코드로 구분될 수 있다(하기 도 4 참조).

본 발명의 다른 다양할 실시예에서, 상기 파싱(121) 동작에서 DOM 트리는 웹페이지 레이아웃 레벨에 따라 다수의 서브 DOM 트리로 구분될 수 있다(하기 도 3 참조).

본 발명의 또 다른 다양할 실시예에서, 상기 레이아웃(122) 동작에서 DOM 트리는 웹페이지 레이아웃 레벨에 따라 다수의 서브 렌더 트리로 구분될 수 있다(하기 도 5 참조).

이하, 본 발명의 다양한 실시예들은 웹키트 기반의 브라우저를 기반으로 설명할 것이지만, 이는 웹키트 기반이 아닌 형태에서도 유사한 형태로 적용할 할 수 있을 것이다. DOM은 전자문서를 분석하여 브라우저에서 해석할 수 있는 트리형태로 만든 것으로서, 웹키트 기반의 브라우저가 아닌 경우에는 이와 같은 동작이 수행될 수 있으며, 트리는 이 분석하기 쉬운 형태를 구조화한 형태라고 할 수 있다. 또한, 상기 웹키트 동작 프로세스는 W3C(World Wide Web Consortium) 권고안을 해석할 수 있는 지정된 소프트웨어 프로그램 등에서 유사하게 동작할 수 있다.

도 2는 본 발명의 다양한 실시예에 따른 웹페이지의 레이아웃 레벨에 따라 디스플레이되는 웹페이지를 도시하고 있다.

도 2를 참조하면, 웹페이지의 레이아웃 레벨은 상기 웹페이지를 구성하는 객체들을 조합/배열/변형시켜 나타낼 수 있는 다수의 레벨 중 하나를 의미할 수 있다.

예를 들어, 레벨 5는 해당 웹페이지를 구성하는 모든 콘텐츠 또는 객체들이 포함되어 디스플레이되는 레벨(a)이고, 레벨 4는 해당 웹페이지를 구성하는 모든 콘텐츠 또는 객체들 중 적어도 일부 콘텐츠 또는 객체가 생략되어 디스플레이되는 레벨이고(b), 레벨 3은 레벨 4에 대응하는 웹페이지를 구성하는 콘텐츠 또는 객체들 중 일부 콘텐츠 또는 객체가 생략되어 디스플레이되는 레벨(c)이고, 레벨 2는 레벨 3에 대응하는 웹페이지를 구성하는 콘텐츠 또는 객체들 중 일부 콘텐츠 또는 객체가 생략되어 디스플레이되는 레벨(d)이고, 레벨 1은 레벨 2에 대응하는 웹페이지를 구성하는 콘텐츠 또는 객체들 중 일부 콘텐츠 또는 객체가 생략되어 디스플레이되는 레벨(e)일 수 있다.

도 2에서 웹페이지의 레이아웃 레벨이 다섯 가지인 경우를 예를 들어 설명하였지만, 다양한 실시예에서 웹페이지의 레이아웃 레벨은 다섯 레벨 이하 또는 다섯 레벨 이상일 수 있다.

본 발명의 다양한 실시예들에 따라 DOM(Document Object Model) 트리 구성 시 DOM 트리에서 각 노드들의 레벨을 결정하는 방식(하기 도 3 및 도 5 참조)과 스크립트를 활용하여 여러 쌍의 전자문서를 생성하는 방식(하기 도 4 참조)에 따라 웹페이지의 다수 레이아웃 레벨을 결정하는 예를 기술한다.

DOM은 전자문서를 구성하는 메인 자원(예: 소스코드)/서브 자원(예: 이미지 등등) 등을 웹브라우저에서 해석하기 쉬운 트리형태로 변형하는 동작(예: 도 1(b)의 파싱 동작(121))을 의미할 수 있다. 트리 용어는 분석하기 쉬운 동작의 형태를 상호 간의 관계를 분석하여 구조적으로 나타낸 동작이라고 볼 수 있으며, DOM 트리를 사용하지 않는 유사한 형태의 프로그램에서도 유사한 동작을 처리한다면 이는 동일하게 볼 수 있다.

스크립트를 활용하여 여러 쌍의 전자문서를 만드는 방식으로, 입력된 전자문서 파일로부터 각각 다른 규칙을 적용하여 각각 다른 복잡도를 가지는 여러 전자문서 파일을 추출할 수 있다. 각 전자문서 파일로부터 각각의 DOM 트리가 생성될 수 있다. 예컨대, 해당 레이아웃 레벨에 대응하는 전자문서, DOM 트리, 또는 렌더 트리를 변경하는 방법으로 스크립트가 이용될 수 있다.

도 3은 본 발명의 다양한 실시예에 따른 원본의 DOM 트리로부터 다수의 레이아웃 레벨에 대응하는 다수의 DOM 트리를 생성하는 예시도이다.

상기 도 3을 참조하면, 원본의 DOM 트리(300)에서 스크립트를 활용하여 복잡도가 다른 DOM 트리(310, 320)가 생성될 수 있다.

여기서, DOM 트리(300)는 웹브라우저 같은 소프트웨어 프로그램에서 해석할 수 있도록 만든 트리형태를 의미할 수 있다. 예컨대, 소프트웨어 프로그램에서 DOM 트리가 형성되었다는 것은 전자문서를 구성하는 각 객체들의 의미를 해석하고 배치할 수 있다는 것을 의미할 수 있다. 더하여, 스크립트는 객체(object)들의 지정된 패턴을 인식하여 웹페이지의 레이아웃 레벨 별로 분류할 수 있는 일종의 규칙을 수행할 수 있는 소프트웨어 명령의 시퀀스들일 수 있다. 이를 통해 전자문서의 지정된 레벨에 대한 분류 동작으로 여러 쌍의 DOM 트리를 만들어 낼 수 있다. 각각의 DOM 트리(300, 310, 320)는 웹브라우저의 프로세스를 통해 레벨 별로 나타내는 전자문서로 해석될 수 있다. 비록 도 3에서 레벨 1과 레벨 2 두 레벨을 구분하였지만 다양한 실시예에서 둘 이상의 레벨로 더 세분화될 수 있다.

도 4는 본 발명의 다양한 실시예에 따른 웹페이지에 대응하는 원본의 소스코드로부터 다수의 레이아웃 레벨에 대응하는 다수의 소스코드를 생성하는 예시도이다.

상기 도 4를 참조하면, 소스코드에서 활용 가능한 간략한 정보를 이용하여 몇 쌍의 소스코드를 생성하는 예를 도시하고 있다.

전자문서(400)를 로딩한 시점에서 전자문서를 파싱하기 전 동작에서 간략한 정보를 활용하여 여러 쌍의 전자문서(예: 401, 402, 403)를 생성할 수 있다. 상기 간략한 정보 등은 여러 가지의 형태가 될 수 있으며, HTML의 태그(tag)를 이용하여 원본 전자문서(400)로부터 여러 쌍의 전자문서(예: 401, 402, 403)를 생성할 수 있다. 다양한 실시예에서 스크립트를 통해서 각 웹페이지의 레이아웃 레벨별 패턴정보를 추출하여 새로운 형태의 전자문서를 만들 수도 있다. 상기 동작 이후 각각의 문서에 대한 DOM 트리를 생성하는 동작이 수행될 수 있다.

도 5는 본 발명의 다양한 실시예에 따른 원본의 DOM트리로부터 다수의 레이아웃 레벨에 대응하는 다수의 렌더(render) 트리를 생성하는 예시도이다.

상기 도 5를 참조하면, DOM 트리(500)를 프로세싱하여 객체(object)별 레벨을 만들고 여러 개의 렌더 트리(510, 520)를 구성하는 방식을 나타내고 있다.

예컨대, 전자문서 파일을 파싱하면 DOM 트리가 생성되며, 상기 DOM 트리에 레벨을 부가정보로 삽입하여, 정해진 규칙에 따라 각 노드의 레벨을 결정할 수 있다. 이 레벨 정보는 다음 렌더링 동작에서 여러 쌍의 렌더 트리(510, 520)를 생성하는데 이용될 수 있다.

다양한 실시예에 따르면, 상기 전자 장치는 상기 DOM 트리를 상기 전자문서(400)의 일부분만 로딩한 상태에서 생성할 수 있다. 상기 전자문서(400)의 일부분(예컨대, 401, 402)에 대한 DOM 트리에 대응하여, 렌더 트리(510, 520)를 생성할 수 있다. 더하여, 레벨(예컨대, 레벨 1, 레벨 2)은 상기 전자문서(400)가 상기 일부분만 로딩한 상태에서도 결정될 수 있다. 상기 전자 장치는 상기 레벨이 반영된 다른 렌더 트리를 생성할 수 있다.

다양한 실시예에 따르면, 상기 전자문서(400)은 상기 일부분만 로딩한 상태에서 나머지 데이터를 로딩할 수 있다. 상기 나머지 데이터를 로딩하는 동작에 대응하여, 상기 DOM 트리는 변경될 수 있다. 상기 변경된 DOM 트리에 대응하여, 상기 렌더 트리와 상기 다른 렌더 트리도 변경될 수 있다.

각 웹페이지의 레이아웃 레벨별로 어떤 정보를 나타낼지에 대한 규칙은 미리 정의된 규칙에 따라 정의될 수 있으며, 사용자의 설정에 의해 세부내용이 변경될 수 있다.

하기 <표 1>은 각 레벨에서 어떤 콘텐츠를 나타낼지를 정의한 규칙들의 예이다.

	객체(또는 태그) 종류	객체 크기	레이아웃	내용
레벨 1	①텍스트	①~10KB	①리더도구형태	①중요 콘텐츠
레벨 2	②이미지	②~50KB	②리더도구형태+α(예: 이미지축소 배치)	②부가 콘텐츠 예: 관련기사
레벨 3	③스크립트	③~60KB	③리더도구형태+β1(예:우측프레임 제거)	③동적 콘텐츠 예: 플래시
레벨 4	④임베드(혹은 플래시)	④~100KB	④리더도구형태+β2(예:하단 프레임 제거)	④광고
레벨 5	⑤i프레임	⑤100KB ~	⑤원본형태	⑤원본 전체
사용자 레벨	예: A②+B④+C①+D①

다양한 실시예에 따르면, 객체의 종류에 따라 레벨이 결정될 수 있다. 레벨 1은 텍스트, 레벨 2는 이미지, 레벨 3은 스크립트, 레벨 4는 임베드 또는 플래시, 레벨 5는 i프레임일 수 있다.

다양한 실시예에 따르면, 객체의 크기에 따라 레벨이 결정될 수 있다. 레벨 1은 10KB 미만, 레벨 2는 50KB 미만, 레벨 3은 60KB 미만, 레벨 4는 100KB 미만, 레벨 5는 100KB 이상일 수 있다.

다양한 실시예에 따르면, 레이아웃 형태에 따라 레벨이 결정될 수 있다. 레벨 1은 단순한 리더도구형태, 레벨 2는 이미지가 축소 배치된 리더도구형태, 레벨 3은 우측프레임임 제거된 리더도구형태, 레벨 4는 하단 프레임이 제거된 리더도구형태, 레벨 5는 원본형태의 레이아웃일 수 있다.

다양한 실시예에 따르면, 내용에 따라 레벨이 결정될 수 있다. 레벨 1은 중요 콘텐츠, 레벨 2는 부가 콘텐츠(예: 관련기사), 레벨 3은 동적 콘텐츠(예: 플래시), 레벨 4는 광고, 레벨 5는 원본 전체일 수 있다.

상기 <표 1>에서 1 레벨 내지 5 레벨은 하나의 예에 불과하며, 이 레벨은 다양한 형태로 5 레벨 이하 또는 이상으로 구분할 수 있다. 또한 한 가지 기준이 아닌 두 가지 이상의 기준을 결합하여 더 다양한 레벨의 적용도 고려해볼 수 있다. 예를 들어, 상기 <표 1>에서 객체종류와 객체 크기를 동시에 적용한 복합적인 레벨, 레이아웃과 콘텐츠를 동시에 적용한 복합적인 레벨 등이 그 예가 될 수 있다. 예컨대, 객체 크기는 2 레벨로 객체 종류는 4 레벨로 레이아웃은 1 레벨로 내용은 1 레벨로 결합하여 결정할 수 있다.

여기서, 레벨이라 함은 각 레벨을 구분할 수 있는 방법의 하나로 레벨의 값 자체가 의미를 가지지는 않는다. 이 또한 여러 방식으로 칭해질 수 있으며, 이는 이전 동작과 다음 동작이 구분될 수 있는 수준의 용어라면 얼마든지 가능하다.

하기 도 6은 상기 <표 1>과 같이 레벨에 따른 웹페이지의 객체 별 구성도의 변화에 대한 예시 도면이다. 하기 도 6에 나타난 바와 같이 레벨에 따른 기존 웹페이지의 객체들의 복잡도에 따라 화면의 표현될 대상이 변화하며, 또한 객체의 배치도 사용자에 의해 또는 기 설정된 방식에 의해 변경될 수 있다는 것을 보여 주고 있다. 이 부분 역시 위에서 언급한 것과 마찬가지로 객체의 레벨은 다양한 방식으로 제안될 수 있으며 하기에서 언급한 text/image/script/flash/iframe은 하나의 활용 예로써 제안된 것이다. 배치와 같은 구성 역시 기존 웹페이지에서 변경이 되지 않을 수도 있고, 사용자에 의해 또는 지정된 방식에 의해 변경될 수도 있다.

도 6(a) 내지 도 6(e)은 본 발명의 다양한 실시예에 따른 웹페이지의 레이아웃 레벨에 따른 웹페이지의 구성을 나타내는 도면이다.

웹페이지는, 예컨대, 제목, 텍스트, 이미지, 플래시, 스크립트, iFrame 등이 다양하게 결합하여 화면에 표시될 수 있다. iFrame은 하나의 HTML 문서 내에서 다른 HTML 문서 또는 다른 웹페이지를 나타내고자 때 이용될 수 있다. 예컨대, iFrame은 웹페이지 내 다른 문서를 제어할 수 있어 더욱 역동적인 웹페이지가 구성될 수 있다. 플래시는 벡터 드로잉기반의 웹 애니메이션 제작 기능과 객체 지향 프로그래밍 언어인 액션스크립트를 탑재하여 프로그래밍 기능을 결합한 멀티미디어 콘텐츠 제작 프로그램으로써, 웹페이지 위에서, 예컨데 애니메이션 로고, 인트로 무비(intro movie), 애니메이션 배너, 웹사이트 네비게이션 장치, 장, 단편 애니메이션, 게시판이나 게임과 같은 응용프로그램 등을 나타낼 수 있다. 스크립트는 다른 프로그램에 의해 번역되거나 수행되는 프로그램이나 명령어들의 나열을 의미하며, 예컨대 웹사이트의 입력 폼이나 기타 다른 서비스를 제공하기 위해 종종 사용되며, 웹서버에 의해 처리될 수 있다.

도 6(a)은 제목, 텍스트, 이미지, 플래시, 스크립트, iFrame으로 구성될 수 있는 레벨 5의 웹페이지 레이아웃을 도시하고 있고, 도 6(b)은 제목, 텍스트, 이미지, 플래시, 스크립트로 구성될 수 있는 레벨 4의 웹페이지 레이아웃 예컨대, 도 6(a)의 레벨 5의 웹페이지 레이아웃에서 iFrame이 생략된 레이아웃을 도시하고 있고, 도 6(c)은 제목, 텍스트, 이미지, 스크립트로 구성될 수 있는 레벨 3의 웹페이지 레이아웃 예컨대, 도 6(b)의 레벨 4의 웹페이지 레이아웃에서 플래시가 생략된 레이아웃을 도시하고 있고, 도 6(d)은 제목, 텍스트, 이미지로 구성될 수 있는 레벨 2의 웹페이지 레이아웃 예컨대, 도 6(c)의 레벨 3의 웹페이지 레이아웃에서 스크립트가 생략된 레이아웃을 도시하고 있고, 도 6(e)은 제목, 텍스트로 구성될 수 있는 레벨 1의 웹페이지 레이아웃 예컨대, 도 6(d)의 레벨 2의 웹페이지 레이아웃에서 이미지가 생략된 레이아웃을 도시하고 있다.

도 6(a) 내지 도 6(e)까지의 레벨별 웹페이지 레이아웃은 하나의 실시예로 도 6(a) 내지도 6(e)의 형태로 고정되지 않고, 다양한 형태로 제공될 수 있다.

도 7(a)은 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.

상기 도 7을 참조하면, 전자장치는 700 동작에서 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신할 수 있다. 전자장치는 702 동작에서 다수의 레이아웃 레벨들 중 상기 디지털 콘텐츠와 연관하여 레이아웃 레벨을 결정할 수 있다. 그리고 전자장치는 704 동작에서 상기 레이아웃 레벨에 기반하여, 다른 데이터를 디스플레이할 수 있다.

예컨대, 상기 결정하는 동작은, 상기 레이아웃 레벨을 상기 전자장치와 기능적으로 연결된 유저인터페이스(예컨대, 입력모듈 2050)로부터 받는 동작을 포함하거나, 기 설정된 레이아웃 레벨을 상기 레이아웃 레벨로 지정하는 동작을 포함할 수 있다.

그리고, 상기 디스플레이하는 동작은, 상기 레이아웃 레벨이 제1 레벨인 경우, 상기 디지털 콘텐츠와 관련된 제 1 데이터 그룹을 디스플레이하는 동작, 상기 레이아웃 레벨이 제2 레벨인 경우, 상기 디지털 콘텐츠와 관련된 제 2 데이터 그룹을 디스플레이하는 동작을 포함할 수 있다. 상기 제 1 데이터 그룹은 상기 제 2 데이터 그룹의 적어도 일부를 포함하거나, 상기 제 2 데이터 그룹은 상기 제 1 데이터 그룹의 적어도 일부를 포함할 수 있다. 상기 데이터 그룹은 상기 디지털 콘텐츠를 구성하는 다양한 종류의 데이터들을 상기 지정된 레이아웃 레벨의 규칙에 맞추어 그룹화한 것일 수 있다. 상기 규칙은 상기 <표 1>에서 정의한 규칙일 수 있다. 상기 규칙은 상기 <표 1>에서 지정한 규칙 외에도 다양하게 결정될 수 있다.

또한, 상기 전자장치는 상기 다수의 디지털 콘텐츠에 관한 레이아웃 중 하나를 선택하는 지시 입력을 수신하는 동작을 더 수행할 수 있다.

예컨대, 상기 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하는 동작은, 상기 디지털 콘텐츠를 위한 소스코드를 포함하는 데이터를 수신하는 동작, 그리고 상기 소스코드에 대응하는 상기 다른 데이터를 디스플레이하기 위한 추가 데이터를 수신하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 추가 데이터는 다른 소스코드, 텍스트(text), 이미지(image), 동영상, 플래시 등이 될 수 있다.

도 7(b)은 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.

상기 도 7을 참조하면, 전자장치는 700 동작에서 원본 디지털 콘텐츠(또는 웹페이지) 레이아웃과 다른 다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 지시 입력을 수신하고, 702 동작에서 적어도 하나의 콘텐츠들을 포함하는 원본 디지털 콘텐츠에 대응하는 전체 데이터의 적어도 일부분을 수신하고, 704 동작에서 상기 디지털 콘텐츠 레이아웃의 선택에 기초하여, 상기 선택된 상기 디지털 콘텐츠 레이아웃에 대응하는 수정된 디지털 콘텐츠를 디스플레이할 수 있다. 상기 다수의 디지털 콘텐츠 레이아웃들은 콘텐츠 종류들의 다른 조합을 포함할 수 있다. 예컨대, 상기 <표 1>과 같이 웹페이지를 구성하는 객체들 또는 콘텐츠들의 조합에 의해 다섯 레벨로 구분될 때, 다섯 레벨 중 사용자 입력에 의해 어느 하나의 레벨이 선택될 수 있고, 적어도 하나의 콘텐츠들을 포함하는 원본 디지털 콘텐츠(예컨대, 웹페이지)에 대응하는 전체 소스 코드 또는 소스 데이터 중 적어도 일부분을 수신할 수 있고, 상기 선택된 디지털 콘텐츠의 레이아웃 레벨에 따라 디지털 콘텐츠를 디스플레이할 수 있다.

다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 동작은, 디지털 콘텐츠를 수신하기 전에 또는 후에 수행될 수 있다.

다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 동작이 상기 디지털 콘텐츠를 수신하기 전에 수행될 때, 상기 디지털 콘텐츠에 대응하는 전체 데이터의 적어도 일부분을 수신하는 동작은, 상기 원본의 디지털 콘텐츠를 위한 마크업 언어(혹은 소스코드)를 포함하는 데이터를 수신하는 동작과 상기 수정된 디지털 콘텐츠를 위한 하나 이상의 선택된 콘텐츠 종류를 수신하는 동작을 포함할 수 있다. 상기 디지털 콘텐츠를 디스플레이하는 동작은, 상기 적어도 하나 이상의 콘텐츠 종류를 디스플레이하도록 구성된 레이아웃으로 디지털 콘텐츠를 디스플레이하는 동작을 포함할 수 있다. 다양할 실시예에서, 상기 디지털 콘텐츠를 디스플레이하는 동작은, 상기 원본의 디지털 콘텐츠에 대응하는 전체 데이터를 수신하기 전에 상기 디지털 콘텐츠를 디스플레이하는 동작을 포함할 수 있다.

다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 동작이 상기 디지털 콘텐츠에 대응하는 전체 데이터의 상기 적어도 일부분을 수신하는 동작 후에 발생할 때, 상기 디지털 콘텐츠를 디스플레이하는 동작은, 상기 디지털 콘텐츠 레이아웃의 선택에 기반하여 적어도 하나 이상의 콘텐츠 종류를 디스플레이하도록 구성된 레이아웃으로 디지털 콘텐츠를 디스플레이하는 동작을 수행할 수 있다.

상기 디지털 콘텐츠 레이아웃 선택 입력을 수신한 후, 상기 선택에 기반하여 상기 전체 데이터의 다른 일부분을 수신하는 동작이 더 수행될 수 있다.

상기 디지털 콘텐츠 레이아웃 선택에 기반하여, 상기 수정된 디지털 콘텐츠에 대응하는 수신될 데이터의 양을 결정하는 동작이 더 수행될 수 있다.

도 8은 본 발명의 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.

상기 도 8을 참조하면, 전자장치는 800 동작에서 기 설정된 웹페이지 또는 디지털 콘텐츠의 레이아웃 레벨을 확인한다.

전자장치는 802 동작에서 웹페이지(또는 전자문서, 디지털 콘텐츠)에 대응하는 데이터를 일부 혹은 전체를 메모리에 로딩시킨다. 802 동작은 도 1(b)의 자원 로딩(120) 동작과 동일하다.

전자장치는 804 동작에서 기 설정된 웹페이지 또는 디지털 콘텐츠의 레이아웃 레벨에 따라, 로딩된 데이터(또는 소스코드, 자원)에 대응하는 웹페이지를 디스플레이할 수 있다.

여기서, 메인 자원은 사용자가 원하는 웹페이지에 대응하는 소스코드를 의미하며, 이와 대비하여 서브 자원은 상기 소스코드에 태그된 이미지, 자바스크립트 등 부가적으로 로딩할 객체를 의미한다. 현재 리더모드를 위한 콘텐츠를 식별하는 동작은 메인 자원 로딩이 완료된 시점에 가능하며, 좀더 콘텐츠를 식별하는 판단을 위해 서브 자원 중 CSS(Cascading Style Sheets)의 로딩 완료 시점에 식별하도록 할 수 있다. 이를 활용하여 기존 리더모드와는 다르게 본 발명의 다양한 실시예에서는 전체 웹페이지가 완전히 로딩되기 전에 해당 정보만 로딩된 시점에 지정된 웹페이지의 레이아웃 레벨에 대응하는 웹페이지 형태로 전환할 수 있도록 한다. 이는 종래의 서브 자원까지 전체를 로딩해야 리더모드로 진입할 수 있던 것에 비해 웹페이지 전체의 로딩을 기다리지 않고 빠르게 해당 정보만 로딩된 시점에 지정된 웹페이지의 레이아웃 레벨에 대응하는 웹페이지를 디스플레이할 수 있다.

상기 웹페이지의 레이아웃 레벨은 웹페이지를 구성하는 객체의 종류 또는 태그 종류, 객체의 크기, 레이아웃 형태, 콘텐츠의 종류 중 적어도 하나에 의해 구분되거나 적어도 하나의 결합으로 구분될 수 있다.

또한, 로딩된 데이터(또는 소스코드, 자원)에 대응하는 웹페이지를 디스플레이하기 전에, 웹페이지의 레이아웃 레벨 별로 소스코드가 생성되거나(도 4 참조) DOM 트리가 생성되거나(도 3 참조) 렌더 트리가 생성될 수 있다(도 5 참조) .

예컨대, 전자장치는 기 설정된 웹페이지 또는 디지털 콘텐츠의 레이아웃 레벨에 따라, 로딩된 데이터에 대응하는 웹페이지를 디스플레이하는 동작은 기 설정된 웹페이지 또는 디지털 콘텐츠의 레이아웃 레벨에 대응하는 지정된 렌더 트리(render tree)로부터 그리기(painting) 동작을 포함할 수 있다. 다시 말해, 생성된 여러 웹페이지의 레이아웃 레벨에 대응하는 렌더 트리들 중 현재 사용자가 선택한 렌더 트리로부터 그리기 동작이 수행될 수 있다.

또한, 전자장치는 806 동작에서 사용자에 의해 웹페이지의 레이아웃 레벨 변경 이벤트가 발생할 시, 808 동작을 수행하고 이벤트가 없을 시 804 동작을 유지할 수 있다.

전자장치는 808 동작에서 변경된 웹페이지의 레이아웃 레벨에 따라 로딩된 데이터에 대응하는 웹페이지를 디스플레이할 수 있다.

도 9는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨에 따라 웹페이지를 디스플레이하기 위한 흐름도이다.

상기 도 9를 참조하면, 전자장치는 900 동작에서 웹페이지 레이아웃 레벨을 결정할 수 있다. 상기 웹페이지 레이아웃 레벨은 사용자에 의해 기설정될 수 있거나 디폴트값으로 결정될 수 있다.

전자장치는 902 동작에서 결정된 웹페이지의 레이아웃 레벨에 대한 정보를 웹페이지 서버로 전송할 수 있다.

전자장치는 904 동작에서 결정된 웹페이지의 레이아웃 레벨에 대응하는 데이터(예: 소스코드 또는 DOM 트리 또는 렌더 트리에 대응하는 소스코드)를 서버로부터 수신할 수 있다.

전자장치는 906 동작에서 수신된 데이터에 대응하는 웹페이지를 디스플레이할 수 있다.

어떤 실시예에서는, 웹페이지의 레이아웃 레벨을 전환하는 방법은 다양할 실시예로 구현될 수 있다.

브라우저에서 원본 웹페이지에서 다른 레이아웃 레벨로 전환이 되거나 원본 웹페이지와 다른 레이아웃 레벨에서 지정된 레이아웃 레벨로 전환이 되는 상황을 고려할 수 있다. 기존 리더 모드/브라우저 위에서 제스처(gesture) 또는 S 펜 입력 등을 통해서 해당 레벨을 전환할 수도 있다. 또한 지정된 부위에서 롱 프레스(long press) 후 상단/하단으로 이동하는 동작을 통해서 레벨을 변경할 수 있다.

또한, 상기 레벨을 전환하는 방법은 지정된 영역을 대상으로 할 수도 있으며, 지정된 객체를 대상으로 할 수도 있다. 예를 들어, 지정된 버튼을 제공하여 해당 버튼을 선택 시 레벨이 변경되는 방식이다. 또한 제스처 역시 상/하 좌/후 등 레벨을 변경할 수 있는 다양한 직관적인 방법 등을 활용할 수 있다. 플리크(flick)의 방향/스크롤(scroll) 방향/더블 탭(double tab)의 위치 차이/회전 스크롤의 방향 기타 등등 지정된 방향과 값을 설정할 수 있는 다양한 제스처를 이에 활용할 수 있다. 레벨 전환하기 위한 동작들은 트리거 동작이 선행이 될 수도 있고, 그렇지 않을 수도 있다.

이 레벨을 전환하기 위한 동작들에 대한 다양한 예시는 하기 도 10 내지 도 18처럼 다양하게 제시될 수 있으며, 상기에서 언급한 것과 마찬가지로 일종의 예시이며 더 다양한 동작들을 고려할 수 있다. 화면에 입력하는 방법 외에도, 음성이나 소리를 통해 전달하는 방법, 사용자 기기에 진동을 가해 전달하는 방법, 볼륨(volume) 키 등과 같은 하드웨어 키를 통해 전달하는 방법 등을 고려해 볼 수 있다.

도 10은 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 10을 참조하면, 웹브라우저 내에 읽기도구(1000) 버튼이 있으며(a), 읽기도구(1000)에 대응하는 버튼을 이용하여 웹페이지의 레이아웃 전환을 수행할 수 있다.

예컨대, 사용자가 읽기도구(1000) 버튼을 터치한 후 드래드(터치앤드래그)하여 원하는 레벨 위치에서 터치 해지(release)하면 해당 웹페이지의 레이아웃 레벨을 적용하여 보여 줄 수 있다(b, c).

예를 들어, 읽기도구(1000) 버튼 터치 후 오른쪽 방향(레이아웃 레벨 증가 방향)으로 드래그하여 원하는 레벨 위치에서 터치 해지하면 해당 레이아웃 레벨을 증가시킬 수 있고, 반대로 읽기도구(1000) 버튼 터치 후 왼쪽 방향(레이아웃 레벨 감소 방향)으로 드래그하여 원하는 레벨 위치에서 터치 해지하면 해당 레이아웃 레벨을 감소시킬 수 있다. 이때, 레이아웃 레벨증가 및 레이아웃 레벨 감소에 대응하는 시각적 효과로써 동그라미가 점차 증가하거나 감소할 수 있다(b).

다양한 실시예에 따라, 레이아웃 레벨증가 및 레이아웃 레벨 감소에 대응하는 시각적 효과로써 사각형이 늘어나거나 줄어들 수 있다(c).

도 11는 본 발명의 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 11를 참조하면, 레벨 설정 시 지정된 영역을 터치하여 변경이 되거나, 지정된 범위를 스윕(sweep)하는 동작 등을 통해 레벨을 결정할 수 있다. 모양과 범위는 다양하게 변경될 수 있으며 하기 도면은 그 실시예다.

예를 들어, 화면의 지정된 지점을 터치할 시, 부채모양으로 레이아웃 레벨이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(a).

다양한 실시예에서, 화면의 지정된 범위가 사용자에 의해 스윕될 때, 부채모양으로 레이아웃 레벨이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(b).

다른 다양한 실시예에서, 화면의 지정된 지점을 터치할 시, 원형모양으로 레이아웃 레벨이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(c).

또 다양한 실시예에서, 화면의 지정된 범위가 사용자에 의해 스윕될 때, d원형모양으로 레이아웃 레벨이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(d).

도 12은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 12을 참조하면, 화면의 지정된 지점을 터치할 시, 세로방향으로 직사각형 모양의 레이아웃 레벨들이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(a).

다양한 실시예에서, 화면의 지정된 범위가 사용자에 의해 스윕될 때, 세로방향으로 직사각형 모양의 레이아웃 레벨들이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(b).

다른 다양한 실시예에서, 화면의 지정된 지점을 터치할 시, 가로방향으로 직사각형 모양의 레이아웃 레벨들이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(c).

또 다양한 실시예에서, 화면의 지정된 범위가 사용자에 의해 스윕될 때, 세로방향으로 직사각형 모양의 레이아웃 레벨들이 디스플레이되며, 이때 사용자 선택에 의해 레이아웃 레벨이 전환될 수 있다(d).

도 13는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 13를 참조하면, 전자장치의 외부에 있는 지정된 하드웨어 버튼(예: 볼륨버튼(1400))을 이용하여 웹페이지의 레이아웃 레벨을 조절할 수 있다.

예를 들어, 볼륨 업 키(1301)가 선택될 시 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨이상으로 전환되며(a), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

반면 볼륨 다운 키(1302)가 선택될 시 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨 이하로 전환되며(b), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

하드웨어 볼륨버튼(1300)을 예를 들어 설명하지만, 전자장치의 외부에 노출되도록 배치되는 다른 적어도 하나의 물리적 키 버튼 또는 소프트 키 버튼에 의해 전환될 수 있다.

도 14는 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 14를 참조하면, 평형 상태에서 자이로 센서(gyro sensor)나 동작을 감지할 수 있는 센서를 통해서 업/다운 레벨을 감지하여 레벨을 변경할 수 있다(a). 이때 방향은 상하/좌우 등 다양하게 정할 수 있으며, 센서 역시 동작을 감지하는 센서로 지정된 방향을 결정할 수 있는 센서라면 다른 센서들도 활용할 수 있다.

예를 들어, 다운 레벨에 대응하는 동작이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨 이하로 전환되며(b), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

반면, 업 레벨에 대응하는 동작이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨이상으로 전환되며(c), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

도 15은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 15을 참조하면, 전자장치의 지정된 부위에 충격이 가해질 때 충격/진동 등을 감지할 수 있는 센서를 활용하는 예이다. 지정된 범위 혹은 지정된 방향에 대한 충격/진동을 감지할 수 있는 센서로 레벨의 변동을 감지할 수 있다.

예를 들어, 전자장치의 화면 아래에 충격이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨 이하로 전환되며(a), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

반면, 전자장치의 화면 위쪽에 충격이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨이상으로 전환되며(b), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

도 16은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 16을 참조하면, 지정된 소리를 감지하여 레벨을 변경하는 방법이다. 이때 소리의 강도/종류/방향 등을 레벨을 변경하는 방법으로 활용할 수 있다.

예를 들어, 전자장치의 화면 아래에서 소리가 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨 이하로 전환되며(a), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

반면, 전자장치의 화면 위쪽에서 소리가 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨이상으로 전환되며(b), 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

도 17은 본 발명의 또 다른 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 선택하는 예시도이다.

상기 도 17을 참조하면, 사용자의 웹페이지의 레이아웃 레벨 변경 명령에 의하여 변경될 수 있다. 예컨대, 음성 인식 등의 방법을 활용할 수 있다.

예를 들어, 레이아웃 레벨 감소에 대응하는 음성명령이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨 이하로 전환되며, 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

반면, 레이아웃 레벨 증가에 대응하는 음성명령이 감지될 시, 레이아웃 레벨이 현재 레벨보다 적어도 하나 레벨이상으로 전환되며, 이때 전환된 레이아웃 레벨에 대한 정보를 디스플레이될 수도 있다.

그 밖에 기존에 다양한 애플리케이션에서 제공하고 있는 다양한 설정을 저장할 수 있는 인터페이스(interface)를 통해서 해당 웹페이지의 레이아웃 레벨을 설정할 수 있는 방법도 제공할 수 있다.

도 18는 본 발명의 다양한 실시예에 따른 전자장치에서 웹페이지의 레이아웃 레벨을 설정하는 예시도이다.

상기 도 18를 참조하면, 설정모드 (a)로 진입되고, 설정선택시 레이아웃 레벨 설정 화면이 디스플레이되고(b), 이때 레이아웃 레벨 선택시 웹페이지의 레이아웃 레벨을 선택하는 화면이 디스플레이될 수 있다(c).

다양한 실시예에 따라, 웹페이지를 레벨이 변경한 상태로 설정했을 시에, 현재의 웹페이지에서 다른 웹페이지로 변경 시에도 기존 웹페이지의 레이아웃 레벨을 계속 유지하도록 옵션을 결정할 수도 있다. 또는 사용자의 설정 등으로 통해서 유지하지 않도록 할 수도 있으며 웹 브라우저 기동 시부터 적용될 웹페이지 레이아웃 레벨을 미리 설정할 수도 있다.

또 다른 다양한 실시예에 따라, 사용자 별로 별도의 레이아웃 레벨을 저장할 수 있다. 예를 들어, 제1 사용자는 제1 레벨로, 제2 사용자는 제2 레벨로, 제n 사용자는 제n 레벨로 설정되어 디지털 콘텐츠가 디스플레이될 수 있다. 또 다른 다양한 실시예에 따라, 장소/시간에 따라 다른 레이아웃 레벨로 설정되어 디지털 콘텐츠가 표시될 수 있다. 예컨대, 집에서는 제1 레벨로, 회사에서는 제4 레벨로 설정되어 디지털 콘텐츠가 디스플레이되거나 오전에는 제1 레벨로, 오후에는 제2 레벨로, 저녁에는 제3 레벨로 설정되어 디지털 콘텐츠가 디스플레이될 수 있다.

더하여, 레이아웃 레벨의 변경에 있어서 sytle의 변경(배경색, 서체, 글자색, 글자 크기)이 포함될 수 있다.

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

어떤 실시예들에 따르면, 전자 장치는 인터넷 기능을 갖춘 스마트 가전 제품(smart home appliance)일 수 있다. 스마트 가전 제품은, 예를 들자면, 전자 장치는 텔레비전, DVD(digital video disk) 플레이어, 오디오, 냉장고, 에어컨, 청소기, 오븐, 전자레인지, 세탁기, 공기 청정기, 셋톱 박스(set-top box), TV 박스(예를 들면, 삼성 HomeSyncTM, 애플TVTM, 또는 구글 TVTM), 게임 콘솔(game consoles), 전자 사전, 전자 키, 캠코더(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), 보안 기기, 또는 산업용 또는 가정용 로봇 중 적어도 하나를 포함할 수 있다.

어떤 실시예들에 따르면, 전자 장치는 인터넷 기능을 포함한 가구(furniture) 또는 건물/구조물의 일부, 전자 보드(electronic board), 전자 사인 입력장치(electronic signature receiving device), 프로젝터(projector), 또는 각종 계측기기(예: 수도, 전기, 가스, 또는 전파 계측 기기 등) 중 적어도 하나를 포함할 수 있다. 본 개시에 따른 전자 장치는 전술한 다양한 장치들 중 하나 또는 그 이상의 조합일 수 있다. 또한, 본 개시에 따른 전자 장치는 전술한 기기들에 한정되지 않음은 당업자에게 자명하다.

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

도 19는 다양한 실시예에 따른, 전자 장치 1901을 포함하는 네트워크 환경 1900를 도시한다. 도 19를 참조하면, 상기 전자 장치 1901는 버스 1910, 프로세서 1920, 메모리 1930, 입출력 인터페이스 1940, 디스플레이 1950, 통신 인터페이스 1960 및 디지털 콘텐트 표시 모듈 1970을 포함할 수 있다.

상기 버스 1910는 전술한 구성요소들을 서로 연결하고, 전술한 구성요소들 간의 통신 신호(예: 제어 메시지)를 전달하는 회로일 수 있다.

상기 프로세서 1920는, 예를 들면, 상기 버스 1910를 통해 전술한 다른 구성요소들(예: 상기 메모리 1930, 상기 입출력 인터페이스 1940, 상기 디스플레이 1950, 상기 통신 인터페이스 1960, 또는 상기 디지털 콘텐트 표시 모듈 1970)로부터 명령을 수신하여, 수신된 명령을 해독하고, 해독된 명령에 따른 연산이나 데이터 처리를 실행할 수 있다.

상기 메모리 1930는, 상기 프로세서 1920 또는 다른 구성요소들(예: 상기 입출력 인터페이스 1940, 상기 디스플레이 1950, 상기 통신 인터페이스 1960, 또는 상기 디지털 콘텐트 표시 모듈 1970 등)로부터 수신되거나 상기 프로세서 1920 또는 다른 구성요소들에 의해 생성된 명령 또는 데이터를 저장할 수 있다. 상기 메모리 1930는, 예를 들면, 커널 1931, 미들웨어 1932, 어플리케이션 프로그래밍 인터페이스(API: application programming interface) 1933 또는 어플리케이션 1934 등의 프로그래밍 모듈들을 포함할 수 있다. 전술한 각각의 프로그래밍 모듈들은 소프트웨어, 펌웨어, 하드웨어 또는 이들 중 적어도 둘 이상의 조합으로 구성될 수 있다.

상기 커널 1931은 나머지 다른 프로그래밍 모듈들, 예를 들면, 상기 미들웨어 1932, 상기 API 1933 또는 상기 어플리케이션 1934에 구현된 동작 또는 기능을 실행하는데 사용되는 시스템 리소스들(예: 상기 버스 1910, 상기 프로세서 1920 또는 상기 메모리 1930 등)을 제어 또는 관리할 수 있다. 또한, 상기 커널 1931은 상기 미들웨어 1932, 상기 API 1933 또는 상기 어플리케이션 1934이 상기 전자 장치 1901의 개별 구성요소에 접근하여 제어 또는 관리할 수 있는 인터페이스를 제공할 수 있다.

상기 미들웨어 1932는 상기 API 1933 또는 상기 어플리케이션 1934이 상기 커널 1931과 통신하여 데이터를 주고받을 수 있도록 중개 역할을 수행할 수 있다. 또한, 상기 미들웨어 1932는 상기 어플리케이션 1934로부터 수신된 작업 요청들과 관련하여, 예를 들면, 상기 어플리케이션 1934 중 적어도 하나의 어플리케이션에 상기 전자 장치 1901의 시스템 리소스(예: 상기 버스 1910, 상기 프로세서 1920 또는 상기 메모리 1930 등)를 사용할 수 있는 우선 순위를 배정하는 등의 방법을 이용하여 작업 요청에 대한 제어(예: 스케쥴링 또는 로드 밸런싱)을 수행할 수 있다.

상기 API 1933는 상기 어플리케이션 1934이 상기 커널 1931 또는 상기 미들웨어 1932에서 제공되는 기능을 제어하기 위한 인터페이스로, 예를 들면, 파일 제어, 창 제어, 화상 처리 또는 문자 제어 등을 위한 적어도 하나의 인터페이스 또는 함수(예: 명령어)를 포함할 수 있다.

다양한 실시예에 따르면, 상기 어플리케이션 1934는 SMS/MMS 어플리케이션, 이메일 어플리케이션, 달력 어플리케이션, 알람 어플리케이션, 건강 관리(health care) 어플리케이션(예: 운동량 또는 혈당 등을 측정하는 어플리케이션) 또는 환경 정보 어플리케이션(예: 기압, 습도 또는 온도 정보 등을 제공하는 어플리케이션) 등을 포함할 수 있다. 추가적으로 또는 대체적으로, 상기 어플리케이션 1934은 상기 전자 장치 1901와 외부 전자 장치(예: 전자 장치 1902 또는 전자 장치 1904) 사이의 정보 교환과 관련된 어플리케이션일 수 있다. 상기 정보 교환과 관련된 어플리케이션은, 예를 들어, 상기 외부 전자 장치에 지정된 정보를 전달하기 위한 알림 전달(notification relay) 어플리케이션, 또는 상기 외부 전자 장치를 관리하기 위한 장치 관리(device management) 어플리케이션을 포함할 수 있다.

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

다양한 실시예에 따르면, 상기 어플리케이션 1934은 상기 외부 전자 장치(예: 전자 장치 1902 또는 전자 장치 1904)의 속성(예: 전자 장치의 종류)에 따라 지정된 어플리케이션을 포함할 수 있다. 예를 들어, 외부 전자 장치가 MP3 플레이어인 경우, 상기 어플리케이션 1934은 음악 재생과 관련된 어플리케이션을 포함할 수 있다. 유사하게, 외부 전자 장치가 모바일 의료기기인 경우, 상기 어플리케이션 1934은 건강 관리와 관련된 어플리케이션을 포함할 수 있다. 한 실시예에 따르면, 상기 어플리케이션 1934은 전자 장치 1901에 지정된 어플리케이션 또는 외부 전자 장치(예: 서버 1906, 전자 장치 1902 또는 전자 장치 1904)로부터 수신된 어플리케이션 중 적어도 하나를 포함할 수 있다.

상기 입출력 인터페이스 1940은, 센서(예: 가속도 센서, 자이로 센서) 또는 입력 장치(예: 키보드 또는 터치 스크린)를 통하여 사용자로부터 입력된 명령 또는 데이터를, 예를 들면, 상기 버스 1910를 통해 상기 프로세서 1920, 상기 메모리 1930, 상기 통신 인터페이스 1960, 또는 상기 디지털 콘텐트 표시 모듈 1970에 전달할 수 있다. 예를 들면, 상기 입출력 인터페이스 1940은 터치 스크린을 통하여 입력된 사용자의 터치에 대한 데이터를 상기 프로세서 1920로 제공할 수 있다. 또한, 상기 입출력 인터페이스 1940은, 예를 들면, 상기 버스 1910을 통해 상기 프로세서 1920, 상기 메모리 1930, 상기 통신 인터페이스 1960, 또는 상기 디지털 콘텐트 표시 모듈 1970로부터 수신된 명령 또는 데이터를 상기 출력 장치(예: 스피커 또는 디스플레이)를 통하여 출력할 수 있다. 예를 들면, 상기 입출력 인터페이스 1940은 상기 프로세서 1920를 통하여 처리된 음성 데이터를 스피커를 통하여 사용자에게 출력할 수 있다.

상기 디스플레이 1950은 사용자에게 각종 정보(예: 멀티미디어 데이터 또는 텍스트 데이터 등)을 표시할 수 있다.

상기 통신 인터페이스 1960은 상기 전자 장치 1901와 외부 장치(예: 전자 장치 1902, 전자 장치 1904, 또는 서버 1906) 간의 통신을 연결할 수 있다. 예를 들면, 상기 통신 인터페이스 1960은 네트워크 통신 1962(예: Internet, LAN(local area network), WAN(wire area network), telecommunication network, cellular network, satellite network 또는 POTS(plain old telephone service) 등), 근거리 통신 1964(예: wifi(wireless fidelity), BT(Bluetooth), NFC(near field communication), 또는 유선 통신(예: USB(universal serial bus), HDMI(high definition multimedia interface), RS-232(recommended standard 232) 또는 POTS(plain old telephone service) 등)을 지원할 수 있다. 한 실시예에 따르면, 상기 전자 장치 1901와 외부 장치 간의 통신을 위한 프로토콜(예: 근거리 통신 프로토콜, 네트워크 통신 프로토콜 또는 유선 통신 프로토콜)은 상기 API 1933 또는 상기 미들웨어 1932 중 적어도 하나에서 지원될 수 있다. 상기 전자 장치 1902, 1904 각각은 상기 전자 장치 1901와 동일한 (예: 같은 타입의) 장치이거나 또는 다른 (예: 다른 타입의) 장치일 수 있다.

상기 디지털 콘텐트 표시 모듈 1970은, 다른 구성요소들(예: 상기 프로세서 1920, 상기 메모리 1930, 상기 입출력 인터페이스 1940, 또는 상기 통신 인터페이스 1960 등)로부터 획득된 정보 중 적어도 일부를 처리하고, 이를 다양한 방법으로 사용자에게 제공 할 수 있다. 예를 들면, 상기 디지털 콘텐트 표시 모듈 1970는 상기 프로세서 1920를 이용하여 또는 독립적으로(프로세서 1920를 이용하지 않으며), 상기 전자 장치 1901이 다른 전자 기기(예: 전자 장치 1902, 전자 장치 1904, 또는 서버 1906)와 연동하도록 상기 전자 장치 1901의 적어도 일부 기능을 제어할 수 있다. 전술하는 도 7 내지 도 9을 통하여 상기 디지털 콘텐트 표시 모듈 1970에 대한 추가적인 정보가 제공될 수 있다.

상기 디지털 콘텐트 표시 모듈 1970은 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하고, 다수의 레이아웃 레벨들 중 상기 디지털 콘텐츠와 연관하여 레이아웃 레벨을 결정할 수 있고, 상기 결정된 레이아웃 레벨에 기반하여, 다른 데이터를 디스플레이할 수 있다. 예컨대, 상기 디지털 콘텐트 표시 모듈 1970은, 상기 결정된 레이아웃 레벨을 상기 전자장치와 기능적으로 연결된 유저인터페이스로부터 받는 동작을 포함하거나, 기 설정된 레이아웃 레벨을 상기 결정된 레이아웃 레벨로 지정할 수 있다.

다양한 실시예에 따르면, 상기 디지털 콘텐트 표시 모듈 1970은, 원본 디지털 콘텐츠(또는 웹페이지) 레이아웃과 다른 다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 지시 입력을 수신하고, 적어도 하나의 콘텐츠들을 포함하는 원본 디지털 콘텐츠에 대응하는 전체 데이터의 적어도 일부분을 수신하고, 상기 디지털 콘텐츠 레이아웃의 선택에 기반하여, 상기 선택된 상기 디지털 콘텐츠 레이아웃에 대응하는 수정된 디지털 콘텐츠를 디스플레이할 수 있다. 상기 다수의 디지털 콘텐츠 레이아웃들은 콘텐츠 종류들의 다른 조합을 포함할 수 있다. 예컨대, 상기 <표 1>과 같이 웹페이지를 구성하는 객체들 또는 콘텐츠들의 조합에 의해 다섯 레벨로 구분될 때, 다섯 레벨 중 사용자 입력에 의해 어느 하나의 레벨이 선택될 수 있고, 적어도 하나의 콘텐츠들을 포함하는 원본 디지털 콘텐츠(예컨대, 웹페이지)에 대응하는 전체 소스 코드 또는 소스 데이터 중 적어도 일부분을 수신할 수 있고, 상기 선택된 디지털 콘텐츠의 레이아웃 레벨에 따라 디지털 콘텐츠를 디스플레이할 수 있다.

다양한 실시예에 따르면, 상기 디지털 콘텐트 표시 모듈 1970은, 웹페이지 레이아웃 레벨을 결정하고, 여기서, 상기 웹페이지 레이아웃 레벨은 사용자에 의해 기설정될 수 있거나 디폴트값으로 결정될 수 있으며, 결정된 웹페이지의 레이아웃 레벨에 대한 정보를 웹페이지 서버로 전송하고, 결정된 웹페이지의 레이아웃 레벨에 대응하는 데이터(예: 소스코드 또는 DOM 트리 또는 렌더 트리에 대응하는 소스코드)를 서버로부터 수신하고, 수신된 데이터에 대응하는 웹페이지를 디스플레이할 수 있다.

도 20은 다양한 실시예들에 따른 전자 장치 1901의 블록도 2000를 도시한다. 상기 전자 장치 1901는, 예를 들면, 도 19에 도시된 전자 장치 1901의 전체 또는 일부를 구성할 수 있다. 도 20을 참조하면, 상기 전자 장치 2001는 하나 이상의 프로세서 2010, SIM(subscriber identification module) 카드 2014, 메모리 2020, 통신 모듈 2030, 센서 모듈 2040, 입력 모듈 2050, 디스플레이 2060, 인터페이스 2070, 오디오 모듈 2080, 카메라 모듈 2091, 전력관리 모듈 2095, 배터리 2096, 인디케이터 2097 또는 모터 2098 를 포함할 수 있다.

상기 프로세서 2010(예: 상기 프로세서 2020)는 하나 이상의 어플리케이션 프로세서(AP: application processor) 2011 또는 하나 이상의 커뮤니케이션 프로세서(CP: communication processor) 2013를 포함할 수 있다. 도 20에서는 상기 AP 2011 및 상기 CP 2013가 프로세서 2010 내에 포함된 것으로 도시되었으나, 상기 AP 2011 와 상기 CP 2013는 서로 다른 IC 패키지들 내에 각각 포함될 수 있다. 한 실시예에 따르면, 상기 AP 2011 및 상기 CP 2013는 하나의 IC 패키지 내에 포함될 수 있다.

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

상기 CP 2013는 상기 전자 장치 2001(예: 상기 전자 장치 2001)와 네트워크로 연결된 다른 전자 장치들(예: 전자 장치 2002, 전자 장치 2004, 또는 서버 2006) 간의 통신에서 데이터 링크를 관리하고 통신 프로토콜을 변환하는 기능을 수행할 수 있다. 상기 CP 2013는, 예를 들면, SoC로 구현될 수 있다. 한 실시예에 따르면, 상기 CP 2013는 멀티미디어 제어 기능의 적어도 일부를 수행할 수 있다. 상기 CP 2013는, 예를 들면, 가입자 식별 모듈(예: SIM 카드 2014)을 이용하여 통신 네트워크 내에서 전자 장치의 구별 및 인증을 수행할 수 있다. 또한, 상기 CP 2013는 사용자에게 음성 통화, 영상 통화, 문자 메시지 또는 패킷 데이터(packet data) 등의 서비스들을 제공할 수 있다.

또한, 상기 CP 2013는 상기 통신 모듈 2030의 데이터 송수신을 제어할 수 있다. 도 20에서는, 상기 CP 2013, 상기 전력관리 모듈 2095 또는 상기 메모리2020 등의 구성요소들이 상기 AP 2011와 별개의 구성요소로 도시되어 있으나, 한 실시예에 따르면, 상기 AP 2011가 전술한 구성요소들의 적어도 일부(예: 상기 CP 2013)를 포함하도록 구현될 수 있다.

한 실시예에 따르면, 상기 AP 2011 또는 상기 CP 2013는 각각에 연결된 비휘발성 메모리 또는 다른 구성요소 중 적어도 하나로부터 수신한 명령 또는 데이터를 휘발성 메모리에 로드(load)하여 처리할 수 있다. 또한, 상기 AP 2011 또는 상기 CP 2013는 다른 구성요소 중 적어도 하나로부터 수신하거나 다른 구성요소 중 적어도 하나에 의해 생성된 데이터를 비휘발성 메모리에 저장(store)할 수 있다.

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

상기 메모리 2020(예: 상기 메모리 2030)는 내장 메모리 2022 또는 외장 메모리 2024를 포함할 수 있다. 상기 내장 메모리 2022는, 예를 들면, 휘발성 메모리(예를 들면, 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 등) 중 적어도 하나를 포함할 수 있다. 한 실시예에 따르면, 상기 내장 메모리 2022는 Solid State Drive (SSD)일 수 있다. 상기 외장 메모리 2024는 flash drive, 예를 들면, CF(compact flash), SD(secure digital), Micro-SD(micro secure digital), Mini-SD(mini secure digital), xD(extreme digital) 또는 Memory Stick 등을 더 포함할 수 있다. 상기 외장 메모리 2024는 다양한 인터페이스를 통하여 상기 전자 장치 1901과 기능적으로 연결될 수 있다. 한 실시예에 따르면, 상기 전자 장치 1901는 하드 드라이브와 같은 저장 장치(또는 저장 매체)를 더 포함할 수 있다.

상기 통신 모듈 2030(예: 상기 통신 인터페이스 1960)은 무선 통신 모듈 2031 또는 RF 모듈 2034을 포함할 수 있다. 상기 무선 통신 모듈 2031은, 예를 들면, WiFi 2033, BT(bluetooth) 2035, GPS 2037 또는 NFC(near field communication) 2039를 포함할 수 있다. 예를 들면, 상기 무선 통신 모듈 2031은 무선 주파수를 이용하여 무선 통신 기능을 제공할 수 있다. 추가적으로 또는 대체적으로, 상기 무선 통신 모듈 2031은 상기 전자 장치 2000를 네트워크(예: Internet, LAN(local area network), WAN(wire area network), telecommunication network, cellular network, satellite network 또는 POTS(plain old telephone service) 등)와 연결시키기 위한 네트워크 인터페이스(예: LAN card) 또는 모뎀 등을 포함할 수 있다.

상기 RF 모듈 2034은 데이터의 송수신, 예를 들면, RF 신호의 송수신을 담당할 수 있다. 상기 RF 모듈 2034은, 도시되지는 않았으나, 예를 들면, 트랜시버(transceiver), PAM(power amp module), 주파수 필터(frequency filter) 또는 LNA(low noise amplifier) 등을 포함할 수 있다. 또한, 상기 RF 모듈 2034은 무선 통신에서 자유 공간상의 전자파를 송수신하기 위한 부품, 예를 들면, 도체 또는 도선 등을 더 포함할 수 있다.

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

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

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

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

상기 인터페이스 2070는, 예를 들면, HDMI(high-definition multimedia interface) 2072, USB(universal serial bus) 2074, 광통신(optical communication) 단자 2076 또는 D-sub(D-subminiature) 2078를 포함할 수 있다. 상기 인터페이스 2070는, 예를 들면, 도 19에 도시된 통신 인터페이스 1960에 포함될 수 있다. 추가적으로 또는 대체적으로, 상기 인터페이스 2070는, 예를 들면, MHL(mobile high-definition link(미도시)), SD(secure Digital)/MMC(multi-media card)(미도시) 또는 IrDA(infrared data association, 미도시)를 포함할 수 있다.

상기 오디오 모듈 2080은 소리(sound)와 전기신호를 쌍방향으로 변환시킬 수 있다. 상기 오디오 모듈 2080의 적어도 일부 구성요소는, 예를 들면, 도 19에 도시된 입출력 인터페이스 1940에 포함될 수 있다. 상기 오디오 모듈 2080은, 예를 들면, 스피커 2082, 리시버 2084, 이어폰 2086 또는 마이크 2088 등을 통해 입력 또는 출력되는 소리 정보를 처리할 수 있다.

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

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

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

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

상기 인디케이터 2097는 상기 전자 장치 2000 혹은 그 일부(예: 상기 AP 811)의 지정된 상태, 예를 들면, 부팅 상태, 메시지 상태 또는 충전 상태 등을 표시할 수 있다. 상기 모터 2098는 전기적 신호를 기계적 진동으로 변환할 수 있다. 도시되지는 않았으나, 상기 전자 장치 2000는 모바일 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)에 저장된 명령어로 구현될 수 있다. 상기 명령어는, 하나 이상의 프로세서 (예: 상기 프로세서 210)에 의해 실행될 경우, 상기 하나 이상의 프로세서가 상기 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 상기 메모리 220가 될 수 있다. 상기 프로그래밍 모듈의 적어도 일부는, 예를 들면, 상기 프로세서210에 의해 구현(implement)(예: 실행)될 수 있다. 상기 프로그래밍 모듈 의 적어도 일부는 하나 이상의 기능을 수행하기 위한, 예를 들면, 모듈, 프로그램, 루틴, 명령어 세트 (sets of instructions) 또는 프로세스 등을 포함할 수 있다.

상기 컴퓨터로 판독 가능한 기록 매체에는 하드디스크, 플로피디스크 및 자기 테이프와 같은 마그네틱 매체(Magnetic Media)와, CD-ROM(Compact Disc Read Only Memory), DVD(Digital Versatile Disc)와 같은 광기록 매체(Optical Media)와, 플롭티컬 디스크(Floptical Disk)와 같은 자기-광 매체(Magneto-Optical Media)와, 그리고 ROM(Read Only Memory), RAM(Random Access Memory), 플래시 메모리 등과 같은 프로그램 명령(예: 프로그래밍 모듈)을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함될 수 있다. 또한, 프로그램 명령에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다. 상술한 하드웨어 장치는 본 개시의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지다.

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

다양한 실시예에 따르면, 명령들을 저장하고 있는 저장 매체에 있어서, 상기 명령들은 적어도 하나의 프로세서에 의하여 실행될 때에 상기 적어도 하나의 프로세서로 하여금 적어도 하나의 동작을 수행하도록 설정된 것으로서, 상기 적어도 하나의 동작은, 전자 장치에서, 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하는 동작; 다수의 레이아웃 레벨들 중 상기 디지털 콘텐츠와 연관하여 레이아웃 레벨을 결정하는 동작; 상기 레이아웃 레벨에 기반하여, 다른 데이터를 디스플레이하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 상기 결정하는 동작은, 상기 레이아웃 레벨을 상기 전자장치와 기능적으로 연결된 유저인터페이스로부터 수신하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 상기 결정하는 동작은, 기 설정된 레이아웃 레벨을 상기 레이아웃 레벨로 지정하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 상기 디스플레이하는 동작은, 상기 레이아웃 레벨이 제1 레벨인 경우, 상기 디지털 콘텐츠와 관련된 제 1 데이터 그룹을 디스플레이하는 동작; 및 상기 레이아웃 레벨이 제2 레벨인 경우, 상기 디지털 콘텐츠와 관련된 제 2 데이터 그룹을 디스플레이하는 동작을 포함할 수 있다. 상기 제 1 데이터 그룹은 상기 제 2 데이터 그룹의 적어도 일부를 포함하고, 상기 제 2 데이터 그룹은 상기 제 1 데이터 그룹의 적어도 일부를 포함할 수 있다.

다양한 실시예에 따르면, 상기 전자 장치는 상기 다수의 디지털 콘텐츠 레이아웃 중 하나를 선택하는 지시 입력을 수신하는 동작을 더 포함할 수 있다.

다양한 실시예에 따르면, 상기 디지털 콘텐츠에 대응하는 데이터의 적어도 일부분을 수신하는 동작은, 상기 디지털 콘텐츠를 위한 소스코드를 포함하는 데이터를 수신하는 동작; 상기 다른 데이터를 위한 하나 이상의 선택된 콘텐츠 종류를 수신하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 상기 디스플레이하는 동작은, 적어도 하나 이상의 콘텐츠 종류를 디스플레이하도록 구성된 레이아웃으로 상기 디지털 콘텐츠를 디스플레이하는 동작을 포함할 수 있다.

다른 다양한 실시예에 따르면, 전자장치에서, 지정된 웹페이지에 대응하는 전체 데이터 중 적어도 일부분을 수신하는 동작; 및 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작을 포함하되, 상기 웹페이지의 레이아웃 레벨은 웹페이지를 구성하는 객체들의 서로 다른 조합으로 결정될 수 있다.

다양한 실시예에 따르면, 상기 웹페이지의 레이아웃 레벨에 대한 변경 이벤트를 검출하는 동작; 상기 웹페이지의 레이아웃 레벨에 대한 변경 이벤트가 검출될 시, 변경된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작을 더 포함할 수 있다.

다양한 실시예에 따르면, 상기 전자 장치는 웹페이지 변경 이벤트가 발생할 시, 다른 웹페이지에 대응하는 전체 데이터 중 적어도 일부분을 수신하는 동작; 및 상기 변경된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 다른 웹페이지를 디스플레이하는 동작을 더 포함할 수 있다.

다양한 실시예에 따르면, 상기 웹페이지의 레이아웃 레벨에 대한 변경 이벤트를 검출하는 동작은, 웹브라우저의 지정된 버튼의 터치 후 상기 지정된 버튼 위에서 드래그를 검출하는 동작; 화면의 지정된 영역의 터치 및 스윕(sweep) 동작을 검출하고 다수 웹페이지의 레이아웃 레벨들을 지정된 모양으로 디스플레이하고, 상기 다수 웹페이지의 레이아웃 레벨 중 어느 하나를 선택하는 터치를 검출하는 동작; 상기 전자장치의 지정된 하드웨어 키 또는 소프트웨어 키의 입력을 검출하는 동작; 상기 웹페이지의 레이아웃 레벨 변경에 대응하는 상기 전자장치의 모션, 충격, 진동, 또는 소리의 강도/종류/방향을 검출하는 동작; 그리고 상기 웹페이지의 레이아웃 레벨 변경에 대응하는 음성인식 명령을 검출하는 동작 중 하나인 것을 포함할 수 있다.

다양한 실시예에 따르면, 웹페이지 변경 이벤트가 발생할 시, 다른 웹페이지에 대응하는 전체 데이터 중 적어도 일부분을 수신하는 동작; 및 상기 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 다른 웹페이지를 디스플레이하는 동작을 포함하되, 상기 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작은, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 소스코드를 다수의 웹페이지의 레이아웃 레벨 별로 파싱하는 동작; 상기 기 설정된 웹페이지의 레이아웃 레벨에 대응하는 파싱 결과를 선택하는 동작; 상기 선택된 파싱 결과를 기반으로, 렌더링하는 동작; 상기 렌더링 결과를 이용하여, 상기 지정된 웹페이지를 디스플레이하는 동작을 포함할 수 있다.

다양한 실시예에 따르면, 상기 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작은, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 소스코드를 파싱하는 동작; 상기 파싱 결과로부터 다수의 웹페이지의 레이아웃 레벨별로 렌더링하는 동작; 상기 기 설정된 웹페이지의 레이아웃 레벨에 대응하는 렌더링 결과를 선택하는 동작; 상기 선택된 렌더링 결과를 이용하여, 상기 지정된 웹페이지를 디스플레이하는 동작을 포함할 수 있다.

상기 기 설정된 웹페이지의 레이아웃 레벨에 따라, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 상기 지정된 웹페이지를 디스플레이하는 동작은, 상기 수신된 전체 데이터 중 적어도 일부분에 대응하는 소스코드를 다수의 웹페이지의 레이아웃 레벨별로 서브 소스코드들을 생성하는 동작; 상기 서브 소스코드들 중 상기 기 설정된 웹페이지의 레이아웃 레벨에 대응하는 서브 소스코드를 선택하는 동작; 상기 선택된 서브 소스코드를 파싱하는 동작; 상기 파싱 결과를 기반으로, 렌더링하는 동작; 상기 렌더링 결과를 이용하여, 상기 지정된 웹페이지를 디스플레이하는 동작을 포함할 수 있다.

본 발명의 상세한 설명에서는 구체적인 실시예에 관해 설명하였으나, 본 발명의 범위에서 벗어나지 않는 한도 내에서 여러 가지 변형이 가능하다. 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며 후술하는 특허청구의 범위뿐만 아니라 이 특허청구의 범위와 균등한 것들에 의해 정해져야 한다.

120: 자원로딩, 121: 파싱,
122: 레이아웃, 123: 자바스크립트 실행
124: 그리기, 125: UI 업데이트
1000: 제어기, 1010: 스피커/마이크로폰
1020: 카메라, 1030: GPS 수신기
1040: RF 처리기, 1050: 센서모듈
1060: 터치스크린, 1065: 터치스크린 제어기
1070: 외부 메모리

Claims (21)

1. 전자 장치의 방법에 있어서,
   상기 전자 장치에서 디지털 콘텐츠에 대응하는 데이터의 적어도 일부를 포함하는 제 1 데이터를 수신하는 동작;
   상기 전자 장치와 기능적으로 연결된 디스플레이를 통하여, 상기 제 1 데이터의 출력 방법에 대한 다수의 규칙 중 적어도 하나를 결정하는 동작; 및
   상기 제 1 데이터에 기반하여, 상기 적어도 하나의 규칙에 대응하는 제 2 데이터를 획득하여 상기 디스플레이에 표시하는 동작을 포함하는 방법.
   
2. 제1항에 있어서, 상기 표시하는 동작은,
   상기 제 1 데이터와 상기 제 2 데이터를 비교하는 동작; 및
   상기 비교의 결과에 따라 상기 제 2 데이터가 상기 제 1 데이터의 일부분인 경우에는, 상기 제 1 데이터에서 상기 제 2 데이터를 획득하고,
   상기 제 1 데이터가 상기 제 2 데이터의 일부분인 경우에는, 상기 제 2 데이터에 대한 나머지 데이터에 대응하는 상기 디지털 콘텐츠 데이터를 수신하는 동작을 포함하는 방법.
3. 제1항에 있어서,
   상기 적어도 하나의 규칙이 다른 규칙으로 변경된 경우에는, 상기 다른 규칙에 대응하는 제3 데이터를 획득하여 상기 디스플레이에 표시하는 동작을 더 포함하는 방법.
   
4. 제3항에 있어서, 상기 제 3 데이터를 표시하는 동작은,
   상기 다른 규칙에 대응하는 제3 데이터의 적어도 일부가 수신되지 않은 경우에는, 상기 디지털 콘텐츠에 대응하는 데이터에서 수신되지 않은 나머지 일부를 수신하는 동작을 포함하는 방법.
   
5. 제3항에 있어서,
   상기 다른 규칙은 상기 전자 장치와 기능적으로 연결된 입력 모듈 또는 다른 전자 장치 중 적어도 하나로부터 획득된 외부 입력을 통하여 획득되는 방법.
   
6. 제1항에 있어서, 상기 규칙을 결정하는 동작은,
   상기 디지털 콘텐츠의 데이터를 전부 수신하기 전에 수행되는 것을 포함하는 방법.
   
7. 제1항에 있어서, 상기 다른 데이터는,
   지정된 규칙에 기반하여, 상기 데이터의 적어도 일부를 그룹화한 데이터에 대응하여 표시되는 것을 포함하는 방법.
   
8. 제1항에 있어서,
   상기 규칙은 지정된 기준에 따라 상기 디지털 콘텐츠에 대응하는 전체 데이터 또는 일부 데이터를 표시하기 위한 레벨인 것을 포함하는 방법.
   
9. 제8항에 있어서,
   상기 지정된 기준은 상기 데이터에 포함된 객체 종류, 객체 크기, 레이아웃 형태, 상기 데이터의 내용 중 적어도 하나 또는 둘 이상의 결합으로 결정되는 것을 포함하는 방법.
   
10. 제8항에 있어서,
    상기 디지털 콘텐츠에 대응하는 전체 데이터 또는 일부 데이터를 표시하기 위한 레벨은 지정된 애플리케이션이 상기 디지털 콘텐츠에 대응하는 데이터를 해석하기 위한 트리 구조와 관련된 것을 특징으로 방법.
    
11. 데이터를 저장하기 위한 적어도 하나의 메모리; 및
    디지털 콘텐트 표시 모듈을 실행하기 위한 적어도 하나의 프로세서를 에 포함하되,
    상기 디지털 콘텐트 표시 모듈은,
    상기 전자 장치에서 디지털 콘텐츠에 대응하는 데이터의 적어도 일부를 포함하는 제 1 데이터를 수신하고,
    상기 전자 장치와 기능적으로 연결된 디스플레이를 통하여, 상기 제 1 데이터의 출력 방법에 대한 다수의 규칙 중 적어도 하나를 결정하고,
    상기 제 1 데이터에 기반하여, 상기 적어도 하나의 규칙에 대응하는 제 2 데이터를 획득하여 상기 디스플레이에 표시하는 것을 포함하는 전자장치.
    
12. 제11항에 있어서,
    상기 디지털 콘텐트 표시 모듈은,
    상기 제 1 데이터와 상기 제 2 데이터를 비교하고,
    상기 비교의 결과에 따라 상기 제 2 데이터가 상기 제 1 데이터의 일부분인 경우에는, 상기 제 1 데이터에서 상기 제 2 데이터를 획득하고,
    상기 제 1 데이터가 상기 제 2 데이터의 일부분인 경우에는, 상기 제 2 데이터에 대한 나머지 데이터에 대응하는 상기 디지털 콘텐츠 데이터를 수신하는 전자장치.
    
13. 제11항에 있어서, 상기 디지털 콘텐트 표시 모듈은,
    상기 적어도 하나의 규칙이 다른 규칙으로 변경된 경우에는, 상기 다른 규칙에 대응하는 제3 데이터를 획득하여 상기 디스플레이에 더 표시하는 하는 것을 포함하는 전자장치.
    
14. 제13항에 있어서, 상기 디지털 콘텐트 표시 모듈은,
    상기 다른 규칙에 대응하는 제3 데이터의 적어도 일부가 수신되지 않은 경우에는, 상기 디지털 콘텐츠에 대응하는 데이터에서 수신되지 않은 나머지 일부를 더 수신하는 것을 포함하는 전자장치.
    
15. 제13항에 있어서,
    상기 다른 규칙은 외부 입력을 통해 변경되며,
    상기 외부 입력은 상기 전자장치와 기능적으로 연결된 입력 모듈 또는 다른 전자장치 중 적어도 하나로부터 획득되는 것을 포함하는 전자장치.
    
16. 제11항에 있어서, 상기 규칙을 결정하는 동작은,
    상기 디지털 콘텐츠의 데이터를 전부 수신하기 전에 수행되는 것을 포함하는 전자장치.
    
17. 제11항에 있어서, 상기 다른 데이터는,
    지정된 규칙에 기반하여, 상기 데이터의 적어도 일부를 그룹화한 데이터에 대응하여 표시되는 것을 포함하는 전자장치.
    
18. 제11항에 있어서,
    상기 규칙은 지정된 기준에 따라 상기 디지털 콘텐츠에 대응하는 전체 데이터 또는 일부 데이터를 표시하기 위한 레벨인 것을 포함하는 전자장치.
    
19. 제18항에 있어서,
    상기 지정된 기준은 상기 데이터에 포함된 객체 종류, 객체 크기, 레이아웃 형태, 상기 데이터의 내용 중 적어도 하나 또는 둘 이상의 결합으로 결정되는 것을 포함하는 전자장치.
    
20. 제18항에 있어서,
    상기 디지털 콘텐츠에 대응하는 전체 데이터 또는 일부 데이터를 표시하기 위한 레벨은 지정된 애플리케이션이 상기 디지털 콘텐츠에 대응하는 데이터를 해석하기 위한 트리 구조와 관련된 것을 특징으로 전자장치.
    
21. 전자장치에 의해 실행될 경우, 상기 전장장치로 하여금 제1항의 방법을 수행하도록 하는 명령어들을 포함하는 하나 이상의 프로그램을 저장한 컴퓨터 판독 가능 저장 매체.

Images