# 개요

이 repository는 두호특허법인 / 두호기술경영의 출연(연) 기술 설명회 1차 가상 전시관 소스이다.

1차에서는 기존 명함인식등의 기능이 이는 ctx.contrix.co.kr ( 현재는 닫혀있음) 과 api.contrix.co.kr 의 소스를 일부 수정하여 사용하였음.

실제의 동작 소스는 아래의 경로 이하만 사용한다  
docker-compose.yml로 기동되며 해당 경로 아래 존재 한다.  
이하 Anchor 디렉토리로 지칭 한다 .

```
/home/ctxwing/docker-ctx/ctx.contrix.co.kr/public/views/
```

# 서버 위치

기존 서버 위치 : GCP 무료 계정 사용하였으며, 2021년 12월08일 종료  
현재 서버 위치 : GCP 무료 계정 (terranctx@gmail.com) 으로 2021.12.08 ~ 2022.03.07 까지 이다.
<br><br>

## 서버 주소

https 로 전환 연결 된다.

인트로 페이지 : http://ctx.contrixlab.co.kr/intro/index.html

전시관 메인 : http://ctx.contrixlab.co.kr/main/app-files/

<br><br>

# 360pano-ctx1 기동,정지, 종료

## docker image는 `gostatic` 를 사용중

- Go 언어로 작성된 작은용량(1.86MB)의 웹서버 이미지 임.
- 아래의 예시에서 `nginx-proxy_ctx1_goStatic` 가 ctx.contrixlab.co.kr 1차 전시관 용 컨테이너 이다.
  <br><br>

### 현재 상기 서버 GCP-contrixlab.co.kr 서버에 docker로 기동 되어 있음

- 아래의 예시는 `nginx-proxy_ctx1_goStatic`, `nginx-proxy_ctx2_goStatic`, `nginx-proxy_ctx3_goStatic` 의 3 개 가 기동되어 있는 상태의 예시임.
- `onevents_wp_web` 과 `onevents_wp_mysql` 은 `zpanel`컨텐츠를 제공하는 `https://onvents.contrixlab.co.kr` 서버임.
  <br><br>

```
[ctxwing@ctx-onvents-2 ctx.contrix.co.kr]$ docker ps
CONTAINER ID   IMAGE                                    COMMAND                  CREATED        STATUS         PORTS                                                                      NAMES
bda9cb95e853   wordpress:php7.4-apache                  "docker-entrypoint.s…"   8 days ago     Up 8 days      80/tcp, 443/tcp                                                            onevents_wp_web
c30c80250526   mysql:5.7                                "docker-entrypoint.s…"   8 days ago     Up 8 days      3306/tcp, 33060/tcp                                                        onevents_wp_mysql
787404b94ceb   views_gostatic                           "/goStatic"              9 days ago     Up 9 days      80/tcp, 8043/tcp                                                           nginx-proxy_ctx1_goStatic
cf4837382281   ctx3_gostatic                            "/goStatic"              9 days ago     Up 9 days      80/tcp, 8043/tcp                                                           nginx-proxy_ctx3_goStatic
97bb1639c2b7   ctx2_gostatic                            "/goStatic"              9 days ago     Up 9 days      80/tcp, 8043/tcp                                                           nginx-proxy_ctx2_goStatic
ef226cad518a   jrcs/letsencrypt-nginx-proxy-companion   "/bin/bash /app/entr…"   9 days ago     Up 9 days                                                                                 letsencrypt-nginx-proxy
f3fa93e30b9b   jwilder/nginx-proxy                      "/app/docker-entrypo…"   9 days ago     Up 9 days      0.0.0.0:80->80/tcp, :::80->80/tcp, 0.0.0.0:443->443/tcp, :::443->443/tcp   nginx-proxy
93ff1926c696   portainer/portainer                      "/portainer"             3 months ago   Up 2 minutes   0.0.0.0:9000->9000/tcp, :::9000->9000/tcp                                  portainer
```

## 서버의 현재 기동되어 있는 컨테이너 확인

1. 터미널 접속
2. 하기 경로 이동 `/home/ctxwing/docker-ctx/ctx.contrix.co.kr/`
3. 기동, 중지, 종료의 각각 명령어 수행

```
[ctxwing@ctx-onvents-2 ctx.contrix.co.kr]$ pwd
/home/ctxwing/docker-ctx/ctx.contrix.co.kr

# 컨테이너 종료 (내리기)
[ctxwing@ctx-onvents-2 ctx.contrix.co.kr]$ docker-compose down

# 컨테이너 기동 (올리기)
[ctxwing@ctx-onvents-2 ctx.contrix.co.kr]$ docker-compose up -d

# 컨테이너 중지
[ctxwing@ctx-onvents-2 ctx.contrix.co.kr]$ docker-compose stop

```

# 전시관 구성

## 구성도

현재 경로의 ./FloorPlan_ctx1.jpg 참조  
![FloorPlan_ctx1](./FloorPlan_ctx1.jpg)

# 전시관 렌더링 코드명 : GlassGallery

- 블렌더 프로젝트 위치 : 사내 PC03번의 (E) Dirve > BlenderWorks > Z_Works > GlassGallery 의 폴더 이다.
- Equirect image와 360Pano image는 본 프로젝트의 상기 Anchor 디렉토리 하위의 /Pano_Equirect 하위에 각각 /Pano, /Equirect 폴더에 있다.
  <br><br>
  <br><br>

# 전시관 컨텐츠 제공 서버 (onvents 서버 )

## 서버 정보

- `wordpress` 서버 : https://onvents.contrixlab.co.kr
- `wordpress` 서버 관리자 페이지 : https://onvents.contrixlab.co.kr/wp-admin

## ZPanel

- `zpanel` 컨텐츠는 `wordpress` 서버의 `project` (글 모음)에 게시된 글(post) 임/
- `worpress` 의 프로젝트 형식의 포스트를 사용)
- 카테고리는 `ZPanel` 로 명명하여 사용중

- 360Pano 내부의 각 패널에 표시되는 정보는 동일 서버의 `wordpress` 서버의 `zpnael` 를 `iframe` 으로 연동하여 사용한다.
- 예시: `nst-kista-00` 패널을 360Pano 전시관 내부의 메인 패널로 적용시 예시

```
<div id="pano"></div>

  <!-- Pannel 1 -->
  <div id="mainFront" class="zpanel-mainFront">
    <iframe src="https://onvents.contrixlab.co.kr/project/nst-kista-00/"
      style="width:100%;height:100%; border:10px solid rgb(0, 0, 0);overflow: hidden;" scrolling=no allowfullscreen></iframe>
  </div>
</div>
```