---
# System prepended metadata

title: 系統架構

---

# 系統架構

:::danger
由於寫文件的速度趕不上設計變更的速度，所以以下資訊可能與最終版本不同，一切以 [Miro Board](https://miro.com/app/board/uXjVPRL6iv4=/) 上的設計圖為準！
:::


* 架構圖僅描述系統的巨觀樣貌，著重在系統有什麼軟硬體，目的是什麼。細部的行為描述，請參考[系統行為](/F7vKya_8RsqFOMGOrdlP1Q)的說明。
* 架構圖以 [Miro](https://miro.com/app/board/uXjVPRL6iv4=/) Board（更新中）所呈現的內容為準。


## 架構圖

![](https://i.imgur.com/84MbVKk.png)

* 橘黃色的部分是需要館方協助處理的
* 綠色的部分會由藝術家團隊處理

## ATM 自動交易機（Hiv 病毒交易區）

![](https://i.imgur.com/kXg5azb.png)

* 一台 Windows/Mac miniPC 或 Laptop
* 藝術家團隊会提供套件安装包和安装文件，需要请展場的工作人员帮忙安装
* 畫面輸出至 47" 垂直螢幕中
* 外接一個 USB HD webcam 用來掃描使用者手機上的條碼
    * ex: Logitech c930
* 需要透過館內的網路閘道連出 internet
* 需要安裝 Anydesk 之類的軟體讓藝術家團隊能遠端除錯
* 滑鼠鍵盤僅供現場工作人員設定使用，正式展出時需隱藏或移除
* 最好只露出螢幕和 webcam 鏡頭


## 醫療桌面

![](https://i.imgur.com/0LOcZ0A.png)

需有一個平台放置帶有 QR code 的手環。手環上有 QR code，掃描後連線到雲段主機開啟網頁。觀眾與作品的互動從此開始。

![](https://i.imgur.com/xW68Olu.png)

館方需要準備：手環、列印 QR code 的貼紙機。


## 資訊牆面區

![](https://i.imgur.com/xu7OL8g.jpg)

有三個螢幕，其中兩個連線主機需要可以上網。

### 宣傳影片顯示屏

![](https://i.imgur.com/FFla1VC.png)

* 架構圖中標示 「47" TV Monitor#2 [horizontal] (宣傳影片)」
* 一般水平方式擺置
* 使用 Media Player Box 循環播放藝術家提供的影片檔案
* Media Player Box 不需要連網
* 如果現場的干擾音較大，提供外接耳機讓觀眾使用，否則直接使用喇叭撥放聲音


### 交易及時狀態顯示屏

![](https://i.imgur.com/mIG16MA.png)

* 架構圖中標示 「47" TV Monitor#3　[horizontal] (交易及時狀態)」
* 一般水平方式擺置
* 使用 miniPC 開啟固定網址的網頁
    * 有些 Media Player Box 是 Android 系統，可以開啟網頁，那種設備也可以
* miniPC 需要透過館內的網路閘道連出 internet


### Hiv 汙名化展示屏

![](https://i.imgur.com/RlFA4Bf.png)

* 架構圖中標示 「47" TV Monitor#4　[horizontal] (Hiv 汙名化展示)」
* 一般水平方式擺置
* 使用 miniPC 開啟固定網址的網頁
    * 有些 Media Player Box 是 Android 系統，可以開啟網頁，那種設備也可以
* miniPC 需要透過館內的網路閘道連出 internet

## Web 伺服器（雲服務）

![](https://i.imgur.com/dKpNSFN.png)

如「Cloud Service (Alibaba)」範圍所示，將在阿里雲上啟用一個 Web Server 容器。

* 申請「阿里雲的弹性容器实例 Elastic Container Instance（简称ECI）」
    * 規格 2核(vCPU) 4GiB RAM，儲存空間 40GB
* 藝術家團隊會提供 web server docker 映像檔，需要请北京的工作人员帮忙安装
* 一定要有对外的 public ip（公网 IP 地址）
* 也需要申请与设定 domain name（申请什么 domain name 艺术家会再提供）