KR20170006432A - 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 - Google Patents
웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 Download PDFInfo
- Publication number
- KR20170006432A KR20170006432A KR1020150097024A KR20150097024A KR20170006432A KR 20170006432 A KR20170006432 A KR 20170006432A KR 1020150097024 A KR1020150097024 A KR 1020150097024A KR 20150097024 A KR20150097024 A KR 20150097024A KR 20170006432 A KR20170006432 A KR 20170006432A
- Authority
- KR
- South Korea
- Prior art keywords
- electronic device
- screen
- event
- tree
- data
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 91
- 238000004891 communication Methods 0.000 claims abstract description 48
- 238000009877 rendering Methods 0.000 claims abstract description 14
- 230000008569 process Effects 0.000 claims description 29
- 238000012545 processing Methods 0.000 claims description 24
- 230000004044 response Effects 0.000 claims description 3
- 230000004913 activation Effects 0.000 claims description 2
- 230000009849 deactivation Effects 0.000 claims description 2
- 230000003213 activating effect Effects 0.000 claims 1
- 230000003993 interaction Effects 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 31
- 238000010586 diagram Methods 0.000 description 16
- 238000007726 management method Methods 0.000 description 11
- 230000001413 cellular effect Effects 0.000 description 8
- 230000014509 gene expression Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 239000011521 glass Substances 0.000 description 4
- 230000036541 health Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- WQZGKKKJIJFFOK-GASJEMHNSA-N Glucose Natural products OC[C@H]1OC(O)[C@H](O)[C@@H](O)[C@@H]1O WQZGKKKJIJFFOK-GASJEMHNSA-N 0.000 description 2
- 239000008280 blood Substances 0.000 description 2
- 210000004369 blood Anatomy 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000009977 dual effect Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 239000008103 glucose Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000002583 angiography Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000036772 blood pressure Effects 0.000 description 1
- 230000036760 body temperature Effects 0.000 description 1
- 230000010267 cellular communication Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- -1 electricity Substances 0.000 description 1
- 239000000446 fuel Substances 0.000 description 1
- 230000006698 induction Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000011084 recovery Methods 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000005406 washing Methods 0.000 description 1
- 229910052724 xenon Inorganic materials 0.000 description 1
- FHNFHKCVQCLJFQ-UHFFFAOYSA-N xenon atom Chemical compound [Xe] FHNFHKCVQCLJFQ-UHFFFAOYSA-N 0.000 description 1
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
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/20—Natural language analysis
- G06F40/205—Parsing
- G06F40/221—Parsing markup language streams
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/14—Display of multiple viewports
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2370/00—Aspects of data communication
- G09G2370/02—Networking aspects
- G09G2370/027—Arrangements and methods specific for the display of internet documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Computer Hardware Design (AREA)
- Multimedia (AREA)
- Information Transfer Between Computers (AREA)
- Business, Economics & Management (AREA)
- User Interface Of Digital Computer (AREA)
- Tourism & Hospitality (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Human Resources & Organizations (AREA)
- Economics (AREA)
Abstract
본 발명의 실시예에 따른 전자 장치는 하우징, 상기 하우징의 일부에 노출되는 제 1 스크린 및 상기 제 1 스크린과 이격되거나, 인접하거나, 접하도록 배치된 제 2 스크린을 제공하는 적어도 하나의 디스플레이, 무선 통신 회로, 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 데이터 내에서, 상기 제 2 스크린에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 데이터 부분을 상기 제 2 스크린에 표시하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 제 1 스크린에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치는, 하우징, 상기 하우징의 일부에 노출되는 디스플레이, 무선 통신 회로 및 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 컨텐츠 데이터 내에서, 상기 전자 장치와 연결된 외부 전자 장치의 디스플레이에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 연결된 외부 장치로 전송하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 디스플레이에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치는, 웹 컨텐츠를 수신하는 통신 모듈, 상기 웹 컨텐츠를 표시하는 디스플레이 유닛, 상기 웹 컨텐츠와 대응하는 웹 데이터를 처리하는 제어부; 및 상기 제어부는, 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고, 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고, 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 방법은, 웹 컨텐츠를 수신하고 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작을 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치의 웹 컨텐츠 표시 방법을 실행시키기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체에 있어서, 상기 방법은 상기 웹 컨텐츠와 대응하는 웹 데이터에 적어도 하나의 확장 요소(expansion element)를 포함하는 확장 데이터를 추가하는 동작 및 상기 적어도 하나의 확장 요소에 이벤트에 관한 데이터를 추가하는 동작을 포함할 수 있다. 다른 실시 예가 가능하다.
본 발명의 실시예에 따른 전자 장치는, 하우징, 상기 하우징의 일부에 노출되는 디스플레이, 무선 통신 회로 및 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 컨텐츠 데이터 내에서, 상기 전자 장치와 연결된 외부 전자 장치의 디스플레이에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 연결된 외부 장치로 전송하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 디스플레이에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치는, 웹 컨텐츠를 수신하는 통신 모듈, 상기 웹 컨텐츠를 표시하는 디스플레이 유닛, 상기 웹 컨텐츠와 대응하는 웹 데이터를 처리하는 제어부; 및 상기 제어부는, 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고, 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고, 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 방법은, 웹 컨텐츠를 수신하고 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작을 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치의 웹 컨텐츠 표시 방법을 실행시키기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체에 있어서, 상기 방법은 상기 웹 컨텐츠와 대응하는 웹 데이터에 적어도 하나의 확장 요소(expansion element)를 포함하는 확장 데이터를 추가하는 동작 및 상기 적어도 하나의 확장 요소에 이벤트에 관한 데이터를 추가하는 동작을 포함할 수 있다. 다른 실시 예가 가능하다.
Description
본 발명은 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치에 관한 것이다.
전자기술의 발전 및 통신 기술이 발전함에 따라 우리의 생활 속에 전자장치들이 널리 사용되고 있다. 최근 개발되는 전자 장치는 IoT(internet of things) 또는 M2M(machine to machine)의 서비스를 제공함으로써 외부의 전자 장치들과도 유기적으로 연결되는 경우가 많아지고 있다.
뿐만 아니라 최근 전자 장치는 하나의 디스플레이로 복수개의 스크린을 지원할 수 있도록 개발되고 있다. 또한, 최근 전자 장치는 디스플레이의 형태를 변형시킴(예를 들어, 디스플레이의 일단면을 곡면화함) 으로써 변형된 부분과 변형되지 않은 부분으로 나누어 복수개의 스크린을 지원할 수 있도록 개발되고 있다. 이러한 기술이 발전 됨에 따라, 사용자는 기존 하나의 디스플레이에서 하나의 스크린만을 지원하던 전자 장치를 사용할 때 보다 컨텐츠를 이용하기에 더욱 편리한 작업 환경을 가질 수 있게 된다.
그러나, 현재는 하나의 웹 컨텐츠를 사용함에 있어서, 사용자는 복수개의 스크린을 사용할 때 하나의 스크린을 사용할 때 보다 용이하지 않다. 왜냐하면 전자 장치가 복수개의 스크린을 지원 하더라도 상기 전자 장치의 브라우저는 하나의 스크린에서만 동작하기 때문이다. 따라서, 전자 장치가 복수개의 스크린을 지원하더라도 하나의 웹 컨텐츠로 복수개의 스크린을 이용할 수 없다.
또한, 하나의 웹 컨텐츠를 각 기능 별로 나눠서 이를 복수 개의 전자 장치에서 수행할 수 있는 방법은 현재는 없다. 이를 이용하기 위해 현재는 하나의 웹 컨텐츠를 하나의 전자 장치에 로딩하고 다른 하나의 전자 장치에서 하나의 전자 장치의 웹 컨텐츠와 통신하여 렌더링 및 인터렉션을 해야 한다. 그러나 이를 위해서는 웹 서버에서 각 전자 장치들에 로딩된 웹 컨텐츠에 대해 동기화 및 커뮤니케이션 할 수 있도록 별도로 컨텐츠를 개발해야 하는 어려움이 있다.
따라서, 상기의 문제점을 해결하기 위해 본 발명의 다양한 실시 예들은 하나의 웹 컨텐츠로도 복수개의 스크린 상에서 용이하게 이용할 수 있도록 하고 복수개의 스크린 간에 인터렉션을 제공하는 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치를 제공한다.
본 발명의 실시예에 따른 전자 장치는 하우징, 상기 하우징의 일부에 노출되는 제 1 스크린 및 상기 제 1 스크린과 이격되거나, 인접하거나, 접하도록 배치된 제 2 스크린을 제공하는 적어도 하나의 디스플레이, 무선 통신 회로, 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 데이터 내에서, 상기 제 2 스크린에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 데이터 부분을 상기 제 2 스크린에 표시하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 제 1 스크린에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치는, 하우징, 상기 하우징의 일부에 노출되는 디스플레이, 무선 통신 회로 및 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 컨텐츠 데이터 내에서, 상기 전자 장치와 연결된 외부 전자 장치의 디스플레이에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 연결된 외부 장치로 전송하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 디스플레이에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치는, 컨텐츠 프로바이더로부터 웹 컨텐츠를 수신하는 통신 모듈, 두 개 이상의 스크린을 구분 표시하는 디스플레이 유닛, 상기 웹 컨텐츠와 대응하는 웹 데이터를 처리하는 제어부; 및 상기 제어부는, 상기 웹 데이터를 파싱(parsing)하여 메인 돔 트리(DOM Tree)와 확장 돔 트리를 생성하고, 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고, 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 전자 장치를 포함할 수 있다.
본 발명의 실시예에 따른 방법은, 컨텐츠 프로바이더로부터 웹 컨텐츠를 수신하고 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 메인 돔 트리(DOM Tree)와 확장 돔 트리를 생성하고 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작을 포함할 수 있다.
본 발명의 실시예에 따른 전자 장치의 웹 컨텐츠 표시 방법을 실행시키기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체에 있어서, 상기 방법은 상기 웹 컨텐츠와 대응하는 웹 데이터에 적어도 하나의 확장 요소(expansion element)를 포함하는 확장 데이터를 추가하는 동작 및 상기 적어도 하나의 확장 요소에 이벤트에 관한 데이터를 추가하는 동작을 포함할 수 있다.
본 발명의 다양한 실시 예에 따르면, 복수개의 스크린을 지원하는 전자 장치에서 확장 요소를 추가함으로써 하나의 웹 컨텐츠를 복수개의 스크린에서 사용할 수 있고, 스크린들 간의 인터렉션을 가능하게 할 수 있다.
본 발명의 다양한 실시 예에 따르면, 적어도 하나의 스크린을 지원하는 복수개의 전자 장치 간에 별도의 서버나 채널을 형성하는 번거로운 작업 없이, 확장 요소를 추가함으로써 하나의 웹 컨텐츠를 확장하여 사용할 수 있고, 전자 장치들 의 스크린간의 인터렉션을 가능하게 할 수 있다.
도 1은 다양한 실시예에 네트워크 환경 내의 전자 장치를 도시하는 도면이다.
도 2는 다양한 실시예에 따른 전자 장치의 블록도이다.
도 3은 다양한 실시예에 따른 프로그램 모듈의 블록도이다.
도 4는 전자 장치를 포함하는 웹 컨텐츠 확장 시스템의 다양한 실시예 중 하나를 도시한 것이다.
도 5a 내지 도 5c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 컨텐츠 프로바이더에 대한 실시예를 나타내는 도면이다.
도 6a는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 브라우저 엔진의 구성을 나타내는 도면이다.
도 6b는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 HTML 문서의 돔 트리(DOM Tree)를 나타내는 예시도이다.
도 7a 및 7b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 8a 및 8b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 9a 및 9b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 10a 내지 10c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 전자 장치들 간의 통신을 설명하기 위한 도면이다.
도 2는 다양한 실시예에 따른 전자 장치의 블록도이다.
도 3은 다양한 실시예에 따른 프로그램 모듈의 블록도이다.
도 4는 전자 장치를 포함하는 웹 컨텐츠 확장 시스템의 다양한 실시예 중 하나를 도시한 것이다.
도 5a 내지 도 5c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 컨텐츠 프로바이더에 대한 실시예를 나타내는 도면이다.
도 6a는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 브라우저 엔진의 구성을 나타내는 도면이다.
도 6b는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 HTML 문서의 돔 트리(DOM Tree)를 나타내는 예시도이다.
도 7a 및 7b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 8a 및 8b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 9a 및 9b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 10a 내지 10c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 전자 장치들 간의 통신을 설명하기 위한 도면이다.
이하, 본 문서의 다양한 실시예가 첨부된 도면을 참조하여 기재된다. 그러나, 이는 본 문서를 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 문서의 실시예의 다양한 변경 (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)를 의미할 수 있다.
본 문서에서 사용된 용어들은 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 다른 실시예의 범위를 한정하려는 의도가 아닐 수 있다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함할 수 있다. 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명의 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가질 수 있다. 일반적으로 사용되는 사전에 정의된 용어들은 관련 기술의 문맥 상 가지는 의미와 동일 또는 유사한 의미를 가지는 것으로 해석될 수 있으며, 본 문서에서 명백하게 정의되지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다. 경우에 따라서, 본 문서에서 정의된 용어일지라도 본 발명의 실시예들을 배제하도록 해석될 수 없다.
본 발명의 다양한 실시예들에 따른 전자 장치는, 예를 들면, 전자 장치는 스마트폰 (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), 또는 각종 계측 기기 (예: 수도, 전기, 가스, 또는 전파 계측 기기 등) 중 적어도 하나를 포함할 수 있다. 다양한 실시예에서, 전자 장치는 전술한 다양한 장치들 중 하나 또는 그 이상의 조합일 수 있다. 어떤 실시예에 따른 전자 장치는 플렉서블 전자 장치일 수 있다. 또한, 본 발명의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않으며, 기술 발전에 따른 새로운 전자 장치를 포함할 수 있다.
이하, 첨부 도면을 참조하여, 다양한 실시예에 따른 전자 장치가 설명된다. 본 문서에서, 사용자라는 용어는 전자 장치를 사용하는 사람 또는 전자 장치를 사용하는 장치 (예: 인공지능 전자 장치)를 지칭할 수 있다.
도 1을 참조하여, 다양한 실시예에서의, 네트워크 환경 100 내의 전자 장치 101가 기재된다. 상기 전자 장치 101는 버스 110, 프로세서 120, 메모리 130, 입출력 인터페이스 150, 디스플레이 160, 및 통신 인터페이스 170를 포함할 수 있다. 어떤 실시예에서는, 전자 장치 101는, 상기 구성요소들 중 적어도 하나를 생략하거나 다른 구성 요소를 추가적으로 구비할 수 있다.
상기 버스 110는, 예를 들면, 상기 구성요소들 110-170을 서로 연결하고, 상기 구성요소들 간의 통신 (예: 제어 메시지 및/또는 데이터)을 전달하는 회로를 포함할 수 있다.
상기 프로세서 120는, 중앙처리장치 (central processing unit (CPU)), 어플리케이션 프로세서 (application processor (AP)), 또는 커뮤니케이션 프로세서 (communication processor(CP)) 중 하나 또는 그 이상을 포함할 수 있다. 상기 프로세서 120은, 예를 들면, 상기 전자 장치 101의 적어도 하나의 다른 구성요소들의 제어 및/또는 통신에 관한 연산이나 데이터 처리를 실행할 수 있다.
상기 메모리 130는, 휘발성 및/또는 비휘발성 메모리를 포함할 수 있다. 상기 메모리 130는, 예를 들면, 상기 전자 장치 101의 적어도 하나의 다른 구성요소에 관계된 명령 또는 데이터를 저장할 수 있다. 한 실시예에 따르면, 상기 메모리 130는 소프트웨어 및/또는 프로그램 140을 저장할 수 있다. 상기 프로그램 140은, 예를 들면, 커널 141, 미들웨어 143, 어플리케이션 프로그래밍 인터페이스 (application programming interface (API)) 145, 및/또는 어플리케이션 프로그램 (또는 “어플리케이션”) 147 등을 포함할 수 있다. 상기 커널 141, 미들웨어 143, 또는 API 145의 적어도 일부는, 운영 시스템 (operating system (OS))라 불릴 수 있다. 본 발명의 실시예에서 상기 저장부 130은 전자 장치에 설치된 어플리케이션들의 패킷 전송 스케쥴을 관리할 수 있다.
상기 커널 141은, 예를 들면, 다른 프로그램들 (예: 미들웨어 143, API 145, 또는 어플리케이션 프로그램 147)에 구현된 동작 또는 기능을 실행하는 데 사용되는 시스템 리소스들 (예: 버스 110, 프로세서 120, 또는 메모리 130 등)을 제어 또는 관리할 수 있다. 또한, 상기 커널 141은 상기 미들웨어 143, 상기 API 145, 또는 상기 어플리케이션 프로그램 147에서 상기 전자 장치 101의 개별 구성요소에 접근함으로써, 시스템 리소스들을 제어 또는 관리할 수 있는 인터페이스를 제공할 수 있다.
상기 미들웨어 143는, 예를 들면, 상기 API 145 또는 상기 어플리케이션 프로그램 147이 상기 커널 141과 통신하여 데이터를 주고받을 수 있도록 중개 역할을 수행할 수 있다. 또한, 상기 미들웨어 143는 상기 어플리케이션 프로그램 147로부터 수신된 작업 요청들과 관련하여, 예를 들면, 상기 어플리케이션 프로그램 147 중 적어도 하나의 어플리케이션에 상기 전자 장치 101의 시스템 리소스 (예: 버스 110, 프로세서 120, 또는 메모리 130 등)를 사용할 수 있는 우선 순위를 배정하는 등의 방법을 이용하여 작업 요청에 대한 제어 (예: 스케쥴링 또는 로드 밸런싱)을 수행할 수 있다.
상기 API 145는, 예를 들면, 상기 어플리케이션 147이 상기 커널 141 또는 상기 미들웨어 143에서 제공되는 기능을 제어하기 위한 인터페이스로, 예를 들면, 파일 제어, 창 제어, 화상 처리, 또는 문자 제어 등을 위한 적어도 하나의 인터페이스 또는 함수 (예: 명령어)를 포함할 수 있다.
상기 입출력 인터페이스 150은, 예를 들면, 사용자 또는 다른 외부 기기로부터 입력된 명령 또는 데이터를 상기 전자 장치 101의 다른 구성요소(들)에 전달할 수 있는 인터페이스의 역할을 할 수 있다. 또한, 상기 입출력 인터페이스 150은 상기 전자 장치 101의 다른 구성요소(들)로부터 수신된 명령 또는 데이터를 사용자 또는 다른 외부 기기로 출력할 수 있다.
상기 디스플레이 160은, 예를 들면, 액정 디스플레이 (LCD), 발광 다이오드 (LED) 디스플레이, 유기 발광 다이오드 (OLED) 디스플레이, 또는 마이크로 전자기계 시스템 (microelectromechanical systems (MEMS)) 디스플레이, 또는 전자종이 (electronic paper) 디스플레이를 포함할 수 있다. 상기 디스플레이 160은, 예를 들면, 사용자에게 각종 컨텐츠 (예: 텍스트, 이미지, 비디오, 아이콘, 또는 심볼 등)을 표시할 수 있다. 상기 디스플레이 160은, 터치 스크린을 포함할 수 있으며, 예를 들면, 전자 펜 또는 사용자의 신체의 일부를 이용한 터치, 제스쳐, 근접, 또는 호버링 입력을 수신할 수 있다.
상기 통신 인터페이스 170은, 예를 들면, 상기 전자 장치 101와 외부 장치 (예: 제 1 외부 전자 장치 102, 제 2 외부 전자 장치 104, 또는 서버 106) 간의 통신을 설정할 수 있다. 예를 들면, 상기 통신 인터페이스 170은 무선 통신 또는 유선 통신을 통해서 네트워크 162에 연결되어 상기 외부 장치 (예: 제 2 외부 전자 장치 104 또는 서버 106)와 통신할 수 있다. 또한 상기 통신 인터페이스 170은 서버에 접속하여 메시지를 요청하여 이에 대한 응답으로써 상기 서버가 전송하는 메시지를 수신할 수 있다.
상기 무선 통신은, 예를 들면, 셀룰러 통신 프로토콜로서, 예를 들면, LTE, LTE-A, CDMA, WCDMA, UMTS, WiBro, 또는 GSM 등 중 적어도 하나를 사용할 수 있다. 상기 유선 통신은, 예를 들면, USB (universal serial bus), HDMI (high definition multimedia interface), RS-232 (recommended standard 232), 또는 POTS (plain old telephone service) 등 중 적어도 하나를 포함할 수 있다. 상기 네트워크 162는 통신 네트워크 (telecommunications network), 예를 들면, 컴퓨터 네트워크 (computer network)(예: LAN 또는 WAN), 인터넷, 또는 전화 망 (telephone network) 중 적어도 하나를 포함할 수 있다.
상기 제 1 및 제 2 외부 전자 장치 102, 104 각각은 상기 전자 장치 101와 동일한 또는 다른 종류의 장치일 수 있다. 한 실시예에 따르면, 상기 서버 106는 하나 또는 그 이상의 서버들의 그룹을 포함할 수 있다. 다양한 실시예에 따르면, 상기 전자 장치 101에서 실행되는 동작들의 전부 또는 일부는 다른 하나 또는 복수의 전자 장치 (예: 전자 장치 102, 104, 또는 서버 106)에서 실행될 수 있다. 한 실시예에 따르면, 상기 전자 장치 101가 어떤 기능이나 서비스를 자동으로 또는 요청에 의하여 수행해야 할 경우에, 상기 전자 장치 101는 상기 기능 또는 상기 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 그와 연관된 적어도 일부 기능을 다른 장치 (예: 전자 장치 102, 104, 또는 서버 106)에게 요청할 수 있다. 상기 다른 전자 장치 (예: 전자 장치 102, 104, 또는 서버 106)는 상기 요청된 기능 또는 추가 기능을 실행하고, 그 결과를 상기 전자 장치 101로 전달할 수 있다. 상기 전자 장치 101는 수신된 결과를 그대로 또는 추가적으로 처리하여 상기 요청된 기능이나 서비스를 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다.
도 2는 다양한 실시예에 따른 전자 장치의 블록도이다.
상기 전자 장치 201는, 예를 들면, 도 1에 도시된 전자 장치 101의 전체 또는 일부를 포함할 수 있다. 상기 전자 장치 201는 하나 이상의 어플리케이션 프로세서 (AP: application processor) 210, 통신 모듈 220, SIM (subscriber identification module) 카드 224, 메모리 230, 센서 모듈 240, 입력 장치 250, 디스플레이 260, 인터페이스 270, 오디오 모듈 280, 카메라 모듈 291, 전력 관리 모듈 295, 배터리 296, 인디케이터 297, 및 모터 298 를 포함할 수 있다.
상기 AP 210는, 예를 들면, 운영 체제 또는 응용 프로그램을 구동하여 상기 AP 210에 연결된 다수의 하드웨어 또는 소프트웨어 구성요소들을 제어할 수 있고, 각종 데이터 처리 및 연산을 수행할 수 있다. 상기 AP 210는, 예를 들면, SoC (system on chip) 로 구현될 수 있다. 한 실시예에 따르면, 상기 AP 210는 GPU (graphic processing unit) 및/또는 이미지 신호 프로세서 (image signal processor)를 더 포함할 수 있다. 상기 AP 210는 도 2에 도시된 구성요소들 중 적어도 일부 (예: 셀룰러 모듈 221)를 포함할 수도 있다. 상기 AP 210 는 다른 구성요소들 (예: 비휘발성 메모리) 중 적어도 하나로부터 수신된 명령 또는 데이터를 휘발성 메모리에 로드 (load)하여 처리하고, 다양한 데이터를 비휘발성 메모리에 저장 (store)할 수 있다.
상기 통신 모듈 220은, 도 1의 상기 통신 인터페이스 160와 동일 또는 유사한 구성을 가질 수 있다. 상기 통신 모듈 220은, 예를 들면, 셀룰러 모듈 221, WIFI 모듈 223, BT 모듈 225, GPS 모듈 227, NFC 모듈 228 및 RF (radio frequency) 모듈 229를 포함할 수 있다.
상기 셀룰러 모듈 221은, 예를 들면, 통신망을 통해서 음성 통화, 영상 통화, 문자 서비스, 또는 인터넷 서비스 등을 제공할 수 있다. 한 실시예에 따르면, 상기 셀룰러 모듈 221은 가입자 식별 모듈 (예: SIM 카드 224)을 이용하여 통신 네트워크 내에서 전자 장치 201의 구별 및 인증을 수행할 수 있다. 한 실시예에 따르면, 상기 셀룰러 모듈 221은 상기 AP 210가 제공할 수 있는 기능 중 적어도 일부 기능을 수행할 수 있다. 한 실시예에 따르면, 상기 셀룰러 모듈 221은 커뮤니케이션 프로세서 (CP: communication processor)를 포함할 수 있다.
상기 WIFI 모듈 223, 상기 BT 모듈 225, 상기 GPS 모듈 227 또는 상기 NFC 모듈 228 각각은, 예를 들면, 해당하는 모듈을 통해서 송수신되는 데이터를 처리하기 위한 프로세서를 포함할 수 있다. 어떤 실시예에 따르면, 셀룰러 모듈 221, WIFI 모듈 223, BT 모듈 225, GPS 모듈 227 또는 NFC 모듈 228 중 적어도 일부 (예: 두 개 이상)는 하나의 integrated chip (IC) 또는 IC 패키지 내에 포함될 수 있다.
상기 RF 모듈 229는, 예를 들면, 통신 신호 (예: RF 신호)를 송수신할 수 있다. 상기 RF 모듈 229는, 예를 들면, 트랜시버 (transceiver), PAM (power amp module), 주파수 필터 (frequency filter), LNA (low noise amplifier), 또는 안테나 등을 포함할 수 있다. 다른 실시예에 따르면, 셀룰러 모듈 221, WIFI 모듈 223, BT 모듈 225, GPS 모듈 227 또는 NFC 모듈 228 중 적어도 하나는 별개의 RF 모듈을 통하여 RF 신호를 송수신할 수 있다.
상기 SIM 카드 224는, 예를 들면, 가입자 식별 모듈을 포함하는 카드 및/또는 내장 SIM (embedded SIM)을 포함할 수 있으며, 고유한 식별 정보 (예: ICCID (integrated circuit card identifier)) 또는 가입자 정보 (예: IMSI (international mobile subscriber identity))를 포함할 수 있다.
상기 메모리 230 (예: 메모리 230)는, 예를 들면, 내장 메모리 232 또는 외장 메모리 234를 포함할 수 있다. 상기 내장 메모리 232는, 예를 들면, 휘발성 메모리 (예: 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 또는 NOR flash 등), 하드 드라이브, 또는 솔리드 스테이트 드라이브 (solid state drive (SSD)) 중 적어도 하나를 포함할 수 있다.
상기 외장 메모리 234는 flash drive, 예를 들면, CF (compact flash), SD (secure digital), Micro-SD (micro secure digital), Mini-SD (mini secure digital), xD (extreme digital), 또는 메모리 스틱 (memory stick) 등을 더 포함할 수 있다. 상기 외장 메모리 234는 다양한 인터페이스를 통하여 상기 전자 장치 201과 기능적으로 및/또는 물리적으로 연결될 수 있다.
상기 센서 모듈 240은, 예를 들면, 물리량을 계측하거나 전자 장치 201의 작동 상태를 감지하여, 계측 또는 감지된 정보를 전기 신호로 변환할 수 있다. 상기 센서 모듈 240은, 예를 들면, 제스처 센서 240A, 자이로 센서 240B, 기압 센서 240C, 마그네틱 센서 240D, 가속도 센서 240E, 그립 센서 240F, 근접 센서 240G, color 센서 240H (예: RGB (red, green, blue) 센서), 생체 센서 240I, 온/습도 센서 240J, 조도 센서 240K, 또는 UV (ultra violet) 센서 240M 중의 적어도 하나를 포함할 수 있다. 추가적으로 또는 대체적으로, 상기 센서 모듈 240은, 예를 들면, 후각 센서 (E-nose sensor), EMG 센서 (electromyography sensor), EEG 센서 (electroencephalogram sensor), ECG 센서 (electrocardiogram sensor), IR (infrared) 센서, 홍채 센서 및/또는 지문 센서를 포함할 수 있다. 상기 센서 모듈 240은 그 안에 속한 적어도 하나 이상의 센서들을 제어하기 위한 제어 회로를 더 포함할 수 있다. 어떤 실시예에서는, 전자 장치 201는 AP 210의 일부로서 또는 별도로, 센서 모듈 240을 제어하도록 구성된 프로세서를 더 포함하여, 상기 AP 210가 슬립 (sleep) 상태에 있는 동안, 센서 모듈 240을 제어할 수 있다.
상기 입력 장치 250은, 예를 들면, 터치 패널 (touch panel) 252, (디지털) 펜 센서 (pen sensor) 254, 키 (key) 256, 또는 초음파 (ultrasonic) 입력 장치 258를 포함할 수 있다. 상기 터치 패널 252은, 예를 들면, 정전식, 감압식, 적외선 방식, 또는 초음파 방식 중 적어도 하나의 방식을 사용할 수 있다. 또한, 상기 터치 패널 252은 제어 회로를 더 포함할 수도 있다. 상기 터치 패널 252은 택타일 레이어 (tactile layer)를 더 포함하여, 사용자에게 촉각 반응을 제공할 수 있다.
상기 (디지털) 펜 센서 254는, 예를 들면, 터치 패널의 일부이거나, 별도의 인식용 쉬트 (sheet)를 포함할 수 있다. 상기 키 256는, 예를 들면, 물리적인 버튼, 광학식 키, 또는 키패드를 포함할 수 있다. 상기 초음파 입력 장치 258는 초음파 신호를 발생하는 입력 도구를 통해, 전자 장치 201에서 마이크 (예: 마이크 288)로 음파를 감지하여 데이터를 확인할 수 있다.
상기 디스플레이 260 (예: 디스플레이 160)은 패널 262, 홀로그램 장치 264, 또는 프로젝터 266을 포함할 수 있다. 상기 패널 262은, 도 1의 디스플레이 160과 동일 또는 유사한 구성을 포함할 수 있다. 상기 패널 262은, 예를 들면, 유연하게 (flexible), 투명하게 (transparent), 또는 착용할 수 있게 (wearable) 구현될 수 있다. 상기 패널 262은 상기 터치 패널 252과 하나의 모듈로 구성될 수도 있다. 상기 홀로그램 장치 264은 빛의 간섭을 이용하여 입체 영상을 허공에 보여줄 수 있다. 상기 프로젝터 266는 스크린에 빛을 투사하여 영상을 표시할 수 있다. 상기 스크린은, 예를 들면, 상기 전자 장치 201의 내부 또는 외부에 위치할 수 있다. 한 실시예에 따르면, 상기 디스플레이 260은 상기 패널 262, 상기 홀로그램 장치 264, 또는 프로젝터 266를 제어하기 위한 제어 회로를 더 포함할 수 있다.
상기 인터페이스 270는, 예를 들면, HDMI (high-definition multimedia interface) 272, USB (universal serial bus) 274, 광 인터페이스 (optical interface) 276, 또는 D-sub (D-subminiature) 278를 포함할 수 있다. 상기 인터페이스 270는, 예를 들면, 도 1에 도시된 통신 인터페이스 160에 포함될 수 있다. 추가적으로 또는 대체적으로, 상기 인터페이스 270는, 예를 들면, MHL (mobile high-definition link) 인터페이스, SD (secure digital) 카드/MMC (multi-media card) 인터페이스, 또는 IrDA (infrared data association) 규격 인터페이스를 포함할 수 있다.
상기 오디오 모듈 280은, 예를 들면, 소리 (sound)와 전기 신호를 쌍방향으로 변환시킬 수 있다. 상기 오디오 모듈 280의 적어도 일부 구성요소는, 예를 들면, 도 1 에 도시된 입출력 인터페이스 140에 포함될 수 있다. 상기 오디오 모듈 280은, 예를 들면, 스피커 282, 리시버 284, 이어폰 286, 또는 마이크 288 등을 통해 입력 또는 출력되는 소리 정보를 처리할 수 있다.
상기 카메라 모듈 291은, 예를 들면, 정지 영상 및 동영상을 촬영할 수 있는 장치로서, 한 실시예에 따르면, 하나 이상의 이미지 센서 (예: 전면 센서 또는 후면 센서), 렌즈, ISP (image signal processor), 또는 플래쉬 (flash)(예: LED 또는 xenon lamp)를 포함할 수 있다.
상기 전력 관리 모듈 295은, 예를 들면, 상기 전자 장치 201의 전력을 관리할 수 있다. 한 실시예에 따르면, 상기 전력 관리 모듈 295은 PMIC (power management integrated circuit), 충전 IC (charger integrated circuit), 또는 배터리 또는 연료 게이지 (battery or fuel gauge)를 포함할 수 있다. 상기 PMIC는, 유선 및/또는 무선 충전 방식을 가질 수 있다. 무선 충전 방식은, 예를 들면, 자기공명 방식, 자기유도 방식 또는 전자기파 방식 등을 포함하며, 무선 충전을 위한 부가적인 회로, 예를 들면, 코일 루프, 공진 회로, 또는 정류기 등을 더 포함할 수 있다. 상기 배터리 게이지는, 예를 들면, 상기 배터리 296의 잔량, 충전 중 전압, 전류, 또는 온도를 측정할 수 있다. 상기 배터리 296는, 예를 들면, 충전식 전지 (rechargeable battery) 및/또는 태양 전지 (solar battery)를 포함할 수 있다.
상기 인디케이터 297는 상기 전자 장치 201 혹은 그 일부 (예: AP 210)의 특정 상태, 예를 들면, 부팅 상태, 메시지 상태 또는 충전 상태 등을 표시할 수 있다. 상기 모터 298는 전기적 신호를 기계적 진동으로 변환할 수 있고, 진동 (vibration), 또는 햅틱 (haptic) 효과 등을 발생시킬 수 있다. 도시되지는 않았으나, 상기 전자 장치 201는 모바일 TV 지원을 위한 처리 장치 (예: GPU)를 포함할 수 있다. 상기 모바일 TV 지원을 위한 처리 장치는, 예를 들면, DMB (digital multimedia broadcasting), DVB (digital video broadcasting), 또는 미디어 플로우 (media flow) 등의 규격에 따른 미디어 데이터를 처리할 수 있다.
상기 전자 장치의 전술한 구성요소들 각각은 하나 또는 그 이상의 부품 (component)으로 구성될 수 있으며, 해당 구성 요소의 명칭은 전자 장치의 종류에 따라서 달라질 수 있다. 다양한 실시예에서, 전자 장치는 전술한 구성요소 중 적어도 하나를 포함하여 구성될 수 있으며, 일부 구성요소가 생략되거나 또는 추가적인 다른 구성요소를 더 포함할 수 있다. 또한, 다양한 실시예에 따른 전자 장치의 구성 요소들 중 일부가 결합되어 하나의 개체 (entity)로 구성됨으로써, 결합되기 이전의 해당 구성 요소들의 기능을 동일하게 수행할 수 있다.
도 3은 다양한 실시예에 따른 프로그램 모듈의 블록도이다. 한 실시예에 따르면, 상기 프로그램 모듈 310 (예: 프로그램 140)은 전자 장치 (예: 전자 장치 101)에 관련된 자원을 제어하는 운영 체제 (operation system (OS)) 및/또는 운영 체제 상에서 구동되는 다양한 어플리케이션 (예: 어플리케이션 프로그램 147)을 포함할 수 있다. 상기 운영 체제는, 예를 들면, 안드로이드 (android), iOS, 윈도우즈 (windows), 심비안 (symbian), 타이젠 (tizen), 또는 바다 (bada) 등이 될 수 있다.
프로그램 모듈 310은 커널 320, 미들웨어 330, API (application programming interface) 360, 및/또는 어플리케이션 370을 포함할 수 있다. 상기 프로그램 모듈 310의 적어도 일부는 전자 장치 상에 프리로드 (preload) 되거나, 서버 (예: 서버 106)로부터 다운로드 (download) 가능하다.
상기 커널 320 (예: 도 1의 커널 141)은, 예를 들면, 시스템 리소스 매니저 321 또는 디바이스 드라이버 323를 포함할 수 있다. 상기 시스템 리소스 매니저 321는 시스템 리소스의 제어, 할당, 또는 회수 등을 수행할 수 있다. 한 실시예에 따르면, 상기 시스템 리소스 매니저 321는 프로세스 관리부, 메모리 관리부, 또는 파일 시스템 관리부 등을 포함할 수 있다. 상기 디바이스 드라이버 323는, 예를 들면, 디스플레이 드라이버, 카메라 드라이버, 블루투스 드라이버, 공유 메모리 드라이버, USB 드라이버, 키패드 드라이버, WIFI 드라이버, 오디오 드라이버, 또는 IPC (inter-process communication) 드라이버를 포함할 수 있다.
상기 미들웨어 330는, 예를 들면, 상기 어플리케이션 370이 공통적으로 필요로 하는 기능을 제공하거나, 상기 어플리케이션 370이 전자 장치 내부의 제한된 시스템 자원을 효율적으로 사용할 수 있도록 상기 API 360를 통해 다양한 기능들을 상기 어플리케이션 370으로 제공할 수 있다. 한 실시예에 따르면, 상기 미들웨어 330 (예: 미들웨어 143)는 런타임 라이브러리 335, 어플리케이션 매니저 (application manager) 341, 윈도우 매니저 (window manager) 342, 멀티미디어 매니저 (multimedia manager) 343, 리소스 매니저 (resource manager) 344, 파워 매니저 (power manager) 345, 데이터베이스 매니저 (database manager) 346, 패키지 매니저 (package manager) 347, 연결 매니저 (connectivity manager) 348, 통지 매니저 (notification manager) 349, 위치 매니저 (location manager) 350, 그래픽 매니저 (graphic manager) 351, 또는 보안 매니저 (security manager) 352 중 적어도 하나를 포함할 수 있다.
상기 런타임 라이브러리 335는, 예를 들면, 상기 어플리케이션 370이 실행되는 동안에 프로그래밍 언어를 통해 새로운 기능을 추가하기 위해 컴파일러가 사용하는 라이브러리 모듈을 포함할 수 있다. 상기 런타임 라이브러리 335는 입출력 관리, 메모리 관리, 또는 산술 함수에 대한 기능 등을 수행할 수 있다.
상기 어플리케이션 매니저 341는, 예를 들면, 상기 어플리케이션 370 중 적어도 하나의 어플리케이션의 생명 주기 (life cycle)를 관리할 수 있다. 상기 윈도우 매니저 342는 화면에서 사용하는 GUI 자원을 관리할 수 있다. 상기 멀티미디어 매니저 343는 다양한 미디어 파일들의 재생에 필요한 포맷을 파악하고, 해당 포맷에 맞는 코덱 (codec)을 이용하여 미디어 파일의 인코딩 (encoding) 또는 디코딩 (decoding)을 수행할 수 있다. 상기 리소스 매니저 344는 상기 어플리케이션 370 중 적어도 어느 하나의 어플리케이션의 소스 코드, 메모리 또는 저장 공간 등의 자원을 관리할 수 있다.
상기 파워 매니저 345는, 예를 들면, 바이오스 (BIOS: basic input/output system) 등과 함께 동작하여 배터리 (battery) 또는 전원을 관리하고, 전자 장치의 동작에 필요한 전력 정보 등을 제공할 수 있다. 상기 데이터베이스 매니저 346는 상기 어플리케이션 370 중 적어도 하나의 어플리케이션에서 사용할 데이터베이스를 생성, 검색, 또는 변경할 수 있다. 상기 패키지 매니저 347는 패키지 파일의 형태로 배포되는 어플리케이션의 설치 또는 업데이트를 관리할 수 있다.
상기 연결 매니저 348는, 예를 들면, WIFI 또는 블루투스 등의 무선 연결을 관리할 수 있다. 상기 통지 매니저 349는 도착 메시지, 약속, 근접성 알림 등의 사건 (event)을 사용자에게 방해되지 않는 방식으로 표시 또는 통지할 수 있다. 상기 위치 매니저 350는 전자 장치의 위치 정보를 관리할 수 있다. 상기 그래픽 매니저 351는 사용자에게 제공될 그래픽 효과 또는 이와 관련된 사용자 인터페이스를 관리할 수 있다. 상기 보안 매니저 352는 시스템 보안 또는 사용자 인증 등에 필요한 제반 보안 기능을 제공할 수 있다. 한 실시예에 따르면, 전자 장치 (예: 전자 장치 101)가 전화 기능을 포함한 경우, 상기 미들웨어 330는 상기 전자 장치의 음성 또는 영상 통화 기능을 관리하기 위한 통화 매니저 (telephony manager)를 더 포함할 수 있다.
상기 미들웨어 330는 전술한 구성요소들의 다양한 기능의 조합을 형성하는 미들웨어 모듈을 포함할 수 있다. 상기 미들웨어 330는 차별화된 기능을 제공하기 위해 운영 체제의 종류 별로 특화된 모듈을 제공할 수 있다. 또한, 상기 미들웨어 330는 동적으로 기존의 구성요소를 일부 삭제하거나 새로운 구성요소들을 추가할 수 있다.
상기 API 360 (예: API 145)는, 예를 들면, API 프로그래밍 함수들의 집합으로, 운영 체제에 따라 다른 구성으로 제공될 수 있다. 예를 들면, 안드로이드 또는 iOS의 경우, 플랫폼 별로 하나의 API 셋을 제공할 수 있으며, 타이젠 (tizen)의 경우, 플랫폼 별로 두 개 이상의 API 셋을 제공할 수 있다.
상기 어플리케이션 370 (예: 어플리케이션 프로그램 147)은, 예를 들면, 홈 371, 다이얼러 372, SMS/MMS 373, IM (instant message) 374, 브라우저 375, 카메라 376, 알람 377, 컨택트 378, 음성 다이얼 379, 이메일 380, 달력 381, 미디어 플레이어 382, 앨범 383, 또는 시계 384, 건강 관리 (health care)(예: 운동량 또는 혈당 등을 측정), 또는 환경 정보 제공 (예: 기압, 습도, 또는 온도 정보 등을 제공) 등의 기능을 제공할 수 있는 하나 이상의 어플리케이션을 포함할 수 있다.
한 실시예에 따르면, 상기 어플리케이션 370은 상기 전자 장치 (예: 전자 장치 101)와 외부 전자 장치 (예: 전자 장치 102, 104) 사이의 정보 교환을 지원하는 어플리케이션 (이하, 설명의 편의 상, “정보 교환 어플리케이션”)을 포함할 수 있다. 상기 정보 교환 어플리케이션은, 예를 들면, 상기 외부 전자 장치에 특정 정보를 전달하기 위한 알림 전달 (notification relay) 어플리케이션, 또는 상기 외부 전자 장치를 관리하기 위한 장치 관리 (device management) 어플리케이션을 포함할 수 있다.
예를 들면, 상기 알림 전달 어플리케이션은 상기 전자 장치의 다른 어플리케이션 (예: SMS/MMS 어플리케이션, 이메일 어플리케이션, 건강 관리 어플리케이션, 또는 환경 정보 어플리케이션 등)에서 발생된 알림 정보를 외부 전자 장치 (예: 전자 장치 102, 104)로 전달하는 기능을 포함할 수 있다. 또한, 상기 알림 전달 어플리케이션은, 예를 들면, 외부 전자 장치로부터 알림 정보를 수신하여 사용자에게 제공할 수 있다. 상기 장치 관리 어플리케이션은, 예를 들면, 상기 전자 장치와 통신하는 외부 전자 장치 (예: 전자 장치 104)의 적어도 하나의 기능 (예: 외부 전자 장치 자체 (또는, 일부 구성 부품)의 턴-온/턴-오프 또는 디스플레이의 밝기 (또는, 해상도) 조절), 상기 외부 전자 장치에서 동작하는 어플리케이션 또는 상기 외부 전자 장치에서 제공되는 서비스 (예: 통화 서비스 또는 메시지 서비스)를 관리 (예: 설치, 삭제, 또는 업데이트)할 수 있다.
한 실시예에 따르면, 상기 어플리케이션 370은 상기 외부 전자 장치 (예: 전자 장치 102, 104)의 속성 (예: 전자 장치의 속성으로서, 전자 장치의 종류가 모바일 의료 기기)에 따라 지정된 어플리케이션 (예: 건강 관리 어플리케이션)을 포함할 수 있다. 한 실시예에 따르면, 상기 어플리케이션 370은 외부 전자 장치 (예: 서버 106 또는 전자 장치 102, 104)로부터 수신된 어플리케이션을 포함할 수 있다. 한 실시예에 따르면, 상기 어플리케이션 370은 프리로드 어플리케이션 (preloaded application) 또는 서버로부터 다운로드 가능한 제3자 어플리케이션 (third party application)을 포함할 수 있다. 도시된 실시예에 따른 프로그램 모듈 310의 구성요소들의 명칭은 운영 체제의 종류에 따라서 달라질 수 있다.
다양한 실시예에 따르면, 상기 프로그램 모듈 310의 적어도 일부는 소프트웨어, 펌웨어, 하드웨어, 또는 이들 중 적어도 둘 이상의 조합으로 구현될 수 있다. 상기 프로그램 모듈 310의 적어도 일부는, 예를 들면, 프로세서 (예: AP 210)에 의해 구현 (implement)(예: 실행)될 수 있다. 상기 프로그램 모듈 310의 적어도 일부는 하나 이상의 기능을 수행하기 위한, 예를 들면, 모듈, 프로그램, 루틴, 명령어 세트 (sets of instructions) 또는 프로세스 등을 포함할 수 있다.
본 문서에서 사용된 용어 “모듈”은, 예를 들면, 하드웨어, 소프트웨어 또는 펌웨어 (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)에 의해 실행될 경우, 상기 하나 이상의 프로세서가 상기 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 상기 메모리 130가 될 수 있다.
상기 컴퓨터로 판독 가능한 기록 매체는, 하드디스크, 플로피디스크, 마그네틱 매체 (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)한 방법으로 실행될 수 있다. 또한, 일부 동작은 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
그리고 본 문서에 개시된 실시예는 개시된, 기술 내용의 설명 및 이해를 위해 제시된 것이며, 본 발명의 범위를 한정하는 것은 아니다. 따라서, 본 발명의 범위는, 본 발명의 기술적 사상에 근거한 모든 변경 또는 다양한 다른 실시예를 포함하는 것으로 해석되어야 한다.
도 4는 전자 장치를 포함하는 웹 컨텐츠 확장 시스템의 다양한 실시예 중 하나를 도시한 것이다.
본 발명의 다양한 실시 예에 따른, 도 4를 참조하면, 시스템 400은 컨텐츠 프로바이더(contents provider) 401 및 제 1 전자 장치 403을 포함할 수 있다. 제 1 전자 장치 403가 제 2 전자 장치 405와 통신 연결이 가능한 경우, 제 2 전자 장치 405도 상기 시스템 400에 포함 될 수 있다.
다양한 실시 예에 따르면, 컨텐츠 프로바이더 401은 웹 컨텐츠를 제공하는 서버로서, 웹 상에서 제공되는 다양한 컨텐츠를 생성하고 인터넷 환경을 통해 이를 제공하는 기능을 할 수 있다. 이하에서는, 컨텐츠 프로바이더 401가 제공하는 컨텐츠들이 웹 컨텐츠인 경우의 실시예를 설명한다. 그러나 본 발명의 다양한 실시예에서 처리되는 컨텐츠가 웹 컨텐츠로 한정되는 것은 아니다.
다양한 실시 예에 따르면, 컨텐츠 프로바이더 401은 컨텐츠 데이터를 전자 장치로 전송할 수 있다. 상기 컨텐츠 데이터는 웹 컨텐츠와 관련된 데이터를 포함할 수 있다. 본 발명의 다양한 실시 예에서는, 상기 데이터를 웹 데이터로 지칭하겠다. 웹 데이터는 웹 컨텐츠를 구성하는 HTML(Hypertext markup language) 문서, CSS(cascading style sheet), 자바 스크립트, 이미지 및 플래시 등과 같은 리소스를 포함할 수 있다. HTML 문서는 CSS와 자바 스크립트, 이미지 및 플래시 등을 서로 연결해 상호 연결할 수 있다. CSS는 웹 컨텐츠의 전반적인 스타일을 미리 저장해 둔 스타일시트일 수 있다. 자바 스크립트는 브라우저에서 실행하는 스크립트 언어를 기술하며, 웹 컨텐츠를 동적으로 변경하는 기능을 수행할 수 있다.
컨텐츠 프로바이더 401은 여러 요소를 포함한 웹 컨텐츠를 생성할 수 있다. 예를 들어, 웹 컨텐츠는 HTML 문서를 포함하는 웹 데이터로 이루어지며 컨텐츠 프로바이더 401은 HTML 문서에 적어도 하나의 요소(element)를 추가할 수 있다. 일 실시 예에 따르면, 컨텐츠 프로바이더 401은 HTML문서에 요소를 추가함으로써 복수의 스크린 중 하나의 스크린상에 추가된 요소의 내용을 표시하도록 할 수 있다. 또한, 컨텐츠 프로바이더 401은 추가된 요소의 이벤트에 따라 스크린을 제어하도록 할 수 있다. 예컨대, 요소는 내용을 표시하는 기능을 수행할 수 있고, 추가로 속성과 이벤트에 관한 데이터를 가질 수 있다. 상기 스크린은 전자 장치가 복수의 스크린을 구비한 경우, 메인 스크린이 아닌 서브 스크린 일 수 있다. 서브 스크린은 메인 스크린의 일면에 위치할 수 있다. 또는, 상기 서브 스크린은 메인 스크린과 물리적 또는 소프트웨어적으로 구분될 수 있다. 또는, 상기 서브 스크린은 상기 전자 장치와 통신 중인 외부 전자 장치의 스크린일 수 있다.
본 발명의 일 실시 예로, 도 4에도 개시되어 있듯이 전자 장치를 제 1 전자 장치 403으로, 전자 장치와 통신 중인 외부 전자 장치를 제 2 전자 장치 405로 설명할 수 있다. 전자 장치의 메인 스크린과 서브 스크린은 사용자에 의해 설정될 수 있다. 또한, 본 발명에서의 스크린은 디스플레이상에서 웹 컨텐츠가 표시되는 영역이며, 상기 디스플레이는 도 2의 디스플레이 260을 의미할 수 있다. 상기 스크린은 디스플레이의 전체 또는 일부일 수 있다.
본 발명의 다양한 실시 예에 따르면, 컨텐츠 프로바이더 401로부터 추가된 요소를 ‘확장 요소’로 지칭하겠다. 예를 들어 확장 요소는 HTML 문서 내에서 <expansion>으로 표현될 수 있다. 확장 요소와 관련된 데이터를 확장 데이터라고 지칭하겠다.
컨텐츠 프로바이더 401은 확장 요소와 관련된 CSS는 웹 데이터의 CSS 문서에 추가하고, 확장 요소와 관련된 자바스크립트는 자바스크립트 문서에 추가할 수 있다.
본 발명의 다양한 실시 예에 따르면, 확장 데이터는 기존의 HTML 문서의 요소인 <header> 또는 <article>등으로 이루어 질 수 있다. 예를 들어, 서브 스크린이 확장 데이터를 표시한다면, 서브 스크린에 표시된 내용은 메인 스크린에 표시된 내용의 일부를 표시할 수 있다. 서브 스크린은 메인 스크린의 내용의 일부를 표시함으로써, 하나의 웹 컨텐츠를 복수의 스크린에 표시할 수 있다. 일부를 표시한다는 것은, 메인 스크린에 표시된 내용을 서브 스크린에 중복되게 표시할 수도 있음을 의미할 수 있다. 또한, 메인 스크린에 표시될 내용을 서브 스크린에 표시할 수도 있음을 의미할 수 있다. 또는, 메인 스크린에 표시되지 않는 내용을 서브 스크린에 표시할 수 있다. 예컨대, HTML 문서에 확장 요소가 포함되어 있더라도 상기 HTML문서를 표시할 전자장치에 서브 스크린이 없다면, 확장 요소에 포함된 내용은 표시되지 않을 수 있다.
본 발명의 다양한 실시 예에 따르면, 확장 요소 내에는 스크린에 표시되는 내용뿐만 아니라 스크린을 제어하는 이벤트에 관한 데이터도 포함될 수 있다. 상기 이벤트에 관한 데이터의 속성은 컨텐츠 프로바이더 401로부터 설정될 수 있다.
본 발명의 다양한 실시 예에 따르면, 이벤트로는 ScreenControl, SleepTimer, TargetDevice, ScreenExtension, OnDisplay2ndScreen, OnDisplay1stScreen 등이 있을 수 있다.
ScreenControl은 확장 요소가 표시되는 스크린을 제어하는 이벤트일 수 있다. 사용자로부터 하드웨어 버튼 입력을 받아 수행될 수 있다. ScreenControl 이벤트의 속성은 활성화, 비활성화로 설정될 수 있다.
한 실시 예에 따르면, ScreenControl 이벤트의 속성이 활성화되어 있는 경우, 복수의 스크린을 지원하는 전자 장치는, 사용자의 하드웨어 버튼 입력을 통해서 확장 요소가 표시되는 서브 스크린을 끄고 켤 수 있다. 만약, ScreenControl 이벤트의 속성이 비활성화되어 있는 경우, 확장 요소가 표시되는 서브 스크린은 항상 켜져 있으며, 하드웨어 버튼이 입력되더라도 화면을 끄고 켤 수 없을 수 있다. 다만, 부가적으로 메인 스크린이 다른 웹 컨텐츠를 로딩할 시에는 이전의 확장 요소가 삭제될 수 있으므로 이전의 확장 요소를 표시하는 서브 스크린에는 더 이상 이전의 확장 요소를 표시하지 않을 수 있다.
한 실시 예에 따르면, SleepTimer 이벤트는 상기 이벤트와 관련 있는 스크린의 표시 시간을 설정하는 이벤트일 수 있다. SleepTimer의 속성은 -s 또는 특정 시간으로 설정될 수 있다. -s로 설정되어 있는 경우, 상기 SleepTimer 이벤트를 처리하지 않는 것을 의미할 수 있다. SleepTimer의 속성이 특정시간으로 설정되어 있는 경우, 화면이 켜진 상태에서 특정 시간 동안 아무 입력이 없으면 자동으로 화면이 꺼지도록 설정되는 것을 의미할 수 있다.
한 실시 예로 SleepTimer 이벤트가 10s로 설정되어 있는 경우, 복수의 스크린을 지원하는 전자 장치는, 확장 요소가 표시되는 서브 스크린을 10초 후에 꺼지도록 제어할 수 있다.
한 실시 예에 따르면, TargetDevice 이벤트는 특정 웹 컨텐츠를 표시하는데 있어서 표시될 특정 스크린을 지정하는 이벤트일 수 있다. TargetDevice의 속성은 This, Glasses, Watch 등으로 설정될 수 있다. 한 실시예로, TargetDevice의 속성이 ‘This’로 설정될 경우 복수의 스크린을 가지는 전자 장치는 서브 스크린에 확장 요소와 관련된 웹 컨텐츠를 표시할 수 있다.
다른 실시예로, TargetDevice의 속성이 ‘This, Glasses, Watch’로 설정될 수 있다. 이러한 경우 전자 장치는 연결 중인 다른 전자 장치들 중에서 상기 속성이 설정된 순으로 서브 스크린 유무를 확인할 수 있다. 만약, 상기 전자 장치가 Glasses에 서브 스크린이 있다는 것을 확인한 경우, Glasses의 서브 스크린에 상기 확장 요소와 관련된 웹 컨텐츠가 표시될 수 있도록 확장 요소를 렌더링할 수 있다.
한 실시 예에 따르면, DefaultDisplay 이벤트는 메인 스크린에서 웹 컨텐츠를 로드할 시에, 서브 스크린이 없을 경우에 대비하는 이벤트일 수 있다. 상기 이벤트는 True 또는 False로 속성이 설정될 수 있다. 예를 들어, DefaultDisplay 이벤트의 속성이 True 일 경우에, 서브 스크린이 없더라도 메인 스크린의 특정 영역, 예를 들어 스크린의 하단, 스크린의 좌측 등에 확장 데이터를 표시할 수 있다. 반대로, DefaultDisplay 이벤트의 속성이 False 일 경우에, 서브 스크린이 없으면 확장 데이터를 표시하지 않을 수 있다.
한 실시 예에 따르면, ScreenExtension 이벤트는 확장 요소와 대응되는 웹 컨텐츠가 복수의 스크린으로 확장하는 이벤트일 수 있다. ScreenExtension 이벤트의 속성은 ‘Dual/Clone/Etc’로 설정될 수 있다. 만약, TargetDevice 이벤트의 속성이 This 이며, ScreenExtension 이벤트의 속성이 Dual인 경우 확장 요소와 대응되는 웹 컨텐츠는 HDMI 등으로 다른 스크린에 확장되어 표시될 수 있다.
한 실시 예에 따르면, OnDisplay2ndScreen 이벤트는 서브 디스플레이가 끄고 켜질 때, 특정 이벤트가 발생되며, 상기 특정 이벤트는 브라우저를 통해 메인 스크린에 전달되며, 상기 메인 스크린에서 수신된 이벤트를 트리거 할 수 있다. OnDisplay1stScreen 이벤트는 메인 스크린이 끄고 켜질 때, 특정 이벤트가 발생되며, 상기 특정 이벤트는 브라우저를 통해 서브 스크린에 전달되며, 상기 서브 스크린에서 수신된 이벤트를 트리거 할 수 있다.
상기 기술된 이벤트들은 본 발명을 설명하기 위한 하나의 실시 예들이며, 이에 국한되지 않으며 상기 개시한 이벤트 및 속성 이외에도 다른 이벤트 및 속성들을 가질 수 있다.
또한, 확장 요소 내에는 스크린 관련 이벤트뿐만 아니라 이 외의 이벤트들도 포함될 수 있다. 또한, 확장 요소 내에 뿐만 아니라 HTML 문서 내의 다른 요소들도 이벤트들을 포함할 수 있다.
상기 시스템 400에서 제 1 전자 장치 403은 도 1의 101과 도 2의 201을 의미할 수 있다.
제 1 전자 장치 403은 도 2에 개시된 바와 같이 어플리케이션 프로세서 210을 포함할 수 있고, 또한 도 3에 개시된 바와 같이 어플리케이션 370의 브라우저 375를 포함할 수 있다. 도 3에는 개시되어 있지 않지만, 브라우저 375는 브라우저 엔진을 포함할 수 있다. 브라우저 엔진은 상기 브라우저 375가 웹 컨텐츠를 스크린에 표시하도록 하기 위해 웹 데이터를 처리할 수 있다.
제 1 전자 장치 403은 브라우저 및 브라우저 엔진을 가질 수 있다. 또한, 제 1 전자 장치 403은 확장 요소를 처리하기 위한 별도의 브라우저 및 브라우저 엔진을 가질 수 있다. 예를 들어, 제 1 전자 장치 403의 브라우저 엔진은 웹 컨텐츠를 파싱 후 생성된 DOM 노드들을 처리할 수 있다. 한 실시 예에 따르면, 확장 요소를 처리하기 위해 별도의 브라우저 엔진 및 브라우저를 가지는 경우, 확장 요소를 처리하기 위한 브라우저 엔진은 웹 데이터 중 확장 요소를 처리할 수 있다. 확장 요소를 처리하기 위한 브라우저는 서브 스크린 또는 메인 스크린에 확장 요소에 개시된 내용을 표시할 수 있다. 또한, 상기 확장 요소에 개시된 이벤트에 따라 서브 스크린은 특정 기능을 수행하도록 제어될 수 있다. 또한, 제 1 전자 장치는 복수의 서브 스크린을 지원할 수도 있다.
한 실시 예에 따르면, 제 1 전자 장치 403은 별도의 외부 전자 장치와 통신할 수 있다. 외부 전자 장치를 제 2 전자 장치 405로 지칭하겠다. 제 2 전자 장치 405에 대해 좀 더 살펴보자면 제 2 전자 장치 405는 도 1의 102 또는 104와 대응될 수 있다. 제 2 전자 장치 405는 적어도 하나 이상의 스크린을 지원하는 전자 장치일 수 있다.
제 2 전자 장치 405는 브라우저 엔진, 브라우저 또는 브라우저에 상응하는 소프트웨어를 포함할 수 있다. 브라우저에 상응하는 소프트웨어는 제 1 전자 장치에서 전달하는 내용이 웹 데이터가 아닌 렌더링 또는 이벤트 관련 데이터인 경우, 제 2 전자 장치 405에서 이들을 처리할 수 있는 소프트웨어를 포함할 수 있다.
제 2 전자 장치 405는 제 1 전자 장치 403으로부터 웹 데이터의 일부를 수신할 수 있다. 제 2 전자 장치 405와 제 1 전자 장치 403은 웹 데이터의 일부를 네트워크, Wi-Fi 또는 블루투스 통신 등의 여러 통신 채널 등을 통해서 송수신할 수 있다. 상기 웹 데이터의 일부는 확장 요소 및 상기 확장 요소와 관련된 CSS 및 자바 스크립트 등을 포함할 수 있다.
한 실시 예에 따르면, 제 2 전자 장치 405가 브라우저 및 브라우저 엔진을 포함하는 경우 브라우저 엔진은 확장 요소와 관련된 내용을 처리할 수 있다. 브라우저는 확장 요소에 개시된 내용을 표시하도록 스크린을 제어할 수 있다. 또한, 확장 요소에 개시된 이벤트에 따라 스크린은 특정 기능을 수행하도록 제어될 수 있다.
한 실시 예에 따르면, 제 2 전자 장치 405가 브라우저에 상응하는 소프트웨어를 포함하고 있는 경우, 제 1 전자 장치 403으로부터 렌더링 또는 이벤트관련 데이터를 수신할 수 있다. 제 2 전자 장치 405의 브라우저에 상응하는 소프트웨어는 렌더링 관련 데이터를 처리하여 스크린에 렌더링한 결과를 표시할 수 있다.
한 실시 예에 따르면, 웹 데이터의 확장 요소를 처리하는 데 있어서, 제 1 전자 장치 403가 복수의 스크린을 지원하는 경우면, 제 1 전자 장치 403은 제 2 전자 장치 405와 통신 중이더라도 서브 스크린에 우선적으로 표시되도록 처리할 수 있다. 그러나 이에 한정하는 것은 아니다.
본 발명의 다양한 실시 예 중 어느 하나에 따른 전자 장치는, 하우징, 상기 하우징의 일부에 노출되는 제 1 스크린 및 상기 제 1 스크린과 이격되거나, 인접하거나, 접하도록 배치된 제 2 스크린을 제공하는 적어도 하나의 디스플레이, 무선 통신 회로 및 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 데이터 내에서, 상기 제 2 스크린에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 데이터 부분을 상기 제 2 스크린에 표시하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 제 1 스크린에 표시하도록 하는 인스트럭션들을 저장하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 컨텐츠 데이터는 웹 데이터를 포함하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 컨텐츠 데이터는, 마크업 랭귀지(markup language)를 포함하고, 상기 인디케이션은, 태그를 포함하도록 구성될 수 있다.
본 발명의 다양한 실시 예 중 어느 하나에 따른 전자 장치는, 하우징, 상기 하우징의 일부에 노출되는 디스플레이, 무선 통신 회로 및 상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서 및 상기 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고, 상기 저장된 컨텐츠 데이터 내에서, 상기 전자 장치와 연결된 외부 전자 장치의 디스플레이에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고, 상기 인식된 인디케이션에 기초하여, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 연결된 외부 장치로 전송하고 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 디스플레이에 표시하도록 하는 인스트럭션들을 저장하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 인스트럭션들은, 상기 프로세서가, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 외부 전자 장치의 디스플레이에 표시하도록 하는 요청을 상기 외부 전자 장치로 전송하도록 구성될 수 있다.
본 발명의 다양한 실시 예 중 어느 하나에 따른 전자 장치는, 웹 컨텐츠를 수신하는 통신 모듈, 상기 웹 컨텐츠를 표시하는 디스플레이 유닛, 상기 웹 컨텐츠와 대응하는 웹 데이터를 처리하는 제어부, 상기 제어부는, 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고, 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고, 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 돔 트리는, 상기 확장 요소를 포함하는 확장 데이터를 기반으로 생성되도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 메인 돔 트리는, 상기 웹 데이터 중 상기 확장 데이터 이외의 데이터를 기반으로 생성되도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 요소는, 적어도 하나의 이벤트와 관련된 데이터를 포함하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 제어부는, 상기 이벤트에 따라 스크린 각각을 활성화 또는 비활성화하도록 처리하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트에 따라 스크린들의 표시 시간을 제어하도록 처리하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트에 따라 상기 확장 데이터가 표시될 스크린을 선택하도록 처리하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 데이터가 표시되는 스크린은, 외부 전자 장치의 스크린을 포함하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 제어부는, 상기 확장 돔 트리를, 적어도 하나의 스크린을 구비하는 외부 전자 장치로 전송하도록 상기 통신 모듈을 제어하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 제어부는, 상기 외부 전자 장치로부터 상기 전자 장치에 대한 이벤트와 관련된 데이터를 수신할 경우, 상기 이벤트를 처리하고, 상기 이벤트가 처리됨에 따라 갱신된 메인 돔 트리를 렌더링하여 하나의 스크린에 표시하고 상기 갱신된 메인 돔 트리를 상기 외부 전자 장치로 전송하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 외부 전자 장치로 전송되는 메인 돔 트리는, 가상의 메인 돔 트리일 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 제어부는, 상기 외부 전자 장치로부터 상기 외부 전자 장치와 관련된 이벤트가 처리됨에 따라 갱신된 확장 돔 트리를 수신하고, 기존의 확장 돔 트리를 상기 갱신된 확장 돔 트리로 갱신하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 제어부는, 사용자의 입력을 감지하고, 상기 사용자의 입력이 상기 확장 돔 트리와 관련된 이벤트임을 확인하고, 상기 이벤트 및 상기 이벤트에 따라 갱신된 메인 돔 노드(DOM Node)를 상기 외부 전자 장치로 전송하고, 상기 외부 전자 장치로부터 상기 이벤트에 따라 갱신된 확장 돔 노드의 확장 돔 트리를 수신하여 갱신하도록 구성될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 메인 돔 노드는, 상기 메인 돔 트리의 일부일 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 외부 전자 장치로 전송된 상기 메인 돔 노드는, 가상의 메인 돔 노드를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 돔 노드는, 상기 확장 돔 트리의 일부를 포함할 수 있다.
본 발명의 다양한 실시 예 중 어느 하나에 따른 전자 장치의 웹 컨텐츠 표시 방법을 실행시키기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체에 있어서, 상기 방법은 상기 웹 컨텐츠와 대응하는 웹 데이터에 적어도 하나의 확장 요소(expansion element)를 포함하는 확장 데이터를 추가하는 동작 및 상기 적어도 하나의 확장 요소에 이벤트를 추가하는 동작을 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 웹 데이터는, HTML 문서, CSS 및 자바 스크립트를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 데이터는, 상기 확장 요소의 HTML 문서, CSS 및 자바 스크립트를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트는, 속성이 변경 가능한 이벤트를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트는, 상기 적어도 하나의 확장 요소와 관련된 웹 컨텐츠를 표시할 적어도 하나의 스크린을 지정하는 이벤트를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 적어도 하나의 스크린은 외부 전자 장치의 스크린을 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트는, 상기 적어도 하나의 디스플레이의 활성화 및 비활성화를 제어하는 이벤트를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트는, 상기 적어도 하나의 스크린의 표시 시간을 제어하는 이벤트를 포함할 수 있다.
도 5a 내지 도 5c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 컨텐츠 프로바이더 401에 대한 실시예를 나타내는 도면이다. 도 5a 내지 도 5c를 설명하기 위해 제 1 전자 장치 550가 메인 스크린 520 및 서브 스크린 530 중 적어도 하나를 포함할 수 있다.
도 5a를 참조하면 컨텐츠 프로바이더는 웹 컨텐츠 500 개발 시, 웹 컨텐츠 500의 웹 데이터에 확장 요소 및 확장 요소와 관련된 자바스크립트 및 CSS를 추가할 수 있다. 컨텐츠 프로바이더는 브라우저가 확장 요소를 분리하는 것을 감안하여 추가할 수 있다.
상기 제 1 전자 장치 550은 수신된 웹 데이터를 적어도 임시로 제 1 전자 장치 550의 메모리에 저장할 수 있다. 또한, 제1 전자 장치 550은 상기 저장된 웹 데이터 내에서 서브 스크린 530에 표시될 데이터 부분을 지시하는 인디케이션인 확장 요소를 인식하고 제 1 전자 장치 550은 인디케이션(indication)에 기초하여 상기 데이터 부분을 서브 스크린 530에 표시하도록 하는 인스트럭션(instruction)들을 저장할 수 있다.
이로써 제 1 전자 장치 550은 상기 인스트럭션들을 수행하여 컨텐츠 프로바이더 401로부터 수신된 웹 데이터에 확장 요소가 있는 경우 상기 확장 요소에 해당하는 오브젝트 501을 분리하여 서브 스크린 530에 표시하도록 할 수 있다. 도 5b를 참조하면 브라우저는 분리한 확장 요소에 해당하는 오브젝트 502가 제 1 전자 장치 550의 서브 스크린 530에 표시되도록 할 수 있다. 한 실시예로, 도 5c를 참조하면 컨텐츠 프로바이더는 고해상도의 이미지나 동영상을 포함하고 있는 웹 컨텐츠 500에서 고해상도의 이미지나 동영상에 관한 오브젝트를 분리하여 상기 웹 컨텐츠 500의 웹 데이터의 확장 요소에 추가할 수 있다.
제 1 전자 장치 550은 수신된 웹 데이터를 적어도 임시로 제 1 전자 장치 550의 메모리에 저장할 수 있다. 또한, 제1 전자 장치 550은 상기 저장된 웹 데이터 내에서 연결된 별도의 전자 장치인 제 2 전자 장치 590의 스크린 595에 표시될 데이터 부분을 지시하는 인디케이션(indication)인 확장 요소를 인식할 수 있다. 제 1 전자 장치 550은 상기 인디케이션에 기초하여 제 2 전자 장치 590의 스크린 595에 표시될 데이터 부분의 적어도 일부를 제 2 전자 장치 590으로 전송할 수 있다. 제 1 전자 장치 550은 상기 웹 데이터의 나머지의 적어도 일부를 제 1 전자 장치 550의 스크린 520에 표시하도록 하는 인스트럭션(instruction)들을 저장할 수 있다. 또한, 제1 전자 장치 550은 상기 제 2 전자 장치 590의 스크린 595에 표시될 데이터 부분의 적어도 일부를 제 2 전자 장치 590에게 표시하도록 하는 요청을 전송하는 인스트럭션을 저장할 수 있다.
예를 들어, 제 1 전자 장치 550와 연결된 별도의 전자 장치인 제 2 전자 장치 590가, 제 1 전자 장치 550보다 고해상도를 처리할 수 있는 장치일 수 있다. 상기 인스트럭션들을 수행하여 제 2 전자 장치 590가 상기 확장 요소에 추가한 이미지나 동영상에 관한 오브젝트를 제 2 전자 장치 590의 스크린 595에 표시할 수 있고, 제 1 전자 장치 550가 상기 확장 요소 이외의 요소들에 해당하는 오브젝트를 제 1 전자 장치 550의 스크린 520에 표시할 수 있다.
도 6a는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 브라우저 610 및 브라우저 엔진 620의 구성을 나타내는 도면이다. 도 6b는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 HTML 문서의 돔 트리(DOM Tree)를 나타내는 예시도이다.
도 6a에서 설명하는 브라우저 610 및 브라우저 엔진 620은 제 1 전자 장치 403 및 제 2 전자 장치 405들의 브라우저 및 브라우저 엔진과 대응될 수 있다.
브라우저 610은 타이틀 바(Title Bar) 611, URL 바(URL Bar) 612, Tool 바(Tool Bar) 613 등의 구성들을 포함할 수 있다. 브라우저 610은 이외에도 다른 구성들을 포함할 수 있다.
브라우저 엔진 620은 자바스크립트 엔진 621, CSS 파서 622, HTML 파서 623, 돔 데이터(DOM Data) 624, 페이지(Page) 625, 렌더링(Rendering) 626 및 로더(Loader) 627를 포함할 수 있다.
자바스크립트 엔진 621은 HTML 등의 태그를 해석하기 위한 것이다.
CSS 파서 622는 CSS를 처리하여 CSS에 대한 트리 구조인 CSSOM을 생성할 수 있다.
HTML 파서 623는 HTML 문서를 바이트 코드로 그대로 읽어들여 지정된 파일 인코딩 값에 따라 개별 문자로 변환할 수 있다. HTML 파서 623는 문자들을 고유 토큰으로 변환할 수 있고, 토큰들은 <header>, <article> 등을 포함할 수 있다. 또한, HTM L 파서는 렉싱 과정을 거쳐 상기 토큰들을 객체로 변환하고 각각의 객체들을 트리 구조로 연결하여 돔 트리를 생성할 수 있다. 돔 트리는 도 6b에서 설명한다. 브라우저 엔진 620에는 HTML 파서 623뿐만 아니라 XML 파서 등을 더 포함할 수도 있다.
돔 데이터 624는 HTML 파서 624에 의해 생성된 돔 트리를 포함할 수 있다. 또한, 돔 트리는 CSS 파서에 의해 생성된 CSS에 대한 트리 구조인 CSSOM와 결합되어 렌터 트리(Render Tree) 가 될 수 있다.
페이지 625는 자바스크립트 엔진과 브라우저 엔진 620의 구성들을 사용해 페이지를 구현하는 마스터 그룹일 수 있다.
렌더링(Rendering) 626은 페이지를 구성하는 HTML 문서, CSS 를 통해 작성된 문서에 대한 파싱과 레이아웃을 수행하기 위한 구성이다.
로더(Loader) 627는 플랫폼 포트 630의 네트워크 포트 632로부터 웹 데이터를 로드할 수 있다.
플랫폼 포트(Platform Port) 630는 웹 코어의 밑단에서 각자의 기능을 수행할 수 있다. 플랫폼 포트 630 중, 그래픽 포트 631는 인터페이스를 사용해서 그림을 그리거나 문자를 찍거나 하는 등 브라우저 엔진이 수행하는 과정을 사용자에게 보여주는 역할을 할 수 있다. 네트워크 포트 632는 컨텐츠 프로바이더 401로부터 웹 데이터를 수신할 수 있다.
플랫폼(platform) 640은 전자 장치에 탑재되어 전자 장치의 하드웨어 기능을 상위 계층 (layer)에서 사용할 수 있도록 하여 주고, 최상위 계층에 해당하는 애플리케이션 계층에는 프로그래밍 환경 및 실행 환경을 제공하는 역할을 하는 것으로서 운영체제로부터 어플리케이션 프로세서까지의 모든 소프트웨어를 총칭할 수 있다.
도 6b를 참조하면, 돔 트리 631는 다수개의 요소들로 구성되며 각각의 요소들은 계층적 관계를 이루며 연결되어 있을 수 있다. 돔 트리 631는 루트(Root) 노드(node) 651에서 시작할 수 있고 여러 갈래로 연결되어 최종적으로는 DIV 노드 655에서 끝날 수 있다. 또한, 컨텐츠 프로바이더 401로부터 추가된 확장 요소에 대해서 HTML 파서 613는 <expansion> 654로 시작하는 별도의 하나의 갈래를 형성할 수 있다.
도 7a 및 7b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 나타내는 예시도이다.
다양한 실시 예에 따르면, 제 1 전자 장치 750는 브라우저 및 브라우저 엔진 외에 확장 요소를 처리하는 별도의 브라우저 및 브라우저 엔진을 포함할 수 있다. 브라우저 엔진의 로더는 네트워크 포트를 통해 웹 데이터 700을 로드할 수 있다. 웹 데이터 700는 HTML 문서 701, 자바스크립트 703, CSS 705등을 포함할 수 있다. 컨텐츠 프로바이더 401로부터 수신한 HTML 문서 701는 여러 가지 요소들을 포함할 수 있다. 예를 들어, HTML 문서 701는 <header> 711, <article> 713등을 포함할 수 있다. 또한, 컨텐츠 프로바이더 401로부터 추가된 확장 요소 <expansion> 715를 포함할 수 있다.
웹 데이터 700가 임의의 포털 사이트와 관련된 것이라면, 상기 웹 데이터 700의 <header> 711는 포털 사이트의 이름, 검색창, URL 주소 등을 포함할 수 있다. <article> 713는 포털 사이트의 기사 목록, 기사 이미지, 날씨 정보 등을 포함할 수 있다. <expansion> 715는 실시간 검색어를 포함할 수 있다.
상기 브라우저 엔진의 HTML 파서는 로드된 웹 데이터 700 중 HTML 문서 701에 대한 트리 구조인 돔 트리(DOM Tree)를 생성할 수 있다. 이때, 브라우저 엔진의 HTML 파서는 HTML 문서 701에서 요소들로 메인 돔 트리를 생성할 수 있다. 또한, 상기 브라우저 엔진의 CSS 파서는 상기 요소들에 해당하는 CSS 705에 대해 CSSOM 트리를 생성할 수 있다. 브라우저 엔진은 메인 돔 트리와 CSSOM 트리를 결합하여 렌더 트리를 생성할 수 있다. 또한, 브라우저 엔진의 자바스크립트 코어는 상기 요소에 관한 자바 스크립트 703에 대해 스크립트를 실행할 수 있다.
브라우저 엔진은 렌더 트리와 자바스크립트 703을 입력 값으로 하여 웹 데이터 700가 나타내고자 하는 웹 컨텐츠를 그래픽 포트를 사용하여 그릴 수 있다. 그려진 웹 컨텐츠는 메인 스크린 720에 출력될 수 있다. 브라우저 엔진은 확장 요소를 포함하여 처리는 하되, 확장 요소에 대응하는 웹 컨텐츠를 그래픽 포트를 사용하여 그리지 않을 수 있다.
그 결과, 메인 스크린의 영역 721에는 <header> 711의 내용이 표시될 수 있으며, 한 실시예로 메인 스크린의 영역 721에는 포털 사이트의 이름, 검색 창, URL 주소 등이 이미지 또는 텍스트 등의 형태로 표시될 수 있다.
메인 스크린의 영역 723에는 <article> 713의 내용이 표시될 수 있으며, 한 실시예로 메인 스크린의 영역 723에는 포털 사이트의 기사 목록, 기사 이미지, 날씨 정보 등이 이미지 또는 텍스트 등의 형태로 표시될 수 있다.
브라우저 엔진의 HTML 파서는 HTML 문서 701에서, 추가된 요소인 확장 요소 715에 대해 확장 돔 트리를 생성할 수 있다.
도 7a를 참조하면, 확장 요소는 <expansion> 715 이 해당될 수 있다. 또한, 상기 브라우저 엔진의 CSS 파서는 CSS 705 중, 확장 요소 715에 해당하는 CSS에 대해 CSSOM 트리를 생성할 수 있다. 상기 브라우저 엔진은 확장 돔 트리와 CSSOM 트리를 결합하여 렌더 트리를 생성할 수 있다. 또한, 상기 브라우저 엔진의 자바스크립트 코어는 자바 스크립트 705 중, 확장 요소 715에 관한 자바 스크립트에 대해 스크립트를 실행할 수 있다.
서브 스크린 730에는 <expansion> 715의 내용이 표시될 수 있으며, 예를 들어 서브 스크린의 영역 730에는 실시간 검색어가 <expansion> 715 요소 안에 있는 경우, 이미지 또는 텍스트 등으로 표시될 수 있다.
각각의 스크린 720, 730에는 웹 컨텐츠들이 표시되는 것뿐만 아니라, 요소 내의 이벤트들의 속성에 따라 스크린 720, 730가 제어될 수 있다. 한 실시예로, 확장 요소 715 내의 이벤트를 통해서 메인 스크린 720가 제어될 수도 있다.
도 7b에 도시된 것처럼 참조번호 760을 참조하면, 제 1 전자 장치 750의 메인 스크린 720가 비활성화되어 있고, 서브 스크린 730가 활성화되어 있을 수 있다. 또한, 확장 요소는 서브 스크린 730 상의 이미지, 텍스트 중 적어도 하나에 대해 터치가 감지되면 메인 스크린 720를 활성화하도록 하는 이벤트를 포함할 수 있다.
이 같은 경우에, 사용자로부터 서브 스크린 730 상에 이미지, 텍스트 중 적어도 하나에 대해 터치가 감지되면 참조번호 770에 도시된 바와 같이 메인 스크린 720가 활성화될 수 있다. 또한, 메인 스크린 720에는 서브 스크린 730 상에서 터치 된 이미지, 텍스트 중 적어도 하나와 관련된 컨텐츠가 표시될 수 있다.
도 8a 및 8b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
도 8a에 도시된 제 1 전자 장치 850는 하나의 스크린 예컨대, 메인 스크린 820을 갖는 것을 가정하고, 제 1 전자 장치 850와 통신하는 도 8b에 도시된 제 2 전자 장치 890는 스크린 830을 가지되, 브라우저를 가지지 않는 경우의 웹 컨텐츠 표시의 실시예를 설명한다.
도 8a를 참조하면, 제 1 전자 장치 850의 브라우저 엔진 812의 로더는 플랫폼 포트 813의 네트워크 포트를 통해 웹 데이터를 로드할 수 있다. 웹 데이터는 HTML 문서, 자바스크립트, CSS 등을 포함할 수 있다. 도 4의 컨텐츠 프로바이더 401로부터 수신한 HTML 문서는 여러 가지 요소들을 포함할 수 있다. 예를 들어, HTML 문서는 <header>, <article>등을 포함할 수 있다. 또한, 컨텐츠 프로바이더 401로부터 추가된 확장 요소 <expansion>를 포함할 수 있다.
웹 데이터가 영화 정보 제공 사이트와 관련된 것이라면, 상기 웹 데이터는 영화 포스터, 영화 예고편 동영상, 영화 줄거리, 또는 영화 제목 등을 포함할 수 있다.
도 8a 및 도 8b를 참조하면, 상기 제 1 전자 장치 850의 브라우저 엔진 812의 HTML 파서는 로드된 웹 데이터 중 HTML 문서에 대한 돔 트리(DOM Tree) 801을 생성할 수 있다. 한 실시 예로, 브라우저 엔진 812의 HTML 파서는 HTML 문서의 확장 요소 속성을 확인하고, 상기 확장 요소의 속성이 확장 가능한 속성인 경우 상기 확장 요소와 관련된 돔 트리 802를 분리 생성할 수 있다. 또한, 브라우저 엔진 812의 CSS 파서는 확장 요소에 해당하는 CSS에 대해 CSSOM 트리를 분리하여 생성할 수 있다. 브라우저 엔진 812는 확장 요소와 관련된 돔 트리 802와 CSSOM 트리를 결합하여 하나의 렌더 트리를 생성할 수 있다.
한 실시 예에 따르면, 브라우저 엔진 812는 웹 데이터 중 HTML 문서의 확장 요소 이외의 요소들과 관련된 돔 트리 801을 확장 요소와 관련된 돔 트리 802와 분리하여 생성할 수 있다. 브라우저 엔진 812의 CSS 파서는 확장 요소 이외의 요소들에 해당하는 CSS에 대해 CSSOM Tree를 확장 요소와 관련된 CSSOM 트리와 분리하여 생성할 수 있다. 브라우저 엔진 812는 확장 요소 이외의 요소들과 관련된 돔 트리와 CSSOM 트리를 결합하여 하나의 렌더 트리를 생성할 수 있다.
도 8a 및 도 8b를 참조하면, 제 1 전자 장치 850은 분리 생성된 확장 요소와 관련된 돔 트리 802, 확장 요소와 관련된 CSS 및 확장 요소와 관련된 자바 스크립트를 제 2 전자 장치 890으로 전송할 수 있다. 한 실시 예로, 제 1 전자 장치 850은 확장 요소와 관련된 돔 트리 802 및 CSSOM을 결합한 렌더 트리와 확장 요소와 관련된 자바 스크립트를 제 2 전자 장치 890으로 전송할 수 있다.
본 발명의 다양한 실시 예에 따른 도 8b를 참조하면, 제 2 전자 장치 890는 브라우저 엔진 815의 로더를 제어하여 플랫폼 포트 816의 네트워크 포트로부터 확장 요소와 관련된 돔 트리 802, 확장 요소와 관련된 CSS 및 확장 요소와 관련된 자바 스크립트를 로드할 수 있다. 한 실시 예로, 제 2 전자 장치 890는 브라우저 엔진 815의 로더를 제어하여 플랫폼 포트 816의 네트워크 포트로부터 확장 요소와 관련된 돔 트리 802 및 CSSOM을 결합한 렌더 트리와 확장 요소와 관련된 자바 스크립트를 로드할 수 있다. 제 2 전자 장치 890의 브라우저 엔진 815는 이를 렌더링하여 제 2 전자 장치 890의 스크린 830에 출력할 수 있다.
도 8a를 참조하면 제 1 전자 장치 850는 생성된 돔 트리 801 중 확장 요소 이외의 요소들과 관련된 돔 트리를 브라우저 엔진 812가 렌더링하여 제 1 전자 장치 850의 스크린 820에 출력할 수 있다.
예를 들어, 확장 요소와 관련된 웹 컨텐츠가 영화 예고편 동영상인 경우, 그 외의 웹 컨텐츠인 영화 포스터 이미지, 또는 영화 줄거리 등은 제 1 전자 장치 850의 스크린 820에 표시될 수 있다. 확장 요소와 관련된 웹 컨텐츠인 영화 예고편 동영상은 제 2 전자 장치 890의 스크린 830에 표시될 수 있다.
도 9a 및 9b는 다양한 실시예에 따른 웹 컨텐츠 표시의 실시예를 설명하기 위한 도면이다.
본 발명의 다양한 실시 예에 따르면, 제 1 전자 장치 950는 스크린 920을 가지며, 제 1 전자 장치 950와 통신하는 제 2 전자 장치 990는 스크린 930을 포함할 수 있다. 상기 제 2 전자 장치 990는 브라우저를 포함 할 수 있다.
도 9a를 참조하면, 제 1 전자 장치 950의 브라우저 엔진의 로더는 네트워크 포트를 통해 웹 데이터 900을 로드할 수 있다. 웹 데이터 900는 HTML 문서 901, 자바스크립트 903, CSS 905등을 포함할 수 있다. 컨텐츠 프로바이더 401로부터 수신한 HTML 문서 901는 여러 가지 요소들을 포함할 수 있다. 예를 들어, HTML 문서 901는 <header> 911, <article> 913 등을 포함할 수 있다. 또한, 확장 요소 <expansion> 915 를 포함할 수 있다.
일 실시 예에 따르면, 웹 데이터 900가 임의의 포털 사이트와 관련된 것이라면, 상기 웹 데이터 900의 <header> 911는 포털 사이트의 이름, 검색창, URL 주소 등을 포함할 수 있다. <article>913는 포털 사이트의 기사 목록, 기사 이미지, 날씨 정보 등을 포함할 수 있다. <expansion> 915는 어느 하나의 기사의 썸네일 이미지(thumb nail image)를 포함할 수 있다.
제 1 전자 장치 950의 브라우저 엔진의 HTML 파서는 HTML 문서 901에서 확장 요소 915와 CSS 905 중 상기 확장 요소 915와 관련된 CSS 및 자바스크립트 905 중 확장 요소 915와 관련된 자바스크립트를 분리할 수 있다. 제 1 전자 장치 950와 통신 중인 제 2 전자 장치 990는 분리된 확장 요소 915, 확장 요소 915와 관련된 CSS 및 자바스크립트를 수신할 수 있다.
상기 제 1 전자 장치 950의 브라우저 엔진의 HTML 파서는 HTML 문서 901을 처리할 수 있다. HTML 파서는 요소들로 메인 돔 트리(DOM Tree)를 생성할 수 있다. 제 1 전자 장치 950의 브라우저 엔진의 CSS 파서는 상기 요소들에 해당하는 CSS에 대해 CSSOM 트리를 생성할 수 있다. 제 1 전자 장치 950의 브라우저 엔진은 메인 돔 트리와 CSSOM 트리를 결합하여 렌더 트리를 생성할 수 있다. 또한, 제1 전자 장치 950의 브라우저 엔진의 자바스크립트 코어는 상기 요소에 관한 자바 스크립트에 대해 스크립트를 실행할 수 있다.
제 1 전자 장치 950의 브라우저 엔진은 렌더 트리와 자바스크립트를 입력 값으로 하여 웹 데이터 900가 나타내고자 하는 웹 컨텐츠를 그래픽 포트를 사용하여 그릴 수 있다. 그려진 웹 컨텐츠는 제 1 전자 장치 950의 스크린 920에 출력될 수 있다. 제 1 전자 장치 950의 브라우저 엔진은 확장 요소를 포함하여 처리할 수 있다. 확장 요소에 대응하는 웹 컨텐츠를 그래픽 포트를 사용하여 그리지 않을 수 있다.
제 1 전자 장치 950의 스크린의 영역 921에는 <header> 911의 내용이 표시될 수 있다. 한 실시예로 제 1 전자 장치 950의 스크린의 영역 921에는 포털 사이트의 이름, 검색 창, URL 주소 등이 이미지 또는 텍스트 등의 형태로 표시될 수 있다.
제 1 전자 장치 950의 스크린의 영역 923에는 <article> 913의 내용이 표시될 수 있다. 일 실시예로 제 1 전자 장치 950의 스크린의 영역 923에는 포털 사이트의 기사 목록, 기사 이미지, 날씨 정보 등이 이미지 또는 텍스트 등의 형태로 표시될 수 있다.
일 실시 예에 따르면, 제 2 전자 장치 990는 확장 요소 915에 포함된 웹 컨텐츠를 제 2 전자 장치 990의 스크린 930에 출력하기 위해 제 2 전자 장치 990의 브라우저 엔진을 제어할 수 있다.
상기 제 2 전자 장치 990의 브라우저는 제 1 전자 장치 950에서 네트워크 포트를 통해 확장 요소 915, 확장 요소 915와 관련된 CSS 및 자바 스크립트를 로드할 수 있다.
도 9a를 참조하면, 확장 요소 915는 <expansion> 이 될 수 있다. 상기 제 2 전자 장치 990의 브라우저 엔진의 HTML 파서는 로드된 웹 데이터 900 중 HTML 문서 901의 확장 요소 915에 대한 트리 구조인 확장 돔 트리를 생성할 수 있다. 또한, 제 2 전자 장치 990의 브라우저 엔진의 CSS 파서는 확장 요소에 해당하는 CSS에 대해 CSSOM 트리를 생성할 수 있다. 제 2 전자 장치 990의 브라우저 엔진은 확장 돔 트리와 CSSOM 트리를 결합하여 렌더 트리를 생성할 수 있다. 또한, 제2 전자 장치 990의 브라우저 엔진의 자바스크립트 코어는 확장 요소 915에 관한 자바 스크립트에 대해 스크립트를 실행할 수 있다.
상기 제 2 전자 장치 990의 브라우저 엔진은 렌더 트리와 자바스크립트를 입력 값으로 하여 웹 데이터 900가 나타내고자 하는 웹 컨텐츠를 그래픽 포트를 사용하여 그릴 수 있다. 그려진 웹 컨텐츠는 제 2 전자 장치 990의 스크린 930에 출력될 수 있다. 제 2 전자 장치 990의 스크린 930에는 <expansion> 915의 내용이 표시될 수 있다. 예를 들어, 제 2 전자 장치 990의 스크린 930에는 날씨와 주식 정보가 표시될 수 있다.
제 1 전자 장치 950의 스크린 920 및 제 2 전자 장치 990의 스크린 930에는 웹 컨텐츠들이 표시되는 것뿐만 아니라, 요소 내의 이벤트들의 속성에 따라 각각의 스크린 920, 930들이 제어될 수 있다. 한 실시예로, 확장 요소 915 내의 이벤트를 통해서 제 1 전자 장치 950의 스크린 920 이 제어될 수도 있다.
도 9b에 도시된 것처럼 참조번호 960을 참조하면, 제 1 전자 장치 950의 스크린 920이 비활성화되어 있고, 제 2 전자 장치 990의 스크린 930이 활성화되어 있을 수 있다. 또한, 확장 요소 915는 제 2 전자 장치 990의 스크린 930 상의 이미지, 텍스트 중 적어도 하나에 대해 입력(예: 터치 935)이 감지되면 제 1 전자 장치 950의 스크린 920을 활성화하는 이벤트를 포함할 수 있다. 상기 이벤트는 ScreenControl 이벤트일 수 있다. 이 같은 경우에, 사용자로부터 제 2 전자 장치 990의 스크린 930 상에 이미지, 또는 텍스트 중 적어도 하나에 대해 터치 935가 감지되면 참조번호 970에 도시된 바와 같이 제 1 전자 장치 950의 스크린 920이 활성화될 수 있다. 또한, 제1 전자 장치 950의 스크린 920에는 제 2 전자 장치 990의 스크린 930 상에서 터치 된 이미지, 텍스트 중 적어도 하나와 관련된 컨텐츠가 표시될 수 있으며, 표시된 컨텐츠의 일부가 제 2 전자 장치 990의 스크린 930에 표시될 수 있다.
한 실시예로, 제 2 전자 장치 990의 스크린 930에 오늘의 날씨와 KOSPI 주식에 관해서 표시되고 있을 수 있다. 이때, 제 2 전자 장치 990가 KOSPI 주식에 대한 사용자의 선택 935를 감지하는 경우, 확장 요소 915의 이벤트 속성에 따라, 제 1 전자 장치 950의 스크린 920을 활성화하도록 제어할 수 있고, 선택된 KOSPI 주식과 관련된 컨텐츠를 제 1 전자 장치 950의 스크린 920에 표시할 수 있다. 또한, 제1 전자 장치 950의 스크린 920에 KOSPI 주식과 관련된 컨텐츠가 표시됨에 따라, 제 2 전자 장치 990의 스크린 930 상에 표시되는 컨텐츠는 제 1 전자 장치 950의 스크린 920에 표시되는 컨텐츠의 일부로 변경될 수 있다.
도 10a 내지 10c는 다양한 실시예에 따른 웹 컨텐츠 표시를 위한 두 전자 장치 간의 스크린들 간의 제어를 나타내는 흐름도이다. 도 10a 내지 도 10c는 두 전자 장치 모두 각각의 브라우저 엔진 및 브라우저를 가지고 있음을 가정하여 설명한다.
도 10a는 제 2 전자 장치 1090으로부터 제 1 전자 장치 1050에 대한 사용자 입력이 감지된 경우를 설명하기 하기 위한 도면이다. 도 10a를 참조하면 동작 1001에서, 제 1 전자 장치 1050는 컨텐츠 프로바이더로부터 웹 데이터를 수신할 수 있다. 동작 1003에서 제 1 전자 장치 1050는 메인 돔 트리를 생성할 수 있다. 동작 1005에서 제 1 전자 장치 1050는 웹 데이터에서 확장 요소와 관련된 데이터를 분리할 수 있다. 또는, 동작 1005에서 제 1 전자 장치 1050은 분리된 확장 요소와 관련된 데이터로 확장 돔 트리를 생성 할 수 있다.
동작 1007에서 제 1 전자 장치 1050는 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 또는, 동작 1007에서 제 1 전자 장치 1050는 동작 1005에서 생성한 확장 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 동작 1009에서 제 1 전자 장치 1050는 메인 돔 트리를 처리하여 제 1 전자 장치의 스크린에 표시할 수 있다.
동작 1007에서 제 1 전자 장치 1050으로부터 전송된 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를, 제 2 전자 장치 1090는 동작 1021에서 수신할 수 있다. 동작 1023에서 제 2 전자 장치 1090는 확장 요소로 확장 돔 트리를 생성할 수 있다. 동작 1007에서 제 1 전자 장치 1050가 전송한 확장 돔 트리를 수신하였다면, 동작 1023은 생략할 수 있다.
동작 1025에서 제 2 전자 장치 1090는 확장 돔 트리를 처리하여 제 2 전자 장치의 스크린에 표시할 수 있다. 동작 1026에서 제 2 전자 장치 1090는 사용자 입력을 감지할 수 있다. 동작 1027에서 제 2 전자 장치 1090는 사용자 입력을 감지하는 것에 대한 이벤트가 메인 돔 트리에 포함되어 있는지, 확장 돔 트리에 포함되어 있는 것인지를 확인할 수 있다. 메인 돔 트리에 포함된 이벤트라면, 동작 1028에서 제 2 전자 장치 1090는 상기 이벤트를 제 1 전자 장치 1050로 전송할 수 있다.
동작 1011에서 제 1 전자 장치 1050는 제 2 전자 장치 1090으로부터 수신된 이벤트를 처리할 수 있다. 동작 1011은 한 실시예로, 도 9b에서 제 1 전자 장치 950의 스크린 920 상에 웹 컨텐츠를 표시하는 것을 의미할 수 있다.
동작 1013에서 제 1 전자 장치 1050는 수신된 이벤트 처리에 따라 갱신된 가상의 메인 돔 트리를 전송할 수 있다. 동작 1029에서 제 2 전자 장치 1090는 이를 수신하여 가상의 메인 돔 트리를 업데이트할 수 있다. 제 2 전자 장치 1090는 메인 돔 트리를 업데이트 함으로써 도 8b처럼 제 2 전자 장치 1090의 스크린에, 제 1 전자 장치의 스크린에 표시된 웹 컨텐츠의 일부를 표시할 수 있다.
도 10b는 제 2 전자 장치 1090으로부터 제 2 전자 장치 1090에 대한 사용자의 입력이 감지된 경우를 설명하기 위한 도면이다.
도 10b를 참조하면, 동작 1031에서, 제 1 전자 장치 1050는 컨텐츠 프로바이더 401로부터 웹 데이터를 수신할 수 있다. 동작 1033에서 제 1 전자 장치 1050는 메인 돔 트리(DOM Tree)를 생성할 수 있다. 동작 1035에서 제 1 전자 장치 1050는 웹 데이터에서 확장 요소와 관련된 데이터를 분리할 수 있다. 또는, 동작 1035에서 제 1 전자 장치 1050은 분리된 확장 요소와 관련된 데이터로 확장 돔 트리를 생성할 수 있다.
동작 1037에서 제 1 전자 장치 1050는 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 또는, 동작 1037에서 제 1 전자 장치 1050는 동작 1035에서 생성한 확장 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 동작 1038에서 제 1 전자 장치 1050는 메인 돔 트리를 처리하여 제 1 전자 장치 1050의 스크린에 표시할 수 있다.
동작 1037에서 제 1 전자 장치 1050으로부터 전송된 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를, 제 2 전자 장치 1090는 동작 1041에서 수신할 수 있다. 동작 1043에서 제 2 전자 장치 1090는 확장 요소로 확장 돔 트리를 생성할 수 있다. 동작 1037에서 제 1 전자 장치 1050가 전송한 확장 돔 트리를 수신하였다면, 동작 1043은 생략할 수 있다.
동작 1045에서 제 2 전자 장치 1090는 확장 돔 트리를 처리하여 스크린에 표시할 수 있다. 동작 1046에서 제 2 전자 장치 1090는 사용자 입력을 감지할 수 있다. 동작 1047에서 제 2 전자 장치 1090는 사용자 입력을 감지하는 것에 대한 이벤트가 메인 돔 트리에 포함되어 있는지, 확장 돔 트리에 포함되어 있는 것인지를 확인할 수 있다. 확장 돔 트리에 포함된 이벤트라면, 동작 1048에서 제 2 전자 장치 1090는 상기 이벤트를 처리할 수 있다. 동작 1049에서 제 2 전자 장치 1090는 이벤트 처리에 따라 갱신된 확장 돔 트리를 제 1 전자 장치 1050으로 전송할 수 있다. 이를 동작 1039에서 제 1 전자 장치 1050는 수신하여 확장 돔 트리를 업데이트할 수 있다.
도 10c는 제 1 전자 장치 1050으로부터 제 2 전자 장치 1090에 대한 사용자의 입력이 감지된 경우를 설명하기 위한 도면이다. 도 10c를 참조하면, 동작 1051에서, 제 1 전자 장치 1050는 컨텐츠 프로바이더 401로부터 웹 데이터를 수신할 수 있다. 동작 1052에서 제 1 전자 장치 1050는 메인 돔 트리를 생성할 수 있다. 동작 1053에서 제 1 전자 장치 1050는 웹 데이터에서 확장 요소와 관련된 데이터를 분리할 수 있다. 또는, 동작 1053에서 제 1 전자 장치 1050은 분리된 확장 요소와 관련된 데이터로 확장 돔 트리를 생성할 수 있다.
동작 1054에서 제 1 전자 장치 1050는 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 또는, 동작 1054에서 제 1 전자 장치 1050은 동작 1053에서 생성한 확장 돔 트리를 제 2 전자 장치 1090으로 전송할 수 있다. 동작 1055에서 제 1 전자 장치 1050는 메인 돔 트리를 처리하여 제 1 전자 장치 1050의 스크린에 표시할 수 있다.
동작 1054에서 제 1 전자 장치 1050으로부터 전송된 확장 요소와 관련된 데이터 및 가상의 메인 돔 트리를, 제 2 전자 장치 1090는 동작 1061에서 수신할 수 있다. 동작 1063에서 제 2 전자 장치 1090는 확장 요소로 확장 돔 트리를 생성할 수 있다. 동작 1054에서 제 1 전자 장치 1050가 전송한 확장 돔 트리를 수신하였다면, 동작 1063은 생략할 수 있다.
동작 1065에서 제 2 전자 장치 1090는 확장 돔 트리를 처리하여 제 2 전자 장치의 스크린에 표시할 수 있다.
동작 1056에서 제 1 전자 장치 1050는 사용자 입력을 감지할 수 있다. 동작 1057에서 제 1 전자 장치 1050는 사용자 입력을 감지하는 것과 관련된 이벤트가 메인 돔 트리에 포함되어 있는지, 확장 돔 트리에 포함되어 있는 것인지를 확인할 수 있다. 확장 돔 트리에 포함된 이벤트라면, 동작 1057에서 제 1 전자 장치 1050는 상기 이벤트 및 이벤트에 따라 업데이트된 가상 메인 돔 노드(Dom Node)를 제 2 전자 장치 1090로 전송할 수 있다. 여기서 메인 돔 노드는, 메인 돔 트리의 일부일 수 있으며 상기 이벤트와 관련된 부분을 포함할 수 있다.
동작 1067에서 제 2 전자 장치 1090는 제 1 전자 장치 1050으로부터 수신된 이벤트를 처리할 수 있다. 동작 1068에서, 제 2 전자 장치 1090는 수신된 이벤트 처리에 따라 갱신된 확장 돔 노드를 제 1 전자 장치 1050로 전송할 수 있다. 확장 돔 노드는, 확장 돔 트리의 일부일 수 있으며 상기 이벤트와 관련된 부분을 포함할 수 있다.
이를 동작 1059에서 제 1 전자 장치 1050는 수신하여 확장 돔 트리를 업데이트할 수 있다. 동작 1069에서 제 2 전자 장치 1090가 제 1 전자 장치 1050으로부터 동작 1058에서 수신한 가상 메인 돔 노드를 업데이트할 수 있다.
본 발명의 다양한 실시 예 중 어느 하나에 따른 전자 장치의 웹 컨텐츠 표시 방법은, 웹 컨텐츠를 수신하는 동작, 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하는 동작, 상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작 및 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작을 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 요소의 속성이 제 2 스크린과 관련된 속성인 경우에 수행될 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 웹 데이터 중 상기 확장 요소를 포함하는 확장 데이터 이외의 데이터를 기반으로 상기 메인 돔 트리를 생성할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 요소는 적어도 하나의 이벤트와 관련된 데이터를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트에 따라 스크린 각각을 활성화 또는 비활성화 할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트에 따라 스크린들의 표시 시간을 제어할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 이벤트에 따라 상기 확장 데이터가 표시될 스크린을 선택할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 데이터가 표시될 스크린은, 외부 전자 장치의 스크린을 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 돔 트리를 적어도 하나의 스크린을 구비하는 외부 전자 장치로 전송할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 외부 전자 장치로부터 상기 전자 장치와 관련된 이벤트를 수신할 경우, 상기 이벤트를 처리하고 상기 이벤트가 처리됨에 따라 갱신된 메인 돔 트리를 렌더링하여 하나의 스크린에 표시하고 상기 갱신된 메인 돔 트리를 상기 외부 전자 장치로 전송하도록 처리할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 외부 전자 장치로 전송되는 메인 돔 트리는, 가상의 메인 돔 트리를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 외부 전자 장치로부터 상기 외부 전자 장치와 관련된 이벤트가 처리됨에 따라 갱신된 확장 돔 트리를 수신하고 상기 갱신된 확장 돔 트리로, 기존의 확장 돔 트리를 갱신할 수 있다.
본 발명의 다양한 실시 예에 따라, 사용자의 입력을 감지하고 상기 사용자의 입력이 확장 돔 트리와 관련된 이벤트임을 확인하고 상기 이벤트 및 상기 이벤트에 따라 갱신된 메인 돔 노드(DOM Node)를 상기 외부 전자 장치로 전송하고 상기 외부 전자 장치로부터 상기 이벤트에 따라 갱신된 확장 돔 노드의 확장 돔 트리를 수신하여 갱신할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 메인 돔 노드는, 상기 메인 돔 트리의 일부를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 메인 돔 노드는, 상기 가상의 메인 돔 노드를 포함할 수 있다.
본 발명의 다양한 실시 예에 따라, 상기 확장 돔 노드는, 상기 확장 돔 트리의 일부를 포함할 수 있다.
이상에서는 본 발명의 실시예에 따른 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치에 대하여 본 명세서 및 도면을 통해 바람직한 실시예들에 대하여 설명하였으며, 비록 특정 용어들이 사용되었으나 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위해 일반적인 의미에서 사용된 것일 뿐, 본 발명이 전술한 실시예에 한정되는 것은 아니다. 즉, 본 발명의 기술적 사상에 바탕을 둔 다양한 실시예가 가능함은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.
101: 전자 장치
375: 브라우저
401: 컨텐츠 프로바이더
700: 웹 데이터
375: 브라우저
401: 컨텐츠 프로바이더
700: 웹 데이터
Claims (45)
- 전자 장치에 있어서,
하우징;
상기 하우징의 일부에 노출되는 제 1 스크린 및 상기 제 1 스크린과 이격되거나, 인접하거나, 접하도록 배치된 제 2 스크린을 제공하는 적어도 하나의 디스플레이;
무선 통신 회로; 및
상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서; 및
상기 프로세서와 전기적으로 연결된 메모리를 포함하며,
상기 메모리는, 실행 시에, 상기 프로세서가,
상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고,
상기 저장된 데이터 내에서, 상기 제 2 스크린에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고,
상기 인식된 인디케이션에 기초하여, 상기 데이터 부분을 상기 제 2 스크린에 표시하고, 상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 제 1 스크린에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치. - 제 1 항에 있어서,
상기 컨텐츠 데이터는
웹 데이터를 포함하는 전자 장치. - 제 2 항에 있어서,
상기 컨텐츠 데이터는,
마크업 랭귀지(markup language)를 포함하고,
상기 인디케이션은,
태그를 포함하는 전자 장치. - 전자 장치에 있어서,
하우징;
상기 하우징의 일부에 노출되는 디스플레이;
무선 통신 회로; 및
상기 디스플레이 및 상기 무선 통신 회로와 전기적으로 연결된 프로세서; 및
상기 프로세서와 전기적으로 연결된 메모리를 포함하며,
상기 메모리는, 실행 시에, 상기 프로세서가,
상기 메모리에 컨텐츠 데이터를 적어도 임시로 저장하고,
상기 저장된 컨텐츠 데이터 내에서, 상기 전자 장치와 연결된 외부 전자 장치의 디스플레이에 표시될 데이터 부분을 지시하는 인디케이션(indication)을 인식하고,
상기 인식된 인디케이션에 기초하여, 상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 연결된 외부 장치로 전송하고,
상기 컨텐츠 데이터의 나머지의 적어도 일부를 상기 디스플레이에 표시하도록 하는 인스트럭션들을 저장하는 전자 장치. - 제 4 항에 있어서,
상기 인스트럭션들은,
상기 프로세서가,
상기 외부 전자 장치의 디스플레이에 표시될 데이터 부분의 적어도 일부를 상기 외부 전자 장치의 디스플레이에 표시하도록 하는 요청을 상기 외부 전자 장치로 전송하도록 전자 장치. - 전자 장치에 있어서,
웹 컨텐츠를 수신하는 통신 모듈;
상기 웹 컨텐츠를 표시하는 디스플레이 유닛;
상기 웹 컨텐츠와 대응하는 웹 데이터를 처리하는 제어부;
상기 제어부는, 상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하고,
상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하고, 상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 전자 장치. - 제 6 항에 있어서,
상기 확장 돔 트리는,
상기 확장 요소를 포함하는 확장 데이터를 기반으로 생성되는 전자 장치. - 제 6 항에 있어서,
상기 메인 돔 트리는,
상기 웹 데이터 중 상기 확장 데이터 이외의 데이터를 기반으로 생성되는 전자 장치. - 제 7 항에 있어서,
상기 확장 요소는,
적어도 하나의 이벤트와 관련된 데이터를 포함하는 전자 장치. - 제 9 항에 있어서,
상기 제어부는,
상기 이벤트에 따라 스크린 각각을 활성화 또는 비활성화하도록 처리하는 전자 장치. - 제 9 항에 있어서,
상기 제어부는,
상기 이벤트에 따라 스크린들의 표시 시간을 제어하도록 처리하는 전자 장치. - 제 9 항에 있어서,
상기 이벤트에 따라 상기 확장 데이터가 표시될 스크린을 선택하도록 처리하는 전자 장치. - 제 10 항에 있어서,
상기 확장 데이터가 표시되는 스크린은,
외부 전자 장치의 스크린을 포함하는 전자 장치. - 제 6 항에 있어서,
상기 제어부는,
상기 확장 돔 트리를, 적어도 하나의 스크린을 구비하는 외부 전자 장치로 전송하도록 상기 통신 모듈을 제어하는 전자 장치. - 제 14 항에 있어서,
상기 제어부는,
상기 외부 전자 장치로부터 상기 전자 장치에 대한 이벤트와 관련된 데이터를 수신할 경우, 상기 이벤트를 처리하고, 상기 이벤트가 처리됨에 따라 갱신된 메인 돔 트리를 렌더링하여 하나의 스크린에 표시하고 상기 갱신된 메인 돔 트리를 상기 외부 전자 장치로 전송하도록 처리하는 전자 장치. - 제 15 항에 있어서,
상기 외부 전자 장치로 전송되는 메인 돔 트리는, 가상의 메인 돔 트리인 전자 장치. - 제 16 항에 있어서,
상기 제어부는,
상기 외부 전자 장치로부터 상기 외부 전자 장치와 관련된 이벤트가 처리됨에 따라 갱신된 확장 돔 트리를 수신하고, 기존의 확장 돔 트리를 상기 갱신된 확장 돔 트리로 갱신하도록 처리하는 전자 장치. - 제 14 항에 있어서,
상기 제어부는,
사용자의 입력을 감지하고, 상기 사용자의 입력이 상기 확장 돔 트리와 관련된 이벤트임을 확인하고, 상기 이벤트 및 상기 이벤트에 따라 갱신된 메인 돔 노드(DOM Node)를 상기 외부 전자 장치로 전송하고, 상기 외부 전자 장치로부터 상기 이벤트에 따라 갱신된 확장 돔 노드의 확장 돔 트리를 수신하여 갱신하도록 처리하는 전자 장치. - 제 18 항에 있어서,
상기 메인 돔 노드는,
상기 메인 돔 트리의 일부인 전자 장치. - 제 18항에 있어서,
상기 외부 전자 장치로 전송된 상기 메인 돔 노드는,
가상의 메인 돔 노드를 포함하는 전자 장치. - 제 18 항에 있어서,
상기 확장 돔 노드는,
상기 확장 돔 트리의 일부를 포함하는 전자 장치. - 전자 장치의 웹 컨텐츠 표시 방법에 있어서,
웹 컨텐츠를 수신하는 동작;
상기 웹 컨텐츠와 대응하는 웹 데이터를 파싱(parsing)하여 확장 요소(expansion element)의 속성에 따라 메인 돔 트리(DOM Tree)와 확장 돔 트리를 분리 생성하는 동작;
상기 메인 돔 트리를 기초로 상기 디스플레이 유닛의 제1 스크린에 표시되는 상기 메인 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작; 및
상기 확장 돔 트리를 기초로 상기 디스플레이 유닛의 제2 스크린에 표시되는 상기 확장 돔 트리와 관련된 웹 컨텐츠를 렌더링하는 동작을 포함하는 방법. - 제 22 항에 있어서,
상기 분리 생성하는 동작은,
상기 확장 요소의 속성이 제 2 스크린과 관련된 속성인 경우에 수행되는 것을 포함하는 방법. - 제 22 항에 있어서,
상기 분리 생성하는 동작은,
상기 웹 데이터 중 상기 확장 요소를 포함하는 확장 데이터 이외의 데이터를 기반으로 상기 메인 돔 트리를 생성하는 동작을 포함하는 방법. - 제 23 항에 있어서,
상기 확장 요소는 적어도 하나의 이벤트와 관련된 데이터를 포함하는 방법. - 제 25 항에 있어서,
상기 이벤트에 따라 스크린 각각을 활성화 또는 비활성화 하는 동작을 포함하는 방법. - 제 25 항에 있어서,
상기 이벤트에 따라 스크린들의 표시 시간을 제어하는 동작을 포함하는 방법. - 제 25 항에 있어서,
상기 이벤트에 따라 상기 확장 데이터가 표시될 스크린을 선택하는 동작을 포함하는 방법. - 제 28 항에 있어서,
상기 확장 데이터가 표시될 스크린은,
외부 전자 장치의 스크린을 포함하는 것을 포함하는 방법. - 제 22 항에 있어서,
상기 확장 돔 트리를 적어도 하나의 스크린을 구비하는 외부 전자 장치로 전송하는 동작을 더 포함하는 방법. - 제 30 항에 있어서,
상기 외부 전자 장치로부터 상기 전자 장치와 관련된 이벤트를 수신할 경우, 상기 이벤트를 처리하는 동작;
상기 이벤트가 처리됨에 따라 갱신된 메인 돔 트리를 렌더링하여 하나의 스크린에 표시하는 동작 및
상기 갱신된 메인 돔 트리를 상기 외부 전자 장치로 전송하도록 처리하는 동작을 포함하는 방법. - 제 31 항에 있어서,
상기 외부 전자 장치로 전송되는 메인 돔 트리는,
가상의 메인 돔 트리를 포함하는 방법. - 제 30 항에 있어서,
상기 외부 전자 장치로부터 상기 외부 전자 장치와 관련된 이벤트가 처리됨에 따라 갱신된 확장 돔 트리를 수신하는 동작 및
상기 갱신된 확장 돔 트리로, 기존의 확장 돔 트리를 갱신하는 동작을 포함하는 방법. - 제 30 항에 있어서,
사용자의 입력을 감지하는 동작;
상기 사용자의 입력이 확장 돔 트리와 관련된 이벤트임을 확인하는 동작;
상기 이벤트 및 상기 이벤트에 따라 갱신된 메인 돔 노드(DOM Node)를 상기 외부 전자 장치로 전송하는 동작 및
상기 외부 전자 장치로부터 상기 이벤트에 따라 갱신된 확장 돔 노드의 확장 돔 트리를 수신하여 갱신하는 동작을 포함하는 방법. - 제 34 항에 있어서,
상기 메인 돔 노드는,
상기 메인 돔 트리의 일부를 포함하는 방법. - 제 34 항에 있어서,
상기 메인 돔 노드는,
상기 가상의 메인 돔 노드를 포함하는 방법. - 제 34 항에 있어서,
상기 확장 돔 노드는,
상기 확장 돔 트리의 일부를 포함하는 방법. - 전자 장치의 웹 컨텐츠 표시 방법을 실행시키기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체에 있어서,
상기 방법은,
상기 웹 컨텐츠와 대응하는 웹 데이터에 적어도 하나의 확장 요소(expansion element)를 포함하는 확장 데이터를 추가하는 동작 및 상기 적어도 하나의 확장 요소에 이벤트를 추가하는 동작을 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 38 항에 있어서,
상기 웹 데이터는,
HTML 문서, CSS 및 자바 스크립트를 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 38 항에 있어서,
상기 확장 데이터는,
상기 확장 요소의 HTML 문서, CSS 및 자바 스크립트를 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 38 항에 있어서,
상기 이벤트는,
속성이 변경 가능한 이벤트를 포함하는 컴퓨터 판독 가능한 기록 매체 - 제 41 항에 있어서,
상기 이벤트는,
상기 적어도 하나의 확장 요소와 관련된 웹 컨텐츠를 표시할 적어도 하나의 스크린을 지정하는 이벤트를 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 42 항에 있어서,
상기 적어도 하나의 스크린은 외부 전자 장치의 스크린을 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 42 항에 있어서,
상기 이벤트는,
상기 적어도 하나의 디스플레이의 활성화 및 비활성화를 제어하는 이벤트를 포함하는 컴퓨터 판독 가능한 기록 매체. - 제 42 항에 있어서,
상기 이벤트는,
상기 적어도 하나의 스크린의 표시 시간을 제어하는 이벤트를 포함하는 컴퓨터 판독 가능한 기록 매체.
Priority Applications (5)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020150097024A KR20170006432A (ko) | 2015-07-08 | 2015-07-08 | 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 |
| PCT/KR2016/007255 WO2017007217A1 (en) | 2015-07-08 | 2016-07-05 | Method for displaying web content and electronic device supporting the same |
| US15/202,258 US20170011010A1 (en) | 2015-07-08 | 2016-07-05 | Method for displaying web content and electronic device supporting the same |
| EP16178057.2A EP3115912A3 (en) | 2015-07-08 | 2016-07-05 | Method for displaying web content and electronic device supporting the same |
| CN201610537586.4A CN106339405A (zh) | 2015-07-08 | 2016-07-08 | 用于显示网络内容的方法和支持其的电子装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020150097024A KR20170006432A (ko) | 2015-07-08 | 2015-07-08 | 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20170006432A true KR20170006432A (ko) | 2017-01-18 |
Family
ID=56409480
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020150097024A KR20170006432A (ko) | 2015-07-08 | 2015-07-08 | 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 |
Country Status (5)
| Country | Link |
|---|---|
| US (1) | US20170011010A1 (ko) |
| EP (1) | EP3115912A3 (ko) |
| KR (1) | KR20170006432A (ko) |
| CN (1) | CN106339405A (ko) |
| WO (1) | WO2017007217A1 (ko) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019103450A1 (en) * | 2017-11-24 | 2019-05-31 | Samsung Electronics Co., Ltd. | Electronic device and method for managing data input into input field |
| KR102252053B1 (ko) * | 2019-12-10 | 2021-05-14 | 네이버 주식회사 | 듀얼 스크린에서의 컨텐츠 중복을 배제하는 방법, 시스템, 및 컴퓨터 프로그램 |
| WO2023167428A1 (ko) * | 2022-03-02 | 2023-09-07 | 삼성전자주식회사 | 전자 장치의 화면 표시 방법 |
Families Citing this family (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| USD852829S1 (en) * | 2013-04-05 | 2019-07-02 | Thales Avionics, Inc. | Display screen or portion thereof with graphical user interface |
| CN106095861B (zh) * | 2016-06-02 | 2019-07-26 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| US10650621B1 (en) | 2016-09-13 | 2020-05-12 | Iocurrents, Inc. | Interfacing with a vehicular controller area network |
| CN110309454B (zh) * | 2018-03-06 | 2023-07-11 | 腾讯科技（深圳）有限公司 | 一种界面显示方法、装置、设备及存储介质 |
| CN111327768B (zh) * | 2020-02-25 | 2021-08-24 | 维沃移动通信（杭州）有限公司 | 显示控制方法、电子设备及计算机可读存储介质 |
| US11611629B2 (en) * | 2020-05-13 | 2023-03-21 | Microsoft Technology Licensing, Llc | Inline frame monitoring |
| CN111913705B (zh) * | 2020-05-28 | 2023-07-25 | 中南大学 | 一种基于差异更新算法的JavaScript模板实现方法 |
| US20230360294A1 (en) * | 2022-05-09 | 2023-11-09 | Adobe Inc. | Unsupervised style and color cues for transformer-based image generation |
| CN115334293B (zh) * | 2022-07-11 | 2023-10-13 | 岚图汽车科技有限公司 | 显示系统及其投影控制方法、主副显示系统 |
Family Cites Families (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4709719B2 (ja) * | 2006-09-22 | 2011-06-22 | 富士通株式会社 | 電子機器 |
| KR20080101484A (ko) * | 2007-05-18 | 2008-11-21 | 엘지전자 주식회사 | 이동통신 단말기 및 그 제어방법 |
| KR101488991B1 (ko) * | 2008-04-28 | 2015-02-02 | 엘지전자 주식회사 | 휴대 단말기 및 이를 이용한 화면 제공 방법 |
| US8086957B2 (en) * | 2008-05-21 | 2011-12-27 | International Business Machines Corporation | Method and system to selectively secure the display of advertisements on web browsers |
| RU2475832C1 (ru) * | 2009-03-30 | 2013-02-20 | Нокиа Корпорейшн | Способы и системы обработки объектных моделей документов (dom) для обработки видеоконтента |
| CN101909108B (zh) * | 2009-06-04 | 2013-06-05 | 纬创资通股份有限公司 | 移动通信装置及便携式电子装置与移动通信装置的组合 |
| US8970500B2 (en) * | 2010-02-26 | 2015-03-03 | Blackberry Limited | System and method for extracting content from a data item to separately display portions of such data |
| US20120240055A1 (en) * | 2010-11-17 | 2012-09-20 | Paul Webber | Email client display transitions between portrait and landscape |
| CN102760139A (zh) * | 2011-04-29 | 2012-10-31 | 国际商业机器公司 | 用于处理网页的方法和系统 |
| US9400600B2 (en) * | 2011-12-16 | 2016-07-26 | Samsung Electronics Co., Ltd. | Method, apparatus, and graphical user interface for providing visual effects on a touchscreen display |
| KR102061881B1 (ko) * | 2012-10-10 | 2020-01-06 | 삼성전자주식회사 | 멀티 디스플레이 장치 및 그 디스플레이 제어 방법 |
| EP2757458A3 (en) * | 2013-01-17 | 2017-11-08 | Samsung Electronics Co., Ltd | Method and electronic device for displaying application |
| WO2014193380A1 (en) * | 2013-05-30 | 2014-12-04 | Empire Technology Development Llc | Multi-display system |
-
2015
- 2015-07-08 KR KR1020150097024A patent/KR20170006432A/ko unknown
-
2016
- 2016-07-05 WO PCT/KR2016/007255 patent/WO2017007217A1/en active Application Filing
- 2016-07-05 US US15/202,258 patent/US20170011010A1/en not_active Abandoned
- 2016-07-05 EP EP16178057.2A patent/EP3115912A3/en not_active Ceased
- 2016-07-08 CN CN201610537586.4A patent/CN106339405A/zh not_active Withdrawn
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019103450A1 (en) * | 2017-11-24 | 2019-05-31 | Samsung Electronics Co., Ltd. | Electronic device and method for managing data input into input field |
| US11327818B2 (en) | 2017-11-24 | 2022-05-10 | Samsung Electronics Co., Ltd. | Electronic device and method for managing data input into input field |
| KR102252053B1 (ko) * | 2019-12-10 | 2021-05-14 | 네이버 주식회사 | 듀얼 스크린에서의 컨텐츠 중복을 배제하는 방법, 시스템, 및 컴퓨터 프로그램 |
| WO2023167428A1 (ko) * | 2022-03-02 | 2023-09-07 | 삼성전자주식회사 | 전자 장치의 화면 표시 방법 |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2017007217A1 (en) | 2017-01-12 |
| CN106339405A (zh) | 2017-01-18 |
| US20170011010A1 (en) | 2017-01-12 |
| EP3115912A3 (en) | 2017-03-08 |
| EP3115912A2 (en) | 2017-01-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107430480B (zh) | 电子设备和在电子设备中处理信息的方法 | |
| KR20170006432A (ko) | 웹 컨텐츠 표시 방법 및 이를 지원하는 전자 장치 | |
| AU2017273159B2 (en) | Method of switching application and electronic device therefor | |
| EP3329355B1 (en) | Screen operating method and electronic device supporting the same | |
| KR20180080629A (ko) | 전자 장치 및 전자 장치의 어플리케이션 실행 히스토리 표시 방법 | |
| KR102332136B1 (ko) | 다수의 프로세서들을 가지는 전자장치에서 디스플레이 제어 방법 및 장치 | |
| KR20170067260A (ko) | 웹 페이지 운용 방법 및 이를 지원하는 전자 장치 | |
| KR20180013169A (ko) | 콘텐츠 표시 방법 및 이를 사용하는 전자 장치 | |
| EP3477456B1 (en) | Notification information display method and device | |
| KR20160070571A (ko) | 제어 방법 및 그 방법을 처리하는 전자장치 | |
| KR20170059201A (ko) | 전자 장치 및 전자 장치의 컨텐츠 출력 방법 | |
| KR20170100309A (ko) | 음성 인식 제어를 제공하는 전자 장치 및 그 동작 방법 | |
| KR20160105215A (ko) | 텍스트 처리 장치 및 방법 | |
| KR20180073188A (ko) | 전자장치 및 이를 활용한 웹 페이지 표시 방법 | |
| KR102471739B1 (ko) | 전자 장치의 히스토리 정보 관리 장치 및 방법 | |
| KR20160071897A (ko) | 전자장치 및 전자장치의 어플리케이션 실행 방법 | |
| US20160062964A1 (en) | Method for selecting area on web page and electronic device thereof | |
| KR20160065704A (ko) | 화면 표시 장치 및 방법 | |
| KR102351317B1 (ko) | 전자문서 표시 방법 및 전자 장치 | |
| KR20180070216A (ko) | 콘텐츠 태깅 방법 및 이를 지원하는 전자 장치 | |
| KR20170044469A (ko) | 실행 화면 레코딩 방법 및 그 방법을 처리하는 전자 장치 | |
| KR20160049927A (ko) | 콘텐츠 변경 알림 방법 및 장치 | |
| KR20160109466A (ko) | 화면 제어 방법 및 그 방법을 처리하는 전자 장치 | |
| KR102589496B1 (ko) | 화면 표시 방법 및 이를 지원하는 전자 장치 | |
| KR20160068531A (ko) | 어플리케이션 제어 방법 및 전자 장치 |