KR102566279B1 - A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object - Google Patents

A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object Download PDF

Info

Publication number
KR102566279B1
KR102566279B1 KR1020220135526A KR20220135526A KR102566279B1 KR 102566279 B1 KR102566279 B1 KR 102566279B1 KR 1020220135526 A KR1020220135526 A KR 1020220135526A KR 20220135526 A KR20220135526 A KR 20220135526A KR 102566279 B1 KR102566279 B1 KR 102566279B1
Authority
KR
South Korea
Prior art keywords
web
interior
interior space
finishing material
screen
Prior art date
Application number
KR1020220135526A
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 KR1020220135526A priority Critical patent/KR102566279B1/en
Application granted granted Critical
Publication of KR102566279B1 publication Critical patent/KR102566279B1/en

Links

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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/011Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
    • 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
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • 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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/08Construction
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00Manipulating 3D models or images for computer graphics
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/10Segmentation; Edge detection
    • G06T7/187Segmentation; Edge detection involving region growing; involving region merging; involving connected component labelling
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N7/00Television systems
    • H04N7/14Systems for two-way working
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30Computing systems specially adapted for manufacturing

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • General Engineering & Computer Science (AREA)
  • Strategic Management (AREA)
  • Tourism & Hospitality (AREA)
  • General Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • General Health & Medical Sciences (AREA)
  • Primary Health Care (AREA)
  • Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Development Economics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Graphics (AREA)
  • Computer Hardware Design (AREA)
  • Software Systems (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

The present invention relates to a device and a method for forming a screen-sharing type web 360 VR interior space driven with an interior finishing material in a realistic 360 VR interior space object, which can activate an interior finishing material market. The device of the present invention comprises: a customer terminal type web 360 VR interior driving application module (100); a space designer terminal type web 360 VR interior space formation request application module (200); a finishing material product store terminal type finishing material purchase progress application module (300); a triangle type web RTC communication control module (400); and a screen-sharing type web 360 VR interior space forming control module (500).

Description

실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치 및 방법{A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object}A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object}

본 발명은 웹브라우저 화면상에서 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키고, 형성시킨 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유시키도록 제어시킬 수 있는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치 및 방법에 관한 것이다.The present invention controls to form a web 360 VR interior space in which interior finishing materials in a realistic 360 VR interior space object are driven together on a web browser screen, clicks and moves the realistic 360 VR interior space object in the formed web 360 VR interior space, It relates to a screen sharing type web 360VR interior space forming device and method in which the interior finishing materials in a realistic 360VR interior space object that can be controlled to share the screen as it is, the web 360VR screen of the interior finishing material that is watched and interested, is driven together. .

현재, 공간 디자인의 프로세스 단계는 고객협의, 사례조사의 기획설계단계와, 레이아웃구상, 3D투시도제작, 마감재조사의 기본설계단계와, 마감재 제안, 마감재 결정의 실시설계단계와, 허가 및 승인, 현장 설명 및 시공의 현장시공단계를 거친다.Currently, the process stages of space design include customer consultation, planning design stage of case study, layout planning, 3D perspective drawing production, basic design stage of finishing re-survey, finishing material proposal, construction design stage of finishing material decision, permission and approval, and on-site It goes through the on-site construction stage of explanation and construction.

공간 디자인 업에서 영업 이익을 결정짓는 가장 중요한 업무과정은 전체 업무의 40%에 해당하는 시각적 제안이다.The most important work process that determines sales profits in space design business is visual proposals that account for 40% of the total work.

하지만, 공간 디자인의 소비자 이해도 부족에 의해, 최대 약 10일 이상의 수정 디자인 작업이 수행된다.However, due to the lack of understanding of space design by consumers, revision design work is performed for up to about 10 days or more.

그리고, 수십여가지의 마감재 선정과 정보, 단가, 리스트 작성 작업에만 평균 약 15일 소요된다.In addition, it takes about 15 days on average just to select dozens of finishing materials and prepare information, unit price, and list.

이로 인해, 마감재가 포함된 인테리어 VR공간 제작시간이 30일~60일로 오랜 시간이 소요되어, 실내 인테리어 디자이너의 요청기일을 맞추지 못해, 실내 인테리어 디자이너의 불평, 불만의 원인이 되고 있다.Due to this, it takes a long time, 30 to 60 days, to produce an interior VR space including finishing materials, and it is a cause of complaints and dissatisfaction of interior interior designers as they cannot meet the request period of interior interior designers.

이러한 문제점을 해결하기 위해, 국내등록특허공보 제10-2421073호에서는 인공지능을 이용하여 인테리어 마감재 템플릿을 제공하는 인테리어 시뮬레이션 시스템이 제시된 바 있으나, 이는 마감재가 포함된 인테리어 VR공간을 체험시, 삼성 기어 VR(Gear VR)과 같이 가상현실기기를 사용해야 하는데, 한정된 소프트웨어 플랫폼(Android, IOS등) 에서만 서비스가 지원된다는 문제점이 있었다.In order to solve this problem, Korean Patent Publication No. 10-2421073 has proposed an interior simulation system that provides interior finishing material templates using artificial intelligence, but when experiencing an interior VR space containing finishing materials, Samsung Gear It is necessary to use virtual reality devices such as VR (Gear VR), but there was a problem that the service is supported only on limited software platforms (Android, IOS, etc.).

또한, 기존의 마감재가 포함된 인테리어 VR공간이 단지, 표시기능만 있을 뿐, 인테리어 VR공간 상에서 인테리어 마감재를 구매하고자 하는 고객인 사용자와, 인테리어 VR공간을 제공하는 디자이너, 그리고, 마감재 제품을 판매하고자 하는 마감재 제품 판매처간의 화면공유를 통한 네트워킹 연결이 안되어, 고객인 사용자의 마감재에 관한 정보와 설명 부족으로, 흥미와 관심이 떨어지고, 무엇보다 인테리어 VR공간상에서 바로 구매하고 싶어도, 구매시스템 형성이 안되어, 인테리어 마감재 시장이 점점 침체되는 문제점이 있었다.In addition, the interior VR space with existing finishing materials has only a display function, and users who are customers who want to purchase interior finishing materials in the interior VR space, designers who provide interior VR spaces, and those who want to sell finishing materials products There is no networking connection through screen sharing between the vendors of finishing materials products sold, and interest and interest are reduced due to the lack of information and explanation on finishing materials of users who are customers. There was a problem that the interior finishing materials market was gradually stagnating.

국내등록특허공보 제10-2421073호Korean Registered Patent Publication No. 10-2421073

상기의 문제점을 해결하기 위해 본 발명에서는 웹 360VR이 지원되는 웹브라우저가 어플형태에서 변환 설치됨으로서, HTC 바이브, 오큘러스 리프트, 구글카드보드와 같은 가상현실기기 뿐만 아니라, 고객인 사용자는 스마트디바이스의 웹 브라우저 화면을 통하여 웹 360VR 인테리어 공간을 체험할 수가 있고, 웹브라우저 화면상에서 웹 360VR 인테리어 공간을 형성시킬 수 있어, 디자이너와 마감재 제품판매처간의 설계 리뷰에 대한 시·공간적 제약을 없앰으로서, 설계 주기를 단축할 수 있으며, 화면공유를 통해, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 실시간으로 해줄 수 있는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치 및 방법을 제공하는데 그 목적이 있다.In order to solve the above problems, in the present invention, the web browser supported by the web 360VR is converted and installed in the form of an application, so that not only virtual reality devices such as HTC Vive, Oculus Rift, and Google Cardboard, but also customers, users of smart devices It is possible to experience the web 360 VR interior space through the web browser screen, and to form the web 360 VR interior space on the web browser screen, thereby eliminating the time and space constraints on design reviews between the designer and the retailer of finishing materials, thereby shortening the design cycle. Through screen sharing, the web 360VR screen itself of the interior finishing material that customers are watching and interested in is activated as it is, and the customer terminal type web 360VR interior driving app module provides explanations and advice on interior finishing materials in real time. An object of the present invention is to provide a screen-sharing web 360VR interior space forming device and method in which interior finishing materials in a realistic 360VR interior space object are driven together.

상기의 목적을 달성하기 위해 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치는In order to achieve the above object, the screen sharing type web 360VR interior space forming device in which the interior finishing materials in the realistic 360VR interior space object are driven together according to the present invention

웹브라우저 화면상에서 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키고, 형성시킨 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유시키도록 제어시키도록 구성됨으로서 달성된다.On the web browser screen, control to form a web 360VR interior space in which the immersive 360VR interior space object and interior finishing materials are driven together, and click, move, and watch the immersive 360VR interior space object in the formed web 360VR interior space. This is achieved by being configured to control the web 360 VR screen of the interior finishing material of interest to be screen-shared as it is.

상기 화면공유형 웹 360VR 인테리어 공간형성장치는 보다 구체적으로,The screen sharing type web 360VR interior space forming device is more specifically,

고객 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 웹 브라우저 화면상에, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키고, 화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 화면공유분위기 하에서 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 연결되어, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키는 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100)과,It is activated in the form of an application in the smart device, which is a customer terminal, and downloads and experiences the web 360 VR interior space in which realistic 360 VR interior space objects and interior finishing materials are driven together on the web browser screen from the screen-sharing web 360 VR interior space formation control module. While doing so, click and move the immersive 360VR interior space object, watch and transmit the web 360VR screen of the interior finishing material that you are interested in as it is to the screen sharing type web 360VR interior space formation control module, screen sharing type web 360VR interior space Under the control of the formation control module, under the screen sharing atmosphere, it is connected to the space designer terminal type web 360VR interior driving app module or the finishing material product store terminal type web 360VR interior driving app module to receive explanations and advice on interior finishing materials, and interior finishing materials. A customer terminal type web 360VR interior driving app module 100 for purchase,

공간 디자이너 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 해주는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200)과,Activated in the form of an application within the smart device, a space designer terminal, to the screen-sharing web 360VR interior space formation control module, real-life photo data and video recording data about the interior space, and finishing material data are transmitted to provide realistic 360VR interior Requesting the formation of a web 360 VR interior space in which space objects and interior finishing materials are driven together, and activating the web 360 VR screen itself of the interior finishing materials that the customer is watching and interested in on the screen, which is a web browser, as it is, driving the customer terminal type web 360 VR interior Towards the app module, a space designer terminal type web 360VR interior space formation request app module 200 that provides explanations and advice on interior finishing materials,

마감재 제품판매처 단말인 스마트디바이스 내에 어플형태로 활성화되어, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300)과,It is activated in the form of an application within the smart device, which is a terminal for finishing material product sales, and transmits the finishing material data to be created in the web 360VR interior space to the space designer terminal-type finishing material purchasing process app module, and on the screen, which is a web browser, customers are watching A finishing material product store terminal-type finishing material purchase progress app module 300 that activates the web 360VR screen of the interior finishing material of interest as it is and guides the interior finishing material purchase process toward the customer terminal type web 360VR interior driving app module,

웹RTC통신을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 중심으로 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 트라이앵글구조를 이루며 실시간 통신이 되도록 연결시키는 트라이앵글형 웹RTC 통신제어모듈(400)과,Through web RTC communication, centering on the screen-sharing web 360VR interior space formation control module, customer terminal type web 360VR interior drive app module, space designer terminal type web 360VR interior space formation request app module and finishing material Product sales place Terminal type finishing material purchase progress A triangle-type webRTC communication control module 400 that connects the app modules to form a triangle structure and communicate in real time;

공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어하고, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈쪽으로 화면공유시키도록 제어시키는 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)로 구성되는 것을 특징으로 한다.Space designer terminal type web 360VR interior Space formation request App module receives real-life photo data, video recording data, and finishing material data about the interior space, and immersive 360VR interior space objects and interior finishing materials are driven together Web 360VR interior Control to form a space, and click, move, and watch the immersive 360VR interior space object in the web 360VR interior space through the customer terminal type web 360VR interior driving app module, and the web 360VR screen itself of the interior finishing material of interest is as it is. It is characterized in that it consists of a space designer terminal type web 360VR interior driving app module and a screen sharing type web 360VR interior space formation control module 500 that controls the screen sharing to the terminal type web 360VR interior driving app module of a finishing material product store .

이상에서 설명한 바와 같이, 본 발명에서는 As described above, in the present invention

첫째, 웹 360VR이 지원되는 웹브라우저가 어플형태에서 변환 설치됨으로서, HTC 바이브, 오큘러스 리프트, 구글카드보드와 같은 가상현실기기 뿐만 아니라, 고객인 사용자는 스마트디바이스의 웹 브라우저 화면을 통하여, 언제 어디서나 웹 360VR 인테리어 공간을 몰입하여 체험할 수가 있다.First, as a web browser supported by Web 360VR is converted and installed in the form of an application, not only virtual reality devices such as HTC Vive, Oculus Rift, and Google Cardboard, but also customers, users, can view anytime, anywhere through the web browser screen of the smart device. You can immerse yourself in the web 360 VR interior space.

둘째, 웹브라우저 화면상에서 웹 360VR 인테리어 공간을 형성시킬 수 있어, 디자이너와 마감재 제품판매처간의 설계 리뷰에 대한 시·공간적 제약을 없앰으로서, 설계 주기를 기존에 비해 1.5배~3배로 단축하도록 하여 설계 비용을 절감시켜, 경쟁력을 확보하고, 역동적, 비쥬얼적 효과를 높인 의사전송수단으로써 홍보에 적극 활용하여 마케팅 효과를 극대화시킬 수 있다.Second, it is possible to form a web 360VR interior space on the web browser screen, eliminating the time and space constraints on design reviews between designers and finishing product retailers, thereby reducing design cycles by 1.5 to 3 times compared to the existing design cost. As a means of communicating communication with improved dynamic and visual effects, it is possible to maximize marketing effects by actively utilizing it in public relations.

셋째, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화면공유를 통한 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 고객인 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈과 연결시켜 인테리어 마감재 시장을 활성화시킬 수 있다.Third, customer terminal-type web 360VR interior drive app module, space designer Terminal-type web 360VR interior space formation request App module and finishing material product sales place Terminal-type finishing material purchase progress In the web 360VR interior space between app modules, video communication and call through screen sharing , And, through chat, customers who want to purchase interior finishing materials can purchase interior finishing materials on-site, or finish materials product retailers terminal-type finishing materials By linking with the purchase progress app module, the interior finishing material market can be activated.

도 1은 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치(1)의 구성요소를 도시한 블럭도,
도 2는 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치(1)의 구성요소를 도시한 구성도,
도 3은 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 앱모듈의 구성요소를 도시한 블럭도,
도 4는 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 액티비티부의 구성요소를 도시한 블럭도,
도 5는 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 서비스제어부의 구성요소를 도시한 블럭도,
도 6은 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부의 구성요소를 도시한 블럭도,
도 7은 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈의 구성요소를 도시한 블럭도,
도 8은 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부의 구성요소를 도시한 블럭도,
도 9는 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부의 구성요소를 도시한 블럭도,
도 10은 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부의 구성요소를 도시한 블럭도,
도 11은 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 앱모듈의 구성요소를 도시한 블럭도,
도 12는 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 액티비티부의 구성요소를 도시한 블럭도,
도 13은 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행서비스제어부의 구성요소를 도시한 블럭도,
도 14는 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부의 구성요소를 도시한 블럭도,
도 15는 본 발명에 따른 트라이앵글형 웹RTC 통신제어모듈의 구성요소를 도시한 블럭도,
도 16은 본 발명에 따른 피어 컨넥션 API부의 구성요소를 도시한 블럭도,
도 17은 본 발명에 따른 트랜스포트부의 구성요소를 도시한 구성도,
도 18은 본 발명에 따른 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 구성요소를 도시한 블럭도,
도 19는 본 발명에 따른 실감형 360VR 인테리어 공간 객체 생성엔진부의 구성요소를 도시한 블럭도,
도 20은 본 발명에 따른 실감형 360VR 인테리어 공간 객체생성부에서, 특징매칭부를 통해 매칭시킨 이미지공간객체를 실내인테리어공간의 X축, Y축, Z축의 360도 구조로 이루어진 실감형 360VR 인테리어 공간 객체를 생성시키는 것을 도시한 일실시예도,
도 21a는 본 발명에 따른 AI 공간객체·특징결합부를 통해 마감재선택에 따른 VR공간내 영역별 마감재를 선택변경시키는 것을 도시한 일실시예도,
도 21b는 본 발명에 따른 AI 공간객체·특징결합부를 통해, 실감형 360VR 인테리어 공간 객체 내에 마감재 분석 후, 가격, 소재별 카테고리에 따른 가장 유사한 마감재를 매칭제안시키고, VR공간에 마감재정보를 입력시키는 것을 도시한 일실시예도,
도 22는 본 발명에 따른 마감재 웹렌더링 생성제어부의 구성요소를 도시한 블럭도,
도 23은 본 발명에 따른 인스턴스이동부의 구성요소를 도시한 블럭도,
도 24는 본 발명에 따른 웹 360VR 인테리어 공간 형성제어부에서, 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시켜 웹 360VR 인테리어 공간을 형성시키도록 제어시키는 것을 도시한 일실시예도,
도 25는 본 발명에 따른 웹 360VR 인테리어 공간 형성제어부의 구성요소를 도시한 블럭도,
도 26은 본 발명에 따른 엔터티(Entity) API부의 구성요소를 도시한 블럭도,
도 27은 본 발명에 따른 컴포넌트(Components) API부의 구성요소를 도시한 블럭도,
도 28은 본 발명에 따른 웹 360VR 시스템 API부의 구성요소를 도시한 블럭도,
도 29는 본 발명에 따른 룩 컨트롤(Look-Controls) 컴포넌트와 와스드 컨트롤(Wasd-Controls) 컴포넌트로 이루어진 마커위치이동부를 통해, 웹 360VR 화면상에 원형상의 마커위치이동 인스턴스 객체를 형성시키고, 고객인 사용자가 접속하여, 원형상의 마커위치이동 인스턴스 객체를 클릭하면, 실감형 360VR 인테리어 공간 객체의 X축, Y축, Z축 방향 중 선택된 어느 하나의 방향으로 이동시키는 것을 도시한 일실시예도,
도 30은 본 발명에 따른 씬(Scene) API부의 구성요소를 도시한 블럭도,
도 31은 본 발명에 따른 링크 스팟부(534a), 이미지 리스트부(534b), 이미지 추가버튼부(534c), 공유버튼부(534d), 저장버튼부(534e), 아이콘 삭제필드부(534f), 인포 스팟부(534g)의 구성을 도시한 구성도,
도 32는 본 발명에 따른 마감재 리스트부(534h), 디테일버튼부(534i), 선택버튼부(534j)의 구성을 도시한 구성도,
도 33은 본 발명에 따른 카테고리 필터 목록부를 통해, 검색된 인테리어 마감재의 모든 제품 카테고리를 리스트 업시키는 것을 도시한 일실시예도,
도 34는 본 발명에 따른 하이라이트 효과 설정부(534m), 제품스펙자료팝업부(534n), 페이지 방문하기버튼부(534o)의 구성을 도시한 구성도,
도 35는 본 발명에 따른 인포 스팟부(534g)을 통해, 신규생성시, 아이콘이 커서와 연동되고, 클릭시 위치선정시키는 것을 도시한 일실시예도,
도 36은 본 발명에 따른 올 리스트(All-list) 버튼부(534p), 리스트추출부(534q)의 구성을 도시한 구성도,
도 37은 본 발명에 따른 화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간상에 형성된 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유시키는 것을 도시한 일실시예도,
도 38은 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화상통신, 통화, 그리고, 채팅 중 어느 하나를 선택한 것을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문을 해주고, 인테리어 마감재를 구매하고자 하는 사용자로 하여금 현장에서 바로 구매하도록 구매진행시키는 것을 도시한 일실시예도,
도 39는 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성방법의 구체적인 과정을 도시한 순서도,
도 40은 본 발명에 따른 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키는 구체적인 과정을 도시한 순서도.
1 is a block diagram showing the components of a screen-sharing type web 360VR interior space forming device 1 in which interior finishing materials in a realistic 360VR interior space object are driven together according to the present invention;
2 is a configuration diagram showing the components of a screen sharing type web 360VR interior space forming device 1 in which interior finishing materials in a realistic 360VR interior space object are driven together according to the present invention;
3 is a block diagram showing the components of a customer terminal type web 360VR interior driving app module according to the present invention;
4 is a block diagram showing components of a customer terminal type web 360VR interior driving activity unit according to the present invention;
5 is a block diagram showing the components of a customer terminal type web 360VR interior driving service control unit according to the present invention;
6 is a block diagram showing the components of a customer terminal type web 360VR interior driving content control unit according to the present invention;
7 is a block diagram showing the components of the space designer terminal type web 360VR interior space formation request app module according to the present invention;
8 is a block diagram showing components of a space designer terminal type web 360VR interior space formation request activity unit according to the present invention;
9 is a block diagram showing the components of a space designer terminal type web 360VR interior space formation request service control unit according to the present invention;
10 is a block diagram showing the components of the space designer terminal type web 360VR interior space formation request content control unit according to the present invention;
11 is a block diagram showing the components of a terminal-type finishing material purchase progress app module for a finishing material product seller according to the present invention;
12 is a block diagram showing the components of a terminal-type finishing material purchase progress activity unit of a finishing material product seller according to the present invention;
13 is a block diagram showing the components of a terminal type finishing material purchase progress service control unit for a finishing material product seller according to the present invention;
14 is a block diagram showing the components of a terminal-type finishing material purchase progress content control unit for a finishing material product seller according to the present invention;
15 is a block diagram showing components of a triangular webRTC communication control module according to the present invention;
16 is a block diagram showing components of a peer connection API unit according to the present invention;
17 is a configuration diagram showing the components of a transport unit according to the present invention;
18 is a block diagram showing the components of a screen sharing type web 360VR interior space formation control module according to the present invention;
19 is a block diagram showing the components of a realistic 360VR interior space object generation engine unit according to the present invention;
20 is a realistic 360VR interior space object consisting of a 360-degree structure of the X-axis, Y-axis, and Z-axis of the interior space of the image space object matched through the feature matching unit in the realistic 360VR interior space object generator according to the present invention An embodiment showing the generation of
21a is an embodiment showing selection and change of finishing materials for each area in VR space according to finishing material selection through the AI space object/feature combining unit according to the present invention;
21b shows the analysis of finishing materials in a realistic 360VR interior space object through the AI spatial object/feature combining unit according to the present invention, matching of the most similar finishing materials according to price and material category, and inputting finishing material information into the VR space. An embodiment showing that,
22 is a block diagram showing the components of a finishing material web rendering generation control unit according to the present invention;
23 is a block diagram showing the components of an instance moving unit according to the present invention;
24 is a web 360VR interior space object created through the realistic 360VR interior space object generation engine unit in the web 360VR interior space formation control unit according to the present invention, and the finishing material rendering generated through the finishing material web rendering creation control unit is connected to form a web 360VR An embodiment showing control to form an interior space,
25 is a block diagram showing the components of the web 360VR interior space formation control unit according to the present invention;
26 is a block diagram showing the components of an entity API unit according to the present invention;
27 is a block diagram showing components of a component API unit according to the present invention;
28 is a block diagram showing the components of the web 360 VR system API unit according to the present invention;
29 is a circular marker position movement instance object formed on a web 360VR screen through a marker position movement unit composed of a Look-Controls component and a Wasd-Controls component according to the present invention, and customer When a user accesses and clicks a circular marker location movement instance object, the immersive 360VR interior space object is moved in one direction selected from among the X-axis, Y-axis, and Z-axis directions,
30 is a block diagram showing the components of a scene API unit according to the present invention;
31 shows a link spot unit 534a, an image list unit 534b, an image addition button unit 534c, a share button unit 534d, a storage button unit 534e, and an icon deletion field unit 534f according to the present invention. , A configuration diagram showing the configuration of the info spot unit 534g,
32 is a configuration diagram showing the configuration of a finishing material list unit 534h, a detail button unit 534i, and a selection button unit 534j according to the present invention;
33 is an embodiment showing listing up all product categories of searched interior finishing materials through a category filter list unit according to the present invention;
34 is a configuration diagram showing the configuration of a highlight effect setting unit 534m, a product specification data pop-up unit 534n, and a page visit button unit 534o according to the present invention;
35 is an embodiment showing that an icon is interlocked with a cursor and selected when clicked when a new one is created through the info spot unit 534g according to the present invention;
36 is a configuration diagram showing the configuration of an All-list button unit 534p and a list extraction unit 534q according to the present invention;
37 is under the control of the screen sharing type web 360VR interior space formation control module according to the present invention, through the customer terminal type web 360VR interior driving app module, clicking on a realistic 360VR interior space object formed on the web 360VR interior space, Moving, observing, and interested in, the web 360VR screen of the interior finishing material itself is screen-sharing with the space designer terminal type web 360VR interior driving app module or the finishing material product store terminal type web 360VR interior driving app module. In one embodiment,
38 is a web 360VR interior space between the customer terminal type web 360VR interior driving app module and the terminal type finishing material purchase progress app module of the finishing material product store according to the present invention, through video communication, call, and selecting any one of chatting, An embodiment showing the description of interior finishing materials, advice on costs, materials, and strength, and the process of purchasing interior finishing materials so that users who want to purchase interior finishing materials can purchase them on the spot.
39 is a flow chart showing a specific process of a screen sharing type web 360VR interior space formation method in which interior finishing materials in a realistic 360VR interior space object are driven together according to the present invention;
40 is a screen sharing type web 360VR interior space formation control module according to the present invention, from the space designer terminal type web 360VR interior space formation request app module, photo data and video recording data about the interior space, and finishing material data A flow chart showing a specific process of receiving and controlling a realistic 360VR interior space object and interior finishing materials to form a web 360VR interior space driven together.

먼저, 본 발명에서 설명되는 실감형 360VR 인테리어 공간 객체 및 화면공유형 웹 360VR 인테리어 공간형성장치에서 설명되는 360VR은 360도 VR을 의미하는 약어로서, 보다 자세하게는 파노라마이미지 공간내 바닥,벽,천정,가구부분의 마감재 영역과, 해당 이미지의 음영이나 질감을 인식하여 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에서 입력한 마감재 정보를 기초로 기존 영역의 마감재의 질감이나 음영을 인식하여 동일하게 이미지의 느낌을 추출해주어, 360파노라마 기반에서의 마감재가 함께 실감있게 구동시키는 360도 VR을 말한다First, 360VR described in the immersive 360VR interior space object and screen-sharing web 360VR interior space forming device described in the present invention is an abbreviation for 360-degree VR, and more specifically, the floor, walls, ceiling, Recognizes the finishing material area of the furniture part and the shade or texture of the image, and proceeds with the purchase of finishing material product sales point terminal-type finishing material Based on the finishing material information entered in the app module, recognizing the texture or shade of the finishing material in the existing area and feeling the same image It refers to 360-degree VR that extracts and realistically drives the finishing materials based on the 360 panorama.

다음으로, 본 특허와 선행특허의 가장 큰 차이점은 첫째, 웹브라우저 화면상에서 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키고, 형성시킨 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유시키도록 제어시킨 점이고, 둘째, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화면공유를 통한 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 고객인 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈과 연결시켜 인테리어 마감재 시장을 활성화시키도록 구성됨 점이며, 셋째, AI 공간객체·특징결합부를 통해, 파노라마이미지 공간내 바닥,벽,천정,가구부분의 마감재 영역이 자동으로 구분되도록 해주고, 해당 이미지의 음영이나 질감을 인식하여 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에서 입력한 마감재 정보를 기초로 기존 영역의 마감재의 질감이나 음영을 인식하여 동일하게 이미지의 느낌을 추출해주어, 360파노라마 기반에서의 마감재가 함께 실감있게 구동되도록 형성시킨 점이다.Next, the biggest difference between this patent and the prior patent is: First, the web browser screen controls to form a web 360 VR interior space in which realistic 360 VR interior space objects and interior finishing materials are driven together, and in the formed web 360 VR interior space The point is that the immersive 360VR interior space object is clicked, moved, and the web 360VR screen of the interior finishing material of interest is controlled to share the screen as it is. Second, the customer terminal type web 360VR interior driving app module, space designer terminal Type web 360VR interior space formation request App module and finishing material product sales place Terminal type finishing material purchase progress In the web 360VR interior space between app modules, through video communication through screen sharing, phone call, and chatting, explanation of interior finishing materials and cost It is configured to activate the interior finishing material market by allowing users, customers who want to purchase interior finishing materials, to purchase on-site, or by connecting with the terminal-type finishing material purchase progress app module of the finishing material product store Third, through the AI space object/feature combination unit, the finishing material area of the floor, wall, ceiling, and furniture part in the panoramic image space is automatically distinguished, and the shade or texture of the image is recognized, and the finishing material product sales terminal type Based on the finishing material information entered in the finishing material purchase progress app module, the texture or shade of the finishing material in the existing area is recognized, and the feeling of the image is extracted in the same way, so that the finishing material based on the 360 panorama can be driven realistically.

이하, 본 발명에 따른 바람직한 실시예를 도면을 첨부하여 설명한다.Hereinafter, a preferred embodiment according to the present invention will be described with accompanying drawings.

도 1은 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치(1)의 구성요소를 도시한 블럭도에 관한 것이고, 도 2는 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치(1)의 구성요소를 도시한 구성도에 관한 것으로, 이는 웹브라우저 화면상에서 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키고, 형성시킨 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유시키도록 제어시키도록 구성된다.1 is a block diagram showing the components of a screen-sharing web 360VR interior space forming device 1 in which interior finishing materials in a realistic 360VR interior space object are driven together according to the present invention, and FIG. 2 is related to the present invention. It relates to a configuration diagram showing the components of a screen-sharing web 360VR interior space forming device (1) in which interior finishing materials in a realistic 360VR interior space object are driven together, which is displayed in a realistic 360VR interior space object on a web browser screen. Control to form a web 360VR interior space in which the interior finishing materials are driven together, and in the formed web 360VR interior space, click, move, and watch the immersive 360VR interior space object, and keep an eye on the web 360VR screen itself of the interior finishing material that you are interested in. , It is configured to control to share the screen.

보다 구체적으로, 상기 화면공유형 웹 360VR 인테리어 공간형성장치(1)는 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200), 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300), 트라이앵글형 웹RTC 통신제어모듈(400), 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)로 구성된다.More specifically, the screen sharing type web 360VR interior space forming device 1 includes a customer terminal type web 360VR interior driving app module 100, a space designer terminal type web 360VR interior space formation request app module 200, a finishing material product sales place It consists of a terminal-type finishing material purchase progress app module 300, a triangle-type webRTC communication control module 400, and a screen-sharing type web 360VR interior space formation control module 500.

먼저, 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100)에 관해 설명한다.First, the customer terminal type web 360VR interior driving app module 100 according to the present invention will be described.

상기 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100)은 고객 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 웹 브라우저 화면상에, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키고, 화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 화면공유분위기 하에서 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 연결되어, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키는 역할을 한다.The customer terminal type web 360VR interior driving app module 100 is activated in the form of an application in a smart device, which is a customer terminal, and displays a realistic 360VR interior space object and While downloading and experiencing the web 360VR interior space in which the interior finishing materials are driven together, click, move, watch, and pay attention to objects in the realistic 360VR interior space. It is transmitted to the formation control module, and under the control of the screen sharing type web 360VR interior space formation control module, it is connected to the space designer terminal type web 360VR interior driving app module or the finishing material product store terminal type web 360VR interior driving app module under the screen sharing atmosphere. , receive explanations and advice on interior finishing materials, and play a role in purchasing interior finishing materials.

여기서, 고객 단말형 웹 360VR 인테리어 구동 앱모듈에서 고객 단말이라는 것은 웹 360VR 인테리어 공간을 다운로드받아 가상 체험하면서, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키는 사용자(=고객, 클라이언트) 단말을 말한다.Here, the customer terminal in the customer terminal type web 360VR interior driving app module is a user (= customer, client) terminal that downloads and experiences the web 360VR interior space virtually, receives explanations and advice on interior finishing materials, and purchases interior finishing materials. says

그리고, 단말은 웹브라우저가 설치되거나, 또는 VR구동이 가능한 스마트디바이스로 이루어진다.In addition, the terminal is composed of a smart device in which a web browser is installed or capable of driving VR.

이는 도 3에 도시한 바와 같이, 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110), 고객 단말형 웹 360VR 인테리어 구동 서비스제어부(120), 고객 단말형 웹 360VR 인테리어 구동 리시버부(130), 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부(140)로 구성된다.As shown in FIG. 3, this includes a customer terminal type web 360VR interior driving activity unit 110, a customer terminal type web 360VR interior driving service control unit 120, a customer terminal type web 360VR interior driving receiver unit 130, a customer terminal Hyung Web 360VR consists of an interior driving content control unit 140.

첫째, 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110)에 관해 설명한다.First, the customer terminal type web 360VR interior driving activity unit 110 according to the present invention will be described.

상기 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110)는 스마트디바이스의 화면상에 고객 단말형 웹 360VR 인테리어 구동 사용자 인터페이스(UI)를 생성시키는 역할을 한다.The customer terminal type web 360VR interior driving activity unit 110 serves to create a customer terminal type web 360VR interior driving user interface (UI) on the screen of the smart device.

여기서, 고객 단말형 웹 360VR 인테리어 구동 사용자 인터페이스(UI)는 인테리어 마감재를 구매하고자 하는 사용자가 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 인테리어 마감재를 선택하고 구매하도록, 화면공유분위기를 생성시키는 UI를 설정시키는 인터페이스를 말한다.Here, in the customer terminal type web 360VR interior driving user interface (UI), a user who wants to purchase interior finishing materials downloads and experiences the immersive 360VR interior space object and the web 360VR interior space in which the interior finishing materials are driven together, and selects the interior finishing material. It refers to an interface that sets up a UI that creates a screen-sharing atmosphere so that users can buy and purchase.

상기 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110)는 도 4에 도시한 바와 같이, 고객 단말형 웹 360VR 인테리어 구동 프레그멘트(Fragments)부(111), 고객 단말형 웹 360VR 인테리어 구동 액티비티 라이프 사이클부(112), 고객 단말형 웹 360VR 인테리어 구동 구성변환부(113), 고객 단말형 웹 360VR 인테리어 구동 액티비티결과값수신부(114), 고객 단말형 웹 360VR 인테리어 구동 상태저장부(115), 고객 단말형 웹 360VR 인테리어 구동 권한설정부(116), 고객 단말형 웹 360VR 인테리어 구동 프로세스라이프사이클부(117)로 구성된다.As shown in FIG. 4, the customer terminal type web 360VR interior driving activity unit 110 includes a customer terminal type web 360VR interior driving fragment unit 111 and a customer terminal type web 360VR interior driving activity life cycle. unit 112, customer terminal type web 360VR interior driving configuration conversion unit 113, customer terminal type web 360VR interior driving activity result receiving unit 114, customer terminal type web 360VR interior driving state storage unit 115, customer terminal It is composed of a type web 360VR interior driving authority setting unit 116 and a customer terminal type web 360VR interior driving process lifecycle unit 117.

[고객 단말형 웹 360VR 인테리어 구동 프레그멘트(Fragments)부(111)][Customer terminal type web 360VR interior driving fragment unit 111]

상기 고객 단말형 웹 360VR 인테리어 구동 프레그멘트(Fragments)부(111)는 한 화면에 다양한 인터페이스 또는 응용 프로그램을 확장 및 구축시키는 역할을 한다.The customer terminal type web 360VR interior driving fragment part 111 serves to expand and build various interfaces or application programs on one screen.

이는 메뉴바, 링크바, 이미지맵 인터페이스부, 사이트맵 인터페이스부, 사이트 메뉴바, 디렉터리부로 구성된다.It consists of a menu bar, a link bar, an image map interface unit, a site map interface unit, a site menu bar, and a directory unit.

상기 메뉴바는 계층구조를 표현하는 구성요소로서, 사용자가 원하는 페이지로 이동시키는 역할을 한다.The menu bar is a component representing a hierarchical structure and serves to move a user to a desired page.

상기 링크바는 원하는 페이지로 이동할 수 있게 설정시키는 하이퍼링크를 형성시키는 역할을 한다.The link bar plays a role of forming a hyperlink that enables movement to a desired page.

상기 이미지맵 인터페이스부는 그림에 하이퍼링크를 걸어 원하는 페이지로 이동시키도록 형성시키는 역할을 한다.The image map interface unit plays a role of forming a hyperlink to a picture to move to a desired page.

상기 사이트맵 인터페이스부는 사이트의 전체 구조를 한 눈에 알아볼 수 있도록 트리 구조 형태로 형성시키는 역할을 한다.The site map interface unit serves to form a tree structure so that the entire structure of the site can be recognized at a glance.

상기 사이트 메뉴바는 사이트의 좌측이나 우측에 메뉴, 링크를 모아서 화면일측에 형성시키는 역할을 한다.The site menu bar serves to gather menus and links on the left or right side of the site and form them on one side of the screen.

상기 디렉터리부는 주제나 항목을 카테고리별로 표현시키는 역할을 한다.The directory unit serves to express subjects or items by category.

[고객 단말형 웹 360VR 인테리어 구동 액티비티 라이프 사이클부(112)][Customer terminal type web 360VR interior driving activity life cycle unit 112]

상기 고객 단말형 웹 360VR 인테리어 구동 액티비티 라이프 사이클부(112)는 액티비티의 동작 상태에 따라 전체(Entire), 가시성(Visible), 이전 수명(Foreground Lifetime)으로 구분하여 사이클을 형성시키는 역할을 한다.The customer terminal type web 360 VR interior driving activity life cycle unit 112 serves to form a cycle by classifying the activity into Entire, Visible, and Foreground Lifetime according to the operating state of the activity.

[고객 단말형 웹 360VR 인테리어 구동 구성변환부(113)][Customer terminal type web 360VR interior driving configuration conversion unit 113]

상기 고객 단말형 웹 360VR 인테리어 구동 구성변환부(113)는 액티비티의 환경 변화에 따라 변경시키고, 런타임 변경시 온디스트로이(onDestroy)호출과, 액티비티를 다시 시작시키는 역할을 한다.The customer terminal type web 360VR interior driving configuration conversion unit 113 changes the activity according to the environmental change, calls onDestroy when the runtime is changed, and restarts the activity.

[고객 단말형 웹 360VR 인테리어 구동 액티비티결과값수신부(114)][Customer terminal type web 360VR interior drive activity result value receiver (114)]

상기 고객 단말형 웹 360VR 인테리어 구동 액티비티결과값수신부(114)는 액티비티가 끝나면, 그 결과값을 반환하거나, 또는 그 결과값을 받아오는 역할을 한다.The customer terminal type web 360VR interior drive activity result value receiving unit 114 plays a role of returning the result value or receiving the result value when the activity is finished.

[고객 단말형 웹 360VR 인테리어 구동 상태저장부(115)][Customer terminal type web 360VR interior driving state storage unit 115]

상기 고객 단말형 웹 360VR 인테리어 구동 상태저장부(115)는 액티비티의 동작상태, 액티비티 결과값을 저장시키는 역할을 한다.The customer terminal type web 360VR interior driving state storage unit 115 serves to store the operating state of the activity and the result value of the activity.

[고객 단말형 웹 360VR 인테리어 구동 권한설정부(116)][Customer terminal type web 360VR interior driving authority setting unit (116)]

상기 고객 단말형 웹 360VR 인테리어 구동 권한설정부(116)는 특정활동에 대한 액세스 권한 부여를 설정시키는 역할을 한다.The customer terminal type web 360VR interior drive permission setting unit 116 serves to set access permission for a specific activity.

[고객 단말형 웹 360VR 인테리어 구동 프로세스라이프사이클부(117)][Customer terminal type web 360VR interior driving process lifecycle part (117)]

상기 고객 단말형 웹 360VR 인테리어 구동 프로세스라이프사이클부(117)는 고객 단말형 웹 360VR 인테리어 구동 앱의 메모리 부족시 오랜된 프로세스를 설정값에 따라 자동으로 제거하고, 프로세스의 우선순위를 조절시키는 역할을 한다.The customer terminal type web 360VR interior driving process lifecycle unit 117 plays a role of automatically removing old processes according to set values and adjusting the priority of processes when the memory of the customer terminal type web 360VR interior driving app is insufficient. do.

이처럼, 고객 단말형 웹 360VR 인테리어 구동 프레그멘트(Fragments)부(111), 고객 단말형 웹 360VR 인테리어 구동 액티비티 라이프 사이클부(112), 고객 단말형 웹 360VR 인테리어 구동 구성변환부(113), 고객 단말형 웹 360VR 인테리어 구동 액티비티결과값수신부(114), 고객 단말형 웹 360VR 인테리어 구동 상태저장부(115), 고객 단말형 웹 360VR 인테리어 구동 권한설정부(116), 고객 단말형 웹 360VR 인테리어 구동 프로세스라이프사이클부(117)로 이루어진 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110)에서, 생성시킨 고객 단말형 웹 360VR 인테리어 구동 사용자 인터페이스(UI)를 통해, 인테리어 마감재를 구매하고자 하는 사용자가 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 인테리어 마감재를 선택하고 구매하도록, 화면공유분위기를 생성시키는 UI를 형성시킬 수 있다.As such, the customer terminal type web 360VR interior driving fragment unit 111, the customer terminal type web 360VR interior driving activity life cycle unit 112, the customer terminal type web 360VR interior driving configuration conversion unit 113, the customer terminal type web 360VR interior driving configuration conversion unit 113 Terminal type web 360VR interior operation activity result value receiving unit (114), customer terminal type web 360VR interior driving state storage unit (115), customer terminal type web 360VR interior driving authority setting unit (116), customer terminal type web 360VR interior driving process Through the customer terminal type web 360VR interior driving user interface (UI) created in the customer terminal type web 360VR interior driving activity unit 110 composed of the life cycle unit 117, a user who wants to purchase an interior finishing material can use the realistic 360VR While downloading and experiencing the web 360VR interior space in which the interior space object and interior finishing materials are driven together, a UI that creates a screen sharing atmosphere can be formed to select and purchase interior finishing materials.

둘째, 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 서비스제어부(120)에 관해 설명한다.Second, the customer terminal type web 360VR interior driving service controller 120 according to the present invention will be described.

상기 고객 단말형 웹 360VR 인테리어 구동 서비스제어부(120)는 백그라운드에서 실행되어, 고객 단말형 웹 360VR 인테리어 구동 앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 역할을 한다.The customer terminal type web 360VR interior driving service control unit 120 is executed in the background and binds another component of the customer terminal type web 360VR interior driving app to the service to interact with the service and perform inter-process communication. play a controlling role.

상기 고객 단말형 웹 360VR 인테리어 구동 서비스제어부는 인터페이스를 제공하지 않고, 시작과 바인드 형식을 가진다.The customer terminal type web 360VR interior driving service control unit does not provide an interface and has a start and bind format.

..

상기 고객 단말형 웹 360VR 인테리어 구동 서비스제어부(120)는 도 5에 도시한 바와 같이, 제1 포그라운드 서비스 제어부(121), 제1 백그라운드서비스 제어부(122), 제1 바인드 제어부(123)로 구성된다.As shown in FIG. 5, the customer terminal type web 360VR interior driving service control unit 120 is composed of a first foreground service control unit 121, a first background service control unit 122, and a first bind control unit 123. do.

상기 제1 포그라운드 서비스 제어부(121)는 사용자에게 잘 보이는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The first foreground service control unit 121 serves to control to perform a service task that is clearly visible to the user.

이는 알림을 표시하고, 사용자가 앱과 상호작용하지 않을 때도 계속 실행되도록 구성된다.It is configured to display notifications and keep running even when the user is not interacting with the app.

상기 제1 백그라운드서비스 제어부(122)는 사용자에게 직접 보이지 않는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The first background service controller 122 plays a role of controlling to perform a service task that is not directly visible to the user.

일예로, 고객 단말형 웹 360VR 인테리어 구동 앱이 저장소를 압축하는데 서비스를 사용했다면, 이것은 백그라운드서비스 제어부의 작업이다.For example, if a customer terminal type web 360VR interior driving app uses a service to compress storage, this is the task of the background service control unit.

상기 제1 바인드 제어부(123)는 고객 단말형 웹 360VR 인테리어 구동 앱의 구성요소인 바인드서비스(bindService)를 호출하여 해당 서비스를 바인딩시키면 서비스를 바인딩시키도록 제어하는 역할을 한다.The first bind control unit 123 serves to control the service to be bound when a bind service, which is a component of the customer terminal type web 360VR interior driving app, is called and the corresponding service is bound.

바인딩된 서비스는 화면공유형 웹 360VR 인테리어공간 형성제어모듈과 인터페이스를 제공하여 구성요소가 서비스와 상호작용하게 하며, 결과를 받을 수 있고, 여러 프로세스에 걸쳐 프로세스간 통신(IPC)으로 수행할 수 있다.The bound service provides an interface with the screen-sharing web 360VR interior space formation control module to allow components to interact with the service, receive results, and perform inter-process communication (IPC) across multiple processes. .

이처럼, 제1 포그라운드 서비스 제어부(121), 제1 백그라운드서비스 제어부(122), 제1 바인드 제어부(123)로 이루어진 고객 단말형 웹 360VR 인테리어 구동 서비스 제어부(120)는 사용자가 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부와 상호작용하는 동안 기본 스레드 밖에서 작업을 수행해야 하는 경우, 새 스레드를 생성시키도록 구성된다.As such, the customer terminal type web 360VR interior driving service control unit 120 composed of the first foreground service control unit 121, the first background service control unit 122, and the first bind control unit 123 allows the user to use the customer terminal type web 360VR It is configured to spawn a new thread if work needs to be done outside the main thread while interacting with the interior driven content control.

즉, 고객 단말형 웹 360VR 인테리어 구동 액티비티부가 실행되는 중에만 원샷 통합 선결제를 수행하고자 하는 경우, 온크리에이트(onCreate) 안에 스레드를 생성하고, 이를 온스타트(onStart)에서 실행하기 시작한 다음, 온스탑(onStop)에서 중단하도록 구성된다.That is, if you want to perform a one-shot integrated prepayment only while the customer terminal type web 360VR interior driving activity part is running, create a thread in onCreate, start running it in onStart, then onstop ( onStop).

셋째, 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 리시버부(130)에 관해 설명한다.Third, the customer terminal type web 360VR interior driving receiver unit 130 according to the present invention will be described.

상기 고객 단말형 웹 360VR 인테리어 구동 리시버부(130)는 스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 역할을 한다. The customer terminal type web 360VR interior driving receiver unit 130 serves to generate a broadcast message of notification on the screen when a system event of the smart device occurs.

여기서, 스마트디바이스의 시스템 이벤트는 기기의 충전 알림, 전원오프 알림 등의 이벤트를 말한다.Here, the system event of the smart device refers to an event such as device charging notification or power off notification.

상기 고객 단말형 웹 360VR 인테리어 구동 리시버부는 인터페이스를 제공하지 않고, 시스템 앱과 고객 단말형 웹 360VR 인테리어 구동 앱 사이에서 양방향으로 브로드 캐스트 메시지를 송수신시키도록 구성된다.The customer terminal type web 360VR interior driving receiver unit is configured to transmit and receive broadcast messages in both directions between the system app and the customer terminal type web 360VR interior driving app without providing an interface.

그리고, 매니페스트(manifest)엔 선언된 수신자 및 컨텍스트에 등록된 수신자를 통해 브로드캐스트 메시지를 수신하도록 구성된다.And, it is configured to receive a broadcast message through a receiver declared in the manifest and a receiver registered in the context.

여기서, 브로드 캐스트 메시지는 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 전송된 마감재 결제승인통보메세지, 비용정산메세지가 포함되어 구성된다.Here, the broadcast message includes a finishing material payment approval notification message and a cost settlement message transmitted from the screen sharing type web 360VR interior space formation control module.

넷째, 본 발명에 따른 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부(140)에 관해 설명한다.Fourth, the customer terminal type web 360VR interior driving content controller 140 according to the present invention will be described.

상기 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부(140)는 고객 단말형 웹 360VR 인테리어 구동 앱에 저장한 고객 단말형 웹 360VR 인테리어 구동 콘텐츠에 대한 액세스 권한을 관리하면서, 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키고, 화면공유분위기 하에서 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 연결되어, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키도록 제어시키는 역할을 한다.The customer terminal type web 360VR interior driving content control unit 140 manages access rights to the customer terminal type web 360VR interior driving content stored in the customer terminal type web 360VR interior driving app, while downloading and experiencing the web 360VR interior space. , Click and move the immersive 360VR interior space object, watch and transmit the 360VR screen of the interior finishing material itself to the screen sharing type web 360VR interior space formation control module as it is, and space designer terminal type web in the screen sharing atmosphere It is connected to the 360VR interior driving app module or the terminal-type web 360VR interior driving app module of the finishing material product store, receives explanations and advice on interior finishing materials, and controls the purchase of interior finishing materials.

이는 도 6에 도시한 바와 같이, 웹 360VR 인테리어 공간 체험요청부(141), 고객 단말용 기기 접근제어부(142), 제1 웹 360VR 구동용 웹브라우저생성부(143), 웹 360VR 화면공유 데이터전송부(144), 고객단말용 화면공유제어부(145), 비용결제제어부(146)로 구성된다.As shown in FIG. 6, this includes a web 360VR interior space experience request unit 141, a device access control unit 142 for a customer terminal, a web browser generation unit 143 for driving the first web 360VR, and web 360VR screen sharing data transmission. It is composed of a unit 144, a screen sharing control unit 145 for a customer terminal, and a cost payment control unit 146.

상기 웹 360VR 인테리어 공간 체험요청부(141)는 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 웹 360VR 인테리어 공간 체험을 요청시키는 역할을 한다.The web 360VR interior space experience request unit 141 serves to request the web 360VR interior space experience to the screen sharing type web 360VR interior space formation control module.

이는 QR코드 스캔 또는, 웹 360VR 인테리어 공간 사이트 링크를 통해 요청시킨다.This is requested through a QR code scan or a link to the web 360VR interior space site.

상기 고객 단말용 기기 접근제어부(142)는 인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 고객 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 역할을 한다.The device access control unit 142 for the customer terminal serves to control the screen sharing type web 360VR interior space formation control module to allow the access authority of the device for the customer terminal through authentication.

여기서, 고객 단말용 기기는 인테리어 마감재를 구매하고자 하는 사용자 단말인 스마트 디바이스의 스피커, 마이크, 화상카메라, 디스플레이부의 기기를 말한다.Here, the device for the customer terminal refers to a speaker, a microphone, an image camera, and a display unit of a smart device that is a user terminal that wants to purchase an interior finishing material.

상기 제1 웹 360VR 구동용 웹브라우저생성부(143)는 앱상태에서 웹브라우저를 변환 활성화시켜, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 역할을 한다.The first web browser generator 143 for driving the web 360 VR converts and activates the web browser in the app state, and serves to drive the web 360 VR interior space on the screen of the space designer terminal type web 360 VR interior space formation request app module. .

상기 웹 360VR 화면공유 데이터전송부(144)는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 웹 360VR 화면공유 데이터로 설정하여, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키는 역할을 한다.The web 360VR screen sharing data transmission unit 144 downloads and experiences the web 360VR interior space, clicks, moves, observes, and displays the web 360VR screen itself of the interior finishing material of interest to the web 360VR screen. It is set as shared data and serves to transmit to the screen-sharing type web 360VR interior space formation control module.

상기 고객단말용 화면공유제어부(145)는 웹 360VR 인테리어 공간상에 고객단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 역할을 한다.The screen sharing control unit 145 for the customer terminal creates a screen sharing room for the customer terminal on the web 360VR interior space, and under the control of the screen sharing type web 360VR interior space formation control module, the space designer terminal type web 360VR interior driving app module Or, it serves to control the screen to be shared with the terminal-type web 360VR interior driving app module of the finishing material product store.

이는 웹 360VR 인테리어 공간의 첫 화면에는 고객단말용 화면공유방이 생성되지 않다가, 고객인 사용자의 요청으로, 화면공유변경 큐브를 클릭하면, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 하는 고객단말용 화면공유방이 생성된다.This means that the screen sharing room for the customer terminal is not created on the first screen of the Web 360VR interior space, but at the request of the customer, when the screen sharing change cube is clicked, the screen sharing type Web 360VR interior space is created under the control of the control module, the space A screen sharing room for a customer terminal is created to share the screen with a designer terminal type web 360VR interior drive app module or a terminal type web 360VR interior drive app module for a retailer of finishing materials.

이를 통해, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈과 연결시켜 인테리어 마감재 시장을 활성화시킬 수 있다.Through this, in the web 360VR interior space between the customer terminal-type web 360VR interior driving app module, space designer terminal-type web 360VR interior space formation request app module and the finishing material product store terminal-type finishing material purchase progress app module, video communication, call, and Through the chat, users who want to purchase interior finishing materials can receive explanations on interior finishing materials, and questions about cost, material, and strength, so that they can purchase them on the spot, or use the finishing material product store terminal-type finishing material purchase progress app module. The interior finishing materials market can be activated by connecting them.

상기 비용결제제어부(146)는 구매하고자 하는 인테리어 마감재를 클릭시, 비용결제창이 활성화되어, 사용자 인증 후, 비용결제가 되도록 제어시키는 역할을 한다.When an interior finishing material to be purchased is clicked, the cost payment control unit 146 activates the cost payment window, and controls the cost payment after user authentication.

다음으로, 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200)에 관해 설명한다.Next, the space designer terminal type web 360VR interior space formation request app module 200 according to the present invention will be described.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200)은 공간 디자이너 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 해주는 역할을 한다.The space designer terminal type web 360VR interior space formation request app module 200 is activated in the form of an application in a smart device, which is a space designer terminal, and is directed toward the screen sharing type web 360VR interior space formation control module, real-life photo data about the interior space , video recording data, and finishing material data are transmitted to request the formation of a web 360VR interior space in which realistic 360VR interior space objects and interior finishing materials are driven together, and on the screen, a web browser, interior finishing materials that customers are watching and interested in By activating the web 360VR screen itself as it is, it serves to explain and advise on interior finishing materials toward the customer terminal type web 360VR interior driving app module.

이는 도 7에 도시한 바와 같이, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부(220), 공간 디자이너 단말형 웹 360VR 인테리어 요청 리시버부(230), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부(240)로 구성된다.As shown in FIG. 7, the space designer terminal type web 360VR interior space formation request activity unit 210, the space designer terminal type web 360VR interior space formation request service control unit 220, and the space designer terminal type web 360VR interior request receiver It consists of a part 230, a space designer terminal type web 360VR interior space creation request content control unit 240.

첫째, 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210)에 관해 설명한다.First, the space designer terminal type web 360VR interior space formation request activity unit 210 according to the present invention will be described.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210)는 스마트디바이스의 화면상에 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 사용자 인터페이스(UI)를 생성시키는 역할을 한다.The space designer terminal type web 360VR interior space formation request activity unit 210 serves to create a space designer terminal type web 360VR interior space formation request user interface (UI) on the screen of the smart device.

여기서, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 사용자 인터페이스(UI)는 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키는 UI를 설정시키는 인터페이스를 말한다.Here, the space designer terminal type web 360VR interior space formation request user interface (UI) transmits real-life photo data and video recording data about the indoor interior space, and the web 360VR interior in which realistic 360VR interior space objects and interior finishing materials are driven together It refers to an interface that sets up a UI requesting space formation.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210)는 도 8에 도시한 바와 같이, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프레그멘트(Fragments)부(211), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티 라이프 사이클부(212), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 구성변환부(213), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티결과값수신부(214), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 상태저장부(215), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 권한설정부(216), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프로세스라이프사이클부(217)로 구성된다.As shown in FIG. 8, the space designer terminal type web 360VR interior space formation request activity unit 210 includes a space designer terminal type web 360VR interior space formation request fragment unit 211, a space designer terminal type Web 360VR interior space formation request activity life cycle unit 212, space designer terminal type web 360VR interior space formation request configuration conversion unit 213, space designer terminal type web 360VR interior space formation request activity result value receiver 214, space Designer terminal type web 360VR interior space formation request state storage unit 215, space designer terminal type web 360VR interior space formation request authority setting unit 216, space designer terminal type web 360VR interior space formation request process lifecycle unit 217 consists of

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프레그멘트(Fragments)부(211)][Space Designer Terminal Type Web 360VR Interior Space Formation Request Fragments Unit 211]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프레그멘트(Fragments)부(211)는 한 화면에 다양한 인터페이스 또는 응용 프로그램을 확장 및 구축시키는 역할을 한다.The space designer terminal type web 360VR interior space formation request fragments unit 211 serves to expand and build various interfaces or application programs on one screen.

이는 메뉴바, 링크바, 이미지맵 인터페이스부, 사이트맵 인터페이스부, 사이트 메뉴바, 디렉터리부로 구성된다.It consists of a menu bar, a link bar, an image map interface unit, a site map interface unit, a site menu bar, and a directory unit.

상기 메뉴바는 계층구조를 표현하는 구성요소로서, 사용자가 원하는 페이지로 이동시키는 역할을 한다.The menu bar is a component representing a hierarchical structure and serves to move a user to a desired page.

상기 링크바는 원하는 페이지로 이동할 수 있게 설정시키는 하이퍼링크를 형성시키는 역할을 한다.The link bar plays a role of forming a hyperlink that enables movement to a desired page.

상기 이미지맵 인터페이스부는 그림에 하이퍼링크를 걸어 원하는 페이지로 이동시키도록 형성시키는 역할을 한다.The image map interface unit plays a role of forming a hyperlink to a picture to move to a desired page.

상기 사이트맵 인터페이스부는 사이트의 전체 구조를 한 눈에 알아볼 수 있도록 트리 구조 형태로 형성시키는 역할을 한다.The site map interface unit serves to form a tree structure so that the entire structure of the site can be recognized at a glance.

상기 사이트 메뉴바는 사이트의 좌측이나 우측에 메뉴, 링크를 모아서 화면일측에 형성시키는 역할을 한다.The site menu bar serves to gather menus and links on the left or right side of the site and form them on one side of the screen.

상기 디렉터리부는 주제나 항목을 카테고리별로 표현시키는 역할을 한다.The directory unit serves to express subjects or items by category.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티 라이프 사이클부(212)][Space designer terminal type web 360VR interior space formation request activity life cycle unit 212]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티 라이프 사이클부(212)는 액티비티의 동작 상태에 따라 전체(Entire), 가시성(Visible), 이전 수명(Foreground Lifetime)으로 구분하여 사이클을 형성시키는 역할을 한다.The space designer terminal type web 360 VR interior space formation request activity life cycle unit 212 plays a role of forming a cycle by dividing the activity into Entire, Visible, and Foreground Lifetime according to the operating state of the activity. do.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 구성변환부(213)][Space designer terminal type web 360VR interior space formation request configuration conversion unit (213)]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 구성변환부(213)는 액티비티의 환경 변화에 따라 변경시키고, 런타임 변경시 온디스트로이(onDestroy)호출과, 액티비티를 다시 시작시키는 역할을 한다.The space designer terminal type web 360VR interior space formation request configuration conversion unit 213 changes the activity according to the environmental change, calls onDestroy when the runtime is changed, and restarts the activity.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티결과값수신부(214)][Space designer terminal type web 360VR interior space formation request activity result value receiver (214)]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티결과값수신부(214)는 액티비티가 끝나면, 그 결과값을 반환하거나, 또는 그 결과값을 받아오는 역할을 한다.The space designer terminal type web 360VR interior space formation request activity result value receiving unit 214 serves to return the result value or receive the result value when the activity is finished.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 상태저장부(215)][Space designer terminal type web 360VR interior space formation request state storage unit 215]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 상태저장부(215)는 액티비티의 동작상태, 액티비티 결과값을 저장시키는 역할을 한다.The space designer terminal type web 360VR interior space formation request state storage unit 215 serves to store the operation state of the activity and the result value of the activity.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 권한설정부(216)][Space designer terminal type web 360VR interior space formation request authority setting unit (216)]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 권한설정부(216)는 특정활동에 대한 액세스 권한 부여를 설정시키는 역할을 한다.The space designer terminal type web 360VR interior space creation request permission setting unit 216 serves to set access permission for a specific activity.

[공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프로세스라이프사이클부(217)][Space designer terminal type web 360VR interior space formation request process life cycle unit (217)]

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프로세스라이프사이클부(217)는 공간 디자이너 단말형 웹 360VR 인테리어 요청 앱의 메모리 부족시 오랜된 프로세스를 설정값에 따라 자동으로 제거하고, 프로세스의 우선순위를 조절시키는 역할을 한다.The space designer terminal type web 360VR interior space formation request process lifecycle unit 217 automatically removes old processes according to the set values when the space designer terminal type web 360VR interior request app runs out of memory, and sets the priority of the process. plays a regulating role.

이처럼, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프레그멘트(Fragments)부(211), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티 라이프 사이클부(212), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 구성변환부(213), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티결과값수신부(214), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 상태저장부(215), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 권한설정부(216), 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 프로세스라이프사이클부(217)로 이루어진 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210)에서, 생성시킨 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 사용자 인터페이스(UI)를 통해, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키는 UI를 형성시킨다.Thus, the space designer terminal type web 360VR interior space formation request fragments unit 211, the space designer terminal type web 360VR interior space formation request activity life cycle unit 212, the space designer terminal type web 360VR interior space formation Request configuration conversion unit 213, space designer terminal type web 360VR interior space formation request activity result receiver 214, space designer terminal type web 360VR interior space formation request state storage unit 215, space designer terminal type web 360VR interior The space designer created by the space designer terminal type web 360VR interior space formation request activity unit 210, which consists of the space formation request authority setting unit 216 and the space designer terminal type web 360VR interior space formation request process life cycle part 217 Terminal-type web 360VR interior space formation Through the user interface (UI), real-life photo data and video recording data related to the interior space are transmitted, and the immersive 360VR interior space object and interior finishing materials are driven together to form a web 360VR interior space form a UI that requests

둘째, 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부(220)에 관해 설명한다.Second, the space designer terminal type web 360VR interior space creation request service control unit 220 according to the present invention will be described.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부(220)는 백그라운드에서 실행되어, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 역할을 한다.The space designer terminal type web 360VR interior space formation request service control unit 220 runs in the background, binds another component of the space designer terminal type web 360VR interior space formation request app to the service and interacts with the service, process It plays a role of controlling to perform inter-communication.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부는 인터페이스를 제공하지 않고, 시작과 바인드 형식을 가진다.The space designer terminal type web 360VR interior space formation request service control unit does not provide an interface and has a start and bind form.

..

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부(120)는 도 9에 도시한 바와 같이, 제2 포그라운드 서비스 제어부(221), 제2 백그라운드서비스 제어부(222), 제2 바인드 제어부(223)로 구성된다.As shown in FIG. 9, the space designer terminal type web 360VR interior space creation request service control unit 120 includes a second foreground service control unit 221, a second background service control unit 222, and a second bind control unit 223. ) is composed of

상기 제2 포그라운드 서비스 제어부(221)는 사용자에게 잘 보이는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The second foreground service control unit 221 serves to control to perform a service task that is clearly visible to the user.

이는 알림을 표시하고, 사용자가 앱과 상호작용하지 않을 때도 계속 실행되도록 구성된다.It is configured to display notifications and keep running even when the user is not interacting with the app.

상기 제2 백그라운드서비스 제어부(222)는 사용자에게 직접 보이지 않는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The second background service control unit 222 serves to control the execution of service tasks that are not directly visible to the user.

일예로, 공간 디자이너 단말형 웹 360VR 인테리어 요청 앱이 저장소를 압축하는데 서비스를 사용했다면, 이것은 백그라운드서비스 제어부의 작업이다.For example, if a space designer terminal type web 360VR interior request app uses a service to compress storage, this is the task of the background service control unit.

상기 제2 바인드 제어부(223)는 공간 디자이너 단말형 웹 360VR 인테리어 요청 앱의 구성요소인 바인드서비스(bindService)를 호출하여 해당 서비스를 바인딩시키면 서비스를 바인딩시키도록 제어하는 역할을 한다.The second bind control unit 223 serves to control binding of a service when a corresponding service is bound by calling a bind service, which is a component of the space designer terminal type web 360VR interior request app.

바인딩된 서비스는 화면공유형 웹 360VR 인테리어공간 형성제어모듈과 인터페이스를 제공하여 구성요소가 서비스와 상호작용하게 하며, 결과를 받을 수 있고, 여러 프로세스에 걸쳐 프로세스간 통신(IPC)으로 수행할 수 있다.The bound service provides an interface with the screen-sharing web 360VR interior space formation control module to allow components to interact with the service, receive results, and perform inter-process communication (IPC) across multiple processes. .

이처럼, 제2 포그라운드 서비스 제어부(221), 제2 백그라운드서비스 제어부(222), 제2 바인드 제어부(223)로 이루어진 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스 제어부(220)는 사용자가 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부와 상호작용하는 동안 기본 스레드 밖에서 작업을 수행해야 하는 경우, 새 스레드를 생성시키도록 구성된다.In this way, the space designer terminal type web 360VR interior space formation request service control unit 220 composed of the second foreground service control unit 221, the second background service control unit 222, and the second bind control unit 223 is a space designer for the user. It is configured to spawn a new thread if work outside the main thread needs to be performed while interacting with the Terminal Web 360VR Interior Space Formation Request Content Control.

즉, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부가 실행되는 중에만 원샷 통합 선결제를 수행하고자 하는 경우, 온크리에이트(onCreate) 안에 스레드를 생성하고, 이를 온스타트(onStart)에서 실행하기 시작한 다음, 온스탑(onStop)에서 중단하도록 구성된다.That is, if you want to perform a one-shot integration prepayment only while the space designer terminal type web 360VR interior space formation request activity part is running, create a thread in onCreate, start running it in onStart, It is configured to stop on onStop.

셋째, 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 리시버부(230)에 관해 설명한다.Third, the space designer terminal type web 360VR interior space formation request receiver unit 230 according to the present invention will be described.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 리시버부(230)는 스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 역할을 한다. The space designer terminal type web 360VR interior space formation request receiver unit 230 serves to generate a broadcast message of notification on the screen when a system event of the smart device occurs.

여기서, 스마트디바이스의 시스템 이벤트는 기기의 충전 알림, 전원오프 알림 등의 이벤트를 말한다.Here, the system event of the smart device refers to an event such as device charging notification or power off notification.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 리시버부는 인터페이스를 제공하지 않고, 시스템 앱과 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱 사이에서 양방향으로 브로드 캐스트 메시지를 송수신시키도록 구성된다.The space designer terminal type web 360VR interior space formation request receiver unit is configured to transmit and receive broadcast messages in both directions between the system app and the space designer terminal type web 360VR interior space formation request app without providing an interface.

그리고, 매니페스트(manifest)엔 선언된 수신자 및 컨텍스트에 등록된 수신자를 통해 브로드캐스트 메시지를 수신하도록 구성된다.And, it is configured to receive a broadcast message through a receiver declared in the manifest and a receiver registered in the context.

여기서, 브로드 캐스트 메시지는 지능형 통합 선결제 중개제어모듈로부터 전송된 승인통보메세지, 비용정산메세지가 포함되어 구성된다.Here, the broadcast message includes an approval notification message and a cost settlement message transmitted from the intelligent integrated prepayment brokerage control module.

넷째, 본 발명에 따른 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부(240)에 관해 설명한다.Fourth, the space designer terminal type web 360VR interior space creation request content controller 240 according to the present invention will be described.

상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부(240)는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱에 저장한 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠에 대한 액세스 권한을 관리하면서, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 해주도록 제어하는 역할을 한다.The space designer terminal type web 360VR interior space formation request content control unit 240 manages access rights to the space designer terminal type web 360VR interior space formation request content stored in the space designer terminal type web 360VR interior space formation request app, Web 360VR interior space in which realistic 360VR interior space objects and interior finishing materials are driven together by transmitting actual photo data and video recording data of the interior space, and finishing material data to the screen sharing type web 360VR interior space formation control module. Request formation, and activate the web 360VR screen itself of the interior finishing material that the customer is watching and interested in on the screen of the web browser as it is, and provide explanations and advice on the interior finishing material toward the customer terminal type web 360VR interior driving app module. plays a role in controlling the

이는 도 10에 도시한 바와 같이, 웹 360VR 인테리어 공간형성 요청부(241), 공간 디자이너 단말용 기기 접근제어부(242), 제2 웹 360VR 구동용 웹브라우저생성부(243), 공간 디자이너 단말용 화면공유제어부(244)로 구성된다.As shown in FIG. 10, this includes a web 360VR interior space formation request unit 241, a device access control unit 242 for a space designer terminal, a web browser generation unit 243 for driving a second web 360VR, and a screen for a space designer terminal. It is composed of a sharing control unit 244.

상기 웹 360VR 인테리어 공간형성 요청부(241)는 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키는 역할을 한다.The web 360VR interior space formation request unit 241 transmits photo data, video recording data, and finishing material data related to the indoor interior space to the screen sharing type web 360VR interior space formation control module, thereby creating a realistic 360VR interior space. It serves to request the formation of a web 360VR interior space in which objects and interior finishing materials are driven together.

상기 공간 디자이너 단말용 기기 접근제어부(242)는 인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 공간 디자이너 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 역할을 한다.The device access control unit 242 for the space designer terminal serves to control the screen sharing type web 360VR interior space formation control module to allow the access authority of the space designer terminal device through authentication.

여기서, 공간 디자이너 단말용 기기는 인테리어 마감재를 구매하고자 하는 공간 디자이너 단말인 스마트 디바이스의 스피커, 마이크, 화상카메라, 디스플레이부의 기기를 말한다.Here, the space designer terminal device refers to a speaker, a microphone, an image camera, and a display unit of a smart device that is a space designer terminal that wants to purchase an interior finishing material.

상기 제2 웹 360VR 구동용 웹브라우저생성부(243)는 앱상태에서 웹브라우저를 변환 활성화시켜, 마감재 제품판매처 단말의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 역할을 한다.The second web browser generation unit 243 for driving the web 360 VR converts and activates the web browser in the app state, and serves to drive the interior space of the web 360 VR on the screen of the terminal of the terminal selling the finishing material product.

상기 공간 디자이너 단말용 화면공유제어부(244)는 웹 360VR 인테리어 공간상에 공간 디자이너 단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 역할을 한다.The screen sharing control unit 244 for the space designer terminal creates a screen sharing room for the space designer terminal on the web 360VR interior space, and under the control of the screen sharing type web 360VR interior space formation control module, the customer terminal type web 360VR interior driving app It plays a role in controlling the screen to be shared with the terminal-type web 360VR interior driving app module of the module or finishing material product store.

이는 웹 360VR 인테리어 공간의 첫 화면에는 공간 디자이너 단말용 화면공유방이 생성되지 않다가, 디자이너의 요청으로, 화면공유변경 큐브를 클릭하면, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 하는 고객단말용 화면공유방이 생성된다.This means that a screen sharing room for the space designer terminal is not created on the first screen of the Web 360VR interior space, but at the request of the designer, when the screen sharing change cube is clicked, under the control of the screen sharing type Web 360VR interior space formation control module, the customer terminal A screen sharing room for customer terminals is created to share the screen with the typed web 360VR interior drive app module or the terminal type web 360VR interior drive app module at the place where the finishing material product is sold.

이를 통해, 사용자단말, 공간 디자이너 단말과 마감재 제품판매처 단말간의 웹 360VR 인테리어 공간에서, 화상통신 및 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처사와 연결시켜 인테리어 마감재 시장을 활성화시킬 수 있다.Through this, in the web 360VR interior space between the user terminal, space designer terminal, and finishing material product sales terminal, through video communication and chatting, interior finishing materials are explained, and questions about cost, material, and strength are consulted. The interior finishing material market can be activated by allowing a user who wants to purchase to purchase directly on the spot or by connecting with a finishing material product sales office.

다음으로, 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300)에 관해 설명한다.Next, the terminal-type finishing material purchase progress app module 300 according to the present invention will be described.

상기 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300)은 마감재 제품판매처 단말인 스마트디바이스 내에 어플형태로 활성화되어, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 역할을 한다.The finishing material product sales terminal type finishing material purchase progress app module 300 is activated in the form of an application in the smart device, which is a finishing material product sales store terminal, towards the space designer terminal type finishing material purchase progress app module, finishing materials to be created in the web 360VR interior space It transmits data and activates the web 360 VR screen itself of interior finishing materials that customers are watching and interested in on the screen of the web browser as it is, guiding the purchase process of interior finishing materials toward the customer terminal type web 360 VR interior driving app module. do.

여기서, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에서 마감재 제품판매처 단말이라는 것은 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 실내 인테리어공간에 사용되는 마감재 데이터를 전송시키는 마감재 제품판매처 단말을 말한다.Here, the finishing material product sales terminal in the finishing material product sales terminal type finishing material purchase progress app module refers to the finishing material product sales terminal that transmits the finishing material data used in the interior space to the space designer terminal type finishing material purchase progress app module.

그리고, 단말은 웹브라우저가 설치되거나, 또는 VR구동이 가능한 스마트디바이스로 이루어진다. In addition, the terminal is composed of a smart device in which a web browser is installed or capable of driving VR.

또한, 인테리어 마감재는 스타코, 석재, 목재, 철재, 벽돌, 세라믹사이딩, 노출 콘크리트, 샌드위치 판넬, 타일, 도장, 벽지, 소파, 천장등, 스위치를 모두 포함한다.In addition, interior finishing materials include stucco, stone, wood, steel, brick, ceramic siding, exposed concrete, sandwich panels, tiles, painting, wallpaper, sofas, ceiling lights, and switches.

이는 도 11에 도시한 바와 같이, 마감재 제품판매처 단말형 마감재 구매진행 액티비티부(310), 마감재 제품판매처 단말형 마감재 구매진행 서비스제어부(320), 마감재 제품판매처 단말형 마감재 구매진행 리시버부(330), 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부(340)로 구성된다.As shown in FIG. 11, this includes a terminal-type finishing material purchase progress activity unit 310 for a finishing material product seller, a terminal-type finishing material purchase progress service control unit 320 for a finishing material product seller, and a terminal-type finishing material purchase progress receiver unit 330 for a finishing material product seller. , It consists of a finishing material product sales place terminal type finishing material purchase progress content control unit 340.

첫째, 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 액티비티부(310)에 관해 설명한다.First, the terminal-type finishing material purchase progress activity unit 310 according to the present invention will be described.

상기 마감재 제품판매처 단말형 마감재 구매진행 액티비티부(310)는 스마트디바이스의 화면상에 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시키고, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 사용자 인터페이스(UI)를 생성시키는 역할을 한다.The finishing material product sales place terminal-type finishing material purchase progress activity unit 310 transmits the finishing material data to be created in the web 360VR interior space to the space designer terminal-type finishing material purchase progress app module on the screen of the smart device, and the customer terminal-type It plays a role in creating a user interface (UI) that guides the purchase of interior finishing materials toward the web 360 VR interior driving app module.

이는 도 12에 도시한 바와 같이, 마감재 제품판매처 단말형 마감재 구매진행 프레그멘트(Fragments)부(311), 마감재 제품판매처 단말형 마감재 구매진행 액티비티 라이프 사이클부(312), 마감재 제품판매처 단말형 마감재 구매진행 구성변환부(313), 마감재 제품판매처 단말형 마감재 구매진행 액티비티결과값수신부(314), 마감재 제품판매처 단말형 마감재 구매진행 상태저장부(315), 마감재 제품판매처 단말형 마감재 구매진행 권한설정부(316), 마감재 제품판매처 단말형 마감재 구매진행 프로세스라이프사이클부(317)로 구성된다.As shown in FIG. 12, this includes a Fragments unit 311 for purchasing terminal-type finishing materials for finishing material product sellers, an activity life cycle unit 312 for purchasing terminal-type finishing materials for finishing material product sellers, and a terminal-type finishing material for finishing material product sellers. Purchase progress configuration conversion unit 313, Finishing material product seller Terminal-type finishing material purchase progress Activity result value receiving unit 314, Finishing material product seller Terminal-type finishing material purchase progress status storage unit 315, Finishing material product seller Terminal-type finishing material purchase progress authority setting It is composed of a unit 316 and a terminal-type finishing material purchase progress process life cycle unit 317 where a finishing material product is sold.

[마감재 제품판매처 단말형 마감재 구매진행 프레그멘트(Fragments)부(311)][Finish product sales place terminal type finishing material purchase progress Fragments unit 311]

상기 마감재 제품판매처 단말형 마감재 구매진행 프레그멘트(Fragments)부(311)는 한 화면에 다양한 인터페이스 또는 응용 프로그램을 확장 및 구축시키는 역할을 한다.The finishing material product sales place terminal-type finishing material purchase progress fragments unit 311 serves to expand and build various interfaces or application programs on one screen.

이는 메뉴바, 링크바, 이미지맵 인터페이스부, 사이트맵 인터페이스부, 사이트 메뉴바, 디렉터리부로 구성된다.It consists of a menu bar, a link bar, an image map interface unit, a site map interface unit, a site menu bar, and a directory unit.

상기 메뉴바는 계층구조를 표현하는 구성요소로서, 사용자가 원하는 페이지로 이동시키는 역할을 한다.The menu bar is a component representing a hierarchical structure and serves to move a user to a desired page.

상기 링크바는 원하는 페이지로 이동할 수 있게 설정시키는 하이퍼링크를 형성시키는 역할을 한다.The link bar plays a role of forming a hyperlink that enables movement to a desired page.

상기 이미지맵 인터페이스부는 그림에 하이퍼링크를 걸어 원하는 페이지로 이동시키도록 형성시키는 역할을 한다.The image map interface unit plays a role of forming a hyperlink to a picture to move to a desired page.

상기 사이트맵 인터페이스부는 사이트의 전체 구조를 한 눈에 알아볼 수 있도록 트리 구조 형태로 형성시키는 역할을 한다.The site map interface unit serves to form a tree structure so that the entire structure of the site can be recognized at a glance.

상기 사이트 메뉴바는 사이트의 좌측이나 우측에 메뉴, 링크를 모아서 화면일측에 형성시키는 역할을 한다.The site menu bar serves to gather menus and links on the left or right side of the site and form them on one side of the screen.

상기 디렉터리부는 주제나 항목을 카테고리별로 표현시키는 역할을 한다.The directory unit serves to express subjects or items by category.

[마감재 제품판매처 단말형 마감재 구매진행 액티비티 라이프 사이클부(312)][Activity life cycle department (312) in the process of purchasing finishing materials for terminal-type finishing materials]

상기 마감재 제품판매처 단말형 마감재 구매진행 액티비티 라이프 사이클부(312)는 액티비티의 동작 상태에 따라 전체(Entire), 가시성(Visible), 이전 수명(Foreground Lifetime)으로 구분하여 사이클을 형성시키는 역할을 한다.The activity life cycle unit 312 for purchasing terminal-type finishing materials at the finishing material product seller serves to form a cycle by classifying the activity into Entire, Visible, and Foreground Lifetime according to the operating state of the activity.

[마감재 제품판매처 단말형 마감재 구매진행 구성변환부(313)][Finish product sales place terminal-type finishing material purchase process configuration conversion unit (313)]

상기 마감재 제품판매처 단말형 마감재 구매진행 구성변환부(313)는 액티비티의 환경 변화에 따라 변경시키고, 런타임 변경시 온디스트로이(onDestroy)호출과, 액티비티를 다시 시작시키는 역할을 한다.The terminal-type finishing material purchase progress configuration conversion unit 313 of the finishing material product seller serves to change the activity according to changes in the environment, and to call onDestroy and restart the activity when the runtime is changed.

[마감재 제품판매처 단말형 마감재 구매진행 액티비티결과값수신부(314)][Finish product sales place terminal-type finishing material purchase progress activity result value receiver (314)]

상기 마감재 제품판매처 단말형 마감재 구매진행 액티비티결과값수신부(314)는 액티비티가 끝나면, 그 결과값을 반환하거나, 또는 그 결과값을 받아오는 역할을 한다.The finishing material product seller terminal type finishing material purchase progress activity result value receiving unit 314 serves to return the result value or receive the result value when the activity ends.

[마감재 제품판매처 단말형 마감재 구매진행 상태저장부(315)][Finish product sales store terminal-type finishing material purchase progress state storage unit 315]

상기 마감재 제품판매처 단말형 마감재 구매진행 상태저장부(315)는 액티비티의 동작상태, 액티비티 결과값을 저장시키는 역할을 한다.The terminal-type finishing material purchase progress state storage unit 315 of the finishing material product seller serves to store the operation state of the activity and the activity result value.

[마감재 제품판매처 단말형 마감재 구매진행 권한설정부(316)][Finish product sales place terminal-type finishing material purchase process authority setting unit (316)]

상기 마감재 제품판매처 단말형 마감재 구매진행 권한설정부(316)는 특정활동에 대한 액세스 권한 부여를 설정시키는 역할을 한다.The finishing material product sales place terminal type finishing material purchase progress authority setting unit 316 serves to set access authority for a specific activity.

[마감재 제품판매처 단말형 마감재 구매진행 프로세스라이프사이클부(317)][Process life cycle department (317) for purchasing terminal-type finishing materials for finishing materials product sales]

상기 마감재 제품판매처 단말형 마감재 구매진행 프로세스라이프사이클부(317)는 마감재 제품판매처 단말형 마감재 구매진행 앱의 메모리 부족시 오랜된 프로세스를 설정값에 따라 자동으로 제거하고, 프로세스의 우선순위를 조절시키는 역할을 한다.The finishing material product seller terminal-type finishing material purchase progress process lifecycle unit 317 automatically removes an old process according to a set value and adjusts the priority of the process when the memory of the finishing material product seller terminal-type finishing material purchase progress app is insufficient. play a role

이처럼, 마감재 제품판매처 단말형 마감재 구매진행프레그멘트(Fragments)부(311), 마감재 제품판매처 단말형 마감재 구매진행액티비티 라이프 사이클부(312), 마감재 제품판매처 단말형 마감재 구매진행구성변환부(313), 마감재 제품판매처 단말형 마감재 구매진행액티비티결과값수신부(314), 마감재 제품판매처 단말형 마감재 구매진행상태저장부(315), 마감재 제품판매처 단말형 마감재 구매진행권한설정부(316), 마감재 제품판매처 단말형 마감재 구매진행프로세스라이프사이클부(317)로 이루어진 마감재 제품판매처 단말형 마감재 구매진행액티비티부(310)에서, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 UI를 형성시킨다.In this way, the finishing material product sales place terminal type finishing material purchase progress fragments unit 311, the finishing material product sales place terminal type finishing material purchase progress activity life cycle unit 312, the finishing material product sales place terminal type finishing material purchase progress configuration conversion unit 313 ), finishing material product sales place terminal type finishing material purchase progress activity result value receiving unit 314, finishing material product sales place terminal type finishing material purchase progress status storage unit 315, finishing material product sales place terminal type finishing material purchase progress authority setting unit 316, finishing material product In the finishing material product seller terminal type finishing material purchasing progress activity part 310 consisting of the vendor terminal-type finishing material purchase progress process lifecycle unit 317, the finishing material data to be created in the web 360VR interior space is transmitted, and on the screen, which is a web browser In this case, the web 360VR screen of the interior finishing material that the customer is watching and interested in is activated as it is, and a UI for guiding the purchase of the interior finishing material toward the customer terminal type web 360VR interior driving app module is formed.

둘째, 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행서비스제어부(320)에 관해 설명한다.Second, the terminal-type finishing material purchase progress service control unit 320 according to the present invention will be described.

상기 마감재 제품판매처 단말형 마감재 구매진행서비스제어부(320)는 백그라운드에서 실행되어, 마감재 제품판매처 단말형 마감재 구매진행앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 역할을 한다.The finishing material product seller terminal-type finishing material purchase progress service control unit 320 runs in the background, binds another component of the finishing material product seller terminal-type finishing material purchase progress app to the service, and performs inter-process communication while interacting with the service. It serves as a control to do so.

상기 마감재 제품판매처 단말형 마감재 구매진행서비스제어부는 인터페이스를 제공하지 않고, 시작과 바인드 형식을 가진다.The finishing material product sales place terminal type finishing material purchase progress service control unit does not provide an interface and has a start and bind format.

..

상기 마감재 제품판매처 단말형 마감재 구매진행서비스제어부(320)는 도 13에 도시한 바와 같이, 제3 포그라운드 서비스 제어부(321), 제3 백그라운드서비스 제어부(322), 제3 바인드 제어부(323)로 구성된다.As shown in FIG. 13, the finishing material product seller terminal type finishing material purchase progress service control unit 320 includes a third foreground service control unit 321, a third background service control unit 322, and a third bind control unit 323. It consists of

상기 제3 포그라운드 서비스 제어부(321)는 사용자에게 잘 보이는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The third foreground service control unit 321 serves to control to perform service tasks that are clearly visible to the user.

이는 알림을 표시하고, 사용자가 앱과 상호작용하지 않을 때도 계속 실행되도록 구성된다.It is configured to display notifications and keep running even when the user is not interacting with the app.

상기 제3 백그라운드서비스 제어부(322)는 사용자에게 직접 보이지 않는 서비스 작업을 수행시키도록 제어하는 역할을 한다.The third background service control unit 322 serves to control a service operation that is not directly visible to the user to be performed.

일예로, 마감재 제품판매처 단말형 마감재 구매진행 앱이 저장소를 압축하는데 서비스를 사용했다면, 이것은 백그라운드서비스 제어부의 작업이다.For example, if a terminal-type finishing material purchase progress app of a finishing material product seller uses a service to compress storage, this is the task of the background service control unit.

상기 제3 바인드 제어부(323)는 마감재 제품판매처 단말형 마감재 구매진행 앱의 구성요소인 바인드서비스(bindService)를 호출하여 해당 서비스를 바인딩시키면 서비스를 바인딩시키도록 제어하는 역할을 한다.The third bind controller 323 plays a role of controlling to bind a service when a bind service, which is a component of a terminal-type finishing material purchase progress app for a finishing material product seller, is called and the corresponding service is bound.

바인딩된 서비스는 공간 디자이너 단말형 마감재 구매진행 앱모듈, 화면공유형 웹 360VR 인테리어공간 형성제어모듈과 인터페이스를 제공하여 구성요소가 서비스와 상호작용하게 하며, 결과를 받을 수 있고, 여러 프로세스에 걸쳐 프로세스간 통신(IPC)으로 수행할 수 있다.The bound service provides an interface with a space designer terminal-type finishing material purchasing progress app module, a screen-sharing web 360VR interior space formation control module, allowing components to interact with the service, receive results, and process across multiple processes. It can be done with inter-intercommunication (IPC).

이처럼, 제2 포그라운드 서비스 제어부(321), 제3 백그라운드서비스 제어부(322), 제3 바인드 제어부(323)로 이루어진 마감재 제품판매처 단말형 마감재 구매진행 서비스 제어부(320)는 사용자가 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부와 상호작용하는 동안 기본 스레드 밖에서 작업을 수행해야 하는 경우, 새 스레드를 생성시키도록 구성된다.As such, the finishing material product sales terminal type finishing material purchase progress service control unit 320 composed of the second foreground service control unit 321, the third background service control unit 322, and the third bind control unit 323 allows the user to use the finishing material product sales store terminal It is configured to spawn a new thread if work needs to be done outside the main thread while interacting with the procedural content control.

즉, 마감재 제품판매처 단말형 마감재 구매진행 액티비티부가 실행되는 중에만 원샷 통합 선결제를 수행하고자 하는 경우, 온크리에이트(onCreate) 안에 스레드를 생성하고, 이를 온스타트(onStart)에서 실행하기 시작한 다음, 온스탑(onStop)에서 중단하도록 구성된다.In other words, if you want to perform a one-shot integrated prepayment only while the finishing material purchase progress activity part of the finishing material product sales place is running, create a thread in onCreate, start running it in onStart, and then onstop. (onStop).

셋째, 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 리시버부(330)에 관해 설명한다.Thirdly, the finishing material product sales place terminal type finishing material purchase progress receiver unit 330 according to the present invention will be described.

상기 마감재 제품판매처 단말형 마감재 구매진행 리시버부(330)는 스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 역할을 한다. The terminal-type finishing material purchase progress receiver 330 of the finishing material product seller serves to generate a broadcast message of notification on the screen when a system event of the smart device occurs.

여기서, 스마트디바이스의 시스템 이벤트는 기기의 충전 알림, 전원오프 알림 등의 이벤트를 말한다.Here, the system event of the smart device refers to an event such as device charging notification or power off notification.

상기 마감재 제품판매처 단말형 마감재 구매진행 리시버부는 인터페이스를 제공하지 않고, 시스템 앱과 마감재 제품판매처 단말형 마감재 구매진행 앱 사이에서 양방향으로 브로드 캐스트 메시지를 송수신시키도록 구성된다.The finishing material product seller terminal type finishing material purchase progress receiver unit is configured to transmit and receive a broadcast message in both directions between the system app and the finishing material product seller terminal type finishing material purchase progress app without providing an interface.

그리고, 매니페스트(manifest)엔 선언된 수신자 및 컨텍스트에 등록된 수신자를 통해 브로드캐스트 메시지를 수신하도록 구성된다.And, it is configured to receive a broadcast message through a receiver declared in the manifest and a receiver registered in the context.

넷째, 본 발명에 따른 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부(340)에 관해 설명한다.Fourth, the finishing material product sales place terminal type finishing material purchase progress content controller 340 according to the present invention will be described.

상기 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부(340)는 마감재 제품판매처 단말형 마감재 구매진행앱에 저장한 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠에 대한 액세스 권한을 관리하면서, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키도록 제어시키는 역할을 한다.The finishing material product seller terminal-type finishing material purchase progress content control unit 340 manages access rights to the finishing material product seller terminal-type finishing material purchase progress content stored in the finishing material product seller terminal-type finishing material purchase progress app, while purchasing space designer terminal-type finishing materials Towards the progress app module, the finishing material data to be created in the web 360VR interior space is transmitted, and the web 360VR screen itself of the interior finishing material that the customer is watching and interested in is activated as it is on the screen of the web browser, so that the customer terminal type web 360VR Towards the interior driving app module, it serves to control to guide the purchase of interior finishing materials.

이는 도 14에 도시한 바와 같이, 마감재 데이터 전송부(341), 마감재 제품판매처 단말용 기기 접근제어부(342), 제3 웹 360VR 구동용 웹브라우저생성부(343), 마감재 제품판매처 단말용 화면공유제어부(344)로 구성된다.As shown in FIG. 14, this includes a finishing material data transmission unit 341, a device access control unit 342 for a terminal of a finishing material product seller, a web browser generating unit 343 for driving a third web 360VR, and screen sharing for a terminal of a finishing material product seller. It is composed of a control unit 344.

상기 마감재 데이터 전송부(341)는 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시키는 역할을 한다.The finishing material data transmission unit 341 serves to transmit finishing material data to be created in the web 360 VR interior space to the space designer terminal type finishing material purchase progress app module.

이는 로그인 후, 마감재/제품 정보를 입력시킨다.After logging in, input finishing material/product information.

상기 마감재 제품판매처 단말용 기기 접근제어부(342)는 인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 마감재 제품판매처 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 역할을 한다.The device access control unit 342 for the finishing material product seller terminal serves to control the screen sharing type web 360VR interior space formation control module to allow the access authority of the device for the finishing material product seller terminal through authentication.

여기서, 마감재 제품판매처 단말용 기기는 인테리어 마감재를 구매하고자 하는 마감재 제품판매처 단말인 스마트 디바이스의 스피커, 마이크, 화상카메라의 기기를 말한다.Here, the device for the finishing material product sales store terminal refers to a speaker, microphone, and image camera device of a smart device that is a finishing material product sales store terminal for purchasing interior finishing materials.

상기 제3 웹 360VR 구동용 웹브라우저생성부(343)는 앱상태에서 웹브라우저를 변환 활성화시켜, 마감재 제품판매처 단말의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 역할을 한다.The third web browser generation unit 343 for driving the web 360 VR converts and activates the web browser in the app state, and serves to drive the interior space of the web 360 VR on the screen of the terminal of the terminal selling the finishing material product.

상기 마감재 제품판매처 단말용 화면공유제어부(344)는 웹 360VR 인테리어 공간상에 마감재 제품판매처단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 역할을 한다.The screen sharing control unit 344 for the finishing material product seller terminal creates a screen sharing room for the finishing material product seller terminal on the web 360VR interior space, and under the control of the screen sharing type web 360VR interior space formation control module, the customer terminal type web 360VR interior It plays a role in controlling the screen to be shared with the driving app module or the space designer terminal type web 360VR interior driving app module.

이는 웹 360VR 인테리어 공간의 첫 화면에는 마감재 제품판매처 단말용 화면공유방이 생성되지 않다가, 마감재 제품판매처 요청으로, 화면공유변경 큐브를 클릭하면, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 하는 마감재 제품판매처 단말용 화면공유방이 생성된다.This means that on the first screen of the Web 360VR interior space, a screen sharing room for the terminal of the finishing material product seller is not created, and when the screen sharing change cube is clicked at the request of the finishing material product seller, under the control of the screen sharing type Web 360VR interior space formation control module, A screen sharing room is created for the terminal of a finishing material product store that allows the screen to be shared with the customer terminal type web 360VR interior driving app module or space designer terminal type web 360VR interior driving app module.

이를 통해, 사용자단말과 마감재 제품판매처 단말간의 웹 360VR 인테리어 공간에서, 화상통신 및 채팅을 통해, 인테리어 마감재를 구매하고자 하는 사용자로 하여금 현장에서 바로 구매하도록 안내해주어 인테리어 마감재 시장을 활성화시킬 수 있다.Through this, in the web 360 VR interior space between the user terminal and the terminal of a finishing material product store, through video communication and chatting, users who want to purchase interior finishing materials are guided to purchase them on the spot, thereby activating the interior finishing materials market.

다음으로, 본 발명에 따른 트라이앵글형 웹RTC 통신제어모듈(400)에 관해 설명한다.Next, the triangle type webRTC communication control module 400 according to the present invention will be described.

상기 트라이앵글형 웹RTC 통신제어모듈(400)은 웹RTC통신을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 중심으로 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 트라이앵글구조를 이루며 실시간 통신이 되도록 연결시키는 역할을 한다.The triangle-type webRTC communication control module 400 is a customer terminal type web 360VR interior driving app module centered on a screen sharing type web 360VR interior space formation control module through webRTC communication, space designer terminal type web 360VR interior space formation It plays a role in connecting the requested app module and the finishing material product store terminal-type finishing material purchase progress app module to form a triangle structure and enable real-time communication.

이는 별도의 플러그인이나 소프트웨어의 설치를 통해 웹 브라우저 화면상에서, 인테리어 마감재 정보에 관한 화상통신, 통화, 그리고, 채팅연결시켜 실시간 커뮤니케이션이 되도록 구성된다.This is configured to enable real-time communication by connecting video communication, phone calls, and chatting about interior finishing material information on a web browser screen through the installation of a separate plug-in or software.

보다 구체적으로는 도 15에 도시한 바와 같이, 겟유저미디어 API부(410), 피어 컨넥션 API부(420), 데이터채널 API부(430)로 구성된다.More specifically, as shown in FIG. 15, it is composed of a Get User Media API unit 410, a Peer Connection API unit 420, and a Data Channel API unit 430.

첫째, 본 발명에 따른 겟유저미디어 API부(410)에 관해 설명한다.First, the Get User Media API unit 410 according to the present invention will be described.

상기 겟유저미디어 API부(410)는 스마트디바이스 상의 마이크, 스피커, 화상카메라의 미디어 장치에 접근시키는 API를 제공하는 역할을 한다.The Get User Media API unit 410 serves to provide an API for accessing media devices of a microphone, speaker, and image camera on a smart device.

이는 스마트디바이스 상의 마이크, 스피커, 화상카메라의 미디어 장치에서 미디어 스트림 객체를 얻어 피어 컨넥션 API부가 전송받아 미디어 스트림을 전송시키도록 구성된다.This is configured to obtain a media stream object from the media device of the microphone, speaker, and video camera on the smart device, receive it from the peer connection API unit, and transmit the media stream.

둘째, 본 발명에 따른 피어 컨넥션 API부(420)에 관해 설명한다.Second, the peer connection API unit 420 according to the present invention will be described.

상기 피어 컨넥션 API부(420)는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에 활성화된 웹 브라우저 간의 인테리어 마감재 정보에 관한 화상 및 음성과 같은 데이터를 교환시키는 작업을 담당하는 역할을 수행한다.The peer connection API unit 420 is the interior finishing material between the customer terminal type web 360VR interior driving app module, the space designer terminal type web 360VR interior space formation request application module, and the web browser activated in the finishing material product store terminal type finishing material purchase progress app module. It plays the role of exchanging data such as images and voices related to information.

이는 도 16에 도시한 바와 같이, 보이스엔진(Voice Engine)부(421), 비디오엔진(Video Engien)부(422), 트랜스포트부(423)로 구성된다.As shown in FIG. 16, it is composed of a voice engine unit 421, a video engine unit 422, and a transport unit 423.

상기 보이스엔진(Voice Engine)부(421)는 오디오 관련 기능을 제어하는 역할을 한다.The voice engine unit 421 serves to control audio-related functions.

이는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈의 마이크, 스피커, 사운드에 관한 기능을 제어하도록 구성된다.This is configured to control functions related to the microphone, speaker, and sound of the customer terminal type web 360VR interior driving app module, the space designer terminal type web 360VR interior space formation request application module, and the terminal type finishing material purchase progress app module of the finishing material product store.

그리고, iSAC, iLBC, Opus와 같은 음성코덱을 지원하고, 에코캔슬과 노이즈 제거기능을 제공한다.In addition, it supports voice codecs such as iSAC, iLBC, and Opus, and provides echo cancellation and noise cancellation functions.

상기 비디오엔진(Video Engien)부(422)는 비디오 관련 기능을 제공하는 역할을 한다.The video engine unit 422 serves to provide video-related functions.

이는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈의 카메라와 관련된 기능을 제어하도록 구성된다.This is configured to control the functions related to the camera of the customer terminal type web 360VR interior driving app module, the space designer terminal type web 360VR interior space formation request application module, and the terminal type finishing material purchase progress app module of the finishing material product store.

상기 트랜스포트부(423)는 네트워크와 관련된 기능을 제공하는 역할을 한다.The transport unit 423 serves to provide functions related to the network.

이는 도 17에 도시한 바와 같이, 스턴(Stun)서버부(423a), 턴(Turn)서버부(423b)로 구성된다.As shown in FIG. 17, it is composed of a stun server unit 423a and a turn server unit 423b.

상기 스턴(Stun)서버부(423a)는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈을 서로 연결하고자 하는 웹브라우저들이 NAT나 방화벽 뒤에 존재하는지 검사하고, 각 브라우저의 공인 IP주소를 전송하여 브라우저 간의 통신을 설정시키는 역할을 한다.The Stun server unit 423a connects the customer terminal-type web 360VR interior driving app module, the space designer terminal-type web 360VR interior space formation request app module, and the finishing material product store terminal-type finishing material purchase progress app module to each other. It checks whether browsers exist behind a NAT or firewall, and establishes communication between browsers by sending each browser's public IP address.

상기 턴(Turn)서버부(423b)는 스턴(Stun)서버부를 통해 통신 설정을 시도했지만, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈을 서로 연결하고자 하는 웹 브라우저가 서로를 찾지 못했을 경우에 웹 브라우저 간의 모든 정보를 중계시키는 역할을 한다.The turn server unit 423b tried to set up communication through the Stun server unit, but the customer terminal type web 360VR interior driving app module, space designer terminal type web 360VR interior space formation request app module and finishing material product sales place It plays a role in relaying all information between web browsers when web browsers that want to connect terminal-type finishing material purchase process application modules cannot find each other.

셋째, 본 발명에 따른 데이터채널 API부(430)에 관해 설명한다.Third, the data channel API unit 430 according to the present invention will be described.

상기 데이터채널 API부(430)는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에 활성화된 웹 브라우저 간의 인테리어 마감재 정보에 관한 텍스트나 파일을 주고받는 역할을 수행한다.The data channel API unit 430 is the interior finishing material between the customer terminal type web 360VR interior driving app module, the space designer terminal type web 360VR interior space formation request application module, and the web browser activated in the finishing material product store terminal type finishing material purchase progress app module. It plays the role of exchanging text or files related to information.

다음으로, 본 발명에 따른 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)에 관해 설명한다.Next, the screen sharing type web 360VR interior space formation control module 500 according to the present invention will be described.

상기 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)은 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어하고, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈쪽으로 화면공유시키도록 제어시키는 역할을 한다.The screen-sharing type web 360VR interior space formation control module 500 receives real-life photo data and video recording data about the interior space, and finishing material data from the space designer terminal type web 360VR interior space formation request app module, Control to form a web 360VR interior space in which the type 360VR interior space object and interior finishing materials are driven together, click and move the realistic 360VR interior space object in the web 360VR interior space through the customer terminal type web 360VR interior driving app module It plays a role in controlling the screen sharing of the web 360VR screen of the interior finishing material that is watched and interested in as it is, to the space designer terminal type web 360VR interior driving app module and the finishing material product store terminal type web 360VR interior driving app module.

이는 도 18에 도시한 바와 같이, 실감형 360VR 인테리어 공간 객체 생성엔진부(510), 마감재 웹렌더링 생성제어부(520), 웹 360VR 인테리어 공간 형성제어부(530)로 구성된다.As shown in FIG. 18, it consists of a realistic 360VR interior space object generation engine unit 510, a finishing material web rendering generation control unit 520, and a web 360VR interior space formation control unit 530.

첫째, 본 발명에 따른 실감형 360VR 인테리어 공간 객체 생성엔진부(510)에 관해 설명한다.First, the realistic 360VR interior space object generation engine unit 510 according to the present invention will be described.

상기 실감형 360VR 인테리어 공간 객체 생성엔진부(510)는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 수신받아, AI분석을 기반으로 특징점을 추출하여 웹 360VR로 구동되도록 하는 실감형 360VR 인테리어 공간 객체를 생성시키는 역할을 한다.The realistic 360VR interior space object generation engine unit 510 receives live photo data and video recording data about the indoor interior space transmitted from the space designer terminal type web 360VR interior space formation request app module, and based on AI analysis It plays a role in creating a realistic 360VR interior space object that extracts feature points and drives them through web 360VR.

이는 작은 사물부터 큰 건물까지 2D이미지나 동영상 입력을 통해 편리하고 스마트하게 고품질 3D 공간객체를 생성시킨다.It conveniently and smartly creates high-quality 3D spatial objects from small objects to large buildings through 2D image or video input.

그리고, 다양한 사이즈의 실감형 360VR 인테리어 공간 객체, 그리고 역동적인 웹사이트를 구축시킬 수 있다.In addition, realistic 360VR interior space objects of various sizes and dynamic websites can be built.

여기서, 실감형 360VR 인테리어 공간 객체는 인포데스크, 라운지, 입구, 로비, 룸, 화장실, 탕비실로 이루어진 실내 인테리어 공간을 X축, Y축, Z축의 3D객체로 형성시킨 것을 말한다.Here, the realistic 360VR interior space object refers to an indoor interior space consisting of an information desk, lounge, entrance, lobby, room, toilet, and kitchen room formed as a 3D object of X, Y, and Z axes.

즉, 사용자인 고객이 웹 360VR 인테리어 공간을 이동하거나, 회전되는 곳을 모두 포함한다.That is, it includes all places where the user, the customer, moves or rotates the web 360 VR interior space.

상기 실감형 360VR 인테리어 공간 객체 생성엔진부(510)는 도 19에 도시한 바와 같이, 이미지 특징추출부(511), 이미지배열부(512), 특징매칭부(513), 실감형 360VR 인테리어 공간 객체생성부(514), AI 공간객체·특징결합부(515)로 구성된다. As shown in FIG. 19, the realistic 360VR interior space object generation engine unit 510 includes an image feature extraction unit 511, an image arrangement unit 512, a feature matching unit 513, and a realistic 360VR interior space object. It consists of a generation unit 514 and an AI spatial object/feature combining unit 515.

상기 이미지 특징추출부(511)는 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 기반으로 실내 인테리어공간의 인테리어 이미지공간객체와 백그라운드 배경, 그리고, RGB정보에 관한 이미지 특징점을 추출시키는 역할을 한다. The image feature extraction unit 511 serves to extract image feature points related to an interior image space object, a background background, and RGB information of an indoor interior space based on actual photo data and video recording data related to the indoor interior space. .

여기서, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터는 스마트폰, DSLR, 드론카메라 중 어느 하나를 사용하여 촬영시킨다.Here, the actual photo data and video recording data related to the interior space are taken using any one of a smartphone, a DSLR, and a drone camera.

상기 이미지 특징추출부는 POI 이미지 특징추출알고리즘엔진부가 포함되어 구성된다.The image feature extraction unit includes a POI image feature extraction algorithm engine unit.

본 발명에 따른 이미지 특징추출부를 통해, 실내 인테리어공간의 인테리어 이미지공간객체와 백그라운드 배경, 그리고, RGB정보에 관한 이미지 특징점을 추출시킴으로서, 실내 인테리어공간의 RGB정보를 인식하여 실감형 360VR 인테리어 공간 객체를 생성시킨다.Through the image feature extraction unit according to the present invention, by extracting image feature points related to the interior image space object, the background background, and RGB information of the indoor interior space, the RGB information of the indoor interior space is recognized to create a realistic 360VR interior space object. create

상기 이미지배열부(512)는 이미지 특징추출부에서 추출한 인테리어 이미지공간객체와 백그라운드 배경, 그리고, RGB정보에 관한 이미지 특징점을 1도 ~ 360도 시각을 기준으로 배열시키는 역할을 한다.The image arrangement unit 512 serves to arrange the interior image space object extracted from the image feature extraction unit, the background background, and the image feature points related to RGB information based on a 1 degree to 360 degree view.

상기 특징매칭부(513)는 이미지배열부를 통해 배열시킨 이미지특징점을 이미지공간객체별로 매칭시키는 역할을 한다.The feature matching unit 513 serves to match image feature points arranged through the image array unit for each image space object.

상기 실감형 360VR 인테리어 공간 객체생성부(514)는 도 20에 도시한 바와 같이, 특징매칭부를 통해 매칭시킨 이미지공간객체를 실내인테리어공간의 X축, Y축, Z축의 360도 구조로 이루어진 실감형 360VR 인테리어 공간 객체를 생성시키는 역할을 한다.As shown in FIG. 20, the realistic 360VR interior space object generator 514 has a 360-degree structure of the X-axis, Y-axis, and Z-axis of the indoor interior space for the image space object matched through the feature matching unit. It plays a role in creating 360VR interior space objects.

상기 AI 공간객체·특징결합부(515)는 실감형 360VR 인테리어 공간 객체생성부에서 생성시킨 실감형 360VR 인테리어 공간 객체에다가 인테리어 마감재 특징을 지능적으로 결합시키는 역할을 한다.The AI space object/feature combining unit 515 serves to intelligently combine the interior finishing material features with the realistic 360VR interior space object created by the realistic 360VR interior space object creation unit.

이는 도 21a에 도시한 바와 같이, AI 공간객체·특징결합부를 통해 마감재선택에 따른 VR공간내 영역별 마감재를 선택변경시키고, 도 21b에 도시한 바와 같이, AI 공간객체·특징결합부를 통해 실감형 360VR 인테리어 공간 객체 내에 마감재 분석 후, 가격, 소재별 카테고리에 따른 가장 유사한 마감재를 매칭제안시키고, VR공간에 마감재정보를 입력시키도록 구성된다.As shown in FIG. 21A, this selects and changes the finishing materials for each area in the VR space according to the selection of finishing materials through the AI space object/feature combining unit, and as shown in FIG. 21B, through the AI spatial object/feature combining unit, realistic After analyzing the finishing materials in the 360 VR interior space object, matching is proposed for the most similar finishing materials according to price and material category, and it is configured to input finishing material information into the VR space.

즉, AI 공간객체·특징결합부(515)는 파노라마이미지 공간내 바닥,벽,천정,가구부분의 마감재 영역이 자동으로 구분되도록 해주고, 해당 이미지의 음영이나 질감을 인식하여 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에서 입력한 인테리어 마감재 정보를 기초로 기존 영역의 인테리어 마감재의 질감이나 음영을 인식하여 동일하게 이미지의 느낌을 추출해주어, 360파노라마 기반에서의 인테리어 마감재가 함께 실감있게 구동되도록 지능적 결합시킨다.That is, the AI space object/feature combination unit 515 automatically distinguishes the finishing material areas of the floor, walls, ceiling, and furniture in the panoramic image space, recognizes the shade or texture of the image, and supplies the finishing material product retailer terminal-type finishing material Based on the interior finishing material information entered in the purchase process app module, it recognizes the texture or shade of the interior finishing material in the existing area, extracts the same feeling of the image, and intelligently combines the interior finishing materials based on the 360 panorama to operate realistically together. .

둘째, 본 발명에 따른 마감재 웹렌더링 생성제어부(520)에 관해 설명한다.Second, the finishing material web rendering generation control unit 520 according to the present invention will be described.

상기 마감재 웹렌더링 생성제어부(520)는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 마감재 데이터를 수신받아, 마감재를 렌더링하여 인테리어 마감재로 이미지화 또는 아이콘화시킨 후, 그 결과를 웹으로 서비스할 수 있도록 하며 그 결과에 대한 다양한 시각적 효과를 처리시키는 역할을 한다.The finishing material web rendering generation control unit 520 receives the finishing material data transmitted from the space designer terminal type web 360VR interior space formation request app module, renders the finishing material, converts the finishing material into an image or icon, and converts the result to the web. It serves to enable service and handles various visual effects for the result.

여기서, 웹렌더링이라는 것은 2차원의 마감재 이미지에 광원, 위치, 색상 등 외부의 정보를 고려하여 사실감을 불어넣어, 3차원 인테리어 마감재로 만들어서 웹 360VR 인테리어공간에 적용시키도록 형성시키는 것을 말한다.Here, web rendering refers to infusing a sense of reality into a two-dimensional finishing material image by considering external information such as light source, location, and color, and forming a three-dimensional interior finishing material to be applied to the web 360VR interior space.

이는 웹브라우저 화면상에서 웹 360VR 인테리어 공간을 형성시킬 수 있어, 디자이너와 마감재 제품판매처사 간의 설계 리뷰에 대한 시·공간적 제약을 없앰으로서, 설계 주기를 기존에 비해 1.5배~3배로 단축하도록 하여 설계 비용을 절감시켜, 경쟁력을 확보하고, 역동적, 비쥬얼적 효과를 높인 의사전송수단으로써 홍보에 적극 활용하여 마케팅 효과를 극대화시킬 수 있다.This can form a web 360VR interior space on the web browser screen, eliminating the time and space constraints on design reviews between designers and finishing material product vendors, reducing design cycles by 1.5 to 3 times compared to the existing ones, reducing design costs. As a means of communicating communication with improved dynamic and visual effects, it is possible to maximize marketing effects by actively utilizing it in public relations.

그리고, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈의 마감재 렌더링 요청에 의한 응답으로 마감재 렌더링 처리 및 그 결과 이미지를 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈쪽으로 전송되도록 구성된다.In response to the request for rendering the finishing material of the space designer terminal type web 360VR interior space formation request app module, the finishing material rendering process and the resulting image are transmitted to the space designer terminal type web 360VR interior space formation request application module.

또한, 마감재 렌더링 결과를 다양한 관점(회전, Zoom)에서 뷰(View) 할 수 있도록 구성된다.In addition, it is configured to view the rendering results of finishing materials from various perspectives (rotation, zoom).

즉, 마감재 렌더링된 실감형 360VR 인테리어 공간 객체의 결과 이미지를 보는 특정 시점에는 2D 이미지 일 수 밖에 없는데, 리뷰과정에서 특정 단면만을 확인함으로써, 선택된 마감재로 이루어지는 실감형 360VR 인테리어 공간 객체의 전체 모습을 예측하기가 힘들기 때문에, 상,하,좌,우 다양한 각도와 확대, 축소 등의 기능적인 구현을 통해, 선택된 마감재 렌더링으로 이루어지는 실감형 360VR 인테리어 공간 객체에 대한 다각적인 확인이 가능하다.In other words, at a specific point in time when viewing the resulting image of the realistic 360VR interior space object rendered with the finishing material, it is bound to be a 2D image, but by checking only a specific section during the review process, the entire appearance of the realistic 360VR interior space object made of the selected finishing material is predicted. Because it is difficult to do, it is possible to check the realistic 360VR interior space object made of selected finishing material rendering through various angles and functional implementation such as enlargement and reduction.

이로 인해, 고객인 사용자의 선택에 의해 여러종류의 마감재를 실감형 360VR 인테리어 공간 객체를 적용시킬 수 있다.Due to this, it is possible to apply various types of finishing materials to the realistic 360VR interior space object according to the selection of the customer, the user.

그리고, 마감재 렌더링 결과에 색깔의 변경, 광원의 위치 조정 및 밝은 정도 등을 통하여 다양한 시각적 효과를 표현할 수가 있다.In addition, various visual effects can be expressed through a change in color, adjustment of the position of a light source, and a degree of brightness in the rendering result of the finishing material.

상기 마감재 웹렌더링 생성제어부(520)는 도 22에 도시한 바와 같이, 렌더링 크기·방향제어부(521), 렌더링모드변경부(522), 이미지포맷부(523), 이미지해상도부(524), 라이트온오프·색상조절부(525), 인스턴스이동부(526), 동기화제어부(527)로 구성된다.As shown in FIG. 22, the finishing material web rendering generation control unit 520 includes a rendering size/direction control unit 521, a rendering mode change unit 522, an image format unit 523, an image resolution unit 524, a light It consists of an on/off/color control unit 525, an instance movement unit 526, and a synchronization control unit 527.

[렌더링 크기·방향제어부(521)][Rendering size/direction control unit 521]

상기 렌더링 크기·방향제어부(521)는 마감재 렌더링의 크기, 방향을 제어시키는 역할을 한다.The rendering size/direction control unit 521 serves to control the size and direction of the rendering of the finishing material.

이는 줌부, 네비게이션부, 자동회전부, 사용자정의뷰설정부, 2D이미지생성부, 원근감설정부로 구성된다.It consists of a zoom unit, a navigation unit, an automatic rotation unit, a user-defined view setting unit, a 2D image generation unit, and a perspective setting unit.

상기 줌부를 통해 3D 마감재 모델을 확대 또는 축소시키고, 네비게이션부를 통해 3D 마감재 모델을 회전, 이동, 축을 중심으로 하는 회전을 생성시킨다.The 3D finishing material model is enlarged or reduced through the zoom unit, and the 3D finishing material model is rotated, moved, or rotated around an axis through the navigation unit.

또한, 자동회전부를 통해, 3D 마감재 모델을 시계방향, 반시계방향으로 자동회전시키고, 사용자정의뷰설정부를 통해 3D 마감재 모델을 오퍼레이팅 중 사용자정의 뷰인 특정 시점으로 저장시키며, 2D이미지생성부를 통해, 3D 마감재 모델을 오퍼레이팅 중 특정 시점의 렌더링 결과를 2D이미지로 생성시키고, 원근감설정부를 통해, 렌더링결과를 뷰(View) 할 때, 원근감 여부를 설정시킨다.In addition, through the automatic rotation unit, the 3D finishing material model is automatically rotated clockwise and counterclockwise, and through the user-defined view setting unit, the 3D finishing material model is saved as a user-defined view during operation at a specific point in time, and through the 2D image generation unit, 3D While operating the finishing material model, the rendering result at a specific point in time is created as a 2D image, and through the perspective setting unit, when viewing the rendering result, whether or not perspective is set.

여기서, 원근감설정부를 통해, 고객인 사용자로 인해 선택된 마감재 렌더링으로 이루어지는 실감형 360VR 인테리어 공간 객체를 원근감있게 설정시킨다.Here, through the perspective setting unit, a realistic 360VR interior space object made of a rendering of a finishing material selected by a user, a customer, is set in perspective.

[렌더링모드변경부(522)][Rendering mode change unit 522]

상기 렌더링모드변경부(522)는 다양한 렌더링 모드를 변경하여 렌더링시키는 역할을 한다.The rendering mode changing unit 522 serves to change and render various rendering modes.

여기서, 렌더링모드는 점진적 렌더링, 비점진적 렌더링, Non쉐이딩, gpu렌더링, sketch 렌더링, hybrid 렌더링 중 어느 하나가 선택되어 이루어진다.Here, as the rendering mode, one of progressive rendering, non-progressive rendering, non-shading, gpu rendering, sketch rendering, and hybrid rendering is selected.

[이미지포맷부(523)][Image format unit 523]

상기 이미지포맷부(523)는 렌더링 결과 생성된 이미지를 포맷시키는 역할을 한다.The image formatting unit 523 serves to format an image generated as a result of rendering.

[이미지해상도부(524)][Image resolution unit 524]

상기 이미지해상도부(524)는 렌더링 결과 생성된 이미지의 해상도를 변경, 설정시키는 역할을 한다.The image resolution unit 524 serves to change or set the resolution of an image generated as a result of rendering.

[라이트온오프·색상조절부(525)][Light on/off color control unit 525]

상기 라이트온오프·색상조절부(525)는 3D 마감재 모델에 비쳐지는 라이트를 온오프시키고, 라이트색상을 조절시키는 역할을 한다.The light on/off/color control unit 525 serves to turn on/off the light reflected on the 3D finishing material model and adjust the light color.

[인스턴스이동부(526)][Instance moving unit 526]

상기 인스턴스이동부(526)는 3D 마감재 모델 내 특정 인스턴스를 이동처리시키는 역할을 한다.The instance moving unit 526 serves to move a specific instance in the 3D finishing material model.

이는 도 23에 도시한 바와 같이, Z-방향이동부(526a), 상하좌우이동부(526b), 렌더링이미지출력부(526c)로 구성된다.As shown in FIG. 23, it is composed of a Z-direction movement unit 526a, a vertical and horizontal movement unit 526b, and a rendering image output unit 526c.

상기 Z-방향이동부(526a)는 Z방향으로 인스턴스가 이동할 수 있도록 설정시키는 역할을 한다.The Z-direction movement unit 526a serves to set the instance to move in the Z direction.

상기 상하좌우이동부(526b)는 상하좌우로 인스턴스가 이동할 수 있도록 설정시키는 역할을 한다.The up, down, left and right moving unit 526b serves to set the instance to move up and down and left and right.

상기 렌더링이미지출력부(526c)는 설정된 값으로 렌더링 이미지를 화면상에 출력시키는 역할을 한다.The rendered image output unit 526c serves to output a rendered image on the screen with a set value.

[동기화제어부(527)][Synchronization control unit 527]

상기 동기화제어부(527)는 고객인 사용자로 인해 선택된 마감재 렌더링으로 이루어지는 실감형 360VR 인테리어 공간 객체를, 웹RTC통신을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽에도 동기화되어 표출되도록 제어시키는 역할을 한다The synchronization control unit 527 transmits realistic 360VR interior space objects made of the rendering of the finishing materials selected by the user, the customer, through webRTC communication, to the space designer terminal type web 360VR interior space formation request app module and the finishing material product retailer terminal type finishing materials It also plays a role in controlling the purchase progress app module to be synchronized and displayed.

셋째, 본 발명에 따른 웹 360VR 인테리어 공간 형성제어부(530)에 관해 설명하다.Third, the web 360VR interior space formation control unit 530 according to the present invention will be described.

상기 웹 360VR 인테리어 공간 형성제어부(530)는 도 24에 도시한 바와 같이, 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시켜 웹 360VR 인테리어 공간을 형성시키도록 제어시키는 역할을 한다.As shown in FIG. 24, the web 360VR interior space formation controller 530 converts the realistic 360VR interior space object created through the realistic 360VR interior space object creation engine unit to the finishing material rendering created through the finishing material web rendering creation control unit. It plays a role of controlling to form a web 360 VR interior space by connecting them.

이는 웹 360VR이 지원되는 브라우저가 기기에 설치되어 있다면, HTC 바이브, 오큘러스 리프트, 구글카드보드와 같은 가상현실기기 뿐만 아니라, 고객인 사용자는 스마트디바이스의 웹 브라우저 화면을 통하여 가상현실을 경험할 수 있다.This means that if a browser that supports Web 360VR is installed on the device, users who are customers as well as virtual reality devices such as HTC Vive, Oculus Rift, and Google Cardboard can experience virtual reality through the web browser screen of the smart device. .

또한, 웹 360VR 인테리어 공간 형성제어부는 안드로이드 운영체제의 버전과 같은 기기의 운영체제 조건에 제약을 받지 않는다.In addition, the web 360VR interior space formation control unit is not limited by the operating system conditions of the device such as the version of the Android operating system.

그리고, 웹 360VR 인테리어 공간 형성제어부는 다양한 입력유형을 지원하도록 구성된다.And, the web 360 VR interior space formation control unit is configured to support various input types.

이는 마우스, 터치, 스마트디바이스의 이동과 회전 정보를 제공하는 가속도계 및 자이로스코프, 자유도가 없는 컨트롤러, 자유도가 3DOF(3 Degree Of Freedom)인 컨트롤러, 자유도가 6DOF(6 Degree Of Freedom)인 컨트롤러 중 어느 하나가 선택되어 입력된다.This is a mouse, touch, accelerometer and gyroscope that provide movement and rotation information of smart devices, controllers without degrees of freedom, controllers with 3 degrees of freedom (3DOF), and controllers with 6 degrees of freedom (6DOF). One is selected and entered.

여기서, 자유도가 없는 컨트롤러의 경우 뷰포트에 완전히 연결된 컨트롤러이고, 뷰포트의 중심에서 상호작용이 발생되도록 구성된다.Here, in the case of a controller without degrees of freedom, it is a controller that is fully connected to the viewport, and is configured so that interactions occur at the center of the viewport.

상기 자유도가 3DOF(3 Degree Of Freedom)인 컨트롤러는 X,Y,Z 세 축의 방향 정보 즉, 회전에 관한 정보를 제공한다.The controller having 3 degrees of freedom (3DOF) provides direction information of three axes X, Y, and Z, that is, information about rotation.

상기 자유도가 6DOF(6 Degree Of Freedom)인 컨트롤러는 X,Y,Z 축의 방향정보와 각 축의 기울기 정보를 제공한다.The controller having 6 degrees of freedom (6DOF) provides direction information of X, Y, and Z axes and inclination information of each axis.

그리고, 본 발명에 따른 웹 360VR 인테리어 공간 형성제어부는 웹 360VR을 지원하는 브라우저로서, 윈도우 운영체제에서의 마이크로소프트 엣지, 구글 크롬의 크로미움, 맥 운영체제에서의 파이어폭스, 안드로이드 운영체제에서의 안드로이드용 크롬, 크로미움, 삼성인터넷, 오큘러스 브라우저가 설치된 스마트 디바이스 또는 PC에 연계되어 구동된다.In addition, the web 360VR interior space formation control unit according to the present invention is a browser that supports web 360VR, Microsoft Edge in the Windows operating system, Chromium in Google Chrome, Firefox in the Mac operating system, Chrome for Android in the Android operating system, It runs in conjunction with a smart device or PC with Chromium, Samsung Internet, and Oculus browser installed.

상기 웹 360VR 인테리어 공간 형성제어부(530)는 도 25에 도시한 바와 같이, 엔터티(Entity) API부(531), 컴포넌트(Components) API부(532), 웹 360VR 시스템 API부(533), 씬(Scene) API부(534), 애니메이션 API부(535), 믹스인 API부(536), 에셋 관리 시스템 API부(537), 유틸 API부(538), 화면공유 API부(539)로 구성된다.As shown in FIG. 25, the web 360 VR interior space formation control unit 530 includes an Entity API unit 531, a Components API unit 532, a Web 360 VR system API unit 533, a scene ( Scene API 534, animation API 535, mixin API 536, asset management system API 537, utility API 538, and screen sharing API 539.

[엔터티(Entity) API부(531)][Entity API unit 531]

상기 엔터티(Entity) API부(531)는 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시키고, 연결시킨 마감재 렌더링이 실감형 360VR 인테리어 공간 객체 상에서 모양을 형성하고, 동작하며, 기능을 갖도록 하기 위해, 컴포넌트(Components) API부쪽으로 마감재 렌더링을 전송시키는 역할을 한다.The Entity API unit 531 connects the realistic 360VR interior space object created through the realistic 360VR interior space object generation engine unit with the finished material rendering created through the finishing material web rendering creation control unit, and the connected finishing material rendering It plays a role in transmitting the rendering of finishing materials to the Components API part in order to form shapes, operate, and have functions on realistic 360VR interior space objects.

이는 도 26에 도시한 바와 같이, 엔터티 컴포넌트 접근부(531a), 엔터티 컴포넌트 초기화체크부(531b), 엔터티활성화체크부(531c), 오브젝트360VR클래스부(531d), 마감재 렌더링 전송부(531e)로 구성된다.As shown in FIG. 26, the entity component access unit 531a, entity component initialization check unit 531b, entity activation check unit 531c, object 360VR class unit 531d, and finishing material rendering transmission unit 531e It consists of

상기 엔터티 컴포넌트 접근부(531a)는 아이디(id)값을 통해, 오브젝트3D클래스부에 접근시키는 역할을 한다.The entity component access unit 531a serves to access the object 3D class unit through an ID value.

상기 엔터티 컴포넌트 초기화체크부(531b)는 엔터티 컴포넌트 접근부, 엔터티활성화체크부, 오브젝트3D클래스부가 초기화되고 연결되었는지를 체크하는 역할을 한다.The entity component initialization check unit 531b serves to check whether the entity component access unit, entity activation check unit, and object 3D class unit have been initialized and connected.

상기 엔터티활성화체크부(531c)는 활성화되고 플레이 중임을 체크하는 역할을 한다.The entity activation check unit 531c serves to check that it is activated and is being played.

상기 오브젝트360VR클래스부(531d)는 실감형 360VR 인테리어 공간 객체 상에서 마감재 렌더링을 360VR로 조작하기 위한 일련의 속성 및 메서드를 제공하는 역할을 한다.The object 360VR class unit 531d serves to provide a series of properties and methods for manipulating the rendering of finishing materials in 360VR on a realistic 360VR interior space object.

상기 마감재 렌더링 전송부(531e)는 실감형 360VR 인테리어 공간 객체에 연결시킨 마감재 렌더링을 컴포넌트(Components) API부쪽으로 전송시키는 역할을 한다.The finishing material rendering transmission unit 531e serves to transmit the finishing material rendering connected to the immersive 360VR interior space object to the components API unit.

[컴포넌트(Components) API부(532)][Components API 532]

상기 컴포넌트(Components) API부(532)는 엔터티(Entity) API부로부터 마감재 렌더링을 전송받아, 실감형 360VR 인테리어 공간 객체 상에서 모양을 형성하고, 동작하며, 기능을 갖도록 생성시키는 역할을 한다.The components API unit 532 receives the rendering of the finishing material from the entity API unit, forms a shape on the immersive 360VR interior space object, operates, and serves to generate functions.

이는 도 27에 도시한 바와 같이, 어레이(Array)부(532a), 에셋(Asset)부(532b), 오디오(Audio)부(532c), 불리언(Boolean)부(532d), 컬러(Color)부(532e), 인트(int)부(532f), 맵(Map)부(532g)로 구성된다.As shown in FIG. 27, the array unit 532a, the asset unit 532b, the audio unit 532c, the Boolean unit 532d, and the color unit 532e, an int part 532f, and a map part 532g.

상기 어레이(Array)부(532a)는 쉼표로 구분된 값을 배열로 파싱시키는 역할을 한다.The array unit 532a serves to parse comma-separated values into an array.

상기 에셋(Asset)부(532b)는 에셋을 가리키는 URL.url(<url>)형식의 문자열에서 URL을 파싱시키는 역할을 한다.The asset unit 532b serves to parse a URL from a string in the form of URL.url (<url>) indicating an asset.

상기 오디오(Audio)부(532c)는 오디오 에셋을 표시하는 역할을 한다.The audio unit 532c serves to display audio assets.

상기 불리언(Boolean)부(532d)는 불리언(Boolean)으로 문자열을 파싱시키는 역할을 한다.The Boolean unit 532d serves to parse a character string into Boolean.

상기 컬러(Color)부(532e)는 색상선택도구를 제공하는 역할을 한다.The color unit 532e serves to provide a color selection tool.

상기 인트(int)부(532f)는 문자열을 파싱하여 문자열에 포함된 숫자를 찾아서 number로 형변환시키는 역할을 한다.The int unit 532f parses a string to find a number included in the string and converts it into a number.

상기 맵(Map)부(532g)는 텍스처 에셋을 표시하는 역할을 한다.The map unit 532g serves to display texture assets.

[웹 360VR 시스템 API부(533)][Web 360VR system API part 533]

상기 웹 360VR 시스템 API부(533)는 웹 360VR 구동에 관한 전역범위(Scope), 서비스 및 관리, 마커위치이동을 컴포넌트(Components) API부쪽에 제공하는 역할을 한다.The Web 360VR system API unit 533 plays a role of providing the global scope, service and management, and movement of the marker location related to the operation of the Web 360VR to the components API unit.

이는 도 28에 도시한 바와 같이, 시스템데이터부(533a), 스키마부(533b), 마커위치이동부(533c)로 구성된다.As shown in FIG. 28, it is composed of a system data unit 533a, a schema unit 533b, and a marker position moving unit 533c.

상기 시스템데이터부(533a)는 스키마부에서 제공하는 핸들러와 메서드에서 사용 가능한 데이터를 생성시키는 역할을 한다.The system data unit 533a serves to generate data usable in handlers and methods provided by the schema unit.

상기 스키마부(533b)는 시스템데이터부에서 생성된 데이터를 파싱시키는 역할을 한다.The schema part 533b serves to parse data generated in the system data part.

상기 마커위치이동부(533c)는 고객인 사용자가 접속하면, 웹 360VR 화면상에 실감형 360VR 인테리어 공간 객체의 X축, Y축, Z축 방향 중 선택된 어느 하나의 방향으로 이동시키는 마커위치이동 인스턴스 객체를 생성시키는 역할을 한다.The marker position movement unit 533c is a marker position movement instance object that moves in one direction selected from among the X-axis, Y-axis, and Z-axis directions of the immersive 360VR interior space object on the web 360VR screen when a user, who is a customer, accesses it. plays a role in generating

이는 촬영간격이 3~5보 이내로 짧고 다른 공간으로 이동하는 화면이 연속적이어서 공간을 실제로 걸어 다니는 느낌을 주도록 구성된다.This is configured so that the shooting interval is short, within 3 to 5 steps, and the screen moving to another space is continuous, giving the feeling of actually walking through the space.

그리고, 기기의 회전, 마우스 클릭을 통한 회전, 터치스크린의 터치 드래그를 통한 회전을 웹브라우저상에 적용시키기 위해 룩 컨트롤(Look-Controls) 컴포넌트로 구성된다.In addition, it consists of Look-Controls components to apply the rotation of the device, rotation through mouse click, and rotation through touch drag of the touch screen to the web browser.

그리고, 키보드의 W,A,S,D 키 혹은 화살표 키를 사용하여 실감형 360VR 인테리어 공간 객체의 방향을 조절하기 위해 와스드 컨트롤(Wasd-Controls) 컴포넌트가 포함되어 구성된다.In addition, the Wasd-Controls component is included and configured to adjust the direction of the realistic 360VR interior space object using the W, A, S, D keys or arrow keys of the keyboard.

이렇게, 룩 컨트롤(Look-Controls) 컴포넌트와 와스드 컨트롤(Wasd-Controls) 컴포넌트로 이루어진 마커위치이동부를 통해, 도 29에 도시한 바와 같이, 웹 360VR 화면상에 원형상의 마커위치이동 인스턴스 객체를 형성시키고, 고객인 사용자가 접속하여, 원형상의 마커위치이동 인스턴스 객체를 클릭하면, 실감형 360VR 인테리어 공간 객체의 X축, Y축, Z축 방향 중 선택된 어느 하나의 방향으로 이동시켜서, 고객인 사용자가 현장의 인테리어 공간에 위치하고, 이동하고 있음을 역동적인 효과를 줄 수가 있다.In this way, through the marker position movement unit composed of the Look-Controls component and the Wasd-Controls component, as shown in FIG. 29, a circular marker position movement instance object is formed on the web 360 VR screen When a customer user accesses and clicks the circular marker position movement instance object, it is moved in one direction selected among the X-axis, Y-axis, and Z-axis directions of the realistic 360VR interior space object, so that the customer user Being located in the interior space of the site and moving can give a dynamic effect.

[씬(Scene) API부(534)][Scene API 534]

상기 씬(Scene) API부(534)는 엔터티(Entity) API부, 컴포넌트(Components) API부, 웹 360VR 시스템 API부를 통해 마감재 렌더링이, 인테리어 마감재로 이미지화 또는 아이콘화되어, 실감형 360VR 인테리어 공간 객체 상에 구성되는 장면을 표출시키는 역할을 한다.In the Scene API unit 534, the rendering of the finishing material is imaged or iconized as an interior finishing material through the Entity API unit, the Components API unit, and the Web 360 VR system API unit, thereby creating a realistic 360 VR interior space object It plays a role in expressing the scene composed on the image.

이는 도 30에 도시한 바와 같이, 링크 스팟부(534a), 이미지 리스트부(534b), 이미지 추가버튼부(534c), 공유버튼부(534d), 저장버튼부(534e), 아이콘 삭제필드부(534f), 인포 스팟부(534g), 마감재 리스트부(534h), 디테일버튼부(534i), 선택버튼부(534j), 카테고리필터버튼부(534k), 카테고리 필터 목록부(534l), 하이라이트 효과설정부(534m), 제품스펙자료팝업부(534n), 페이지 방문하기버튼부(534o), 올 리스트(All-list) 버튼부(534p), 리스트추출부(534q)로 구성된다.As shown in FIG. 30, this includes a link spot unit 534a, an image list unit 534b, an image addition button unit 534c, a share button unit 534d, a save button unit 534e, an icon deletion field unit ( 534f), info spot part 534g, finishing material list part 534h, detail button part 534i, selection button part 534j, category filter button part 534k, category filter list part 534l, highlight effect setting It consists of a part 534m, a product specification data pop-up part 534n, a page visit button part 534o, an All-list button part 534p, and a list extraction part 534q.

상기 링크 스팟부(534a)는 도 31에 도시한 바와 같이, 클릭시 화살표 아이콘 방향을 회전하여 배치시키고, 아이콘을 이동하여 화면내에 배치시키는 역할을 한다.As shown in FIG. 31, the link spot part 534a rotates and arranges the direction of the arrow icon when clicked, and serves to move the icon and arrange it within the screen.

이는 배치 후 실감형 360VR 인테리어 공간 객체의 이미지를 선택하여 아이콘 클릭시 해당 이미지 교체 및 이동하도록 구성된다.After placement, it is configured to select an image of a realistic 360VR interior space object and replace and move the corresponding image when an icon is clicked.

상기 이미지 리스트부(534b)는 도 31에 도시한 바와 같이, 업로드한 인테리어 마감재의 이미지를 리스트화시켜 웹 360VR 공간상에 표출시킨다.As shown in FIG. 31, the image list unit 534b lists the uploaded interior finishing material images and displays them on the web 360 VR space.

이는 이동/선택된 이미지 하이라이트, 이미지 이름 수정, 지우기 기능을 수행한다.It performs move/highlight selected image, edit image name, and delete function.

상기 이미지 추가버튼부(534c)는 도 31에 도시한 바와 같이, 클릭시 인테리어 마감재의 이미지 업로드를 팝업시키는 역할을 한다.As shown in FIG. 31, the image addition button 534c serves to pop up an image upload of an interior finishing material when clicked.

상기 공유버튼부(534d)는 도 31에 도시한 바와 같이, 클릭시 화면공유변경 큐브가 생성되고, 화면공유변경 큐브를 통해 웹 360VR 인테리어 공간상에 고객단말용 화면공유방, 디자이너 단말용 화면공유방, 마감재 제품판매처단말용 화면공유방을 생성시킨다.As shown in FIG. 31, when the share button unit 534d is clicked, a screen sharing change cube is created, and through the screen sharing change cube, a screen sharing room for customer terminals, a screen sharing room for designer terminals, Creates a screen sharing room for the terminals of the product vendors.

이는 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화면공유를 통한 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 고객인 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈과 연결시킨다.This is a customer terminal type web 360VR interior driving app module, a space designer terminal type web 360VR interior space formation request app module and a finishing material product store terminal type finishing material purchase progress in the web 360VR interior space between app modules, video communication through screen sharing, calls, In addition, through chat, customers who want to purchase interior finishing materials can purchase interior finishing materials on-site or purchase terminal-type finishing materials from finishing material product stores by receiving advice on interior finishing materials, cost, material, and strength through chatting. Connect with the progress app module.

또한, 본 발명에서는 공유버튼부 클릭시, 현재 형성되고 있는 웹 360VR 인테리어 공간을 URL형식으로 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈 또는 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽으로 전송시켜 공유시킨다.In addition, in the present invention, when the share button is clicked, the currently formed web 360VR interior space is transmitted in the form of a URL to the space designer terminal type web 360VR interior space formation request app module or the finishing material product store terminal type finishing material purchase progress app module to share let it

이하, 본 발명에서는 공유버튼부 클릭시 화면공유변경 큐브가 생성되고, 화면공유변경 큐브를 통해 웹 360VR 인테리어 공간상에 고객단말용 화면공유방, 디자이너 단말용 화면공유방, 마감재 제품판매처단말용 화면공유방을 생성시키는 화면공유중심으로 설명한다.Hereinafter, in the present invention, when the share button is clicked, a screen sharing change cube is created, and a screen sharing room for customer terminals, a screen sharing room for designer terminals, and a screen sharing room for terminals selling finished materials are created on the web 360VR interior space through the screen sharing change cube. It is described as a screen sharing center that creates.

상기 저장버튼부(534e)는 도 31에 도시한 바와 같이, 현재 형성되고 있는 웹 360VR 인테리어 공간을 저장시키는 역할을 한다.As shown in FIG. 31, the storage button 534e serves to store the currently formed web 360VR interior space.

상기 아이콘 삭제필드부(534f)는 도 31에 도시한 바와 같이, 아이콘 배치시 활성화되고, 아이콘을 드래그하면 삭제되는 기능을 수행한다.As shown in FIG. 31, the icon deletion field part 534f is activated when an icon is arranged, and performs a function of deleting an icon by dragging it.

이는 아이콘이 필드로 이동하면 스케일을 확장시키는 효과가 갖도록 한다.This has the effect of expanding the scale when the icon is moved to the field.

또한, 삭제시 "정말 삭제하시겠습니까?" 문구에 경고창 팝업과 확인여부 버튼을 배치시키도록 구성된다.Also, when deleting, "Are you sure you want to delete?" It is configured to place a warning window pop-up and a confirmation button in the phrase.

상기 인포 스팟부(534g)는 도 31에 도시한 바와 같이, 버튼 클릭 후 마우스 드래그시 확대시키고, 클릭시 유사 마감재 DB정보를 화면밖에서 리스트 업시키는 역할을 한다.As shown in FIG. 31, the info spot unit 534g enlarges when a mouse is dragged after clicking a button, and serves to list similar finishing material DB information out of the screen when clicked.

이는 도 35에 도시한 바와 같이, 신규생성시, 아이콘이 커서와 연동되고, 클릭시 위치선정시키도록 구성된다.As shown in FIG. 35, when a new icon is created, the icon is interlocked with the cursor and is configured to be positioned when clicked.

그리고, 아이콘 위치는 추후 변경이 가능하도록 구성된다.And, the position of the icon is configured to be able to change later.

이때, 재질 스펙이 소형팝업창으로 활성화되도록 구성된다.At this time, the material specification is configured to be activated as a small pop-up window.

상기 마감재 리스트부(534h)는 도 32에 도시한 바와 같이, 검색필드에 들어오는 인테리어 마감재의 모든 제품을 검색 및 분류시키는 역할을 한다.As shown in FIG. 32, the finishing material list unit 534h serves to search and classify all interior finishing material products entering the search field.

이는 지정된 인테리어 마감재 클릭시, 해당 영역 좌측으로 확장 후 '디테일' 또는 '선택'버튼을 표시시키고, 커서가 버튼 필드 진입 또는 클릭시 색상 하이라이트효과가 생기도록 구성된다.When a designated interior finishing material is clicked, a 'detail' or 'selection' button is displayed after expanding to the left of the corresponding area, and a color highlight effect is generated when the cursor enters or clicks the button field.

상기 디테일버튼부(534i)는 도 32에 도시한 바와 같이, 인테리어 마감재에 관한 해당 제품 스펙자료를 팝업시키는 역할을 한다.As shown in FIG. 32, the detail button 534i serves to pop up corresponding product specification data related to interior finishing materials.

이는 텍스트형태로 인테리어 마감재에 관한 설명을 표출시키도록 구성된다.This is configured to express the description of the interior finishing material in the form of text.

또한, 공유버튼부를 통해, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화면공유를 통한 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받도록 구성된다.In addition, through the sharing button, in the web 360VR interior space between the customer terminal type web 360VR interior driving app module, the space designer terminal type web 360VR interior space formation request app module, and the finishing material product store terminal type finishing material purchase progress app module, screen sharing is enabled. Through video communication, phone calls, and chatting, it is configured to receive explanations about interior finishing materials and to receive advice on costs, materials, and strength.

상기 선택버튼부(534j)는 도 32에 도시한 바와 같이, 클릭시 해당 정보 팝업기능 아이콘의 위치선정단계로 이동시킨다.As shown in FIG. 32, the selection button unit 534j, when clicked, moves to the position selection step of the corresponding information pop-up function icon.

상기 카테고리필터버튼부(534k)는 클릭시 검색된 모든 제품을 분류할 수 있는 필터링창을 팝업시키는 역할을 한다.When clicked, the category filter button 534k serves to pop up a filtering window capable of classifying all searched products.

이는 도 33에 도시한 바와 같이, 클릭시 검색된 인테리어 마감재에 관한 모든 제품을 분류할 수 있는 필드 확장, 축소기능 겸용버튼이 구성된다.As shown in FIG. 33, when clicked, a field expansion/reduction function combination button is configured to classify all products related to the searched interior finishing material.

또한, 축소(클릭)시, 선택한 카테고리가 자동으로 적용되어 마감재 리스트에 분류되도록 구성된다.In addition, when zooming out (clicking), the selected category is automatically applied and configured to be classified in the list of finishing materials.

상기 카테고리 필터 목록부(534l)는 도 33에 도시한 바와 같이, 검색된 인테리어 마감재의 모든 제품 카테고리를 리스트 업시키는 역할을 한다.As shown in FIG. 33, the category filter list unit 534l serves to list up all product categories of the searched interior finishing materials.

이는 카테고리 선택(클릭)시, 체크 표시와 마감재 리스트가 실시간으로 필터링되도록 구성된다.This is configured so that when a category is selected (clicked), a check mark and a list of finishing materials are filtered in real time.

상기 하이라이트 효과 설정부(534m)는 도 34에 도시한 바와 같이, 선택된 인테리어 마감재 리스트 항목을 색상 하이라이트 효과를 설정시키는 역할을 한다.As shown in FIG. 34, the highlight effect setting unit 534m serves to set a color highlight effect for the selected interior finishing material list item.

상기 제품스펙자료팝업부(534n)는 도 34에 도시한 바와 같이, 360이미지 영역에 인테리어 마감재에 관한 제품정보가 확장효과와 함께 텍스트설명창을 팝업시키는 역할을 한다.As shown in FIG. 34, the product specification data pop-up unit 534n serves to pop-up a text description window with product information related to interior finishing materials in a 360 image area with an expansion effect.

즉, 원산지, 두께, 슬라브사이즈, 마감, 타입, 사용, 색상, 라돈 크기 등을 텍스트 설명창에 팝업시킨다.That is, the country of origin, thickness, slab size, finish, type, use, color, and radon size are popped up in the text description window.

이는 하단 일측에 선택버튼부(534n-1), 취소버튼부(534n-2)가 포함되어 구성된다.It is configured by including a selection button unit 534n-1 and a cancel button unit 534n-2 on one side of the lower end.

상기 선택버튼부(534n-1)는 클릭시 360도 이미지 페이지로 이동과 동시에 해당 정보 파업기능 아이콘의 위치선정단계로 이동시키는 역할을 한다.When clicked, the selection button part 534n-1 plays a role of moving to a 360-degree image page and simultaneously moving to a position selection step of a corresponding information strike function icon.

상기 취소버튼부(534n-2)는 클릭시 마감재 리스트 화면으로 돌아가도록 기능을 수행한다.When clicked, the cancel button 534n-2 functions to return to the finishing material list screen.

상기 페이지 방문하기버튼부(534o)는 도 34에 도시한 바와 같이, 제품스펙자료팝업부의 인테리어 마감재에 관한 제품정보가 확장효과되는 부위에 "페이지 방문하기" 클릭버튼이 생성되어, 클릭시 해당 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽으로 바로 연결시키는 역할을 한다.As shown in FIG. 34, the visit page button part 534o creates a “visit page” click button in the part where product information on the interior finishing material of the product specification data pop-up part has an expansion effect, and when clicked, the corresponding finishing material It plays the role of connecting directly to the app module for the purchase of terminal-type finishing materials from product stores.

이는 클릭시 해당 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽으로 바로 연결시키는 이외에도, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 운영하고 관리하는 사이트(URL)로 이동되도록 구성된다.When clicked, this is configured to move to a site (URL) operated and managed by the finishing material product sales store terminal type finishing material purchase progress app module, in addition to directly connecting to the finishing material product sales store terminal type finishing material purchase progress app module.

상기 올 리스트(All-list) 버튼부(534p)는 도 36에 도시한 바와 같이, 클릭시 지정한 모든 인테리어 마감재에 관한 정보를 확인할 수 있는 창이 좌측으로 확장효과와 함께 팝업창으로 형성시키는 역할을 한다. As shown in FIG. 36, the All-list button 534p plays a role of forming a pop-up window with an extension effect to the left where information on all designated interior finishing materials can be checked when clicked.

이는 좌측에 제품 리스트를 게시하도록 구성된다.It is configured to post product listings on the left side.

상기 리스트추출부(534q)는 도 36에 도시한 바와 같이, 리스트에 있는 인테리어 마감재 정보를 구축된 양식으로 자동추출시키는 역할을 한다.As shown in FIG. 36, the list extraction unit 534q plays a role in automatically extracting interior finishing material information in the list in a constructed form.

여기서, 구축된 양식은 pdf파일, 엑셀파일로 이루어진다.Here, the constructed form consists of a pdf file and an Excel file.

상기 씬(Scene) API부(534)는 추가로, 캔버스, 렌더러(Renderer), 렌더 루프(Render Loop)를 설정하고, 기본 카메라 및 조명을 설정하며, 웹 360VR-폴리필, VR효과를 설정하도록 구성된다.The Scene API unit 534 additionally sets a canvas, a renderer, a render loop, sets a basic camera and lighting, and sets a web 360 VR-polyfill, VR effect It consists of

[애니메이션 API부(535)][Animation API section 535]

상기 애니메이션 API부(535)는 마감재 렌더링이 실감형 360VR 인테리어 공간 객체 상에서 구동될 때, 애니메이션 효과를 설정시키는 역할을 한다.The animation API unit 535 serves to set animation effects when rendering of finishing materials is driven on a realistic 360VR interior space object.

이는 회전에 대한 값인 Y축에 360도를 적용하고, 애니메이션 지속시간은 1200밀리초~3000밀리초로 설정하도록 구성된다.It is configured to apply 360 degrees to the Y-axis, which is the value for rotation, and set the animation duration to 1200 milliseconds to 3000 milliseconds.

[믹스인 API부(536)][Mixin API section 536]

상기 믹스인 API부(536)는 사용되는 컴포넌트(Components) API부의 속성 집합을 작성한 후, 재사용할 수 있는 메소드를 제공시키는 역할을 한다.The mixin API unit 536 plays a role of providing a method that can be reused after creating a property set of the used components API unit.

이는 일예로, <a-assets> 내에 위치하는 <a-mixin>요소를 사용하도록 구성된다.This is configured, for example, to use an <a-mixin> element located within <a-assets>.

그리고, id값을 설정하도록 구성된다.And, it is configured to set an id value.

이때, 엔터티(Entity) API부는 믹스인 API부의 id값을 통해 믹스인 API부의 속성을 가지게 된다.At this time, the Entity API part has the attribute of the mixin API part through the id value of the mixin API part.

[에셋 관리 시스템 API부(537)][Asset Management System API Unit 537]

상기 에셋 관리 시스템 API부(537)는 에셋을 한 곳에 배치시키거나, 미리 로드시키거나, 캐시하도록 관리하는 역할을 한다.The asset management system API unit 537 plays a role of arranging assets in one place, loading them in advance, or managing them to be cached.

즉, 실감형 360VR 인테리어 공간 객체 상에 마감재 렌더링이 활성화되기 전에 모델이나 텍스처와 같은 에셋을 미리 로드시킨다.That is, assets such as models and textures are loaded in advance before the rendering of finishing materials is activated on the immersive 360VR interior space object.

이로 인해 에셋이 시각적으로 누락되지 않게 되도록 한다.This ensures that no assets are visually missing.

이는 씬(Scene) API부에, 마감재 렌더링이, 실감형 360VR 인테리어 공간 객체 상에 구성되는 장면을 표출시킬려고 할 때, 에셋을 가져오려고 하지 않도록 하기 때문에 성능에 도움을 준다.This helps performance because it prevents the Scene API part from trying to fetch assets when the finish rendering is trying to display a scene constructed on a immersive 360VR interior space object.

씬(Scene) API부는 웹브라우저가 모든 에셋을 가져올때 까지 혹은 에셋이 시간 초과에 도달하였을 때 렌더링되거나 초기화가 되지 않기 때문에, 성능을 저하시킬 수 있다.Since the Scene API part is not rendered or initialized until the web browser has fetched all the assets or when the assets have timed out, it can degrade performance.

[유틸 API부(538)][Utility API section 538]

상기 유틸 API부(538)는 문자열을 vec3, vec4 객체로 파싱하거나, 또는 다중 속성 구성요소에 대해 개별 속성을 반환하도록 하거나, 또는 CSS style과 관련된 기능을 제공하거나, 또는 가상현실기기와 관련된 유틸리티를 제공하는 역할을 한다.The utility API unit 538 parses strings into vec3 and vec4 objects, returns individual properties for multi-property components, provides CSS style-related functions, or provides utilities related to virtual reality devices. serves to provide

[화면공유 API부(539)][Screen Sharing API Unit (539)]

상기 화면공유 API부(539)는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈의 웹 브라우저 화면상에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 실감형 웹 360VR 인테리어 공간에 들어와서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 특정 인테리어 마감재를 주시하며 관심갖는 웹 360VR 화면 자체를 그대로 화면공유시키는 역할을 한다.The screen sharing API unit 539 displays the space designer terminal type web 360VR interior space formation request app module and the finishing material product store terminal type finishing material purchase progress app module on the web browser screen, through the customer terminal type web 360VR interior driving app module. Entering the immersive web 360VR interior space, clicking and moving objects in the immersive 360VR interior space, keeping an eye on specific interior finishing materials, and sharing the web 360VR screen itself as it is.

이는 컴포넌트(Components) API부에 화면공유컴포넌트 등록을 한 후, 고객 단말형 웹 360VR 인테리어 구동 앱모듈과 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈간, 또는 고객 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간, 화면공유가 되도록 구성된다.This is after registering the screen sharing component in the Components API, between the customer terminal-type web 360VR interior driving app module and the space designer terminal-type web 360VR interior space formation request app module, or the customer terminal-type web 360VR interior driving app module It is configured to share the screen between the terminal-type finishing material purchase progress app module of the finishing material product store.

먼저, 웹 360VR이 구동되는 웹브라우저 화면상에 화면공유방을 생성시키고, 생성시킨 화면공유방에 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 참석하도록 안내시킨다.First, a screen sharing room is created on the screen of the web browser where Web 360 VR is running, and the space designer terminal type Web 360 VR interior space formation request app module and finishing material product vendor terminal type finishing material purchase progress app module are guided to participate in the created screen sharing room. let it

이때, 화면공유방에 자기 자신 이외의 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈 또는 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 입장하게 되면, 공유할 속성이 포함되어 있는 컴포넌트를 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽으로 전송시킨다.At this time, when a space designer terminal type web 360VR interior space formation request app module or a finishing material product sales store terminal type finishing material purchase progress app module other than oneself enters the screen sharing room, the component containing the property to be shared is displayed in the space designer terminal type. Request for web 360VR interior space formation App module and finishing material Product sales place Terminal-type finishing material purchase progress Send to the app module.

즉, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽으로 전송되는 화면공유컴포넌트는 다음의 표 1과 같다.That is, the screen sharing components transmitted to the space designer terminal type web 360VR interior space formation request app module and the terminal type finishing material purchase progress app module of the finishing material product seller are shown in Table 1 below.

var component_1={var component_1={

templaate : template_name, template: template_name,

components : [ components: [

'position', 'position',

'rotation', 'rotation',

{ {

selector : '.head', selector: '.head',

component : 'material(=인테리어 마감재)', component : 'material(=interior finishing material)',

property : 'color', property : 'color',

}]}; }]};

상기 화면공유컴포넌트는 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 실감형 웹 360VR 인테리어 공간에 들어와서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 특정 인테리어 마감재를 주시하며 관심갖는 웹 360VR 화면 자체의 포지션(Position)과 로테이션(Rotation)값이 포함되어 구성된다.The screen sharing component enters the immersive web 360VR interior space through the customer terminal type web 360VR interior driving app module, clicks and moves objects in the immersive 360VR interior space, watches a specific interior finish material, and displays a web 360VR screen of interest. It is composed of its own Position and Rotation values.

이는 실감형 360VR 인테리어 공간 객체와 인테리어 마감재의 모양을 결정하는 템플릿을 포함한다.This includes immersive 360VR interior space objects and templates that determine the shape of interior finishes.

또한, 상기 화면공유 API부는 화면공유컴포넌트를 변경하여 적용하기 위한 이벤트 발생을 위한 버튼 역할을 하는 화면공유변경 큐브를 웹 360VR 인테리어 공간에 생성시킨다.In addition, the screen sharing API unit creates a screen sharing change cube serving as a button for generating an event for changing and applying a screen sharing component in the web 360 VR interior space.

이는 화면공유변경 큐브를 생성시킨 후, 고객인 사용자가 화면공유변경 큐브 선택을 할 수 있도록 컨트롤러를 추가한다.After creating the screen sharing change cube, it adds a controller so that the user, the customer, can select the screen sharing change cube.

즉, 고객인 사용자가 화면공유변경 큐브를 선택시, 시각적으로 선택 완료 정보를 고객인 사용자에게 전송하기 위해 큐브 크기 변경, 컨트롤러의 색상이 변경되도록 이벤트 내에 적용한다.That is, when a user, a customer, selects a screen sharing change cube, changes in the size of the cube and color of the controller are applied to the event in order to visually transmit selection completion information to the user, the customer.

이벤트는 수정된 공유 속성을 포함한 컴포넌트를 적용하는 NAF.schemas.add()함수 호출을 포함하도록 구성된다.The event is configured to include a call to the NAF.schemas.add() function that applies the component containing the modified shared property.

일예로, 화면을 공유받을 마감재 제품판매처 단말형 마감재 구매진행 앱모듈은 웹 360VR 인테리어 공간의 화면공유변경 큐브를 클릭하여 변경될 공유 속성을 포함하는 화면공유컴포넌트를 고객 단말형 웹 360VR 인테리어 구동 앱모듈쪽으로 전송시킨다.For example, the app module for purchasing terminal-type finishing materials at the end-user terminal-type web 360VR interior drive app module that displays the screen-sharing component that includes the shared properties to be changed by clicking the screen-sharing change cube of the web 360VR interior space. send towards

화면공유컴포넌트를 전송받은 고객 단말형 웹 360VR 인테리어 구동 앱모듈은 화면공유변경 큐브 버튼을 클릭하여 화면공유컴포넌트를 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈에게도 전송한다.The customer terminal type web 360VR interior driving app module that has received the screen sharing component clicks the screen sharing change cube button to transmit the screen sharing component to the space designer terminal type web 360VR interior space formation request app module.

마감재 제품판매처 단말형 마감재 구매진행 앱모듈은 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 웹 360VR 인테리어 공간에 들어와서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 특정 인테리어 마감재를 주시하며 관심갖는 웹 360VR 화면 자체의 포지션(Position)과 로테이션(Rotation)값을 전송받아, 고객 단말형 웹 360VR 인테리어 구동 앱모듈과 동일한 화면의 자신의 웹 브라우저 화면상에 제공받게 된다.Finishing material product sales point Terminal-type finishing material purchase progress The app module enters the web 360VR interior space through the customer terminal-type web 360VR interior driving app module, clicks and moves objects in the immersive 360VR interior space, watches and pays attention to specific interior finishing materials The Position and Rotation values of the web 360VR screen itself are received and provided on the same screen as the customer terminal type web 360VR interior driving app module on the web browser screen.

이를 통해, 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화상통신, 통화, 그리고, 채팅을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문 받아, 인테리어 마감재를 구매하고자 하는 고객인 사용자로 하여금 현장에서 바로 구매하거나, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈과 연결시켜 인테리어 마감재 시장을 활성화시킬 수 있다.Through this, in the web 360VR interior space between the customer terminal-type web 360VR interior driving app module, space designer terminal-type web 360VR interior space formation request app module and the finishing material product store terminal-type finishing material purchase progress app module, video communication, call, and Through chat, customers who want to purchase interior finishing materials can receive explanations about interior finishing materials, and questions about cost, material, and strength, so that users who want to purchase interior finishing materials can make purchases on the spot, or finishing materials product retailers terminal-type finishing material purchase progress apps By connecting with the module, the interior finishing material market can be activated.

이하, 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성방법의 구체적인 과정에 관해 설명한다.Hereinafter, a detailed process of a screen-sharing type web 360VR interior space formation method in which interior finishing materials in a realistic 360VR interior space object according to the present invention are driven together will be described.

도 39는 본 발명에 따른 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성방법의 구체적인 과정을 도시한 순서도에 관한 것이다.39 is a flow chart showing a specific process of a screen sharing type web 360VR interior space formation method in which interior finishing materials in a realistic 360VR interior space object are driven together according to the present invention.

먼저, 트라이앵글형 웹RTC 통신제어모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 중심으로 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 트라이앵글구조를 이루며 실시간 통신이 되도록 연결시킨다(S10).First, through the triangle-type webRTC communication control module, centering on the screen sharing type web 360VR interior space formation control module, customer terminal type web 360VR interior driving app module, space designer terminal type web 360VR interior space formation request app module and finishing material products Proceed to purchase terminal-type finishing material from the vendor App module forms a triangle structure and connects to real-time communication (S10).

다음으로, 마감재 제품판매처 단말형 마감재 구매진행 앱모듈을 통해, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시킨다(S20).Next, the finishing material data to be created in the web 360 VR interior space is transmitted to the space designer terminal type finishing material purchasing progress app module through the terminal type finishing material purchase progress app module of the finishing material product store (S20).

다음으로, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시킨다(S30).Next, through the space designer terminal type web 360VR interior space formation request app module, to the screen sharing type web 360VR interior space formation control module, live photo data and video recording data about the interior space, and data for finishing materials are transmitted , The web 360VR interior space formation in which the immersive 360VR interior space object and the interior finishing material are driven together is requested (S30).

다음으로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시킨다(S40).Next, through the screen-sharing web 360VR interior space formation control module, the space designer terminal type web 360VR interior space formation request app module receives actual photo data and video recording data about the interior space, and finishing material data, The realistic 360VR interior space object and the interior finishing material are controlled to form a web 360VR interior space driven together (S40).

이는 도 40에 도시한 바와 같이, 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 수신받아, AI분석을 기반으로 특징점을 추출하여 웹 360VR로 구동되도록 하는 실감형 360VR 인테리어 공간 객체를 생성시킨다(S41).As shown in FIG. 40, this receives live-action photo data and video recording data about the indoor interior space transmitted from the space designer terminal type web 360 VR interior space formation request app module through the realistic 360 VR interior space object generation engine unit, Based on the AI analysis, feature points are extracted to create a realistic 360VR interior space object that is driven by the web 360VR (S41).

이어서, 마감재 웹렌더링 생성제어부를 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 마감재 데이터를 수신받아, 마감재를 렌더링하여 인테리어 마감재로 이미지화 또는 아이콘화시킨 후, 그 결과를 웹으로 서비스할 수 있도록 하며 그 결과에 대한 다양한 시각적 효과를 처리시킨다(S42).Then, through the finishing material web rendering creation control unit, the space designer receives the finishing material data transmitted from the terminal type web 360VR interior space formation request app module, renders the finishing material, converts the finishing material into an image or icon, and then converts the result to the web. It enables service and processes various visual effects for the result (S42).

이어서, 웹 360VR 인테리어 공간 형성제어부를 통해, 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시켜 웹 360VR 인테리어 공간을 형성시킨다(S43).Then, through the web 360VR interior space formation control unit, the realistic 360VR interior space object created through the realistic 360VR interior space object generation engine unit is connected to the finishing material rendering generated through the finishing material web rendering creation control unit to form a web 360VR interior space (S43).

다음으로, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 웹 브라우저 화면상에, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험한다(S50).Next, through the customer terminal type web 360VR interior driving app module, a web 360VR interior space in which realistic 360VR interior space objects and interior finishing materials are driven together on the web browser screen from the screen sharing type web 360VR interior space formation control module Download and experience (S50).

다음으로, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간상에 형성된 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시킨다(S60).Next, through the customer terminal type web 360VR interior driving app module, click, move, watch, and interest in the immersive 360VR interior space object formed on the web 360VR interior space. It is transmitted to the shared web 360VR interior space formation control module (S60).

다음으로, 도 37에 도시한 바와 같이, 화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간상에 형성된 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유시킨다(S70).Next, as shown in FIG. 37, under the control of the screen sharing type web 360VR interior space formation control module, through the customer terminal type web 360VR interior driving app module, the realistic 360VR interior space object formed on the web 360VR interior space Click, move, and share the screen of the web 360 VR screen of the interior finishing material that you are interested in watching with the space designer terminal type web 360 VR interior driving app module or the finishing material product store terminal type web 360 VR interior driving app module (S70).

끝으로, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간에서, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈을 통한 공간 디자이너 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈의 마감재 제품판매처사의 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시킨다(S80).Finally, through the customer terminal type web 360VR interior driving app module, space designer in the web 360VR interior space, space designer through the terminal type web 360VR interior driving app module or finishing material product retailer terminal type web 360VR interior driving app module finishing material product Receive explanations and advice on the interior finishing materials from the seller, and purchase the interior finishing materials (S80).

즉, 도 38에 도시한 바와 같이, 고객 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈간의 웹 360VR 인테리어 공간에서, 화상통신, 통화, 그리고, 채팅 중 어느 하나를 선택한 것을 통해, 인테리어 마감재에 관한 설명과, 비용이나 재질, 강도에 관한 궁금사항을 자문을 해주고, 인테리어 마감재를 구매하고자 하는 사용자로 하여금 현장에서 바로 구매하도록 구매진행시킨다.That is, as shown in FIG. 38, in the web 360VR interior space between the customer terminal-type web 360VR interior driving app module and the finishing material product store terminal-type finishing material purchase progress app module, any one of video communication, call, and chat is selected. Through this, it provides explanations on interior finishing materials, questions about costs, materials, and strength, and proceeds with purchasing interior finishing materials for users who want to purchase them on the spot.

1 : 화면공유형 웹 360VR 인테리어 공간형성장
100 : 고객 단말형 웹 360VR 인테리어 구동 앱모듈
110 : 고객 단말형 웹 360VR 인테리어 구동 액티비티부
120 : 고객 단말형 웹 360VR 인테리어 구동 서비스제어부
130 : 고객 단말형 웹 360VR 인테리어 구동 리시버부
140 : 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부
200 : 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈
210 : 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부
220 : 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부
230 : 공간 디자이너 단말형 웹 360VR 인테리어 요청 리시버부
240 : 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부
300 : 마감재 제품판매처 단말형 마감재 구매진행 앱모듈
310 : 마감재 제품판매처 단말형 마감재 구매진행 액티비티부
320 : 마감재 제품판매처 단말형 마감재 구매진행 서비스제어부
330 : 마감재 제품판매처 단말형 마감재 구매진행 리시버부
340 : 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부
400 : 트라이앵글형 웹RTC 통신제어모듈
410 : 겟유저미디어 API부
420 : 피어 컨넥션 API부
430 : 데이터채널 API부
500 : 화면공유형 웹 360VR 인테리어공간 형성제어모듈
510 : 실감형 360VR 인테리어 공간 객체 생성엔진부
520 : 마감재 웹렌더링 생성제어부
530 : 웹 360VR 인테리어 공간 형성제어부
1: Screen-sharing web 360VR interior space formation growth
100: Customer terminal type web 360VR interior driving app module
110: customer terminal type web 360VR interior driving activity unit
120: customer terminal type web 360VR interior driving service control unit
130: customer terminal type web 360VR interior drive receiver unit
140: Customer terminal type web 360VR interior driving content control unit
200: Space designer terminal type web 360VR interior space formation request application module
210: Space designer terminal type web 360VR interior space formation request activity unit
220: Space designer terminal type web 360VR interior space formation request service control unit
230: Space designer terminal type web 360VR interior request receiver unit
240: Space designer terminal type web 360VR interior space formation request content control unit
300: Finishing material product sales place terminal type finishing material purchase progress app module
310: Finishing material product sales department terminal type finishing material purchase progress activity department
320: Finishing material product sales place terminal type finishing material purchase progress service control unit
330: finishing material product sales place terminal type finishing material purchase progress receiver unit
340: finishing material product sales place terminal type finishing material purchase progress content control unit
400: Triangle type webRTC communication control module
410: Get User Media API unit
420: peer connection API unit
430: Data channel API unit
500: Screen sharing type web 360VR interior space formation control module
510: realistic 360VR interior space object creation engine
520: finishing material web rendering generation control unit
530: Web 360VR interior space formation control unit

Claims (15)

웹브라우저 화면상에서 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키고, 형성시킨 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유시키도록 제어시키는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치에 있어서,
상기 화면공유형 웹 360VR 인테리어 공간형성장치는
고객 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 웹 브라우저 화면상에, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키고, 화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 화면공유분위기 하에서 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 연결되어, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키는 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100)과,
공간 디자이너 단말인 스마트디바이스 내에 어플형태로 활성화되어, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 해주는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200)과,
마감재 제품판매처 단말인 스마트디바이스 내에 어플형태로 활성화되어, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300)과,
웹RTC통신을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 중심으로 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 트라이앵글구조를 이루며 실시간 통신이 되도록 연결시키는 트라이앵글형 웹RTC 통신제어모듈(400)과,
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어하고, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 웹 360VR 인테리어공간에서 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈쪽으로 화면공유시키도록 제어시키는 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)가 포함되어 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
On the web browser screen, control to form a web 360VR interior space in which the interior finishing materials in the immersive 360VR interior space object are driven together, and click, move, and watch the immersive 360VR interior space object in the formed web 360VR interior space. In the screen sharing type web 360VR interior space forming device in which the interior finishing material in the realistic 360VR interior space object is driven together to control the web 360VR screen of the interior finishing material of interest to be screen-shared as it is,
The screen sharing type web 360VR interior space forming device
It is activated in the form of an application in the smart device, which is a customer terminal, and downloads and experiences the web 360 VR interior space in which realistic 360 VR interior space objects and interior finishing materials are driven together on the web browser screen from the screen-sharing web 360 VR interior space formation control module. While doing so, click and move the immersive 360VR interior space object, watch and transmit the web 360VR screen of the interior finishing material that you are interested in as it is to the screen sharing type web 360VR interior space formation control module, screen sharing type web 360VR interior space Under the control of the formation control module, under the screen sharing atmosphere, it is connected to the space designer terminal type web 360VR interior driving app module or the finishing material product store terminal type web 360VR interior driving app module to receive explanations and advice on interior finishing materials, and interior finishing materials. A customer terminal type web 360VR interior driving app module 100 for purchase,
Activated in the form of an application within the smart device, a space designer terminal, to the screen-sharing web 360VR interior space formation control module, real-life photo data and video recording data about the interior space, and finishing material data are transmitted to provide realistic 360VR interior Requesting the formation of a web 360 VR interior space in which space objects and interior finishing materials are driven together, and activating the web 360 VR screen itself of the interior finishing materials that the customer is watching and interested in on the screen, which is a web browser, as it is, driving the customer terminal type web 360 VR interior Towards the app module, a space designer terminal type web 360VR interior space formation request app module 200 that provides explanations and advice on interior finishing materials,
It is activated in the form of an application within the smart device, which is a terminal for finishing material product sales, and transmits the finishing material data to be created in the web 360VR interior space to the space designer terminal-type finishing material purchasing process app module, and on the screen, which is a web browser, customers are watching A finishing material product store terminal-type finishing material purchase progress app module 300 that activates the web 360VR screen of the interior finishing material of interest as it is and guides the interior finishing material purchase process toward the customer terminal type web 360VR interior driving app module,
Through web RTC communication, centering on the screen-sharing web 360VR interior space formation control module, customer terminal type web 360VR interior drive app module, space designer terminal type web 360VR interior space formation request app module and finishing material Product sales place Terminal type finishing material purchase progress A triangle-type webRTC communication control module 400 that connects the app modules to form a triangle structure and communicate in real time;
Space designer terminal type web 360VR interior Space formation request App module receives real-life photo data, video recording data, and finishing material data about the interior space, and immersive 360VR interior space objects and interior finishing materials are driven together Web 360VR interior Control to form a space, and click, move, and watch the immersive 360VR interior space object in the web 360VR interior space through the customer terminal type web 360VR interior driving app module, and the web 360VR screen itself of the interior finishing material of interest is as it is. Characterized in that it includes a space designer terminal type web 360VR interior driving app module and a screen sharing type web 360VR interior space formation control module 500 that controls screen sharing to the terminal type web 360VR interior driving app module of a finishing material product store. A screen-sharing type web 360VR interior space forming device in which the interior finishing materials in the realistic 360VR interior space object are driven together.
삭제delete 제1항에 있어서, 상기 고객 단말형 웹 360VR 인테리어 구동 앱모듈(100)은
스마트디바이스의 화면상에 고객 단말형 웹 360VR 인테리어 구동 사용자 인터페이스(UI)를 생성시키는 고객 단말형 웹 360VR 인테리어 구동 액티비티부(110)와,
백그라운드에서 실행되어, 고객 단말형 웹 360VR 인테리어 구동 앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 고객 단말형 웹 360VR 인테리어 구동 서비스제어부(120)와,
스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 고객 단말형 웹 360VR 인테리어 구동 리시버부(130)와,
고객 단말형 웹 360VR 인테리어 구동 앱에 저장한 고객 단말형 웹 360VR 인테리어 구동 콘텐츠에 대한 액세스 권한을 관리하면서, 웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키고, 화면공유분위기 하에서 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 연결되어, 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키도록 제어시키는 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부(140)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 1, wherein the customer terminal type web 360VR interior driving app module 100
A customer terminal type web 360VR interior driving activity unit 110 that creates a customer terminal type web 360VR interior driving user interface (UI) on the screen of a smart device;
A customer terminal type web 360VR interior driving service control unit 120 that runs in the background and binds another component of the customer terminal type web 360VR interior driving app to the service to interact with the service and controls to perform communication between processes. and,
A customer terminal type web 360VR interior driving receiver unit 130 that generates a broadcast message of notification on the screen when a system event of the smart device occurs;
While managing the access rights to the customer terminal type web 360VR interior driving content stored in the customer terminal type web 360VR interior driving app, while downloading and experiencing the web 360VR interior space, click and move the realistic 360VR interior space object, The web 360VR screen of the interior finishing material that is watched and interested is transferred to the screen sharing type web 360VR interior space formation control module as it is, and the space designer terminal type web 360VR interior driving app module or finishing material product store terminal type web 360VR interior in the screen sharing atmosphere A realistic 360VR interior space object characterized in that it is composed of a customer terminal type web 360VR interior driving content control unit 140 that is connected to the driving app module, receives explanations and advice on interior finishing materials, and controls to purchase interior finishing materials A screen-sharing web 360VR interior space forming device that drives my interior finishing materials together.
제3항에 있어서, 상기 상기 고객 단말형 웹 360VR 인테리어 구동 콘텐츠 제어부(140)는

화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 웹 360VR 인테리어 공간 체험을 요청시키는 웹 360VR 인테리어 공간 체험요청부(141)와,
인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 고객 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 고객 단말용 기기 접근제어부(142)와,
앱상태에서 웹브라우저를 변환 활성화시켜, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 제1 웹 360VR 구동용 웹브라우저생성부(143)와,
웹 360VR 인테리어 공간을 다운로드받아 체험하면서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 웹 360VR 화면공유 데이터로 설정하여, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키는 웹 360VR 화면공유 데이터전송부(144)와,
웹 360VR 인테리어 공간상에 고객단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 고객단말용 화면공유제어부(145)와,
구매하고자 하는 인테리어 마감재를 클릭시, 비용결제창이 활성화되어, 사용자 인증 후, 비용결제가 되도록 제어시키는 비용결제제어부(146)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 3, wherein the customer terminal type web 360 VR interior driving content controller 140

A web 360 VR interior space experience request unit 141 requesting a web 360 VR interior space experience toward the screen sharing type web 360 VR interior space formation control module;
Through authentication, a device access control unit 142 for a customer terminal that controls the screen-sharing type web 360VR interior space formation control module to allow the access authority of the device for the customer terminal 142;
A first web browser generator 143 for driving a first web 360 VR that converts and activates a web browser in an app state to drive a web 360 VR interior space on the screen of a space designer terminal type web 360 VR interior space formation request app module;
While downloading and experiencing the web 360 VR interior space, clicking, moving, watching and interested in realistic 360 VR interior space objects set the web 360 VR screen of the interior finishing material itself as web 360 VR screen sharing data, and screen sharing type web 360 VR interior A web 360VR screen sharing data transmission unit 144 for transmission to the space formation control module;
Create a screen sharing room for customer terminals on the web 360VR interior space, and create a screen sharing type web 360VR interior space Under the control of the control module, space designer terminal type web 360VR interior driving app module or finishing material product store terminal type web 360VR interior driving app A screen sharing control unit 145 for a customer terminal for controlling screen sharing with a module;
When the interior finishing material to be purchased is clicked, the cost payment window is activated, and after user authentication, the interior finishing material in the realistic 360VR interior space object is driven together A screen-sharing web 360VR interior space forming device.
제1항에 있어서, 상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈(200)은
스마트디바이스의 화면상에 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 사용자 인터페이스(UI)를 생성시키는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 액티비티부(210)와,
백그라운드에서 실행되어, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 서비스제어부(220)와,
스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 리시버부(230)와,
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱에 저장한 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠에 대한 액세스 권한을 관리하면서, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재에 관한 설명과 자문을 해주도록 제어하는 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부(240)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 1, wherein the space designer terminal type web 360VR interior space formation request app module 200
A space designer terminal type web 360VR interior space formation request activity unit 210 that creates a space designer terminal type web 360VR interior space formation request user interface (UI) on the screen of the smart device;
Space designer terminal type web 360VR interior space formation that runs in the background and binds another component of the space designer terminal type web 360VR interior space formation request app to the service to interact with the service and controls to perform inter-process communication a request service control unit 220;
A space designer terminal type web 360VR interior space formation request receiver unit 230 that generates a broadcast message of notification on the screen when a system event of the smart device occurs;
Space designer terminal type web 360VR interior space formation request While managing the access rights to the space designer terminal type web 360VR interior space formation request content stored in the app, to the screen sharing type web 360VR interior space formation control module, regarding the indoor interior space By transmitting real-life photo data, video recording data, and finishing material data, it is requested to form a web 360VR interior space in which realistic 360VR interior space objects and interior finishing materials are driven together, and on the screen, which is a web browser, customers pay attention and interest Space designer terminal type web 360VR interior space formation request content control unit (240 ) Screen sharing type web 360VR interior space forming device in which the interior finishing materials in the realistic 360VR interior space object are driven together, characterized in that composed of.
제5항에 있어서, 상기 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 콘텐츠 제어부(240)는
화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키는 웹 360VR 인테리어 공간형성 요청부(241)와,
인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 공간 디자이너 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 공간 디자이너 단말용 기기 접근제어부(242)와,
앱상태에서 웹브라우저를 변환 활성화시켜, 마감재 제품판매처 단말의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 제2 웹 360VR 구동용 웹브라우저생성부(243)와,
웹 360VR 인테리어 공간상에 공간 디자이너 단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 공간 디자이너 단말용 화면공유제어부(244)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 5, wherein the space designer terminal type web 360VR interior space creation request content control unit 240
Web 360VR interior space in which realistic 360VR interior space objects and interior finishing materials are driven together by transmitting actual photo data and video recording data of the interior space, and finishing material data to the screen sharing type web 360VR interior space formation control module. A web 360VR interior space requesting unit 241 for requesting formation;
Through authentication, a space designer terminal device access control unit 242 that controls the screen sharing type web 360VR interior space formation control module to allow the access authority of the space designer terminal device;
A second web browser generating unit 243 for driving a second web 360 VR that converts and activates a web browser in an app state and drives a web 360 VR interior space on the screen of a terminal of a terminal selling finished products;
By creating a screen sharing room for space designer terminals on the web 360VR interior space, under the control of the screen sharing type web 360VR interior space formation control module, the customer terminal type web 360VR interior driving app module or finishing material product store terminal type web 360VR interior driving app A screen sharing type web 360VR interior space forming device in which interior finishing materials in a realistic 360VR interior space object are driven together, characterized in that it consists of a screen sharing control unit 244 for a space designer terminal that controls the screen to be shared with the module.
제1항에 있어서, 상기 마감재 제품판매처 단말형 마감재 구매진행 앱모듈(300)은
스마트디바이스의 화면상에 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시키고, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키는 사용자 인터페이스(UI)를 생성시키는 마감재 제품판매처 단말형 마감재 구매진행 액티비티부(310)와,
백그라운드에서 실행되어, 마감재 제품판매처 단말형 마감재 구매진행앱의 또 다른 구성요소를 서비스에 바인딩하여 서비스와 상호작용하면서, 프로세스간 통신을 수행시키도록 제어하는 마감재 제품판매처 단말형 마감재 구매진행서비스제어부(320)와,
스마트디바이스의 시스템 이벤트가 발생시 알림의 브로드 캐스트 메시지를 화면상에 생성시키는 마감재 제품판매처 단말형 마감재 구매진행 리시버부(330)와,
마감재 제품판매처 단말형 마감재 구매진행앱에 저장한 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠에 대한 액세스 권한을 관리하면서, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송하고, 웹 브라우저인 화면상에, 고객이 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로 활성화시켜, 고객 단말형 웹 360VR 인테리어 구동 앱 모듈쪽으로, 인테리어 마감재 구매진행을 안내시키도록 제어시키는 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부(340)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 1, wherein the finishing material product sales place terminal type finishing material purchase progress app module 300
On the screen of the smart device, to the space designer terminal type finishing material purchase progress app module, the finishing material data to be created in the web 360VR interior space is transmitted, and to the customer terminal type web 360VR interior driving app module, which guides the interior finishing material purchase process A finishing material product sales place terminal type finishing material purchase progress activity unit 310 that creates a user interface (UI);
Finishing material product sales store terminal-type finishing material purchase progress service control unit that runs in the background and binds another component of the finishing material product sales store terminal-type finishing material purchase progress app to the service to interact with the service and to control communication between processes ( 320) and,
A terminal-type finishing material purchase progress receiver unit 330 that generates a broadcast message of notification on the screen when a system event of the smart device occurs;
Finishing material product seller Terminal-type finishing material purchase process Finishing material product store stored in the app Finishing material product store Terminal-type finishing material purchase progress While managing access rights to content, space designer terminal-type finishing material purchase progress toward the app module, finishing material to be created in the web 360VR interior space Data is transmitted, and on the screen of the web browser, the web 360VR screen itself of the interior finishing material that the customer is watching and interested in is activated as it is, and the customer terminal type web 360VR interior driving app module is controlled to guide the purchase process of the interior finishing material A screen-sharing web 360VR interior space forming device in which interior finishing materials in a realistic 360VR interior space object are driven together, characterized in that it consists of a content control unit 340 for purchasing finishing materials product sales terminal type finishing materials.
제7항에 있어서, 상기 마감재 제품판매처 단말형 마감재 구매진행 콘텐츠 제어부(340)는
공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시키는 마감재 데이터 전송부(341)와,
인증을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈이 마감재 제품판매처 단말용 기기의 액세스 권한을 허용시키도록 제어시키는 마감재 제품판매처 단말용 기기 접근제어부(342)와,
앱상태에서 웹브라우저를 변환 활성화시켜, 마감재 제품판매처 단말의 화면상에서 웹 360VR 인테리어 공간을 구동시키는 제3 웹 360VR 구동용 웹브라우저생성부(343)와,
웹 360VR 인테리어 공간상에 마감재 제품판매처단말용 화면공유방을 생성시켜, 화면공유형 웹 360VR 인테리어공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈 또는 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유되도록 제어시키는 마감재 제품판매처 단말용 화면공유제어부(344)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 7, wherein the finishing material product sales place terminal type finishing material purchase progress content control unit 340
A finishing material data transmission unit 341 that transmits finishing material data to be created in the web 360 VR interior space toward the space designer terminal-type finishing material purchase progress app module;
Through authentication, a device access control unit 342 for a finishing material product sales store terminal that controls the screen sharing type web 360VR interior space formation control module to allow the access authority of the finishing material product sales store terminal device;
A third web browser generation unit 343 for driving a web 360 VR that converts and activates a web browser in an app state to drive a web 360 VR interior space on the screen of a terminal of a terminal where a finishing material product is sold;
Creates a screen sharing room for the terminals of the finishing material product retailer on the web 360 VR interior space, under the control of the screen sharing type web 360 VR interior space formation control module, the customer terminal type web 360 VR interior driving app module or space designer terminal type web 360 VR interior driving app A screen-sharing type web 360VR interior space forming device in which the interior finishing materials in the realistic 360VR interior space object are driven together, characterized in that it consists of a screen sharing control unit 344 for the terminal of the terminal of the finishing material product store that controls the screen to be shared with the module.
제1항에 있어서, 상기 트라이앵글형 웹RTC 통신제어모듈(400)은
스마트디바이스 상의 마이크, 스피커, 화상카메라의 미디어 장치에 접근시키는 API를 제공하는 겟유저미디어 API부(410)와,
고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에 활성화된 웹 브라우저 간의 인테리어 마감재 정보에 관한 화상 및 음성과 같은 데이터를 교환시키는 작업을 담당하는 피어 컨넥션 API부(420)와,
고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈에 활성화된 웹 브라우저 간의 인테리어 마감재 정보에 관한 텍스트나 파일을 주고받는 역할을 수행하는 데이터채널 API부(430)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 1, wherein the triangle type webRTC communication control module 400
A Get User Media API unit 410 that provides an API for accessing media devices of a microphone, speaker, and image camera on a smart device;
Customer terminal-type web 360VR interior driving app module, space designer Terminal-type web 360VR interior space formation request App module and finishing material product store Terminal-type finishing material purchase progress Data such as image and voice about interior finishing material information between web browsers activated in the app module A peer connection API unit 420 in charge of exchanging
Customer terminal type web 360VR interior driving app module, space designer Terminal type web 360VR interior space formation request App module and finishing material product store Terminal type finishing material purchase progress Sending and receiving text or files about interior finishing material information between web browsers activated in the app module A screen sharing type web 360VR interior space forming device in which interior finishing materials in a realistic 360VR interior space object are driven together, characterized in that it consists of a data channel API unit 430 that plays a role.
제1항에 있어서, 상기 화면공유형 웹 360VR 인테리어공간 형성제어모듈(500)은
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 수신받아, AI분석을 기반으로 특징점을 추출하여 웹 360VR로 구동되도록 하는 실감형 360VR 인테리어 공간 객체를 생성시키는 실감형 360VR 인테리어 공간 객체 생성엔진부(510)와,
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 마감재 데이터를 수신받아, 마감재를 렌더링하여 인테리어 마감재로 이미지화 또는 아이콘화시킨 후, 그 결과를 웹으로 서비스할 수 있도록 하며 그 결과에 대한 다양한 시각적 효과를 처리시키는 마감재 웹렌더링 생성제어부(520)와,
실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시켜 웹 360VR 인테리어 공간을 형성시키도록 제어시키는 웹 360VR 인테리어 공간 형성제어부(530)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 1, wherein the screen sharing type web 360VR interior space formation control module (500)
Space designer terminal type web 360VR interior Realistic 360VR interior that receives live-action photo data and video recording data about the interior space sent from the application module requesting space formation, extracts feature points based on AI analysis, and operates with web 360VR A realistic 360VR interior space object creation engine unit 510 that creates space objects;
Space designer terminal type web 360VR receives the finishing material data sent from the application module requesting interior space formation, renders the finishing material and converts it into an image or icon as an interior finishing material, and then provides the result as a web service. A finishing material web rendering generation control unit 520 for processing visual effects;
A web 360VR interior space formation control unit ( 530), a screen-sharing type web 360VR interior space forming device in which interior finishing materials in a realistic 360VR interior space object are driven together.
제10항에 있어서, 상기 실감형 360VR 인테리어 공간 객체 생성엔진부(510)는
실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 기반으로 실내 인테리어공간의 인테리어 이미지공간객체와 백그라운드 배경, 그리고, RGB정보에 관한 이미지 특징점을 추출시키는 이미지 특징추출부(511)와,
이미지 특징추출부에서 추출한 인테리어 이미지공간객체와 백그라운드 배경, 그리고, RGB정보에 관한 이미지 특징점을 1도 ~ 360도 시각을 기준으로 배열시키는 이미지배열부(512)와,
이미지배열부를 통해 배열시킨 이미지특징점을 이미지공간객체별로 매칭시키는 특징매칭부(513)와,
특징매칭부를 통해 매칭시킨 이미지공간객체를 실내인테리어공간의 X축, Y축, Z축의 3D구조로 이루어진 실감형 360VR 인테리어 공간 객체를 생성시키는 실감형 360VR 인테리어 공간 객체생성부(514)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 10, wherein the realistic 360VR interior space object generation engine unit 510
An image feature extraction unit 511 for extracting image feature points related to an interior image space object, a background background, and RGB information of an indoor interior space based on actual photo data and video recording data related to the indoor interior space;
An image array unit 512 that arranges the interior image space object extracted from the image feature extraction unit, the background background, and image feature points related to RGB information based on a 1 degree to 360 degree view;
A feature matching unit 513 that matches image feature points arranged through the image array unit for each image space object;
It consists of a realistic 360VR interior space object generator 514 that creates a realistic 360VR interior space object consisting of a 3D structure of the X, Y, and Z axes of the indoor interior space with the image space object matched through the feature matching unit. A screen-sharing web 360VR interior space forming device in which the interior finishing materials in the realistic 360VR interior space object are driven together.
제10항에 있어서, 상기 마감재 웹렌더링 생성제어부(520)는
마감재 렌더링의 크기, 방향을 제어시키는 렌더링 크기·방향제어부(521)와,
다양한 렌더링 모드를 변경하여 렌더링시키는 렌더링모드변경부(522)와,
렌더링 결과 생성된 이미지를 포맷시키는 이미지포맷부(523)와,
렌더링 결과 생성된 이미지의 해상도를 변경, 설정시키는 이미지해상도부(524)와,
3D 마감재 모델에 비쳐지는 라이트를 온오프시키고, 라이트색상을 조절시키는 라이트온오프·색상조절부(525)와,
3D 마감재 모델 내 특정 인스턴스를 이동처리시키는 인스턴스이동부(526)와,
고객인 사용자로 인해 선택된 마감재 렌더링으로 이루어지는 실감형 360VR 인테리어 공간 객체를, 웹RTC통신을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈쪽에도 동기화되어 표출되도록 제어시키는 동기화제어부(527)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 10, wherein the finishing material web rendering generation control unit 520
A rendering size and direction control unit 521 that controls the size and direction of rendering of the finishing material;
A rendering mode changing unit 522 that changes and renders various rendering modes;
An image formatting unit 523 for formatting an image generated as a result of rendering;
An image resolution unit 524 for changing or setting the resolution of an image generated as a result of rendering;
A light on/off/color control unit 525 that turns on/off the light reflected on the 3D finishing material model and adjusts the light color;
An instance moving unit 526 for moving a specific instance in the 3D finishing material model;
The realistic 360VR interior space object made of the rendering of the finishing material selected by the user, the customer, is synchronized with the application module of the space designer terminal type web 360VR interior space formation request app module and the finishing material product store terminal type finishing material purchase progress through web RTC communication A screen sharing type web 360VR interior space forming device in which interior finishing materials in a realistic 360VR interior space object are driven together, characterized in that it consists of a synchronization control unit 527 that controls to be expressed.
제10항에 있어서, 상기 웹 360VR 인테리어 공간 형성제어부(530)는
실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시키고, 연결시킨 마감재 렌더링이 실감형 360VR 인테리어 공간 객체 상에서 모양을 형성하고, 동작하며, 기능을 갖도록 하기 위해, 컴포넌트(Components) API부쪽으로 마감재 렌더링을 전송시키는 엔터티(Entity) API부(531)와,
엔터티(Entity) API부로부터 마감재 렌더링을 전송받아, 실감형 360VR 인테리어 공간 객체 상에서 모양을 형성하고, 동작하며, 기능을 갖도록 생성시키는 컴포넌트(Components) API부(532)와,
웹 360VR 구동에 관한 전역범위(Scope), 서비스 및 관리, 마커위치이동을 컴포넌트(Components) API부쪽에 제공하는 웹 360VR 시스템 API부(533)와,
엔터티(Entity) API부, 컴포넌트(Components) API부, 웹 360VR 시스템 API부를 통해 마감재 렌더링이, 인테리어 마감재로 이미지화 또는 아이콘화되어, 실감형 360VR 인테리어 공간 객체 상에 구성되는 장면을 표출시키는 씬(Scene) API부(534)와,
마감재 렌더링이 실감형 360VR 인테리어 공간 객체 상에서 구동될 때, 애니메이션 효과를 설정시키는 애니메이션 API부(535)와,
사용되는 컴포넌트(Components) API부의 속성 집합을 작성한 후, 재사용할 수 있는 메소드를 제공시키는 믹스인 API부(536)와,
에셋을 한 곳에 배치시키거나, 미리 로드시키거나, 캐시하도록 관리하는 에셋 관리 시스템 API부(537)와,
문자열을 vec3, vec4 객체로 파싱하거나, 또는 다중 속성 구성요소에 대해 개별 속성을 반환하도록 하거나, 또는 CSS style과 관련된 기능을 제공하거나, 또는 가상현실기기와 관련된 유틸리티를 제공하는 유틸 API부(538)와,
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈의 웹 브라우저 화면상에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해 실감형 웹 360VR 인테리어 공간에 들어와서, 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 특정 인테리어 마감재를 주시하며 관심갖는 웹 360VR 화면 자체를 그대로 화면공유시키는 화면공유 API부(539)로 구성되는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성장치.
The method of claim 10, wherein the web 360VR interior space formation control unit 530
The realistic 360VR interior space object created through the realistic 360VR interior space object creation engine unit is connected to the finished material rendering created through the finishing material web rendering creation control unit, and the connected finishing material rendering forms a shape on the realistic 360VR interior space object. , an Entity API unit 531 that transmits the rendering of the finishing material to the Components API unit in order to operate and have functions;
A Components API unit 532 that receives finishing material rendering from the Entity API unit, forms a shape on a realistic 360VR interior space object, operates, and creates a function;
A web 360 VR system API unit 533 that provides a global scope related to web 360 VR operation, service and management, and marker position movement to the components API unit,
Through the Entity API part, Components API part, and the web 360VR system API part, the rendering of the finishing material is imaged or iconized as an interior finishing material, and a scene is expressed on a realistic 360VR interior space object (Scene ) API unit 534,
An animation API unit 535 that sets an animation effect when the rendering of the finishing material is driven on a realistic 360VR interior space object;
A mixin API unit 536 that provides reusable methods after creating a property set of the components API unit to be used;
An asset management system API unit 537 that manages to arrange assets in one place, load them in advance, or cache them;
Utility API unit 538 that parses strings into vec3 and vec4 objects, returns individual properties for multi-property components, provides functions related to CSS style, or provides utilities related to virtual reality devices and,
Space Designer Terminal Type Web 360VR Interior Space Formation Request App Module and Finishing Material Product Sales Store Terminal Type Finishing Material Purchase Progress On the web browser screen of the app module, enter the realistic Web 360VR interior space through the customer terminal type web 360VR interior driving app module , Realistic 360VR interior space, characterized in that it consists of a screen sharing API unit 539 that clicks and moves objects in the immersive 360VR interior space, watches specific interior finishes, and shares the web 360VR screen itself as it is of interest. A screen-sharing web 360VR interior space forming device that drives interior finishing materials within objects.
트라이앵글형 웹RTC 통신제어모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 중심으로 고객 단말형 웹 360VR 인테리어 구동 앱모듈, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈과 마감재 제품판매처 단말형 마감재 구매진행 앱모듈이 트라이앵글구조를 이루며 실시간 통신이 되도록 연결시키는 단계(S10)와,
마감재 제품판매처 단말형 마감재 구매진행 앱모듈을 통해, 공간 디자이너 단말형 마감재 구매진행 앱모듈쪽으로, 웹 360VR 인테리어 공간에 생성시키고자 하는 마감재 데이터를 전송시키는 단계(S20)와,
공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로, 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송하여, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간형성을 요청시키는 단계(S30)와,
화면공유형 웹 360VR 인테리어공간 형성제어모듈을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키는 단계(S40)와,
고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 화면공유형 웹 360VR 인테리어공간 형성제어모듈로부터 웹 브라우저 화면상에, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어 공간을 다운로드받아 체험하는 단계(S50)와,
고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간상에 형성된 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를 그대로, 화면공유형 웹 360VR 인테리어공간 형성제어모듈쪽으로 전송시키는 단계(S60)와,
화면공유형 웹 360VR 인테리어 공간 형성제어모듈의 제어하에, 고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간상에 형성된 실감형 360VR 인테리어 공간 객체를 클릭하고, 이동시키며, 주시하고 관심갖는 인테리어 마감재의 웹 360VR 화면 자체를, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈과 화면공유시키는 단계(S70)와,
고객 단말형 웹 360VR 인테리어 구동 앱모듈을 통해, 웹 360VR 인테리어 공간에서, 공간 디자이너 단말형 웹 360VR 인테리어 구동 앱모듈을 통한 공간 디자이너 또는 마감재 제품판매처 단말형 웹 360VR 인테리어 구동 앱모듈의 마감재 제품판매처사의 인테리어 마감재에 관한 설명과 자문을 받으며, 인테리어 마감재를 구매시키는 단계(S80)로 이루어지는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성방법.
Through triangle-type web RTC communication control module, screen sharing type web 360VR interior space formation control module Customer terminal type web 360VR interior driving app module, space designer terminal type web 360VR interior space formation request application module and finishing material product sales terminal Proceeding with the purchase of molded finishing materials The step of connecting the app module to form a triangle structure and real-time communication (S10);
Sending the finishing material data to be created in the web 360VR interior space through the terminal-type finishing material purchase progress app module of the finishing material product store to the space designer terminal-type finishing material purchase progress app module (S20);
Through the space designer terminal type web 360VR interior space formation request app module, to the screen sharing type web 360VR interior space formation control module, real-life photo data and video recording data about the interior space, and finishing material data are transmitted, Requesting the formation of a web 360 VR interior space in which the 360 VR interior space object and the interior finishing material are driven together (S30);
Through the screen-sharing web 360VR interior space formation control module, space designer terminal type web 360VR interior space formation request application module receives real-life photo data and video recording data about the interior space, and finishing material data, and receives realistic 360VR Controlling to form a web 360 VR interior space in which the interior space object and the interior finishing material are driven together (S40);
Download and experience the web 360 VR interior space in which realistic 360 VR interior space objects and interior finishing materials are driven together on the web browser screen from the screen sharing type web 360 VR interior space formation control module through the customer terminal type web 360 VR interior driving app module The step (S50) of doing,
Through the customer terminal type web 360VR interior driving app module, click, move, observe, and interest in the immersive 360VR interior space object formed on the web 360VR interior space Web 360VR screen itself as it is, screen-sharing web Step of transmitting to the 360VR interior space formation control module (S60);
Under the control of the screen-sharing type web 360VR interior space formation control module, through the customer terminal type web 360VR interior driving app module, clicking, moving, watching and interested in realistic 360VR interior space objects formed on the web 360VR interior space Screen sharing of the web 360VR screen of the interior finishing material with the space designer terminal type web 360VR interior driving app module or the finishing material product store terminal type web 360VR interior driving app module (S70);
Through the customer terminal type web 360VR interior driving app module, space designer in the web 360VR interior space, space designer through the terminal type web 360VR interior driving app module or finishing material product store Terminal type web 360VR interior driving application module's finishing material product store's interior A screen-sharing type web 360VR interior space formation method in which interior finishing materials are driven together in a realistic 360VR interior space object, characterized in that it consists of receiving explanations and advice on the finishing materials and purchasing the interior finishing materials (S80).
제14항에 있어서, 상기 화면공유형 웹 360VR 인테리어공간 형성제어모듈을 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터, 그리고, 마감재 데이터를 전송받아, 실감형 360VR 인테리어 공간 객체와 인테리어 마감재가 함께 구동되는 웹 360VR 인테리어공간을 형성시키도록 제어시키는 단계(S40)는
실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 실내 인테리어공간에 관한 실사사진데이터와 동영상촬영데이터를 수신받아, AI분석을 기반으로 특징점을 추출하여 웹 360VR로 구동되도록 하는 실감형 360VR 인테리어 공간 객체를 생성시키는 단계(S41)와,
마감재 웹렌더링 생성제어부를 통해, 공간 디자이너 단말형 웹 360VR 인테리어 공간형성 요청 앱모듈로부터 전송된 마감재 데이터를 수신받아, 마감재를 렌더링하여 인테리어 마감재로 이미지화 또는 아이콘화시킨 후, 그 결과를 웹으로 서비스할 수 있도록 하며 그 결과에 대한 다양한 시각적 효과를 처리시키는 단계(S42)와,
웹 360VR 인테리어 공간 형성제어부를 통해, 실감형 360VR 인테리어 공간 객체 생성엔진부를 통해 생성된 실감형 360VR 인테리어 공간 객체에다가, 마감재 웹렌더링 생성제어부을 통해 생성된 마감재 렌더링을 연결시켜 웹 360VR 인테리어 공간을 형성시키는 단계(S43)로 이루어지는 것을 특징으로 하는 실감형 360VR 인테리어 공간 객체내 인테리어 마감재가 함께 구동되는 화면공유형 웹 360VR 인테리어 공간형성방법.
The method of claim 14, through the screen sharing type web 360 VR interior space formation control module, real-life photo data and video recording data about the interior space from the space designer terminal type web 360 VR interior space formation request app module, and finishing material data is received and controlled to form a web 360VR interior space in which the immersive 360VR interior space object and the interior finishing material are driven together (S40).
Through the immersive 360VR interior space object generation engine, the space designer terminal type web 360VR interior space formation request app module receives live-action photo data and video recording data about the indoor interior space, and extracts feature points based on AI analysis. Creating a realistic 360VR interior space object to be driven by web 360VR (S41);
Through the finishing material web rendering creation control unit, the space designer receives the finishing material data transmitted from the terminal type web 360VR interior space formation request app module, renders the finishing material, converts it into an image or icon, and then provides the result on the web. and processing various visual effects for the result (S42);
Forming a web 360VR interior space by connecting the realistic 360VR interior space object created through the web 360VR interior space formation control unit to the realistic 360VR interior space object created through the realistic 360VR interior space object generation engine unit and the finishing material rendering created through the finishing material web rendering creation control unit (S43) A screen-sharing type web 360VR interior space formation method in which the interior finishing materials in the realistic 360VR interior space object are driven together.
KR1020220135526A 2022-10-20 2022-10-20 A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object KR102566279B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220135526A KR102566279B1 (en) 2022-10-20 2022-10-20 A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220135526A KR102566279B1 (en) 2022-10-20 2022-10-20 A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object

Publications (1)

Publication Number Publication Date
KR102566279B1 true KR102566279B1 (en) 2023-08-16

Family

ID=87848171

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220135526A KR102566279B1 (en) 2022-10-20 2022-10-20 A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object

Country Status (1)

Country Link
KR (1) KR102566279B1 (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130131179A (en) * 2012-05-23 2013-12-03 대전보건대학 산학협력단 Cyber model house system using metaverse
KR20170134211A (en) * 2016-05-27 2017-12-06 김홍석 Method for Virtual space interior simulation and method of sharing simulation between B2B, B2C method among companies
KR20190065933A (en) * 2017-12-04 2019-06-12 주식회사 양파 Method for interior platform based on spatial awareness
KR20210150838A (en) * 2020-06-04 2021-12-13 김경민 System for providing virtual space renting service using virtual space archive
KR20220023028A (en) * 2020-08-20 2022-03-02 (주) 아키드로우 An apparatus for providing market platform services using realistic scene images of furniture items and a method for operating it
KR102421073B1 (en) 2021-12-27 2022-07-15 (주)티라움 Interior simulation system providing interior finishing material template using artificial intelligence
KR20220108914A (en) * 2021-01-28 2022-08-04 주식회사 이안스페이스 System for providing image database based interior design service

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130131179A (en) * 2012-05-23 2013-12-03 대전보건대학 산학협력단 Cyber model house system using metaverse
KR20170134211A (en) * 2016-05-27 2017-12-06 김홍석 Method for Virtual space interior simulation and method of sharing simulation between B2B, B2C method among companies
KR20190065933A (en) * 2017-12-04 2019-06-12 주식회사 양파 Method for interior platform based on spatial awareness
KR20210150838A (en) * 2020-06-04 2021-12-13 김경민 System for providing virtual space renting service using virtual space archive
KR20220023028A (en) * 2020-08-20 2022-03-02 (주) 아키드로우 An apparatus for providing market platform services using realistic scene images of furniture items and a method for operating it
KR20220108914A (en) * 2021-01-28 2022-08-04 주식회사 이안스페이스 System for providing image database based interior design service
KR102421073B1 (en) 2021-12-27 2022-07-15 (주)티라움 Interior simulation system providing interior finishing material template using artificial intelligence

Similar Documents

Publication Publication Date Title
US20210304510A1 (en) Three-dimensional virtual environment
US9311741B2 (en) Three-dimensional virtual environment
CN103095828B (en) The Web3D synchronous conferencing system played up based on cloud and realize synchronous method
CA2781638C (en) Securely sharing design renderings over a network
KR101785911B1 (en) Method for 3d virtual gallery management and recording medium storing program for executing the same, and recording medium storing program for executing the same
US20140095122A1 (en) Method, apparatus and system for customizing a building via a virtual environment
CN103077239B (en) Based on the iFrame embedded Web 3D system that cloud is played up
US11263358B2 (en) Rapid design and visualization of three-dimensional designs with multi-user input
CN106600704A (en) Virtual home decoration system based on mobile Internet and cloud platform
JP7121811B2 (en) Method, apparatus, and storage medium for displaying three-dimensional spatial views
CA3121009A1 (en) Integrated operating environment
CN106170789A (en) For providing the method and system of Function Extension to the landing page of intention
Alatalo et al. VirtualOulu: collaborative, immersive and extensible 3D city model on the web
CN115761115A (en) Construction method and device of electric power cloud exhibition hall, electronic equipment and storage medium
US20180247455A1 (en) Method of managing proxy objects
KR20090000729A (en) System and method for web based cyber model house
CN111125806A (en) House decoration information processing method, device and system
Choi et al. ONESVIEW: an integrated system for one-stop virtual design review
KR102566279B1 (en) A screen-sharing web 360VR interior space forming apparatus and method in which interior finishing materials are driven together in an immersive 360VR interior space object
KR20200000288A (en) Operating system for model house with virtual realityand method thereof
Reitmayr et al. Flexible parametrization of scene graphs
KR102565481B1 (en) Method, apparatus and system for providing virtual space 3d contents packaging and streaming service based on web
Walczak et al. Virtual and augmented reality for configuring, promoting and servicing household appliances
JP7138375B1 (en) TERMINAL DEVICE, VIRTUAL REALITY SPACE EDITING SYSTEM, PROGRAM AND VIRTUAL REALITY SPACE EDITING METHOD
KR20010098336A (en) Cyber pavilion system and exhibition method using 3-dimentional virtual reality space

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant