KR20090000729A - System and method for web based cyber model house - Google Patents

System and method for web based cyber model house Download PDF

Info

Publication number
KR20090000729A
KR20090000729A KR1020070029651A KR20070029651A KR20090000729A KR 20090000729 A KR20090000729 A KR 20090000729A KR 1020070029651 A KR1020070029651 A KR 1020070029651A KR 20070029651 A KR20070029651 A KR 20070029651A KR 20090000729 A KR20090000729 A KR 20090000729A
Authority
KR
South Korea
Prior art keywords
web
model house
cyber model
based cyber
virtual
Prior art date
Application number
KR1020070029651A
Other languages
Korean (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 KR1020070029651A priority Critical patent/KR20090000729A/en
Publication of KR20090000729A publication Critical patent/KR20090000729A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/44Browsing; Visualisation therefor
    • G06F16/444Spatial browsing, e.g. 2D maps, 3D or virtual spaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G06F17/40Data acquisition and logging
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/12Digital output to print unit, e.g. line printer, chain printer
    • G06F3/1201Dedicated interfaces to print systems
    • G06F3/1223Dedicated interfaces to print systems specifically adapted to use a particular technique
    • G06F3/1237Print job management
    • G06F3/1244Job translation or job parsing, e.g. page banding
    • G06F3/1246Job translation or job parsing, e.g. page banding by handling markup languages, e.g. XSL, XML, HTML
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00Computer-aided design [CAD]
    • G06F30/20Design optimisation, verification or simulation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Hardware Design (AREA)
  • Tourism & Hospitality (AREA)
  • Human Resources & Organizations (AREA)
  • General Business, Economics & Management (AREA)
  • General Health & Medical Sciences (AREA)
  • Economics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • Multimedia (AREA)
  • Primary Health Care (AREA)
  • Marketing (AREA)
  • Strategic Management (AREA)
  • Evolutionary Computation (AREA)
  • Geometry (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • Processing Or Creating Images (AREA)

Abstract

A web-based cyber model house realization system and a method thereof for enabling a customer to select and view an estimate in advance are provided to enable the customer to select finishing materials directly as viewing an estimate through a realized cyber model house. A modeling domain(100) has a turn tool box, and models a web based cyber model house. A database domain(200) stores data required for implementation of the web based cyber model house. A server receives a java script from the database domain to realize an HTML document, and provides the web based cyber model house. A client(400) enables a user to use the web based cyber model house in connection with the server over the Internet.

Description

웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법{System and method for web based cyber model house}System and method for web based cyber model house

도 1은 종래 QTVR의 작동원리를 보인 개념도이다.1 is a conceptual diagram showing the operation principle of a conventional QTVR.

도 2는 종래 파노라마 VR 카메라의 촬영원리를 보인 개념도이다.2 is a conceptual diagram illustrating a photographing principle of a conventional panoramic VR camera.

도 3은 종래 QTVR 사이버 모델 하우스의 예를 보인 도면이다.3 is a diagram illustrating an example of a conventional QTVR cyber model house.

도 4는 본 발명의 일실시예에 의한 웹 기반 사이버 모델 하우스 구현 시스템의 블록구성도이다.4 is a block diagram of a web-based cyber model house implementation system according to an embodiment of the present invention.

도 5는 도 4에서 서버의 상세구성을 보인 블록구성도이다.5 is a block diagram showing the detailed configuration of the server in FIG.

도 6은 도 4에서 사용자와 관리자 사이의 연동관계를 보인 블록구성도이다.FIG. 6 is a block diagram illustrating a linkage relationship between a user and an administrator in FIG. 4.

도 7은 본 발명의 일 실시예에 의한 웹 기반 사이버 모델 하우스 구현 방법을 보인 흐름도이다.7 is a flowchart illustrating a web-based cyber model house implementation method according to an embodiment of the present invention.

도 8은 도 7에서 객체 모델링 처리 과정을 보인 개념도이다.FIG. 8 is a conceptual diagram illustrating an object modeling process in FIG. 7.

도 9는 도 7에서 조명 계획시 사용하는 IES 배광 데이터 파일을 보인 도면이다.FIG. 9 is a view illustrating an IES light distribution data file used in the lighting plan of FIG. 7.

도 10은 도 7에서 조명 계획시 3DS MAX에 의한 IES 파일 계획의 예를 보인 도면이다.FIG. 10 is a diagram illustrating an example of an IES file plan by 3DS MAX in the lighting plan of FIG. 7.

도 11은 도 7에서 턴툴 이벤트 제어 및 자바스크립트 제어시 HTML 상의 TNT 스크립트의 예를 보인 도면이다.FIG. 11 is a diagram illustrating an example of a TNT script in HTML during turn tool event control and JavaScript control in FIG. 7.

도 12는 본 발명에 의해 구현한 웹 기반 VR 모델 하우스 홈페이지의 예를 보인 도면이다.12 is a diagram showing an example of a web-based VR model house homepage implemented by the present invention.

도 13은 본 발명에 의해 구현한 웹 기반 VR 모델 하우스의 실행창의 예를 보인 도면이다.13 is a diagram showing an example of an execution window of a web-based VR model house implemented by the present invention.

도 14는 도 13에서 턴툴 실행창에서 화면창의 예를 보인 도면이다.FIG. 14 is a diagram illustrating an example of a screen window in a turn tool execution window in FIG. 13.

도 15는 도 13에서 턴툴 실행창에서 마감재창의 예를 보인 도면이다.15 is a view showing an example of the finishing material window in the turn tool execution window in FIG.

도 16은 도 13에서 턴툴 실행창에서 인테리어 견적 적용창의 예를 보인 도면이다.FIG. 16 is a diagram illustrating an example of an interior quotation application window in the turntool execution window in FIG. 13.

도 17은 본 발명에 의해 구현한 웹 기반 VR 모델 하우스의 실행창으로 견적창을 포함한 예를 보인 도면이다.17 is a view showing an example including an estimate window as an execution window of the web-based VR model house implemented by the present invention.

* 도면의 주요 부분에 대한 부호의 설명 *Explanation of symbols on the main parts of the drawings

100 : 모델링 영역100: modeling area

110 : 턴툴 박스110: turn tool box

200 : 데이터베이스 영역200: database area

300 : 서버300: server

310 : 웹 영역310: web area

311 : 웹 내비게이션 도구311: Web Navigation Tools

312 : 가상현실 운영부312 virtual reality operation

313 : 감각정보 생성부313: sensory information generation unit

320 : 가상현실 영역320: virtual reality area

321 : 3차원 저작 처리부321: 3D authoring unit

322 : 웹 기반 저작도구322: Web-based authoring tool

323 : 가상현실 데이터베이스323: virtual reality database

330 : EAI330: EAI

340 : 데이터베이스340: Database

400 : 클라이언트400: client

500 : 관리자 단말기500: administrator terminal

[1] 윤재은, 이준규(2002), "가상현실 모델하우스 활용 특성에 관한 연구", 한국 실내디자인 학회논문집 33호, pp.106-114[1] Jae-eun Yoon, Jun-gyu Lee (2002), "A Study on the Application Characteristics of Virtual Reality Model House," Journal of Korean Institute of Interior Design, No. 33, pp.106-114

[2] 신유진(1996), "'Active worlds'를 이용한 가상현실 건축의 가능성에 대한연구", 한국 실내디자인 학회논문집 19호, pp.20-29[2] Shin-Jin Shin (1996), "A Study on the Possibility of Virtual Reality Architecture Using 'Active Worlds'," Korean Institute of Interior Design Journal, Vol. 19, pp.20-29

[3] 정재환, 신유진(2001), "인터넷 가상현실을 이용한 가상 현실 건축의 필요성에 관한 연구", 대한건축학회, 학술발표논문집, 제21권 제1호[3] Jae Hwan Jung, Yu Jin Shin (2001), "A Study on the Necessity of Virtual Reality Architecture Using Internet Virtual Reality", Korean Institute of Architecture and Science, Vol. 21, No. 1

[4] 박종진, 김석태, 전한종(2006), "게임엔진을 활용한 가상건축 시뮬레이션 적용가능성에 관한 연구", 대한건축학회 논문집, 제22권 10호, pp.49-56[4] Jong-Jin Park, Seok-Tae Kim, Han-Jong Jeon (2006), "A Study on the Applicability of Virtual Architecture Simulation Using Game Engine", Proceedings of the Architectural Institute of Korea, Vol. 22, No. 10, pp.49-56

[5] 우성호(2005), "웹기반 참가형 가상모델하우스에 관한 연구", 한국 실내디자인 학회논문집 14권 3호, pp.216-223[5] Woo, Sung-Ho (2005), "A Study on the Web-Based Participant Model House," Journal of Korean Institute of Interior Design, Vol. 14, No. 3, pp.216-223

[6] 이규옥, 박재호, "QTVR을 이용한 인터넷 가상 모델 하우스 개발연구", pp.161-169[6] Kyu-Ok Lee, Jae-Ho Park, "Development of Internet Virtual Model House using QTVR", pp.161-169

[7] 신유진(2005), "가상현실에 구현된 실내 공간의 현실감 향상을 위한 기초연구", 대한건축학회 논문집 21권 7호, pp.11-18[7] Shin, Yu-Jin (2005), "Basic Study for Improving Reality of Interior Space Realized in Virtual Reality", Journal of the Architectural Institute of Korea, Vol. 21, No. 7, pp.11-18

본 발명은 웹 기반 사이버 모델 하우스에 관한 것으로, 특히 기존 파노라마 VR(Panorama Virtual Reality)의 단점을 보완한 웹(Web)에서 실시간으로 공급자와 소비자가 양방향으로 커뮤니케이션이 가능하도록 VR 언어(Language)의 일종인 턴툴(TURNTOOL)과 자바스크립트(JavaScript)를 이용하고, 마감재 등을 소비자가 직접 선택하고 견적까지 미리 볼 수 있는 사이버 모델 하우스를 구현하기에 적당하도록 한 웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법에 관한 것이다.The present invention relates to a web-based cyber model house, and in particular, a type of VR language that enables a provider and a consumer to bi-directionally communicate in real time on the web, which supplements the shortcomings of the existing panorama virtual reality. Web-based cyber model house implementation system and method using inturntool and JavaScript and suitable to implement cyber model house where consumers can select the finishing materials and preview in advance. It is about.

일반적으로 기존의 견본주택의 수요자는 아파트 선정의 중추적 역할을 해왔다. 그러나 사회는 산업 사회에서 정보화 사회로 도래하면서 각각의 가정에서는 초고속 전용선을 갖추게 되었고 2006년 기준으로 OECD 국가 중 100만 명당 26.4명으로 초고속 인터넷 가입자 4위의 IT강국이 되었다.In general, consumers of existing sample houses have played a pivotal role in apartment selection. However, as the society came from the industrial society to the information society, each household was equipped with a high-speed leased line, and as of 2006, it became the fourth-largest IT powerhouse of high-speed Internet subscribers, with 26.4 persons per million among OECD countries.

이런 정보화 사회에 살고 있는 소비자들의 기호 변화 및 개성화는 판교 신도시 등의 구입방식 변경으로 이루어 졌으며, 향후 견본주택 형태변화로 이루어지고 있다. 건설회사는 이러한 소비자들의 욕구 변화에 발맞추어 기존 견본주택의 기능 을 대체 할 수 있는 VR(Virtual Reality, Web에서 3D공간을 표현하는 Graphic Data 언어) 견본주택을 시장에 도입하였다.The change of personality and personalization of consumers living in this information society was made by changing the purchasing method of Pangyo New Town, etc., and it is made by changing the form of sample houses in the future. The construction company introduced VR (Virtual Reality), a graphic data language that expresses 3D space on the Web, which can replace the functions of existing model houses to keep up with the changing needs of consumers.

그러나 이러한 실사기반의 Panorama VR(축을 중심으로 360도 회전해 보면서 원하는 곳을 Zoom In/Out을 통해 사진 전체를 살펴볼 수 있는 프로그램) 견본주택은 제한적인 공간 창출, 경관 및 생활 여건 정보를 기대하기 어렵고, 소비자의 소비성향 및 요구를 충족하기에는 불충분한 것이 현실이다.However, this real-world-based Panorama VR (a program that allows you to rotate the 360 degrees around an axis and look at the entire photo through Zoom In / Out) is difficult to expect limited space creation, landscape and living information. The reality is that it is insufficient to meet consumer dispositions and needs.

종래 기술에서는 첫째, 가상현실을 정의 분류하고, 가상현실 선행 연구사례에 관해 고찰한다. 둘째, VRML(Virtual Reality Modeling Language)의 개요 및 장단점을 살핀다. 셋째, 기존 사이버 모델 하우스(Cyber Model House)의 주류를 이루고 있는 Panorama VR 형식의 개요 및 장단점에 관해 살펴본다.In the prior art, first, classify and classify virtual reality, and consider a case study of previous studies. Second, it looks at the outline and advantages and disadvantages of the Virtual Reality Modeling Language (VRML). Third, the overview and advantages and disadvantages of Panorama VR format, which is the mainstream of the existing Cyber Model House, will be examined.

1. 가상현실의 개요 및 선행연구1. Overview of Virtual Reality and Previous Research

가상현실은 현실(Reality)과 비현실(Virtual)의 합성어로 1989년 미국 VPL Research사의 재로우 레이니어(Jarrow Lanier에 의해 최초로 명명되었다. 이 기술은 컴퓨터 시스템을 통하여 시공전의 건축물이나 가상으로 구현한 환경 및 상황 등을 모의실험을 통하여 실제로 경험 하는 것과 느낌을 가지게 하는 것이다.Virtual Reality is a combination of Reality and Virtuality, first named by Jarrow Lanier of VPL Research in the United States in 1989. This technology is a computer system that can be used as a pre-construction building or virtualized environment. It is to simulate the situation and to have a real experience and feeling.

가상현실은 '컴퓨터로 창조된 인조의 공간(Cyber Space)에서 인간이 현실감을 느끼는 것'이라 할 수 있다. 실시간으로 배경 및 사물에 대한 자유로운 탐색, 조정, 경험이 가능한 컴퓨터에 의해 인위적으로 만들어진 3차원 환경의 매개물을 말하며, 가상현실 형태상 Impressive VR System, Desktop/Vehicle VR, Augmented Reality 등으로 나눌 수 있다(종래기술의 문헌 정보 [1] 윤재은, 이준규(2002), " 가상현실 모델하우스 활용 특성에 관한 연구", 한국 실내디자인 학회논문집 33호, p.106. 이하에서는 문헌 정보의 번호만을 기재함).Virtual reality can be said to be the reality that humans feel in the cyber space created by computers. It is a medium of 3D environment artificially created by computer that can freely search, adjust, and experience backgrounds and objects in real time.It can be divided into Impressive VR System, Desktop / Vehicle VR, Augmented Reality, etc. Prior Art Document Information [1] Yoon, Eun-Kyu, Lee, Jun-Kyu (2002), "A Study on the Application Characteristics of Virtual Reality Model House," Korean Institute of Interior Design Journal, No. 33, p.106.

몰입형 가상현실(Impressive VR)은 컴퓨터가 만들어 내는 3차원 공간에서 사용자가 기본적으로 필요한 장비를 착용하고 완전히 직접 몰입 되어 그 속에서 정의된 세계를 경험하고 상호작용 하여 정보를 주고받을 수 있는 가상현실 시스템이다. Desktop/Vehicle VR 방식은 전통적인 모니터 화면을 투시되는 화면으로 이용하는 방식이며 Third VR 형식은 사용자가 비디오 카메라를 설치된 방으로 들어가 카메라에 자신의 움직임을 전달하여 컴퓨터가 만들어낸 가상물체와 서로 작용하여 이미 계획된 합성방법으로 화면에 다시 보여 주는 기술이다([2]). 기존 사이버 모델 하우스에는 Desktop/Vehicle VR 형식이 가장 많이 사용된다. Desktop/Vehicle VR 형식을 세 분류로 나누어 보면 QTVR(Quicktime Virtual Reality)를 이용한 파노라마 형식이 가장 많이 사용되고 있으며, VRML에 대체격인 X3D(Extensible Three Dimension, 확장가능한 3D)를 이용한 형식과 본 발명에서 제안할 TURNTOOL을 이용한 형식 등이 있다([3])Immersive VR is a virtual reality where users can wear basic equipment and completely immerse themselves in the three-dimensional space created by computer and experience and interact with the world defined in it. System. The Desktop / Vehicle VR method uses the traditional monitor screen as a perspective screen, and the Third VR format allows users to enter the room where the video camera is installed and communicate their movements to the camera to interact with the virtual objects created by the computer. This technique is shown again on the screen by the synthesis method ([2]). Desktop / Vehicle VR format is most commonly used in existing cyber model houses. When the Desktop / Vehicle VR format is divided into three categories, the panorama format using QTVR (Quicktime Virtual Reality) is most commonly used, and the format using X3D (Extensible Three Dimension), which is an alternative to VRML, is proposed in the present invention. Format using TURNTOOL etc. ([3])

다양한 가상현실 기술은 각 형태에 따라 많은 분야에서 다양한 형태로 구현되고 있는데 건축에서는 국내의 경우 OPEN GL과 DirectX로 이루어진 API(Application Programming Interface, 운영체제(OS)와 응용프로그램(Application) 사이의 통신에 사용되는 언어나 메시지 형식) 기반의 게임엔진을 활용한 가상건축 시뮬레이션에 관한 연구([4]), X3D 기반의 웹기반 참가형 모델하우스에 관한 연구([5]), QTVR을 이용한 인터넷 가상 모델 하우스 개발연구([6]) 등 이 있다. 산업에서는 쌍용자동차는 인터넷 홈페이지에서 Showroom을 통해 3D전자 카탈로그를 운영하고 있고, Sony Korea는 인터넷 홈페이지를 통해 VAIO Notebook 3D전자 카탈로그를 운영하고 있다. 토요다 자동차의 경우 2005 서울 모터쇼에서 CAVE형 현장 전자 카탈로그(e-Catalog)인 'exclusive zone'를 설치해 3D 시뮬레이션을 통해 고객들이 원하는 차량의 외부 색상과 내부 인테리어 등 각각의 사양들을 실제 이미지로 구현해 보다 사실감 있는 정보를 제공하였다. 방송에서는 증강현실을 이용해 축구경기, 선거 방송 및 날씨예보 등에 사용되어 지고 있다. 의학 분야에서는 연세대학교 세브란스 정신건강병원에서 환자의 사회기술훈련에 사용되는 특수 프로젝터, 3차원 몰입 HMD(Head Mounted Display, 안경형 모니터), 가상거리 측정 시스템, 자동녹화 및 입체음향 시스템, one-way mirror 등을 이용한 VR 클리닉이 운영되고 있다. 연구 분야에서는 KISTI의 몰입형 가시화 시스템인 비주얼 슈퍼 컴퓨팅이 가능한 씨모어(Seemore)가 2003년부터 운영 되고 있다. CAVE형은 KIST의 영상미디어 센터에서 Reality Studio를 운영하고 있다.Various virtual reality technologies are implemented in various forms in various fields according to each type.In architecture, it is used for communication between API (Application Programming Interface), operating system (OS) and application program composed of OPEN GL and DirectX in Korea. Study on virtual architecture simulation using game engine based on the language or message format ([4]), study on web-based participant model house based on X3D ([5]), internet virtual model house using QTVR Development research [6]. In the industry, Ssangyong is operating 3D e-catalogue through Showroom on the Internet homepage, and Sony Korea operates VAIO Notebook 3D e-catalogue through the internet homepage. Toyota Motor Co., Ltd. installed 'exclusive zone', a CAVE-type e-catalog, at the 2005 Seoul Motor Show, and realized each model's specifications such as the exterior color and interior of the vehicle through actual 3D simulation. Information provided. In broadcasting, augmented reality is used for soccer games, election broadcasts and weather forecasts. In medical field, special projector, 3D immersive head mounted display (HMD), virtual distance measurement system, automatic recording and stereo sound system, one-way mirror, are used for training of patients' social skills at Yonsei University Severance Mental Health Hospital. VR clinic using the back is running. In the field of research, Seemore, a visual supercomputing system, KISTI's immersive visualization system, has been in operation since 2003. CAVE operates Reality Studio at KIST's Video Media Center.

2. VRML을 이용한 사이버 모델 하우스2. Cyber Model House using VRML

VRML(Virtual Reality Modeling Language)이란 3차원 세계와 사운드, 동영상 등의 멀티미디어를 WWW(World Wide Web) 상에서 모델링하기 위한 언어이다. 인터넷을 이용한 IVR(Internet Virtual Reality)을 활용하여 인터넷이 연결된 곳이면 어느 곳이든 다수의 관찰자가 원하는 공간을 자신의 의도대로 직접 체험할 수 있는 공간이다([7]).VRML (Virtual Reality Modeling Language) is a language for modeling 3D world, multimedia such as sound and video on the World Wide Web. It is a space where a large number of observers can experience the desired space directly as their intention wherever the Internet is connected by utilizing the Internet Virtual Reality (IVR) ([7]).

VRML은 3차원 가상공간을 표시하기 위한 언어 사양이다. HTML(HyperText Markup Language, 하이퍼 텍스트 표기 언어) 문서가 스크립트로 작성한 파일에 태그를 붙이듯이 VRML도 각각의 물체를 노드라는 태그로 둘러싸여 있다. 3차원이 상당한 양의 데이터를 가지는 것에 비해 VRML은 의외로 간단하다. 일반 에디터에서 텍스트 형식을 스크립트를 입력하여 확장자를 *.wrl로 가지도록 파일을 저장한다.VRML is a language specification for displaying three-dimensional virtual space. Just as HTML (HyperText Markup Language) documents tag scripted files, VRML surrounds each object with a tag called a node. VRML is surprisingly simple compared to three-dimensional having a significant amount of data. Save the file with the extension * .wrl by entering the script in text format in the normal editor.

추후에 인터넷상의 WWW 서버 상에 설치된 VRML 형식의 3차원 공간 기술파일(*.wrl)이 일반 사용자에서 전송되고, VRML 사용자 측의 컴퓨터에 탑재되어 있는 VRML 브라우저에서 텍스트 형식의 데이터를 3차원 데이터로 렌더링 함으로써, 3차원 가상공간이 디스플레이에 표시된다. 이에 따라 표시된 3차원 가상공간 속을 마우스 조작 또는 키보드 등의 입력 장치를 통하여 이동 및 제어할 수 있다. 또한 3차원 공간 안의 물체에 링크시킬 수 있으며, 그 물체를 마우스를 이용하여 클릭함으로써, 그 물체를 제어 하고, 2차원의 HTML 파일을 읽어 들일 수 있다.The 3D spatial description file (* .wrl) of the VRML format installed on the WWW server on the Internet is transmitted from the general user, and the text format data is converted into the 3D data from the VRML browser mounted on the computer of the VRML user. By rendering, the three-dimensional virtual space is displayed on the display. Accordingly, the displayed 3D virtual space can be moved and controlled through an input device such as a mouse operation or a keyboard. You can also link to an object in three-dimensional space, and by clicking on the object with the mouse, you can control the object and read two-dimensional HTML files.

건축분야에서는 VRML을 이용해 이미 설계가 끝난 건물을 효율적으로 광고하고, CAD(Computer Aided Design, 컴퓨터를 이용한 설계)의 데이터도 컨버터를 구사하면 유효하게 활용할 수 있다. 또한 완공 전의 건물에 대해서도 VRML을 사용해 시뮬레이션 하여 완공 후의 건물 내부를 가상적으로 걸어 다닐 수 있게 된다. 이런 VRML의 기술이 사용하면 가상적인 주택전시장도 충분히 실현할 수 있음을 증명한다. CAD 데이터 전송이 상대적으로 떨어진 장소에서 설계한 상품을 3차원으로 발주자에게 사전에 보이는 것이 가능하게 되며, 커뮤니케이션 부족에서 오는 의사소통을 줄일 수 있다. 특히 인터넷을 사용하면 해외와의 정보교환도 간단해지고, 해외 진출 처와 설계점검 등에도 사용할 수 있고. 그 외에도 모든 사람들의 아이디어로 점차 응용분야가 넓어질 것으로 사료된다.In the architectural field, VRML can be used to efficiently advertise already-prepared buildings, and CAD (Computer Aided Design) data can be effectively utilized by using converters. In addition, VRML can be simulated for the building before completion so that users can virtually walk inside the building after completion. The use of VRML's technology proves that the virtual housing market can be fully realized. Products designed in places where CAD data transfer is relatively far away can be shown in advance to the client in three dimensions, reducing communication from lack of communication. In particular, the Internet makes it easier to exchange information with foreign countries, and can be used for overseas operations and design checks. In addition, it is expected that the field of application will be gradually expanded with the idea of everyone.

VRML의 장점은 첫째, VRML은 국제 표준 기구인 ISO(the International Organization for Standardization, 국제 표준화 기구)와 IEC(the International Electrotechnical Commission, 국제 전기기술 위원회)에서 인터넷 상에서 3차원 그래픽을 표현하는 표준으로 공인되었다.The advantages of VRML are: First, VRML has been recognized as a standard for representing 3D graphics on the Internet by the International Organization for Standardization (ISO) and the International Electrotechnical Commission (IEC). .

둘째, 이미지를 기반의 3D 이미지 및 모델링 기반의 3D 등을 지원해 준다.Second, it supports image based 3D image and modeling based 3D.

셋째, VRML은 라이센스가 무료로 누구나 자유로이 웹상에서 표현할 수 있다.Third, VRML can be freely expressed on the web by anyone with a free license.

넷째, VRML은 html의 형태로 특별한 에디터가 필요 없고, 아무 문서 편집기에서 작성, 편집이 가능하다.Fourth, VRML does not require a special editor in the form of html, and can be written and edited in any text editor.

VRML의 단점을 살펴보면 첫째, VRML의 처리 속도가 느리다는 데 있다. VRML이 아무리 예전의 3차원 데이터 표현 방식에 비해 엄청나게 간단한 형식으로 표현한다고는 하지만 현재의 네트워크 성능과 렌더링 성능 가지고는 만족스러운 파일 로드 속도를 나타내지 못한다는 것이다. 이것은 VRML의 직접적인 책임이라고는 볼 수 없을 수도 있지만 좀 더 속도 향상을 꾀할 수 있는 구조의 개발도 필요할 것이다. 둘째로 화면의 질로 대표되는 사용자의 몰입감을 떨어뜨리는 요인들이 있다는 것이다. VRML에서 가상 세계와의 상호작용을 할 수 있는 체계를 제공하고는 있지만 아직 만족스럽지 못하고 많은 기능의 추가와 성능의 향상이 요구되고 있다The shortcomings of VRML are first, the slow processing speed of VRML. Although VRML expresses it in an extremely simple format compared to the old three-dimensional data representation method, current network performance and rendering performance does not show satisfactory file loading speed. This may not be the direct responsibility of VRML, but it will also require the development of a more speedy architecture. Second, there are factors that reduce the user's immersion represented by the quality of the screen. Although VRML provides a mechanism for interacting with the virtual world, it is not yet satisfactory and requires the addition of many functions and improved performance.

3. Panorama VR을 이용한 Cyber Model House 활용3. Cyber Model House using Panorama VR

Panorama VR은 웹에서 이미지 기반의 공간을 체험 할 수 있는 기술이다. Panorama VR의 대표적인 기술은 애플 컴퓨터의 동영상처리 기술인 Quicktime을 바 탕으로 구현되는 QTVR 기술이다. QTVR은 실사(Photo Still Image)를 바탕으로 하여 이루어진다.Panorama VR is a technology that allows you to experience image-based space on the web. Panorama VR's representative technology is QTVR, which is based on Quicktime, Apple's video processing technology. QTVR is based on photo still images.

도 1은 종래 QTVR의 작동원리를 보인 개념도이다.1 is a conceptual diagram showing the operation principle of a conventional QTVR.

도 1에서 보는 것과 같이 가장 많이 사용 되는 것은 Panorama VR 형식의 QTVR이다. QTVR은 도 1에서 보는 바와 같이 같은 모양으로 중심점을 가지고 있다. 이 중심점의 카메라는 사용자가 가상공간을 바라보는 뷰어의 시각이다. 이 점으로 부터 뷰어는 원형 파노라마의 어떤 곳이라도 볼 수 있다. QTVR은 실사기반으로 결과물을 제작할 수 있으며 장면(Scene)을 위한 사진을 얻기 위해서는 도 2와 같이 일정한 각도로 카메라를 회전시키며 사진을 360도로 촬영해야 한다([6]).As shown in Fig. 1, the most commonly used is QTVR in Panorama VR format. QTVR has a center point in the same shape as shown in FIG. The camera at this center point is the viewer's view of the virtual space. From this point the viewer can see anywhere in the circular panorama. QTVR can produce the result on the basis of live-action, and in order to obtain a picture for a scene, it is necessary to rotate the camera at a predetermined angle and take a picture 360 degrees as shown in FIG. 2 ([6]).

도 2는 종래 파노라마 VR 카메라의 촬영원리를 보인 개념도이다.2 is a conceptual diagram illustrating a photographing principle of a conventional panoramic VR camera.

종래 VR 모델 하우스에 사용되는 QTVR은 프로그램의 특성상 실사기반으로 가상현실 관찰자가 어느 방을 보더라도 이를 가능 하게 하는 간단한 6면을 가진 정육면체로 구성된다. 정육면체의 각각의 면에 실사 그림을 입히고 중심점에서 카메라가 회전 하면서 살펴보는 형식이다.The QTVR used in the conventional VR model house is composed of a simple six-sided cube that enables the virtual reality observer to view any room on the basis of due diligence due to the characteristics of the program. It is a form of putting a realistic picture on each side of the cube and watching as the camera rotates at the center point.

도 3은 종래 QTVR 사이버 모델 하우스의 예를 보인 도면이다.3 is a diagram illustrating an example of a conventional QTVR cyber model house.

QTVR 사이버 모델 하우스의 장점을 살펴보면 첫째, QTVR은 이미지 기반으로 모델링 기반의 웹 3D 기술보다 대기시간이 짧다.Looking at the advantages of the QTVR cyber model house: First, QTVR is image-based and has lower latency than modeling-based web 3D technology.

둘째, QTVR은 렌더링이 끝난 사진 이미지로 가상현실을 구현함으로 타 방식에 비해 컴퓨터 부하가 적다.Second, QTVR implements virtual reality with rendered photo images, which results in less computer load than other methods.

그러나 QTVR 사이버 모델 하우스의 단점을 살펴보면 다음과 같다.However, the shortcomings of the QTVR cyber model house are as follows.

첫째, QTVR Cyber Model House는 실사 기반으로 견본 주택이 건설 되어야만 제작이 가능하다. 또한 건설교통부 고시 제2005-397호 제 8조 2항(사이버견본주택의 운용)에 따르면, 사이버 견본주택은 마감자재 목록 및 자재별 사진을 비치하여야 한다. 하지만 QTVR의 경우는 견본주택의 실사 촬영 기반으로 잘못된 정보를 전달할 수 있다.First, the QTVR Cyber Model House can be manufactured only after the prototype house is built on the basis of due diligence. In addition, according to Article 8, Paragraph 2 (Operation of Cyber Sample Housing) of the Ministry of Construction and Transportation Notice No. 2005-397, cyber sample houses shall have a list of finishing materials and photographs for each material. However, in the case of QTVR, false information can be delivered based on live-action photography of sample houses.

둘째, QTVR의 특성상 카메라가 중심점에 고정되어 있어 축을 중심으로 회전운동 및 약간의 상하 운동만 할 수 있다. 또한 모서리 부분의 외곡이 심하고 확대시 맵(Map)이 비트맵 방식으로 고해상도의 이미지가 아니므로 깨짐 현상이 발생한다.Second, due to the nature of QTVR, the camera is fixed to the center point, so it can only rotate and slightly move up and down about the axis. In addition, when the edge of the corner is severe and the map is not a high-resolution image in a bitmap method, a crack occurs.

셋째, QTVR은 2D 차원의 이미지를 3차원 면에 붙여 면을 구속하는 방식으로 다분히 2차원적 이미지가 강하고 공간감이 약해 소비자에게 왜곡된 사실을 전달할 우려가 있다.Third, QTVR attaches the 2D image to the 3D surface and constrains the surface so that the 2D image is strong and the space is weak.

종래의 VRML 기반 사이버 모델 하우스와 Panorama VR 기반의 사이버 모델 하우스의 특징을 종합해 보면, 사람이 심리적으로 기다릴 수 있는 스트리밍 시간이 길고 가상공간 내에서 제어가 곤란한 문제점이 있음을 알 수 있다. 또한 실사 기반으로 오프라인(Off-Line) 견본 주택이 건설 되어야만 제작이 가능 하다, 이는 사이버 모델 하우스의 장점인 비용절감의 특성을 살릴 수 없고, 소비자에게 더욱 더 과중한 부담을 안겨주는 문제점이 있게 된다.Combining the features of the conventional VRML-based cyber model house and the Panorama VR-based cyber model house, it can be seen that there is a problem that the streaming time that a person can psychologically wait is long and the control is difficult in the virtual space. In addition, it is possible to produce only when offline sample houses are built on the basis of due diligence, which cannot take advantage of the cost saving characteristics, which is the advantage of cyber model houses, and puts a heavy burden on consumers.

이에 본 발명은 상기와 같은 종래의 제반 문제점을 해결하기 위해 제안된 것으로, 본 발명의 목적은 기존 파노라마 VR의 단점을 보완한 웹에서 실시간으로 공급자와 소비자가 양방향으로 커뮤니케이션이 가능하도록 VR 언어의 일종인 턴툴과 자바스크립트를 이용하고, 마감재 등을 소비자가 직접 선택하고 견적까지 미리 볼 수 있는 사이버 모델 하우스를 구현할 수 있는 웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법을 제공하는데 있다.Accordingly, the present invention has been proposed to solve the above-mentioned general problems, and an object of the present invention is to provide a bidirectional communication between a provider and a consumer in real time on the web, which compensates for the shortcomings of the conventional panorama VR. The present invention provides a web-based cyber model house implementation system and a method for implementing a cyber model house using an intern tool and JavaScript, and selecting a finishing material and previewing the quotation.

상기와 같은 목적을 달성하기 위하여 본 발명의 일 실시예에 의한 웹 기반 사이버 모델 하우스 구현 시스템은,Web-based cyber model house implementation system according to an embodiment of the present invention to achieve the above object,

턴툴 박스를 구비하여 웹 기반 사이버 모델 하우스를 모델링하는 모델링 영역과; 웹 기반 사이버 모델 하우스의 구현에 필요한 데이터를 저장하는 데이터베이스 영역과; 상기 턴툴 박스로부터 TNT 파일을 전달받고, 상기 데이터베이스 영역으로부터 자바스크립트를 전달받아 HTML 문서를 구현하여 웹 기반 사이버 모델 하우스를 제공하는 서버와; 상기 서버와 인터넷으로 연결되어 웹 기반 사이버 모델 하우스를 사용자가 이용하도록 하는 클라이언트;를 포함하여 이루어짐을 그 기술적 구성상의 특징으로 한다.A modeling area for modeling a web-based cyber model house having a turn tool box; A database area for storing data necessary for implementing a web-based cyber model house; A server providing a web-based cyber model house by receiving a TNT file from the turn tool box, receiving JavaScript from the database area, and implementing an HTML document; And a client connected to the server and the Internet to allow a user to use a web-based cyber model house.

상기와 같은 목적을 달성하기 위하여 본 발명의 일 실시예에 의한 웹 기반 사이버 모델 하우스 구현 방법은,Web-based cyber model house implementation method according to an embodiment of the present invention to achieve the above object,

턴툴을 이용하여 웹 기반 사이버 모델 하우스의 객체 모델링 및 맵핑을 수행하는 제 1 단계와; 상기 제 1 단계 후 사이버 모델 하우스에 대한 조명 계획을 실행하고, 조명의 데이터 값을 입히도록 하는 제 2 단계와; 상기 제 2 단계 후 턴툴 이벤트 제어 및 자바스크립트 제어를 수행하여 사이버 모델 하우스에 대한 사용자와 공급자 간의 데이터 교환이 가능하도록 처리하는 제 3 단계;를 포함하여 수행함을 그 기술적 구성상의 특징으로 한다.A first step of performing object modeling and mapping of a web-based cyber model house using a turn tool; A second step of executing a lighting plan for the cyber model house after the first step and applying a data value of the lighting; And a third step of performing turn tool event control and JavaScript control after the second step to process data exchange between a user and a provider for the cyber model house.

이하, 상기와 같은 본 발명, 웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법의 기술적 사상에 따른 일 실시예를 도면을 참조하여 설명하면 다음과 같다.Hereinafter, an embodiment according to the technical concept of the present invention, a web-based cyber model house implementation system, and a method thereof will be described with reference to the accompanying drawings.

도 4는 본 발명의 일실시예에 의한 웹 기반 사이버 모델 하우스 구현 시스템의 블록구성도이다.4 is a block diagram of a web-based cyber model house implementation system according to an embodiment of the present invention.

이에 도시된 바와 같이, 턴툴 박스(110)를 구비하여 웹 기반 사이버 모델 하우스를 모델링하는 모델링 영역(100)과; 웹 기반 사이버 모델 하우스의 구현에 필요한 데이터를 저장하는 데이터베이스 영역(200)과; 상기 턴툴 박스(110)로부터 TNT 파일을 전달받고, 상기 데이터베이스 영역(200)으로부터 자바스크립트를 전달받아 HTML 문서를 구현하여 웹 기반 사이버 모델 하우스를 제공하는 서버(300)와; 상기 서버(300)와 인터넷으로 연결되어 웹 기반 사이버 모델 하우스를 사용자가 이용하도록 하는 클라이언트(400);를 포함하여 구성된 것을 특징으로 한다.As shown here, the modeling area 100 includes a turn tool box 110 to model a web-based cyber model house; A database area 200 for storing data necessary for implementing a web-based cyber model house; A server (300) receiving a TNT file from the turn tool box (110), receiving a JavaScript from the database area (200), and implementing an HTML document to provide a web-based cyber model house; And a client 400 connected to the server 300 through the Internet to allow a user to use a web-based cyber model house.

도 5는 도 4에서 서버의 상세구성을 보인 블록구성도이다.5 is a block diagram showing the detailed configuration of the server in FIG.

이에 도시된 바와 같이, 상기 서버(300)는, 상기 클라이언트(400)와 연결되고 웹 내비게이션을 제공하는 웹 영역(310)과; 상기 웹 영역(310)과 EAI(External Authoring Interface)(330)를 통해 연결되어 가상현실을 제공하는 가상현실 영역(320)과; 상기 웹 영역(310)과 상기 가상현실 영역(320) 간의 연동이 가능하도록 통합하는 솔루션인 EAI(330);를 포함하여 구성된 것을 특징으로 한다.As shown here, the server 300 includes: a web area 310 connected to the client 400 and providing web navigation; A virtual reality area 320 connected to the web area 310 and an external authoring interface (EAI) 330 to provide virtual reality; And an EAI 330 which is a solution that integrates the web area 310 and the virtual reality area 320 to enable interworking.

상기 웹 영역(310)은, 사용자가 상기 클라이언트(400)를 통해 마우스나 키보드 등의 입력 장치를 통하여 3차원으로 구현된 가상의 공간을 탐험함과 동시에 정보를 입력할 수 있도록 처리하는 웹 내비게이션 도구(Web Navigation Tool)(311)와; 상기 웹 내비게이션 도구(311)와 연결되고, 자바스크립트(Javascript)의 제어 하에 가상현실 DB(323)로부터 가상객체를 공급 받으며, 가상공간의 이벤트(Event) 제어 및 공간의 위치, 회전을 포함한 제어를 수행하는 가상현실 운영부(312)와; 상기 가상현실 운영부(312)와 연결되고, 사용자가 상기 클라이언트(400)를 통해 요청한 정보를 처리하여 시각정보와 청각정보를 포함한 정보를 3차원적으로 디스플레이 하는 감각정보 생성부(313);를 포함하여 구성된 것을 특징으로 한다.The web area 310 is a web navigation tool that allows a user to explore a virtual space realized in three dimensions through an input device such as a mouse or a keyboard through the client 400 and input information at the same time. (Web Navigation Tool) 311; Connected to the web navigation tool 311, receives a virtual object from the virtual reality DB 323 under the control of JavaScript (Java), and controls the event (event) of the virtual space and control, including the position and rotation of the space A virtual reality operating unit 312 to perform; And a sensory information generator 313 connected to the virtual reality operator 312 and processing information requested by a user through the client 400 to three-dimensionally display information including visual information and auditory information. Characterized in that configured.

상기 가상현실 영역(320)은, 3DS MAX 또는 TURNTOOL을 포함한 가상 저작도구를 통하여 3차원의 가상 저작도구를 제작하도록 하는 3차원 저작 처리부(321)와; 가상공간을 저작하는 것을 제어하는 웹 기반 저작도구(322)와; 상기 3차원 저작 처리부(321) 및 상기 웹 기반 저작도구(322)와 연결되고, 상기 웹 영역(310) 내의 가상현실 운영부(312)에서 사용하게 될 멀티 가상객체, 멀티미디어 자료, 웹 기반 가상 저작도구를 포함한 가상현실 DB(323);를 포함하여 구성된 것을 특징으로 한다.The virtual reality area 320 includes a 3D authoring processor 321 for producing a 3D virtual authoring tool through a virtual authoring tool including 3DS MAX or TURNTOOL; A web-based authoring tool 322 for controlling authoring of the virtual space; It is connected to the three-dimensional authoring processing unit 321 and the web-based authoring tool 322, multi-virtual object, multimedia material, web-based virtual authoring tool to be used by the virtual reality operating unit 312 in the web area 310 It comprises a virtual reality DB (323) including a.

상기 EAI(External Authoring Interface)(330)는, 상기 웹 영역(310) 내의 가상현실 운영부(312)와 상기 가상현실 영역(320) 내의 웹 기반 저작도구(322) 사이의 상호 인터페스를 제공하는 것을 특징으로 한다.The external authoring interface (EAI) 330 is to provide a mutual interface between the virtual reality management unit 312 in the web area 310 and the web-based authoring tool 322 in the virtual reality area 320. It features.

도 6은 도 4에서 사용자와 관리자 사이의 연동관계를 보인 블록구성도이다.FIG. 6 is a block diagram illustrating a linkage relationship between a user and an administrator in FIG. 4.

여기서 참조번호 340은 데이터베이스이고, 500은 관리자 단말기이다.Here, reference numeral 340 is a database, and 500 is an administrator terminal.

도 7은 본 발명의 일 실시예에 의한 웹 기반 사이버 모델 하우스 구현 방법을 보인 흐름도이다.7 is a flowchart illustrating a web-based cyber model house implementation method according to an embodiment of the present invention.

이에 도시된 바와 같이, 턴툴을 이용하여 웹 기반 사이버 모델 하우스의 객체 모델링 및 맵핑을 수행하는 제 1 단계(ST1)와; 상기 제 1 단계 후 사이버 모델 하우스에 대한 조명 계획을 실행하고, 조명의 데이터 값을 입히도록 하는 제 2 단계(ST2)와; 상기 제 2 단계 후 턴툴 이벤트 제어 및 자바스크립트 제어를 수행하여 사이버 모델 하우스에 대한 사용자와 공급자 간의 데이터 교환이 가능하도록 처리하는 제 3 단계(ST3)를 포함하여 수행하는 것을 특징으로 한다.As shown therein, a first step (ST1) of performing object modeling and mapping of a web-based cyber model house using a turn tool; A second step (ST2) of executing a lighting plan for the cyber model house after the first step and applying a data value of the lighting; And a third step (ST3) of performing a turn tool event control and a JavaScript control after the second step to process data exchange between a user and a provider for the cyber model house.

도 8은 도 7에서 객체 모델링 처리 과정을 보인 개념도이다.FIG. 8 is a conceptual diagram illustrating an object modeling process in FIG. 7.

이에 도시된 바와 같이, 상기 제 1 단계는, 모델링 시 정확한 비례를 위해서 캐드 기반으로 모델링을 수행하고, 추후 이벤트의 개별 제어를 위해 각각의 모듈 단위로 사이버 모델 하우스를 모델링하며, 추후 데이터베이스 적용을 위해 각각의 단위에 객체의 이름을 일정한 형식을 지켜 저장하도록 하는 것을 특징으로 한다.As shown in the drawing, the first step is to perform modeling on a CAD basis for accurate proportioning during modeling, to model cyber model houses in units of modules for individual control of future events, and to apply a database later. Each unit is characterized by storing the object name in a certain format.

도 9는 도 7에서 조명 계획시 사용하는 IES 배광 데이터 파일을 보인 도면이다.FIG. 9 is a view illustrating an IES light distribution data file used in the lighting plan of FIG. 7.

이에 도시된 바와 같이, 상기 제 2 단계는, IES(Illuminating Engineering Society, 조명기사협회, 조명회사에서 제공하는 배광 데이터 파일) 파일과 라디오시티 솔루션(Radiosity solution)을 이용하여 인공조명 및 자연광을 시뮬레이션 하도록 하는 것을 특징으로 한다.As shown in the drawing, the second step is to simulate artificial lighting and natural light using an IES (Lighting Data File) file provided by an Illuminating Engineering Society, an illumination company, and a lighting company. Characterized in that.

도 10은 도 7에서 조명 계획시 3DS MAX에 의한 IES 파일 계획의 예를 보인 도면이다.FIG. 10 is a diagram illustrating an example of an IES file plan by 3DS MAX in the lighting plan of FIG. 7.

이에 도시된 바와 같이, 상기 제 2 단계는, 적절한 조명값 및 라디오시티 솔루션을 적용한 후 교체되는 재질의 경우 지버퍼(Z-buffer)를 이용하여 변경된 부분만 조명 값이 적용된 재질로 생성되도록 하는 것을 특징으로 한다.As shown in FIG. 2, the second step is to use a Z-buffer so that only the changed part is generated as a material to which the lighting value is applied by applying an appropriate lighting value and radiosity solution. It features.

도 11은 도 7에서 턴툴 이벤트 제어 및 자바스크립트 제어시 HTML 상의 TNT 스크립트의 예를 보인 도면이다.FIG. 11 is a diagram illustrating an example of a TNT script in HTML during turn tool event control and JavaScript control in FIG. 7.

이에 도시된 바와 같이, 상기 제 3 단계는, 서버(300)에서 TNTDoCommand를 이용하여 미리 설정한 예를 제시하고, 사용자가 클라이언트(400)를 이용하여 사이버 모델 하우스의 내부를 돌아다니며 적합한 타입을 선택할 수 있도록 하는 것을 특징으로 한다.As shown in FIG. 3, in the third step, the server 300 presents a preset example using the TNTDoCommand, and the user uses the client 400 to navigate the interior of the cyber model house to select a suitable type. It can be characterized by.

도 12는 본 발명에 의해 구현한 웹 기반 VR 모델 하우스 홈페이지의 예를 보인 도면이고, 도 13은 본 발명에 의해 구현한 웹 기반 VR 모델 하우스의 실행창의 예를 보인 도면이다.12 is a view showing an example of a web-based VR model house homepage implemented by the present invention, Figure 13 is a view showing an example of an execution window of the web-based VR model house implemented by the present invention.

이에 도시된 바와 같이, 상기 웹 기반 사이버 모델 하우스 구현 방법은, 웹 기반 사이버 모델 하우스의 사용자 인터페이스로 화면창, 마감재창, 인테리어 견적 적용창 중에서 하나 이상을 포함하여 제공하는 것을 특징으로 한다.As shown in the drawing, the web-based cyber model house implementation method may include one or more of a screen window, a finishing window, and an interior quotation application window as a user interface of the web-based cyber model house.

도 14는 도 13에서 턴툴 실행창에서 화면창의 예를 보인 도면이다.FIG. 14 is a diagram illustrating an example of a screen window in a turn tool execution window in FIG. 13.

이에 도시된 바와 같이, 상기 화면창은, 사용자 인터페이스로 공간을 컨트롤하며 공간감을 체험해 볼 수 있도록 하고, 공간에 재질을 미리 적용하여 사용자의 취향에 맞게 구성하고 시각적으로 확인 할 수 있도록 제공하는 것을 특징으로 한다.As shown in the drawing, the screen window controls the space with a user interface, so that the user can experience the sense of space, and the material is applied to the space in advance so that the user can configure and visually confirm that the user's taste is provided. It features.

도 15는 도 13에서 턴툴 실행창에서 마감재창의 예를 보인 도면이다.15 is a view showing an example of the finishing material window in the turn tool execution window in FIG.

이에 도시된 바와 같이, 상기 마감재창은, 사용자가 직접 마감재를 선택할 수 있도록 하고, 상기 마감재창이 선택되면 상기 화면창에서 시각적으로 확인 할 수 있도록 하는 것을 특징으로 한다.As shown in this, the finishing material window, so that the user can directly select the finishing material, when the finishing material window is selected, it is characterized in that it can be visually confirmed on the screen window.

도 16은 도 13에서 턴툴 실행창에서 인테리어 견적 적용창의 예를 보인 도면이다.FIG. 16 is a diagram illustrating an example of an interior quotation application window in the turntool execution window in FIG. 13.

이에 도시된 바와 같이, 상기 인테리어 견적 적용창은, 사용자가 상기 마감재창에서 선택한 마감재에 대한 견적 값을 확인할 수 있도록 하고, 가상공간의 면적과 그 면적에 대한 견적가가 생성되도록 하는 것을 특징으로 한다.As shown in the figure, the interior quotation application window, so that the user can check the estimate value for the finishing material selected in the finishing material window, characterized in that the estimate of the area and the area of the virtual space is generated.

이와 같이 구성된 본 발명에 의한 웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법의 바람직한 실시예를 첨부한 도면에 의거하여 상세히 설명하면 다음과 같다. 하기에서 본 발명을 설명함에 있어 관련된 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 것이다. 그리고 후술되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서, 이는 사용자, 운용자의 의도 또는 판례 등에 따라 달라질 수 있으며, 이에 따라 각 용어의 의미는 본 명세서 전반에 걸친 내용을 토대로 해석되어야 할 것이다.Referring to the preferred embodiment of the web-based cyber model house implementation system and method according to the present invention configured as described above in detail with reference to the accompanying drawings as follows. In the following description of the present invention, detailed descriptions of well-known functions or configurations will be omitted if it is determined that the detailed description of the present invention may unnecessarily obscure the subject matter of the present invention. In addition, terms to be described below are terms defined in consideration of functions in the present invention, which may vary according to intention or precedent of a user or an operator, and thus, the meaning of each term should be interpreted based on the contents throughout the present specification. will be.

먼저 본 발명은 기존 파노라마 VR의 단점을 보완한 웹에서 실시간으로 공급자와 소비자가 양방향으로 커뮤니케이션이 가능하도록 VR 언어의 일종인 턴툴(TURNTOOL, Web 기반 3D구현 실시간 3D Graphic solution)과 자바스크립트를 이용하고, 마감재 등을 소비자가 직접 선택하고 견적까지 미리 볼 수 있는 사이버 모델 하우스를 구현하고자 한 것이다.First, the present invention utilizes a turn tool (TURNTOOL, a web-based 3D implementation real-time 3D graphic solution) and JavaScript, which is a kind of VR language, so that suppliers and consumers can communicate in both directions in real time on the web that compensates for the shortcomings of the existing panorama VR. The goal is to implement a cyber model house where consumers can choose their own finishes and preview their estimates.

본 발명의 대상은 국내 건설 업체에서 대다수 사용되고 있는 Panorama VR 형식의 일종인 QTVR(Quicktime Virtual Reality) 기반의 사이버 모델 하우스(Cyber Model House)의 분석을 통하여 종래 사이버 모델 하우스가 가지고 있는 특성인 공급자 중심이 아닌 사용자 중심의 웹 기반 사이버 모델 하우스를 개발하고자 한 것이다.The object of the present invention is to focus on the supplier-centric characteristics of the conventional cyber model house through the analysis of the Cyber Model House based on QTVR (Quicktime Virtual Reality), which is a kind of Panorama VR format that is mostly used in domestic construction companies. Rather, he wanted to develop a user-centric web-based cyber model house.

이를 상세히 설명하면 다음과 같다.This will be described in detail as follows.

1. 웹 기반 사이버 모델 하우스 구현 시스템1. Web-based Cyber Model House Implementation System

본 발명에서 가상 모델 하우스는 웹 기반으로 이루어지며, 이는 웹에서 지원 가능한, 다양한 다른 멀티미디어 요소의 활용이 가능함을 의미한다. 지금까지 논한 VRML 기술을 토대로 웹에서 실시간으로 TURNTOOL을 이용한 사용자와 관리자의 양방향 사이버 모델 하우스의 구축예를 소개한다.In the present invention, the virtual model house is made on a web basis, which means that various other multimedia elements that can be supported on the web can be utilized. Based on the VRML technology discussed so far, this article introduces an example of building a two-way cyber model house for users and administrators using TURNTOOL in real time on the web.

도 4는 본 발명의 일실시예에 의한 웹 기반 사이버 모델 하우스 구현 시스템의 블록구성도이다.4 is a block diagram of a web-based cyber model house implementation system according to an embodiment of the present invention.

여기서 모델링 영역(100)은 턴툴 박스(110)를 구비하여 웹 기반 사이버 모델 하우스를 모델링한다.Here, the modeling area 100 includes a turn tool box 110 to model a web-based cyber model house.

또한 데이터베이스 영역(200)은 웹 기반 사이버 모델 하우스의 구현에 필요한 데이터를 저장한다.In addition, the database area 200 stores data necessary for implementing a web-based cyber model house.

또한 서버(300)는 턴툴 박스(110)로부터 TNT 파일을 전달받고, 데이터베이스 영역(200)으로부터 자바스크립트를 전달받아 HTML 문서를 구현하여 웹 기반 사이버 모델 하우스를 제공한다.In addition, the server 300 receives a TNT file from the turn tool box 110, receives a JavaScript from the database area 200, and implements an HTML document to provide a web-based cyber model house.

또한 클라이언트(400)는 서버(300)와 인터넷으로 연결되어 웹 기반 사이버 모델 하우스를 사용자가 이용하도록 한다.In addition, the client 400 is connected to the server 300 to the Internet to allow a user to use a web-based cyber model house.

여기서 TURNTOOL은 인터넷 상의 커져가는 3D 시장을 위한 고품질 실시간 웹 3D 그래픽 솔루션으로 건설, 건축, 제품 분야의 사실적인 시각화를 위해 개발된 도구이다. TURNTOOL은 3DS MAX의 플러그인 형태로 되어 있으며, 이는 기존 3DS MAX사용자에게 친근한 사용자 환경 하에서 우수한 품질의 가상현실 기술을 얻을 수 있다. 모델링 기반으로 하는 기술에 가장 많은 사용자층을 가지고 있는 3DS MAX의 플러그인 형태로 인하여 프로그래밍을 전혀 모르거나, 웹 3D에 대한 전무한 지식으로도 손쉽게 출판이 가능하다. 또한 TURNTOOL은 GUI(Graphic User Interface) 상인 3DS MAX에서 객체 속성에서 이벤트(EVENT)를 부여하고 해당 이벤트(EVENT)의 액션을 부여하기 위해서는 생성된 HTML 문서 내부의 자바스크립트(JavaScript)에서 액션 및 DB를 부여 한다.Here TURNTOOL is a high quality real-time web 3D graphics solution for the growing 3D market on the Internet, a tool developed for photorealistic visualization in construction, architecture and product areas. TURNTOOL is a plug-in for 3DS MAX that allows you to get high-quality virtual reality technology under a user-friendly environment for existing 3DS MAX users. The plug-in form of 3DS MAX, which has the largest user base on modeling-based technologies, makes it easy to publish with no programming or no knowledge of web 3D. In addition, TURNTOOL is a GUI (Graphic User Interface) merchant 3DS MAX in order to grant the event (EVENT) in the object properties and the action of the event (EVENT), in order to grant the action (EVENT) action in the JavaScript (JavaScript) inside the generated HTML document Grant.

도 5는 도 4에서 서버의 상세구성을 보인 블록구성도이다.5 is a block diagram showing the detailed configuration of the server in FIG.

웹 영역(310)과 가상현실 영역(320)의 어플리케이션의 통합을 위한 EAI(External Authoring Interface, 애플리케이션 간에 상호 연동이 가능토록 통합 하는 솔루션)(330)와 같은 통합 솔루션이 필요하다.An integrated solution such as an external authoring interface (EAI) 330 for integrating applications between the web area 310 and the virtual reality area 320 is required.

1) 웹 내비게이션 도구(311) : 사용자가 마우스나 키보드 등의 입력 장치를 통하여 3차원으로 구현된 가상의 공간을 탐험함과 동시에 정보를 입력한다.1) Web navigation tool 311: A user inputs information while exploring a virtual space implemented in three dimensions through an input device such as a mouse or a keyboard.

2) 가상현실 운영부(312) : 자바스크립트 제어 하에 가상세계 DB(323)로부터 가상객체를 공급 받으며, 가상공간의 이벤트 제어 및 공간의 위치, 회전 등과 같은 부분을 제어 한다.2) Virtual reality operation unit 312: receives a virtual object from the virtual world DB (323) under the JavaScript control, and controls parts such as event control and location, rotation of the virtual space.

3) 감각정보 생성부(313) : 사용자가 요청한 정보를 시각 청각 등의 정보를 3차원적으로 디스플레이 한다.3) Sensory information generation unit 313: three-dimensional display of information, such as visual and auditory information requested by the user.

4) 3차원 저작 처리부(321) : 3DS MAX, TURNTOOL 등의 가상 저작도구를 통하여 3차원의 가상 저작도구를 제작한다.4) 3D authoring unit 321: Create a 3D virtual authoring tool through a virtual authoring tool, such as 3DS MAX, TURNTOOL.

5) 웹 기반의 저작도구(322) : 사이버 모델 하우스의 가상공간을 저작하는 부분을 제어한다.5) Web-based authoring tool 322: Controls the authoring part of the cyber space of the cyber model house.

6) 가상현실 DB(323) : 가상현실 운영부(312)에서 사용하게 될 멀티가상객체, 멀티미디어 자료, 웹기반 가상 저작도구 등과 같은 것을 포함하고 있으며, 3차원 저작 처리부(321)를 통해 DB에 저장된다.6) Virtual Reality DB (323): It includes such things as multi-virtual objects, multimedia data, web-based virtual authoring tools to be used in the virtual reality operating unit 312, and stored in the DB through the three-dimensional author processing unit 321 do.

7) EAI(External Authoring Interface)(330) : 가상현실 운영부(312)와 웹 기반의 저작도구(322) 사이의 상호 인터페스를 제공한다.7) External Authoring Interface (EAI) 330: Provides a mutual interface between the virtual reality operation unit 312 and the web-based authoring tool 322.

도 6은 도 4에서 사용자와 관리자 사이의 연동관계를 보인 블록구성도이다.FIG. 6 is a block diagram illustrating a linkage relationship between a user and an administrator in FIG. 4.

그래서 본 발명에서 제안하는 웹 기반 사이버 모델 하우스는 웹 기반으로 작성되어 인터넷이 연결 되었다면 어디든지 사용이 가능하다.Therefore, the web-based cyber model house proposed in the present invention is written based on the web, and can be used wherever the Internet is connected.

2. 웹 기반 사이버 모델 하우스 구현 방법2. How to implement a web-based cyber model house

도 7은 본 발명의 일 실시예에 의한 웹 기반 사이버 모델 하우스 구현 방법을 보인 흐름도이다.7 is a flowchart illustrating a web-based cyber model house implementation method according to an embodiment of the present invention.

이에 대해 상세히 설명하면 다음과 같다.This will be described in detail below.

2-1. 객체 모델링 및 맵핑2-1. Object Modeling and Mapping

모델링은 개발의 첫 단계이다. 임의의 아파트 설계도면을 기초로 가상의 3D모델을 제작 하였다. 제작 툴은 Autodesk사의 3DS max를 사용하였다. TURNTOOL은 3D 솔루션에서 가장 대표적이라 할 수 있는 3DS max의 플러그 인 형태의 통합 인터페이스를 제공하여 다른 여타 VR툴에 비해 비교적 사용하기 쉽고 강력한 압축력으로 웹에서 보다 자연스럽게 구동하기 유리하다.Modeling is the first step in development. A virtual 3D model was created based on the arbitrary apartment design drawings. The production tool used Autodesk's 3DS max. TURNTOOL provides a 3DS max plug-in integrated interface, the most representative of 3D solutions, and is relatively easier to use than other VR tools and has a strong compression force, making it more natural to run on the web.

모델링 시 정확한 비례를 위해서 캐드기반으로 모델링 하였고, 추후 이벤트 개별 제어를 위해 각각의 모듈단위로 제작하였다. 또한 추후 데이터베이스 적용을 위해 각각의 단위에 객체에 이름을 일정한 형식을 지켜 저장하였다.When modeling, the model was modeled on the basis of CAD for accurate proportion, and each module was manufactured for individual event control later. Also, for later database application, the name of the object is stored in a certain format in each unit.

도 8은 도 7에서 객체 모델링 처리 과정을 보인 개념도이다.FIG. 8 is a conceptual diagram illustrating an object modeling process in FIG. 7.

2-2. 조명계획 및 Render to Texture2-2. Lighting Plan and Render to Texture

VR에서 조명계획은 Render to Texture와 함께 결과물의 품질을 결정하는 중요한 요소이다. 조명은 도 9와 같은 IES(조명회사에서 제공하는 배광 데이터 파일) 파일과 Radiosity solution(물체들 간에 발생하는 광 상호 반사를 정밀하게 계산하기 위한 기법)을 이용하여 인공조명 및 자연광을 시뮬레이션 하였다.In VR, lighting planning is an important factor in determining the quality of the result along with the Render to Texture. Illumination simulated artificial lighting and natural light using an IES (light distribution data file provided by a lighting company) file as shown in FIG. 9 and a radiosity solution (a technique for precisely calculating the mutual light reflection between objects).

도 9는 도 7에서 조명 계획시 사용하는 IES 배광 데이터 파일을 보인 도면이 다.FIG. 9 is a view illustrating an IES light distribution data file used in the lighting plan of FIG. 7.

Render to Texture는 Map(객체에서 재질을 나타내는 부분)에 조명의 데이터 값을 입히는 작업으로 세밀한 주의가 필요한 부분이었다. 수차례 시행착오 끝에 가장 적합한 조명 값을 찾아내 Map에 적용하였다. Map은 추후 이벤트에서 재질 변화의 중추적 역할을 하므로 알파채널(Alpha Channel)과 객체이름관리가 중요하였다. 적절한 조명값 및 Radiosity solution 적용 후 교체되는 재질의 경우 지버퍼(Z-buffer)(물체간의 깊이 값을 조정)를 이용해 변경된 부분만 조명 값이 적용된 재질을 생성하였다.Render to Texture was a matter of careful attention to the lighting data values on the Map. After several trials and errors, the most appropriate lighting value was found and applied to the map. Since the map plays a pivotal role in material change in future events, alpha channel and object name management were important. In the case of the material replaced after the appropriate lighting value and radiosity solution, Z-buffer (adjust the depth value between objects) was used to create the material to which the lighting value was applied.

도 10은 도 7에서 조명 계획시 3DS MAX에 의한 IES 파일 계획의 예를 보인 도면이다.FIG. 10 is a diagram illustrating an example of an IES file plan by 3DS MAX in the lighting plan of FIG. 7.

2-3. TURNTOOL 이벤트 제어 및 자바스크립트 제어2-3. TURNTOOL event control and JavaScript control

TURNTOOL은 자바스크립트를 이용하여 데이터베이스를 연동하여 사용자와 공급자간의 데이터 교환이 가능하다.TURNTOOL is able to exchange data between user and provider by interlocking database using JavaScript.

공급자는 TNTDoCommand(장면에서 TURNTOOL 명령어를 실행시키는 문자열)를 이용하여 몇 가지의 예를 제시하고, 사용자가 직접 추가선택이 필요한지를 판단하여 내부를 돌아다니며 적합한 타입을 선택할 수 있는 시스템을 구성하였다.The supplier gave a few examples using TNTDoCommand (the string that executes the TURNTOOL command in the scene), and constructed a system that allows the user to go around and select the appropriate type to determine if additional selections are needed.

도 11은 도 7에서 턴툴 이벤트 제어 및 자바스크립트 제어시 HTML 상의 TNT 스크립트의 예를 보인 도면이다.FIG. 11 is a diagram illustrating an example of a TNT script in HTML during turn tool event control and JavaScript control in FIG. 7.

3. 웹 기반 사이버 모델 하우스 활용 실례3. Example of using web-based cyber model house

3-1. 웹 기반 사이버 모델 하우스 실행3-1. Running a web based cyber model house

도 12는 본 발명에 의해 구현한 웹 기반 VR 모델 하우스 홈페이지의 예를 보인 도면이고, 도 13은 본 발명에 의해 구현한 웹 기반 VR 모델 하우스의 실행창의 예를 보인 도면이다.12 is a view showing an example of a web-based VR model house homepage implemented by the present invention, Figure 13 is a view showing an example of an execution window of the web-based VR model house implemented by the present invention.

도 13에서 보는 바와 같이 웹 기반 사이버 모델 하우스의 사용자 인터페이스를 살펴보면 화면, 마감재, 견적 적용창 3가지로 분류된다.(그림 12 참조)As shown in Fig. 13, when looking at the user interface of the web-based cyber model house, it is classified into three types: screen, finishing material, and quotation application window (see Fig. 12).

상부 화면창 부분은 가상공간체험 장소로 TURNTOOL을 이용하여 구현하였으며, 안방, 거실 두 공간을 우선적으로 구현하였다.The upper part of the window was implemented using TURNTOOL as a virtual space experience place, and implemented two spaces, the main room and the living room.

도 14는 도 13에서 턴툴 실행창에서 화면창의 예를 보인 도면이다.FIG. 14 is a diagram illustrating an example of a screen window in a turn tool execution window in FIG. 13.

이 가상공간은 사용자 인터페이스로 공간을 컨트롤하며 공간감을 체험해 볼 수 있으며, 공간에 재질을 미리 적용하여 사용자의 취향에 맞게 구성하고 시각적으로 확인 할 수 있는 부분이다.This virtual space is a part that can control the space with the user interface and experience the sense of space, and the material can be applied to the space in advance to be configured and visually checked according to the user's taste.

도 15는 도 13에서 턴툴 실행창에서 마감재창의 예를 보인 도면이다.15 is a view showing an example of the finishing material window in the turn tool execution window in FIG.

그래서 중간에 위치한 마감재창에서는 사용자가 직접 마감재를 선택하는 부분이다. 마감재 부분의 재질은 시중에 많이 유통되는 모 회사의 벽지, 바닥재를 임의로 선별하여 구축하였다. 이 부분을 선택하고 화면 창에서 시각적으로 확인 할 수 있게 하였다. 사용자 인터페이스로 공간을 조정할 수 있는 가상공간 창에서 재질에 따른 공간감을 체험 할 수 있도록 하여 사용자의 취향을 미리 시각적으로 확인 할 수 있도록 하였다.So in the middle of the finishing material window is the part where the user directly selects the finishing material. Finishing materials were constructed by randomly selecting wallpaper and flooring materials of the parent company, which are widely distributed in the market. You can select this part and visually check it in the screen window. In the virtual space window where the user interface can be adjusted, the user can experience the sense of space according to the material so that the user's taste can be visually confirmed in advance.

도 16은 도 13에서 턴툴 실행창에서 인테리어 견적 적용창의 예를 보인 도면이다.FIG. 16 is a diagram illustrating an example of an interior quotation application window in the turntool execution window in FIG. 13.

하부에 위치한 인테리어 견적 적용창에서는 사용자가 중간의 마감재창에서 선택한 마감재에 대한 견적 값을 확인할 수 있는 부분이다. 인테리어 견적 적용창에서는 가상공간의 면적과 그 면적에 대한 견적가가 생성되며, 벽지 및 바닥재의 종류가 각기 다르기 때문에 각각의 재질 선택 시 견적가가 다르게 적용되도록 하였고, 바닥, 벽지의 복수 선택 시 그 값이 다르게 합산된 견적사가 나오도록 구현하였다. 그래서 본 발명에 의해 구현된 사이버 모델 하우스를 사용하여 사용자들 자신만의 공간을 가상 모델하우스를 통하여 취향에 맞게 맞추어 보고 그에 따른 견적값도 얻을 수 있게 된다.In the interior quotation application window located at the bottom, the user can check the quotation value for the finishing material selected in the middle finishing material window. In the interior quotation application window, an estimate of the area of the virtual space and its area is created. Since the types of wallpaper and flooring materials are different, the estimate is applied differently when selecting each material. We have implemented a different summator. Therefore, by using the cyber model house implemented by the present invention, users can personalize their own space through the virtual model house according to their tastes and obtain estimates accordingly.

도 17은 본 발명에 의해 구현한 웹 기반 VR 모델 하우스의 실행창으로 견적창을 포함한 예를 보인 도면이다.17 is a view showing an example including an estimate window as an execution window of the web-based VR model house implemented by the present invention.

한편 웹 기반 사이버 모델 하우스의 향후 발전 방향을 모색 해 보면 DB구축에 있어서 현재는 제한적 DB수집으로 인하여 광범위한 DB를 구축이 곤란하다. 그러나 실례로 조명 회사는 조명을 출시할 때 IES 파일을 같이 출시한다. IES 파일은 공간 시뮬레이션시 조도 산출의 근거로 사용되어지는 조명 DB 파일이다. IES 조명 DB 파일을 근거로 내장재 회사에서 IES 파일과 같은 내장재 DB 파일을 같이 출시할 수 있을 것이다. 공급자는 방대한 DB구축, 정확한 적산가격을 구성함으로서 소비자들은 다양한 선택이 가능 할 것이다. 또한 조명의 경우 Flash ActionScript와 JavaScript를 이용해 실내공간의 조명 계획도 가능 할 것으로 사료 된다.On the other hand, when looking for the future development direction of the web-based cyber model house, it is difficult to construct a wide range of DBs due to limited DB collection. For example, a lighting company releases an IES file when it releases a light. IES file is a lighting DB file that is used as a basis for illuminance calculation in space simulation. On the basis of the IES lighting DB file, the embedded company will be able to release the embedded DB file such as the IES file. The supplier will be able to make various choices by constructing a huge DB and setting up the accurate accumulated price. In the case of lighting, it is also possible to plan interior lighting using Flash ActionScript and JavaScript.

이처럼 본 발명은 웹에서 실시간으로 공급자와 소비자가 양방향으로 커뮤니케이션이 가능하도록 VR 언어의 일종인 턴툴과 자바스크립트를 이용하고, 마감재 등을 소비자가 직접 선택하고 견적까지 미리 볼 수 있는 사이버 모델 하우스를 구현하게 되는 것이다.As such, the present invention implements a cyber model house that uses a turn tool and JavaScript, which is a kind of VR language, to enable two-way communication between suppliers and consumers in real time on the web, and allows consumers to select the finishing materials and preview the quotation. Will be done.

이상에서 살펴본 바와 같이, 본 발명에 의한 웹 기반 사이버 모델 하우스 구현 시스템 및 그 방법은 기존 파노라마 VR의 단점을 보완한 웹에서 실시간으로 공급자와 소비자가 양방향으로 커뮤니케이션이 가능하도록 VR 언어의 일종인 턴툴과 자바스크립트를 이용하고, 마감재 등을 소비자가 직접 선택하고 견적까지 미리 볼 수 있는 사이버 모델 하우스를 구현할 수 있는 효과가 있게 된다.As described above, the web-based cyber model house implementation system and method according to the present invention is a turn tool which is a kind of VR language to enable the communication between the provider and the consumer in real time on the web that compensates for the shortcomings of the existing panorama VR. Using JavaScript, it is possible to implement a cyber model house that allows consumers to select the finishing materials and preview the quotation.

따라서 첫째, TURNTOOL 기반의 사이버 모델 하우스는 실사 기반의 QTVR에 비해 제작비용 및 시간이 월등히 절약되고 QTVR이 제공 할 수 없었던 새로운 종류의 정보도 제공 할 수 있다.First, the TURNTOOL-based cyber model house can save significantly on production cost and time compared to the photo-based QTVR, and can provide new kinds of information that QTVR could not provide.

둘째, 사이버 모델 하우스의 최대의 쟁점은 얼마나 실재와 유사한가인데 웹, 특히 TURNTOOL 기반의 사이버 모델 하우스는 실사 기반의 QTVR에 비해 공간감이 뛰어나고 재질 선택 창에 의한 재질 선택으로 소비자들의 선택 오차를 상당부분 줄일 수 있는 장점이 있다.Second, the biggest issue of the cyber model house is how similar it is to reality. The web, especially the TURNTOOL based cyber model house, has a greater sense of space than the real-world based QTVR, and reduces the selection error of consumers by material selection through the material selection window. There are advantages to it.

셋째, 현재의 오프 라인 견본 주택은 공급자가 소비자에게 일방적으로 보여 주는 일방향(One-Way) 방식이다. 그러나 본 발명에서 제안하는 웹 기반 사이버 모델 하우스는 공급자와 소비자 간의 양방향 커뮤니케이션이 가능한 사이버 모델 하우스로서, 종래의 오프 라인 방식 및 QTVR 모델 하우스 보다 소비자의 선택의 폭이 넓어지고 공급자도 저비용 고효율의 효과를 볼 수 있는 장점이 있다.Third, the current offline sample home is a one-way way in which the supplier unilaterally shows the consumer. However, the web-based cyber model house proposed by the present invention is a cyber model house capable of two-way communication between a supplier and a consumer, and a wider choice of consumers than the conventional offline method and the QTVR model house. There is an advantage to see.

이상에서 본 발명의 바람직한 실시예에 한정하여 설명하였으나, 본 발명은 이에 한정되지 않고 다양한 변화와 변경 및 균등물을 사용할 수 있다. 따라서 본 발명은 상기 실시예를 적절히 변형하여 응용할 수 있고, 이러한 응용도 하기 특허청구범위에 기재된 기술적 사상을 바탕으로 하는 한 본 발명의 권리범위에 속하게 됨은 당연하다 할 것이다.Although the above has been described as being limited to the preferred embodiment of the present invention, the present invention is not limited thereto and various changes, modifications, and equivalents may be used. Therefore, the present invention can be applied by appropriately modifying the above embodiments, it will be obvious that such application also belongs to the scope of the present invention based on the technical idea described in the claims below.

Claims (14)

턴툴 박스를 구비하여 웹 기반 사이버 모델 하우스를 모델링하는 모델링 영역과;A modeling area for modeling a web-based cyber model house having a turn tool box; 웹 기반 사이버 모델 하우스의 구현에 필요한 데이터를 저장하는 데이터베이스 영역과;A database area for storing data necessary for implementing a web-based cyber model house; 상기 턴툴 박스로부터 TNT 파일을 전달받고, 상기 데이터베이스 영역으로부터 자바스크립트를 전달받아 HTML 문서를 구현하여 웹 기반 사이버 모델 하우스를 제공하는 서버와;A server providing a web-based cyber model house by receiving a TNT file from the turn tool box, receiving JavaScript from the database area, and implementing an HTML document; 상기 서버와 인터넷으로 연결되어 웹 기반 사이버 모델 하우스를 사용자가 이용하도록 하는 클라이언트;A client connected to the server through the Internet to allow a user to use a web-based cyber model house; 를 포함하여 구성된 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 시스템.Web-based cyber model house implementation system, characterized in that configured to include. 청구항 1에 있어서,The method according to claim 1, 상기 서버는,The server, 상기 클라이언트와 연결되고 웹 내비게이션을 제공하는 웹 영역과;A web area connected to the client and providing web navigation; 상기 웹 영역과 EAI를 통해 연결되어 가상현실을 제공하는 가상현실 영역과;A virtual reality area connected to the web area through an EAI to provide virtual reality; 상기 웹 영역과 상기 가상현실 영역 간의 연동이 가능하도록 통합하는 솔루션인 EAI;EAI which is a solution that integrates to enable interworking between the web area and the virtual reality area; 를 포함하여 구성된 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 시스템.Web-based cyber model house implementation system, characterized in that configured to include. 청구항 2에 있어서,The method according to claim 2, 상기 웹 영역은,The web area, 사용자가 상기 클라이언트를 통해 마우스나 키보드 등의 입력 장치를 통하여 3차원으로 구현된 가상의 공간을 탐험함과 동시에 정보를 입력할 수 있도록 처리하는 웹 내비게이션 도구와;A web navigation tool for processing a user's input of information while exploring a virtual space realized in three dimensions through an input device such as a mouse or a keyboard through the client; 상기 웹 내비게이션 도구와 연결되고, 자바스크립트의 제어 하에 가상현실 DB로부터 가상객체를 공급 받으며, 가상공간의 이벤트 제어 및 공간의 위치, 회전을 포함한 제어를 수행하는 가상현실 운영부와;A virtual reality operating unit connected to the web navigation tool, receiving a virtual object from a virtual reality DB under the control of JavaScript, and performing an event control of the virtual space and control including a position and rotation of the virtual space; 상기 가상현실 운영부와 연결되고, 사용자가 상기 클라이언트를 통해 요청한 정보를 처리하여 시각정보와 청각정보를 포함한 정보를 3차원적으로 디스플레이 하는 감각정보 생성부;A sensory information generator connected to the virtual reality operator and configured to process information requested by a user through the client and to display information including visual information and auditory information in three dimensions; 를 포함하여 구성된 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 시스템.Web-based cyber model house implementation system, characterized in that configured to include. 청구항 2에 있어서,The method according to claim 2, 상기 가상현실 영역은,The virtual reality area, 3DS MAX 또는 TURNTOOL을 포함한 가상 저작도구를 통하여 3차원의 가상 저작 도구를 제작하도록 하는 3차원 저작 처리부와;A three-dimensional authoring processing unit for creating a three-dimensional virtual authoring tool through a virtual authoring tool including 3DS MAX or TURNTOOL; 가상공간을 저작하는 것을 제어하는 웹 기반 저작도구와;A web-based authoring tool for controlling authoring of a virtual space; 상기 3차원 저작 처리부 및 상기 웹 기반 저작도구와 연결되고, 상기 웹 영역 내의 가상현실 운영부에서 사용하게 될 멀티 가상객체, 멀티미디어 자료, 웹 기반 가상 저작도구를 포함한 가상현실 DB;A virtual reality DB connected to the 3D authoring processor and the web-based authoring tool and including a multi-virtual object, multimedia data, and a web-based virtual authoring tool to be used by the virtual reality operating unit in the web area; 를 포함하여 구성된 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 시스템.Web-based cyber model house implementation system, characterized in that configured to include. 청구항 2에 있어서,The method according to claim 2, 상기 EAI는,The EAI, 상기 웹 영역 내의 가상현실 운영부와 상기 가상현실 영역 내의 웹 기반 저작도구 사이의 상호 인터페스를 제공하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 시스템.The web-based cyber model house implementation system, characterized in that providing a mutual interface between the virtual reality operating unit in the web region and the web-based authoring tool in the virtual reality region. 턴툴을 이용하여 웹 기반 사이버 모델 하우스의 객체 모델링 및 맵핑을 수행하는 제 1 단계와;A first step of performing object modeling and mapping of a web-based cyber model house using a turn tool; 상기 제 1 단계 후 사이버 모델 하우스에 대한 조명 계획을 실행하고, 조명의 데이터 값을 입히도록 하는 제 2 단계와;A second step of executing a lighting plan for the cyber model house after the first step and applying a data value of the lighting; 상기 제 2 단계 후 턴툴 이벤트 제어 및 자바스크립트 제어를 수행하여 사이버 모델 하우스에 대한 사용자와 공급자 간의 데이터 교환이 가능하도록 처리하는 제 3 단계;A third step of performing turn tool event control and JavaScript control after the second step to enable data exchange between a user and a provider for the cyber model house; 를 포함하여 수행하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.Web-based cyber model house implementation method comprising the. 청구항 6에 있어서,The method according to claim 6, 상기 제 1 단계는,The first step is, 모델링 시 정확한 비례를 위해서 캐드 기반으로 모델링을 수행하고, 추후 이벤트의 개별 제어를 위해 각각의 모듈 단위로 사이버 모델 하우스를 모델링하며, 추후 데이터베이스 적용을 위해 각각의 단위에 객체의 이름을 일정한 형식을 지켜 저장하도록 하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.In modeling, modeling is performed based on CAD for accurate proportion, modeling cyber model house in each module unit for individual control of future events, and keeping object name in a certain format for future database application. Web-based cyber model house implementation method characterized in that the storage. 청구항 6에 있어서,The method according to claim 6, 상기 제 2 단계는,The second step, IES 파일과 라디오시티 솔루션을 이용하여 인공조명 및 자연광을 시뮬레이션 하도록 하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.A method of implementing a web-based cyber model house, which simulates artificial lighting and natural light using an IES file and a radiosity solution. 청구항 8에 있어서,The method according to claim 8, 상기 제 2 단계는,The second step, 적절한 조명값 및 라디오시티 솔루션을 적용한 후 교체되는 재질의 경우 지버퍼를 이용하여 변경된 부분만 조명 값이 적용된 재질로 생성되도록 하는 것을 특 징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.Web-based cyber model house implementation method characterized in that for the material replaced after applying the appropriate lighting value and radiosity solution, only the changed part is created with the lighting value material. 청구항 6에 있어서,The method according to claim 6, 상기 제 3 단계는,The third step, 서버에서 TNTDoCommand를 이용하여 미리 설정한 예를 제시하고, 사용자가 클라이언트를 이용하여 사이버 모델 하우스의 내부를 돌아다니며 적합한 타입을 선택할 수 있도록 하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.A method of implementing a web-based cyber model house, which presents a pre-set example using a TNTDoCommand on a server, and allows a user to navigate inside the cyber model house using a client and select a suitable type. 청구항 6 내지 청구항 10 중 어느 하나의 항에 있어서,The method according to any one of claims 6 to 10, 상기 웹 기반 사이버 모델 하우스 구현 방법은,The web-based cyber model house implementation method, 웹 기반 사이버 모델 하우스의 사용자 인터페이스로 화면창, 마감재창, 인테리어 견적 적용창 중에서 하나 이상을 포함하여 제공하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.A web-based cyber model house implementation method comprising at least one of a screen window, a finishing window, and an interior quotation application window as a user interface of the web-based cyber model house. 청구항 11에 있어서,The method according to claim 11, 상기 화면창은,The screen window, 사용자 인터페이스로 공간을 컨트롤하며 공간감을 체험해 볼 수 있도록 하고, 공간에 재질을 미리 적용하여 사용자의 취향에 맞게 구성하고 시각적으로 확인 할 수 있도록 제공하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.Web-based cyber model house implementation method characterized in that the user interface to control the space and experience the sense of space, and to apply the material to the space in advance to configure and visually check the user's taste. 청구항 11에 있어서,The method according to claim 11, 상기 마감재창은,The finishing window is, 사용자가 직접 마감재를 선택할 수 있도록 하고, 상기 마감재창이 선택되면 상기 화면창에서 시각적으로 확인 할 수 있도록 하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.A method of implementing a web-based cyber model house, which allows a user to directly select a finishing material, and when the finishing material window is selected, the user can visually check the screen. 청구항 11에 있어서,The method according to claim 11, 상기 인테리어 견적 적용창은,The interior quotation application window, 사용자가 상기 마감재창에서 선택한 마감재에 대한 견적 값을 확인할 수 있도록 하고, 가상공간의 면적과 그 면적에 대한 견적가가 생성되도록 하는 것을 특징으로 하는 웹 기반 사이버 모델 하우스 구현 방법.A method of implementing a web-based cyber model house, wherein a user can check an estimate value for a finishing material selected in the finishing material window, and an estimate of the area and the area of the virtual space is generated.
KR1020070029651A 2007-03-27 2007-03-27 System and method for web based cyber model house KR20090000729A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070029651A KR20090000729A (en) 2007-03-27 2007-03-27 System and method for web based cyber model house

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070029651A KR20090000729A (en) 2007-03-27 2007-03-27 System and method for web based cyber model house

Publications (1)

Publication Number Publication Date
KR20090000729A true KR20090000729A (en) 2009-01-08

Family

ID=40483871

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070029651A KR20090000729A (en) 2007-03-27 2007-03-27 System and method for web based cyber model house

Country Status (1)

Country Link
KR (1) KR20090000729A (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014010909A1 (en) * 2012-07-13 2014-01-16 Song Hun Joo Method for realizing converged virtual reality with improved degree of freedom of mobility
KR20200021685A (en) * 2018-08-21 2020-03-02 (주) 군월드 System, server and method for providing model house service
KR20200089072A (en) * 2019-01-16 2020-07-24 한국광기술원 Apparatus and Method for Acquiring Illumination Spatial Information and Method for Evaluating Illumination Environment of Target Space
CN113129110A (en) * 2021-05-08 2021-07-16 深圳新房网络科技有限公司 Many sense organs VR house-watching system based on virtual reality technique
CN113873431A (en) * 2020-06-30 2021-12-31 中国电信股份有限公司 Building network quality presentation method and device
KR102357429B1 (en) * 2021-01-06 2022-02-08 주식회사 플럭시티 Spatial information setting and utilization method of 3D modeling data, apparatus and computer-readable recording medium

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014010909A1 (en) * 2012-07-13 2014-01-16 Song Hun Joo Method for realizing converged virtual reality with improved degree of freedom of mobility
KR20200021685A (en) * 2018-08-21 2020-03-02 (주) 군월드 System, server and method for providing model house service
KR20200089072A (en) * 2019-01-16 2020-07-24 한국광기술원 Apparatus and Method for Acquiring Illumination Spatial Information and Method for Evaluating Illumination Environment of Target Space
CN113873431A (en) * 2020-06-30 2021-12-31 中国电信股份有限公司 Building network quality presentation method and device
CN113873431B (en) * 2020-06-30 2024-03-05 中国电信股份有限公司 Building network quality presentation method and device
KR102357429B1 (en) * 2021-01-06 2022-02-08 주식회사 플럭시티 Spatial information setting and utilization method of 3D modeling data, apparatus and computer-readable recording medium
CN113129110A (en) * 2021-05-08 2021-07-16 深圳新房网络科技有限公司 Many sense organs VR house-watching system based on virtual reality technique
CN113129110B (en) * 2021-05-08 2023-11-03 深圳新房网络科技有限公司 Multi-sense VR house-seeing system based on virtual reality technology

Similar Documents

Publication Publication Date Title
CN103077239B (en) Based on the iFrame embedded Web 3D system that cloud is played up
CN107590771A (en) With the 2D videos for the option of projection viewing in 3d space is modeled
JP2014504384A (en) Generation of 3D virtual tour from 2D images
Wang et al. A desktop VR prototype for industrial training applications
KR20140145217A (en) 3d virtual modeling system using spatial information and method thereof
KR20090000729A (en) System and method for web based cyber model house
Johansson From BIM to VR–the Design and Development of BIMXplorer
Zhang et al. The Application of Folk Art with Virtual Reality Technology in Visual Communication.
Stefan et al. Prototyping 3D virtual learning environments with X3D-based content and visualization tools
Tewari et al. Virtual Campus Walkthrough
Ivanova et al. A Mixed Reality Approach to Visualizing Cultural Heritage Artefacts: Mixed Reality Approach to Cultural Heritage
Elordi et al. Virtual reality interfaces applied to web-based 3D E-commerce
Elordi et al. Draft: Virtual Reality Interfaces Applied to Web-Based 3D E-Commerce
ZEHNER Landscape visualization in high resolution stereoscopic visualization environments
Hering et al. 3DCIS: A real-time browser-rendered 3d campus information system based on webgl
Bottino et al. The role of computer games industry and open source philosophy in the creation of affordable virtual heritage solutions
Huirong et al. The visualization of 3D terrain based on VRML
Vijayalakshmi et al. Architectural Visualisation using Virtual Reality
Wang et al. Design and Research on Virtual Reality Roaming System of" Tongguanshan 1978" Cultural and Creative Park in Tongling City
Wang Application research of immersive VR technology in interactive landscape design
Ou et al. Design and implementation of virtual prototype apartment based on Web3D
Yazgan Developing a Virtual Reality Application for Realistic Architectural Visualizations
Yang et al. Construction of 3D visualization platform for visual communication design based on virtual reality technology
Zhang et al. EasyHome: An online virtual home decoration system
Haffegee et al. Creation and control of interactive virtual environments

Legal Events

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