KR101716807B1 - 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법 - Google Patents

웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법 Download PDF

Info

Publication number
KR101716807B1
KR101716807B1 KR1020150057778A KR20150057778A KR101716807B1 KR 101716807 B1 KR101716807 B1 KR 101716807B1 KR 1020150057778 A KR1020150057778 A KR 1020150057778A KR 20150057778 A KR20150057778 A KR 20150057778A KR 101716807 B1 KR101716807 B1 KR 101716807B1
Authority
KR
South Korea
Prior art keywords
html
dimensional
html element
virtual space
web
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
KR1020150057778A
Other languages
English (en)
Other versions
KR20160126563A (ko
Inventor
서대일
유병현
고희동
Original Assignee
한국과학기술연구원
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 한국과학기술연구원 filed Critical 한국과학기술연구원
Priority to KR1020150057778A priority Critical patent/KR101716807B1/ko
Priority to US15/132,957 priority patent/US10585976B2/en
Publication of KR20160126563A publication Critical patent/KR20160126563A/ko
Application granted granted Critical
Publication of KR101716807B1 publication Critical patent/KR101716807B1/ko
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G06F17/30126—
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G06F17/2247—
    • G06F17/30061—
    • G06F17/30731—
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/117—Tagging; Marking up; Designating a block; Setting of attributes
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/169—Annotation, e.g. comment data or footnotes
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00—Manipulating 3D models or images for computer graphics
    • G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
    • G06T2219/004—Annotating, labelling
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
    • G06T2219/20—Indexing scheme for editing of 3D models
    • G06T2219/2016—Rotation, translation, scaling

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • Computer Graphics (AREA)
  • Data Mining & Analysis (AREA)
  • Architecture (AREA)
  • Computer Hardware Design (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Processing Or Creating Images (AREA)
  • Mathematical Physics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 웹 상에 표현되는 3차원 가상 공간을 제공하는 가상 공간 제공부; 및 HTML 문서에 기반하여, 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 HTML 요소 배치부를 포함하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치 및 방법을 개시한다.

Description

웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치 및 방법{DEVICE AND METHOD FOR REPRESENTING HTML ELEMENTS HAVING 3-DIMENSION INFORMATION ON WEB}
본 발명은 HTML 요소를 웹 상에 나타내는 장치 및 방법에 관련된 것으로, 더욱 구체적으로는 HTML 문서에 기반하여 3차원 정보를 갖는 HTML 요소를 웹 상에 나타내는 장치 및 방법에 관련된다.
종래에는 3차원 정보를 갖는 HTML 요소를 웹 상에서 표현할 수 있으며, 사용자는 이러한 HTML 요소를 3차원 좌표상에 변형(transform)시킬 수 있었다. 그러나 이러한 이동은 기 정의된 시점에 대한 것으로 사용자의 자유로운 시점 변화에 따른 3차원 변형은 불가능한 문제점이 있었다.
또한 종래에는 웹 상에 3차원 객체와 HTML 요소를 표현하는 경우 3차원 객체와 HTML 요소는 서로 다른 레이아웃을 가지고 있었다. 따라서 3차원 객체에 대하여 사용자가 설명을 추가하는 경우, 3차원 장면의 일부로 생성해야 하는 문제점이 있다. 이렇게 생성되는 추가 설명은 3차원 객체를 포함하는 장면에 종속된 형태의 표현을 따르기 때문에 기존의 웹 환경의 확장성을 사용할 수 없는 문제점이 있다.
한국특허출원공개 10-2013-0030336
본 발명의 일 실시예에 따르면 HTML 문서에 기반하여 3차원 객체에 대한 사용자의 주석을 태그 할 수 있으며, 이에 따라서 기존의 웹 환경의 확장성을 모두 이용할 수 있다.
본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치는 웹 상에 표현되는 3차원 가상 공간을 제공하는 가상 공간 제공부 및 HTML 문서에 기반하여, 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 HTML 요소 배치부를 포함한다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 3차원 가상 공간 내 가상 카메라에 의해 촬영되는 영상을 렌더링하여 웹 브라우저 상에 3차원 장면을 구성하는 장면 구성부를 더 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 요소가 복수개인 경우, 각 HTML 요소는 동일한 3차원 레이아웃에 따라 표현될 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 요소는, 텍스트, 이미지, 동영상, 웹 페이지, URI 중 하나 이상을 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 요소는 웹 검색을 가능하게 하는 시맨틱 스키마로 정의된 것일 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 가상 공간 제공부는, 상기 3차원 가상 공간 내 3차원 가상 객체를 제공할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 요소 배치부는, 상기 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시킬 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 요소 배치부는, 상기 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 3차원 가상 공간 내 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)시킬 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 3차원 가상 공간 내 상기 HTML 요소와 3차원 가상 객체는 깊이 정보가 서로 연관될 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치에 있어서, 상기 HTML 문서는 HTML 5 표준에 따라서 작성된 것일 수 있다.
본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법은 가상 공간 제공부에 의해, 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계 및 HTML 요소 배치부에 의해, HTML 문서에 기반하여 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계를 포함한다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 장면 구성부에의해, 상기 3차원 가상 공간 내 가상 카메라에 의해 촬영되는 영상을 렌더링하여 웹 브라우저 상에 3차원 장면을 구성하는 단계를 더 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 요소가 복수개인 경우, 각 HTML 요소는 동일한 3차원 레이아웃에 따라 표현될 수 있다. 즉 각 HTML 요소는 동일한 3차원 레이아웃을 기초하여 작성된 것일 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 요소는, 텍스트, 이미지, 동영상, 웹 페이지, URI 중 하나 이상을 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 요소는, 웹 검색을 가능하게 하는 시맨틱 스키마로 정의될 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계는, 상기 3차원 가상 공간 내 3차원 가상 객체를 제공할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는, 상기 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시키는 것을 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는, 상기 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 3차원 가상 공간 내 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)시키는 것을 포함할 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 3차원 가상 공간 내 상기 HTML 요소와 3차원 가상 객체는 깊이 정보가 서로 연관된 것일 수 있다.
또한 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 방법에 있어서, 상기 HTML 문서는 HTML 5 표준에 따라서 작성된 것일 수 있다.
본 발명의 일 실시예에 따르면, HTML 문서를 통해 3차원 레이아웃을 갖는 HTML 요소를 3차원 가상공간 상에 배치함으로써, 사용자의 다양한 시점에 대응되도록 3차원 가상 객체 또는 HTML 요소를 변형시킬 수 있으며, 특정 가상 객체에 관련되는 추가 설명을 포함하는 HTML 요소를 독립적으로 수정 및 추가할 수 있는 이점이 있다.
또한 3차원 가상공간 상에 배치된 HTML 요소에 대한 정보를 웹 검색 엔진을 통해서 편리하게 검색할 수 있다. 또한 상기 HTML 요소가 연관된 3차원 가상 객체 또는 다른 HTML 요소에 대한 정보를 웹 검색할 수 있는 이점이 있다.
도 1은 본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 웹 브라우저의 예이다.
도 3a는 도 2의 가상 카메라의 위치가 변경됨으로써 웹 브라우저에 표시되는 HTML 요소들의 형태 변화를 나타낸다.
도 3b는 특정 위치에 고정되어 웹 브라우저에 표시되는 HTML 요소를 설명하기 위한 도이다.
도 3c는 3차원 가상 공간 내 HTML 요소들이 개별적으로 위치가 변경되는 HTML 요소의 동작을 설명하기 위한 도이다.
도 4는 3차원 가상 객체 및 HTML 요소를 포함하는 3차원 가상 공간의 장면 변화를 나타낸다.
도 5는 3차원 가상 객체와 HTML 요소의 깊이 정보가 연관된 경우 표시되는 형태를 설명하기 위한 도이다.
도 6은 본 발명의 일 실시예에 따른 3차원 가상공간의 일 예를 나타낸다
본 명세서에서 사용한 용어는 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 개시된 특징, 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미이다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥상 가지는 의미와 일치하는 의미인 것으로 해석되어야 하며, 본 명세서에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다. 도면에 제시된 동일한 참조부호는 동일한 부재를 나타낸다. 다만, 실시형태를 설명함에 있어서, 관련된 공지 기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그에 대한 상세한 설명은 생략한다. 또한, 도면에서의 각 구성요소들의 크기는 설명을 위하여 과장될 수 있으며, 실제로 적용되는 크기를 의미하는 것은 아니다
본 명세서에 기술된 실시예는 전적으로 하드웨어이거나, 부분적으로 하드웨어이고 부분적으로 소프트웨어이거나, 또는 전적으로 소프트웨어인 측면을 가질 수 있다. 본 명세서에서 "부(unit)", "모듈(module)", "장치" 또는 "시스템" 등은 하드웨어, 하드웨어와 소프트웨어의 조합, 또는 소프트웨어 등 컴퓨터 관련 엔티티(entity)를 지칭한다. 예를 들어, 본 명세서에서 부, 모듈, 장치 또는 시스템 등은 실행중인 프로세스, 프로세서, 객체(object), 실행 파일(executable), 실행 스레드(thread of execution), 프로그램(program), 및/또는 컴퓨터(computer)일 수 있으나, 이에 제한되는 것은 아니다. 예를 들어, 컴퓨터에서 실행중인 애플리케이션(application) 및 컴퓨터의 양쪽이 모두 본 명세서의 부, 모듈, 장치 또는 시스템 등에 해당할 수 있다.
실시예들이 도면에 제시된 순서도를 참조로 하여 설명되었다. 간단히 설명하기 위하여 상기 방법은 일련의 블록들로 도시되고 설명되었으나, 본 발명은 상기 블록들의 순서에 한정되지 않고, 몇몇 블록들은 다른 블록들과 본 명세서에서 도시되고 기술된 것과 상이한 순서로 또는 동시에 일어날 수도 있으며, 동일한 또는 유사한 결과를 달성하는 다양한 다른 분기, 흐름 경로, 및 블록의 순서들이 구현될 수 있다. 또한, 본 명세서에서 기술되는 방법의 구현을 위하여 도시된 모든 블록들이 요구되지 않을 수도 있다. 나아가, 본 발명의 일 실시예에 따른 방법은 일련의 과정들을 수행하기 위한 컴퓨터 프로그램의 형태로 구현될 수도 있으며, 상기 컴퓨터 프로그램은 컴퓨터로 판독 가능한 기록 매체에 기록될 수도 있다.
이하에서, 도면을 참조하여 본 발명의 실시예들에 대하여 상세히 살펴본다.
본 발명은 HTML 문서에 기반하여 3차원 가상 공간 내 HTML 요소들을 배치함으로써 HTML 문서를 통해 구현 가능한 모든 명령들을 3차원 가상 공간 내 HTML 요소들에 적용시킬 수 있다. 예컨대 HTML 문서를 통해 가상 공간 내 HTML 요소를 배치하고 다양한 시점에서 HTML 요소들 확인할 수 있다. 시점에 따라서 HTML 요소들은 다양한 크기, 위치 방향으로 디스플레이 상에 표시될 수 있다.
도 1은 본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치의 구성도이다. 도 1을 참조하면 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치(10)는 가상 공간 제공부(11) 및 HTML 요소 배치부(12)를 포함할 수 있으며 다른 실시예에서 장면 구성부(13)를 더 포함할 수 있다.
상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치(10)는 사용자의 조작 또는 명령에 의해 프로그램 코드를 생성할 수 있으며, 통신망을 경유하는 각종 데이터를 송수신할 수 있는 임의의 단말기 또는 서버일 수 있다. 예컨대, 장치(10)는 개인용 컴퓨터(Personal Computer), 랩톱(laptop), 태블릿 PC, 스마트폰(Smart Phone), 개인휴대용 정보단말기(PDA: Personal Digital Assistant), 스마트 TV 및 이동통신 단말기(Mobile Communication Terminal), 스마트 워치, 웨어러블장치들 중 어느 하나일 수 있으나, 이에 한정되는 것은 아니다. 통신 방법은 객체와 객체가 네트워킹 할 수 있는 모든 통신 방법을 포함할 수 있으며, 유선/무선 통신, 3G, 4G, 혹은 그 이외의 방법에도 제한되지 않는다.
가상 공간 제공부(11)는 웹 상에 표현되는 3차원 가상 공간을 생성 및 제공할 수 있다. 또한 가상 공간 제공부(11)는 3차원 가상 공간 상에 3차원 가상 객체를 제공 및 배치할 수 있다. 상기 가상 공간 제공부(11)는 사용자 단말 또는 웹 서버에 3차원 가상 공간을 제공할 수 있다. 예컨대 상기 가상 공간 제공부(11)는 HTML 문서를 통해서 웹 브라우저 상에 3차원 가상 공간을 표시할 수 있다. 상기 3차원 가상 공간에 대한 데이터는 데이터베이스(미도시)에 저장되어 있는 외부 데이터일 수 있다. 또한 상기 3차원 가상 공간은 2차원 또는 3차원 가상 객체를 포함할 수 있다. 또한 웹 브라우저에서 증강현실을 표현하기 위해 상기 가상 공간은 현실 공간에 대한 영상에 오버랩 되어 나타날 수도 있다.
또한 상기 가상 공간 제공부(11)는 WebGL, CSS 3D Transform 등 다양한 3차원 엔진으로 구현될 수도 있다.
상기 HTML 요소 배치부(12)는 HTML 문서에 기반하여 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치할 수 있다. 각 HTML 요소는 상기 3차원 가상 공간 상의 위치, 방향, 크기 정보를 포함할 수 있다.
상기 HTML 요소 배치부(12)는 3차원 좌표 및 방향정보에 따라서 HTML 요소를 3차원 웹 상에 배치할 수 있다.
상기 HTML 요소는 HTML 문서를 통해 웹 상에 표현될 수 있는 임의의 객체를 포함할 수 있다. 예컨대 상기 HTML 요소는 이미지, 동영상, 텍스트, 웹 페이지, URI, 음악 등을 포함할 수 있으나 이에 제한되는 것은 아니다. 또한 상기 HTML 요소는 HTML 문서를 통해 웹 상에 구현되므로 URI를 통해 다른 웹사이트로 연결되는 하이퍼링크를 포함할 수 있다.
상기 HTML 요소에 포함되는 이미지는 PNG, JPG, SVG 등 다양한 형식의 이미지를 포함하나 이에 제한되는 것은 아니다. 또한 상기 동영상은 스트리밍 영상을 포함할 수 있다.
장면 구성부(13)는 3차원 가상 공간 내 배치되는 가상 카메라에 의해 촬영된 영상을 렌더링하여 웹 브라우저상에 표시할 수 있다. 구체적으로 장면 구성부(13)는 웹 브라우저 상에 3차원 장면을 구성할 수 있다. 또한 상기 가상 카메라의 위치 및 시점은 센서(미도시)로부터 입력된 정보를 기초로 결정될 수 있다. 상기 센서는 GPS, 기울기 센서, 가속도 센서, 카메라, 압력 센서, 지자기 센서 중 하나 이상을 포함할 수 있다. 또한 상기 센서는 장치(10)에 포함될 수 있다.
도 2는 본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 웹 브라우저의 예이다. 도 2를 참조하면 웹 브라우저(100)에 3차원 가상 공간(200)이 표시된다. 상기 3차원 가상 공간(200)은 가상 공간 제공부(11)에 의해 제공될 수 있다. HTML 요소 배치부(12)는 3차원 가상 공간(200)에 HTML 요소(210-220)를 배치할 수 있다. 도 2에서는 동영상(210), 이미지(220) 및 웹 페이지(230)를 HTML 요소의 예시로 나타내었다.
도 2에 도시된 바와 같이 가상 공간(200) 상의 HTML 요소들이 복수개 존재하는 경우, 각 HTML 요소들은 동일한 3차원 레이아웃에 따라 표현될 수 있다. 즉 HTML 요소들은 동일한 가상 카메라 시점과 3차원 렌더링 레이아웃 컨택스트를 공유할 수 있다. 따라서 3차원 가상 공간상에 배치되는 각 HTML 요소들은 가상 카메라의 위치 또는 방향 변화에 대응하여 이동(transform)되어 표시 될 수 있다.
도 3a는 도 2의 가상 카메라의 위치가 변경됨으로써 웹 브라우저에 표시되는 HTML 요소들의 형태 변화를 나타낸다. 도 3a에 있어서 HTML 요소들은 동일한 3차원 레이아웃에 따라 표현되고 있으므로 가상 카메라의 위치 및 방향 변화에 대응하여 일체로 변화되어 나타난다. 구체적으로 도 3은 도 2의 가상 카메라가 반시계 방향으로 회전하고 약간 앞 방향(-z)으로 이동된 상태에서 촬영된 영상에 대한 장면을 나타낸다. 따라서 각 HTML 요소(210-230)이 큰 사이즈로 나타나고, 반 시계 방향으로 기울어져 웹 브라우저 상에 표시된다.
도 3b는 특정 위치에 고정되어 웹 브라우저에 표시되는 HTML 요소를 설명하기 위한 도이다. 다른 일 실시예에 있어서, HTML 요소 배치부(12)는 적어도 하나의 HTML 요소(220)는 웹 브라우저 상의 특정 위치에 고정되도록 배치할 수 있다. 즉, 3차원 가상 공간에 배치되는 복수의 HTML 요소 중에서 적어도 하나의 HTML 요소는 다른 HTML 요소와 다른 3차원 레이아웃에 따라 표현됨으로써 가상 카메라의 위치 또는 방향에 대응하여 이동되지 않을 수 있다.
도 3b를 참조하면 HTML 요소(220)는 웹 브라우저의 우측 하단에 배치되며, 가상 카메라의 위치가 변경되어 다른 HTML 요소(예컨대 210, 230)의 위치 및 방향이 변경되더라도 HTML 요소(220)는 이에 대응하여 변경되지 않는다. 사용자의 시점 변화에 상관 없이 사용자에게 제공해야 하는 정보를 포함하는 HTML 요소의 경우 위와 같이 특정 위치에 고정될 수 있다.
도 3c는 3차원 가상 공간 내 HTML 요소들이 개별적으로 위치가 변경되는 HTML 요소의 동작을 설명하기 위한 도이다. 3차원 가상 공간 내 HTML 요소들은 특정 위치에 정지되어 있거나 위치 및 방향이 변경될 수 있다. 도 3c를 참조하면 HTML 요소(220. 230)는 특정 위치에 고정되어 있으나, HTML 요소(210)은 3차원 가상 공간 내 위치 및 방향이 변경되어 HTML 요소(220)의 뒤면으로 이동될 수 있다. 즉 도 3c에서 HTML 요소(211)은 HTML 요소(210)의 이동 후 상태를 나타낸다.
본 발명의 일 실시예에 있어서, HTML 요소는 동적으로 정해진 위치를 반복하여 이동하거나 특정 상황에 따라 정해진 위치로 이동될 수 있다. 또는 사용자 입력에 의해 자유롭게 위치가 변경될 수 있다. 이러한 3차원 가상 공간 내 위치 변경이 가능한 HTML 요소는 다른 HTML 요소들과 동일한 3차원 레이아웃으로 표현되는 것일 수 있으나 이에 제한되는 것은 아니다. 서로 다른 3차원 레이아웃으로 표현되는 경우도 특정 HTML 요소는 3차원 공간 상에서 이동될 수 있다.
상기 가상 카메라의 위치 및 방향 변화는 사용자의 시점 변화로서, 사용자 입력에 따라 변화될 수 있다. 또한 상기 사용자 입력은 마우스, 키보드, 또는 상기 장치(10)를 포함하는 휴대(또는 웨어러블) 단말기의 센서를 통해 수행될 수 있다.
도 4는 3차원 가상 객체 및 HTML 요소를 포함하는 3차원 가상 공간의 장면 변화를 나타낸다. 도 4를 참조하면 사용자의 시점 변화((a)->(b))(즉 3차원 가상 공간 내 가상 카메라의 시점 변화)에 따라서 3차원 가상 객체와 HTML 요소가 3차원 이동되어 나타나고 있다. 즉 가상 객체와 HTML 요소들은 동일한 가상 카메라 시점과 3차원 렌더링 레이아웃 컨택스트를 공유할 수 있다.
따라서 3차원 가상 공간상에 배치되는 각 HTML 요소들은 가상 카메라의 위치 또는 방향 변화에 대응하여 이동(transform)되어 표시 될 수 있다. 이를 통해 사용자는 원하는 방향, 위치 및 크기로 HTML 문서로 표시되는 가상 공간 내 HTML 요소 및 3차원 가상 객체를 확인할 수 있다. 여기서 상기 가상 공간 제공부(11)는 XML을 통해 상기 3차원 가상 객체를 상기 가상 공간 상에 제공할 수 있다.
이를 위해서 상기 HTML 요소 배치부(12)는 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시킬 수 있다. 예컨대 상기 HTML 요소 배치부(12)는 HTML 문서를 통해 HTML 요소를 정의함에 있어서 대상이 되는 3차원 가상 객체를 태그(tag)함으로써 HTML 요소의 3차원 레이아웃과 3차원 가상 객체를 연관시킬 수 있다. 이에 따라서 연관된 HTML 요소는 연관된 3차원 가상 객체에 주석으로 표시될 수 있다. 또한 주석임을 표시할 수 있도록 별도의 HTML 요소와 3차원 가상 객체를 연결하는 식별표시가 웹 상에 표현될 수 있다(예컨대 도 4의 (A)).
아래는 X3D 방식으로 기술된 3차원 가상 객체 "earth"에 대하여 HTML 문서를 통해 HTML 요소를 태그하여 HTML 요소와 3차원 가상 객체를 연관시킨 코드의 예시이다.
HTML 태그의 예

Figure 112015040057286-pat00001


위쪽 단은 3차원 가상 객체를 나타내는 부분이고, 아래쪽 단은 HTML 요소(annotation object)를 나타낸다. 또한 상기 HTML 요소는 3차원 가상 객체를 타겟으로 태그하고 있다.
또한 일 예에서 상기 가상 객체에 연관되는 HTML 요소는 웹을 통해 사용자들로부터 입력된 다양한 정보를 포함할 수 있다. 이와 같이 3차원 가상 객체에 태그된 HTML 요소는 도 4에 도시된 바와 같이 가상 객체(300)에 주석(A)으로 표시될 수 있다. 상기 주석(A)을 통해 사용자는 HTML 요소가 연관된 3차원 가상 객체가 무엇인지 명확하게 확인할 수 있다. 또한 사용자는 특정 가상 객체에 HTML 요소를 태그함으로써 웹 상에서 주석을 달수 있고, 주석에서 대상 가상 객체에 대한 추가적인 설명 또는 자신의 의사를 표시할 수 있다.
또한 HTML 요소 배치부(12)는 상기 HTML 요소와 대상 객체(예컨대 3차원 가상 객체 또는 다른 HTML 요소)의 관계(웹 주석) 또는 HTML 요소를 웹 검색을 가능하게 하는 시맨틱 스키마를 이용하여 정의할 수 있다. 상기 웹 검색을 가능하게 하는 시맨틱 스키마는 기존의 웹 콘텐츠와 같이 시맨틱을 정의한 임의의 스키마를 포함할 수 있으며 이는 스키마의 종류에 따라 기존의 검색엔진이 해석할 수 있다. 예컨대 상기 웹 검색을 가능하게 하는 시맨틱 스키마는 schema.org에서 제공하는 스키마 표준일 수 있으나 이에 제한되는 것은 아니다.
이를 통해 대상 객체에 주석이 된 HTML 요소는 추가적인 작업 없이도 검색 엔진에 의해 사용될 수 있다.
일 예에서 HTML 요소 배치부(12)는 대상 객체에 대한 HTML 요소를 태그하기 위해서 아래의 표와 같이 추가적인 스키마를 정의하고 프로퍼티 값을 사용할 수 있다.
아래 표에서 HTML 요소는 schema.org에 정의되어 있는 MediaObject schema를 기초로 하고 있다.
Figure 112015040057286-pat00002
여기서 MediaObject는 image, video, audio와 같은 multimedia content를 나타내기 위한 schema로 일반적인 객체를 표현하는 Thing의 구체적인 schema이다. 또한 주석이 되는 HTML 요소와 대상이 되는 가상 객체의 관계는 microdata, microformat, JSON-LD (JSON for Linking Data), RDFa (Resource Description Framework in Attributes) 형식을 통해 HTML 문서 내에 기술될 수 있으나 이에 제한되는 것은 아니다.
일 예에서 상기 HTML 요소 배치부(12)는 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)할 수 있다. 이는 3차원 가상 객체와 HTML 요소의 레이아웃이 공유됨으로써 실현될 수 있다.
도 5는 3차원 가상 객체와 HTML 요소의 깊이 정보가 연관된 경우 표시되는 형태를 설명하기 위한 도이다. 도 5를 참조하면 도5(a)의 방향(R)에서 가상 객체(300)을 바라보는 경우, 가상 객체(300)와 HTML요소(240) 간의 깊이 정보가 연관되지 않으면 도 5(b)와 같이 가상 객체(300)와 HTML 요소(240)가 오버랩되어 장면이 구성될 수 있다. 그러나 본 발명의 일 실시예에 따르면 가상 객체(300)와 HTML 요소(240)의 깊이 정보가 서로 연관됨으로써 도 5(c)에서와 같이 시점에 따라서 뒤에 배치되는 요소는 나타나지 않을 수 있다. 예컨대 장면 구성부(13)는 이러한 깊이 정보를 이용하여 장면을 구성할 때에 객체간의 겹침을 방지할 수 있다.
즉 본 발명의 일 실시예에 따르면 3차원 가상 공간 내 HTML 요소 및 3차원 가상 객체가 동일한 가상 카메라 시점과 3차원 렌더링 레이아웃 컨택스트를 공유될 수 있다.
도 6은 본 발명의 일 실시예에 따른 3차원 가상공간의 일 예를 나타낸다. 구체적으로 도6에 있어서, HTML 요소(250)는 3차원 가상 객체(300)을 태그하고 있으며, HTML 요소(261, 262)는 독립적으로 존재한다. 도 6을 참조하면 사용자는 가상 카메라(400)를 자유롭게 이동시킴으로써 웹 브라우저에 표시되는 장면을 변경시킬 수 있다. 따라서 도 6에 있어서, HTML 요소(262)는 작게 표시되고 있으나, 가상 카메라를 (401)의 위치로 이동 시킨 경우 웹 브라우저에 HTML 요소(262)가 중점적으로 표시될 것이다.
본 발명의 일 실시예에 있어서 HTML 문서는 HTML 5 표준에 따라서 작성된 HTML 문서일 수 있다. 따라서 HTML 5에서 제공하는 임의 모든 기능들을 본 발명에 있어서는 HTML 요소에 적용시킬 수 있음은 당연하다. 또한 본 발명이 상기 HTML 5에 한정되는 것은 아니고 임의의 상하위 버전의 HTML 표준이 이용될 수 있다.
또한 일 실시예에 있어서, HTML 요소 배치부(12)는 적어도 하나의 HTML 요소를 가상 객체의 특정 부분에 태그하여 배치할 수도 있다. 여기서 상기 가상 객체는 임의 미디어 콘텐츠를 포함한다. 상기 미디어 콘텐츠는, 텍스트, N차원 이미지(상기 N은 정수), 동영상, 소리 콘텐츠를 포함할 수 있다.
일 예에서 미디어 파일 분석부(미도시)는 임의 미디어 콘텐츠 파일을 분석하여 임의 미디어 콘텐츠 파일의 구체적인 정보를 포함하는 HTML 요소를 생성할 수 있다. 즉 특정 미디어 콘텐츠 파일을 HTML 요소로 변환할 수 있다.
상기 미디어 콘텐츠 파일의 구체적인 정보는 상기 미디어 콘텐츠의 시각적인 특정 부분 또는 시간적인 특정 부분을 식별하기 위한 정보를 포함할 수 있다.
예컨대 도 5에 있어서 HTML 배치부(12)는 3차원 가상 객체(300)의 윗면(301)과 아랫면(302) 각각에 대한 정보가 생성되어 사용자는 3차원 가상 객체의 윗면(301) 또는 아랫면(302) 중 필요한 부분에 HTML 요소(240)을 태그하여 주석을 달 수 있다. 또한 가상 객체가 소리 콘텐츠 인 경우 특정 소리 구간에 대하여 HTML 요소를 태그하여 주석을 달 수도 있을 것이다. 이를 통해 사용자는 가상 객체의 특정 부분에 대하여 원하는 정보를 입력하거나 수정할 수 있다.
또한 일 예에서 상기 미디어 콘텐츠는 HTML 문서에 기반하여 생성된 이미지, 텍스트를 포함할 수 있다. 이와 같이 HTML 문서에의해 생성된 이미지는 SVG 파일 형식일 수 있으나 이에 제한되는 것은 아니다.
본 발명의 일 실시예에 따른 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법은 가상 공간 제공부에 의해, 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계 및 HTML 요소 배치부에 의해, HTML 문서에 기반하여 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계를 포함할 수 있다. 상기 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법은 상술한 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 장치에 의해 구현될 수 있다.
일 실시예에 있어서, 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법은 장면 구성부에의해, 상기 3차원 가상 공간 내 가상 카메라에 의해 촬영되는 영상을 렌더링하여 웹 브라우저 상에 3차원 장면을 구성하는 단계를 더 포함할 수 있다. 또한 상기 HTML 요소가 복수개인 경우, 각 HTML 요소는 동일한 3차원 레이아웃에 따라 표현될 수 있다.
상기 HTML 요소는, 텍스트, 이미지, 동영상, 웹 페이지, URI 중 하나 이상을 포함하나 이에 제한되는 것은 아니다. 또한 상기 HTML 요소는, 웹 검색을 가능하게 하는 시맨틱 스키마로 정의될 수 있다. 이에 따라서 구글, 야후와 같은 검색엔진에 의해 HTML 요소의 구체적인 내용이 검색될 수 있다.
상기 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계는, 상기 3차원 가상 공간 내 3차원 가상 객체를 제공할 수 있다. 예컨대 외부 파일을 불러와서 3차원 가상 공간에 배치하거나 HTML를 통해 생성된 3차원 가상 객체를 3차원 가상 공간 상에 배치시킬 수 있다.
또한 상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는, 상기 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시키는 것을 포함할 수 있다. 3차원 레이아웃이 연관됨으로써 사용자 시점(예컨대 가상 카메라)이 공유될 수 있다.
상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는, 상기 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 3차원 가상 공간 내 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)시킬 수 있다.
또한 상기 3차원 가상 공간 내 상기 HTML 요소와 3차원 가상 객체는 깊이 정보가 서로 연관될 수 있다.
또한 일 예에서 상기 HTML 문서는 HTML 5 표준에 따라서 작성된 것일 수 있으나 이에 제한되는 것은 아니다.
이상에서 살펴본 본 발명은 도면에 도시된 실시예들을 참고로 하여 설명하였으나 이는 예시적인 것에 불과하며 당해 분야에서 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 실시예의 변형이 가능하다는 점을 이해할 것이다. 그러나, 이와 같은 변형은 본 발명의 기술적 보호범위 내에 있다고 보아야 한다. 따라서, 본 발명의 진정한 기술적 보호범위는 첨부된 특허청구범위의 기술적 사상에 의해서 정해져야 할 것이다.

Claims (20)

  1. 웹 상에 표현되는 3차원 가상 공간을 제공하는 가상 공간 제공부; 및
    HTML 문서에 기반하여, 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 HTML 요소 배치부를 포함하되,
    상기 HTML 요소가 복수개인 경우, 적어도 두 개의 HTML 요소는 동일한 3차원 레이아웃에 따라 표현되는, 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  2. 제1항에 있어서,
    상기 3차원 가상 공간 내 가상 카메라에 의해 촬영되는 영상을 렌더링하여 웹 브라우저 상에 3차원 장면을 구성하는 장면 구성부를 더 포함하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  3. 삭제
  4. 제1항에 있어서,
    상기 HTML 요소는,
    텍스트, 이미지, 동영상, 웹 페이지, URI 중 하나 이상을 포함하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  5. 제1항에 있어서,
    상기 HTML 요소는 웹 검색을 가능하게 하는 시맨틱 스키마로 정의된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  6. 제1항에 있어서,
    상기 가상 공간 제공부는,
    상기 3차원 가상 공간 내 3차원 가상 객체를 제공하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  7. 제6항에 있어서,
    상기 HTML 요소 배치부는,
    상기 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시키는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  8. 제7항에 있어서,
    상기 HTML 요소 배치부는,
    상기 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 3차원 가상 공간 내 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  9. 제8항에 있어서,
    상기 3차원 가상 공간 내 상기 HTML 요소와 3차원 가상 객체는 깊이 정보가 서로 연관된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  10. 제1항에 있어서,
    상기 HTML 문서는 HTML 5 표준에 따라서 작성된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내기 위한 장치.
  11. 가상 공간 제공부에 의해, 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계;
    HTML 요소 배치부에 의해, HTML 문서에 기반하여 3차원 레이아웃에 따라 표현되는 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계를 포함하되,
    상기 HTML 요소가 복수개인 경우, 적어도 두 개의 HTML 요소는 동일한 3차원 레이아웃에 따라 표현되는, 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  12. 제11항에 있어서,
    장면 구성부에의해, 상기 3차원 가상 공간 내 가상 카메라에 의해 촬영되는 영상을 렌더링하여 웹 브라우저 상에 3차원 장면을 구성하는 단계를 더 포함하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  13. 삭제
  14. 제11항에 있어서,
    상기 HTML 요소는,
    텍스트, 이미지, 동영상, 웹 페이지, URI 중 하나 이상을 포함하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  15. 제11항에 있어서,
    상기 HTML 요소는,
    웹 검색을 가능하게 하는 시맨틱 스키마로 정의된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  16. 제11항에 있어서,
    상기 웹 상에 표현되는 3차원 가상 공간을 제공하는 단계는,
    상기 3차원 가상 공간 내 3차원 가상 객체를 제공하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  17. 제16항에 있어서,
    상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는,
    상기 HTML 요소의 3차원 레이아웃을 상기 3차원 가상 객체와 연관시키는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  18. 제17항에 있어서,
    상기 HTML 요소를 상기 3차원 가상 공간상에 배치하는 단계는,
    상기 3차원 가상 공간 내 상기 3차원 가상 객체를 기준으로 상기 3차원 가상 공간 내 상기 HTML 요소의 상대적인 위치 및 방향을 이동(transform)하는 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  19. 제18항에 있어서,
    상기 3차원 가상 공간 내 상기 HTML 요소와 3차원 가상 객체는 깊이 정보가 서로 연관된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
  20. 제11항에 있어서,
    상기 HTML 문서는 HTML 5 표준에 따라서 작성된 것을 특징으로 하는 웹 상에 3차원 정보를 갖는 HTML 요소를 나타내는 방법.
KR1020150057778A 2015-04-24 2015-04-24 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법 Active KR101716807B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020150057778A KR101716807B1 (ko) 2015-04-24 2015-04-24 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법
US15/132,957 US10585976B2 (en) 2015-04-24 2016-04-19 Device and method for representing HTML elements having 3-dimensional information on web

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150057778A KR101716807B1 (ko) 2015-04-24 2015-04-24 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법

Publications (2)

Publication Number Publication Date
KR20160126563A KR20160126563A (ko) 2016-11-02
KR101716807B1 true KR101716807B1 (ko) 2017-03-16

Family

ID=57146826

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150057778A Active KR101716807B1 (ko) 2015-04-24 2015-04-24 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법

Country Status (2)

Country Link
US (1) US10585976B2 (ko)
KR (1) KR101716807B1 (ko)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10691880B2 (en) * 2016-03-29 2020-06-23 Microsoft Technology Licensing, Llc Ink in an electronic document
US10271043B2 (en) 2016-11-18 2019-04-23 Zspace, Inc. 3D user interface—360-degree visualization of 2D webpage content
US11003305B2 (en) * 2016-11-18 2021-05-11 Zspace, Inc. 3D user interface
US10127715B2 (en) 2016-11-18 2018-11-13 Zspace, Inc. 3D user interface—non-native stereoscopic image conversion
US11086396B2 (en) * 2017-03-31 2021-08-10 Sony Interactive Entertainment LLC Depth-keying of web content
KR102111501B1 (ko) 2017-06-19 2020-05-15 주식회사 케이티 가상 현실 체험 서비스를 제공하는 서버, 사용자 단말 및 방법
US11036284B2 (en) 2018-09-14 2021-06-15 Apple Inc. Tracking and drift correction
US10777017B1 (en) * 2020-01-24 2020-09-15 Vertebrae Inc. Augmented reality presentation using a uniform resource identifier
US12443640B1 (en) * 2022-08-24 2025-10-14 Sequoia Port Inc Database document visualization and manipulation engine apparatuses, methods, systems and media
US12400381B2 (en) * 2023-01-17 2025-08-26 Tmrw Group Ip Dynamically generated virtual environments
KR102796907B1 (ko) * 2023-04-14 2025-04-18 주식회사 엘지유플러스 웹 기반 영상 표시 장치 및 방법

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101380854B1 (ko) * 2013-03-21 2014-04-04 한국과학기술연구원 웹 정보구조에 기반한 증강현실 콘텐츠 제공장치 및 방법

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6950791B1 (en) * 2000-09-13 2005-09-27 Antartica Systems, Inc. Method for describing objects in a virtual space
US7003522B1 (en) * 2002-06-24 2006-02-21 Microsoft Corporation System and method for incorporating smart tags in online content
KR100470922B1 (ko) 2002-12-09 2005-03-10 주식회사 두레시스템 웹 쓰리 디 가상현실에서 3차원으로 제작된 각종개체물들의 조합 및 표현과정과 결과물 이용에 따른컨텐츠 서비스 방법
US20050030309A1 (en) * 2003-07-25 2005-02-10 David Gettman Information display
GB2404546B (en) * 2003-07-25 2005-12-14 Purple Interactive Ltd A method of organising and displaying material content on a display to a viewer
US9268460B1 (en) * 2005-09-12 2016-02-23 Yongyong Xu System and method of modeling internet resources in a virtual space
KR100661052B1 (ko) 2006-09-01 2006-12-22 (주)큐텔소프트 유비쿼터스 센서 네트워크를 이용한 3차원 가상현실 콘텐츠구현 시스템 및 구현 방법
US8438471B2 (en) * 2009-07-13 2013-05-07 John R Thorpe System for speeding up web site use using task workflow templates for filtration and extraction
EP2381423A1 (en) * 2010-03-26 2011-10-26 Alcatel Lucent Method for transforming web from 2d into 3d
KR20130030336A (ko) 2011-09-08 2013-03-27 주식회사바텍 파노라마 영상획득 장치
KR101627169B1 (ko) * 2013-09-27 2016-06-07 한국과학기술연구원 증강현실 컨텐츠 저작 및 제공 시스템
GB2534086B (en) * 2013-10-01 2021-06-02 Dishno Aaron Three-dimensional (3D) browsing
KR101512084B1 (ko) 2013-11-15 2015-04-17 한국과학기술원 가상현실 기반의 3차원 웹 검색 인터페이스를 제공하는 웹 검색 시스템 및 그 제공 방법

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101380854B1 (ko) * 2013-03-21 2014-04-04 한국과학기술연구원 웹 정보구조에 기반한 증강현실 콘텐츠 제공장치 및 방법

Also Published As

Publication number Publication date
US10585976B2 (en) 2020-03-10
US20160314100A1 (en) 2016-10-27
KR20160126563A (ko) 2016-11-02

Similar Documents

Publication Publication Date Title
KR101716807B1 (ko) 웹 상에 3차원 정보를 갖는 html 요소를 나타내기 위한 장치 및 방법
KR101380854B1 (ko) 웹 정보구조에 기반한 증강현실 콘텐츠 제공장치 및 방법
KR101627169B1 (ko) 증강현실 컨텐츠 저작 및 제공 시스템
US8917286B2 (en) Image processing device, information processing device, image processing method, and information processing method
US20160112479A1 (en) System and method for distributed augmented reality
US10074216B2 (en) Information processing to display information based on position of the real object in the image
JP6044484B2 (ja) ビデオ再生方法、プログラム及びシステム
CN114357345A (zh) 图片处理方法、装置、电子设备及计算机可读存储介质
JP7337428B1 (ja) 対象物の双方向な三次元表現の制御方法、制御装置及び記録媒体
JP2019109596A (ja) 情報処理装置及び情報処理システム
CN101783090A (zh) 用以显示具有位置资料的照片的方法及其照片显示装置
US20080165207A1 (en) Method and System for Manipulating Graphical Images
US20140181709A1 (en) Apparatus and method for using interaction history to manipulate content
KR20120026836A (ko) 데이터 객체 디스플레이 방법 및 장치와 컴퓨터로 읽을 수 있는 저장 매체
Ünal et al. Location based data representation through augmented reality in architectural design
Lou Two fast prototypes of web-based augmented reality enhancement for books
KR101447992B1 (ko) 증강현실을 위한 3차원 표준 모델 관리 시스템 및 방법
Liu et al. On the precision of third person perspective augmented reality for target designation tasks
CN117193609A (zh) 图像处理方法、装置、计算机设备、存储介质和程序产品
JP2005284882A (ja) コンテンツ表現制御装置、コンテンツ表現制御システム、コンテンツ表現制御用基準物体、コンテンツ表現制御方法、コンテンツ表現制御プログラム、およびコンテンツ表現制御プログラムを記録した記録媒体
JP5353299B2 (ja) 画像検索システム、画像検索装置、及び画像検索方法
US20150095749A1 (en) Visual Representation of a Character Identity and a Location Identity
JP2007179565A (ja) 携帯機器
CN115713711A (zh) 视频标注方法、装置、计算机设备和存储介质
Na et al. HTML5: What’s Different for User Experience Design and the Web?

Legal Events

Date Code Title Description
A201 Request for examination
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20150424

PA0201 Request for examination
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20160630

Patent event code: PE09021S01D

PG1501 Laying open of application
E701 Decision to grant or registration of patent right
PE0701 Decision of registration

Patent event code: PE07011S01D

Comment text: Decision to Grant Registration

Patent event date: 20161230

GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20170309

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20170310

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
FPAY Annual fee payment

Payment date: 20200302

Year of fee payment: 4

PR1001 Payment of annual fee

Payment date: 20200302

Start annual number: 4

End annual number: 4

PR1001 Payment of annual fee

Payment date: 20210302

Start annual number: 5

End annual number: 5

PR1001 Payment of annual fee

Payment date: 20220223

Start annual number: 6

End annual number: 6

PR1001 Payment of annual fee

Payment date: 20250225

Start annual number: 9

End annual number: 9