軟體教學介面設計與硬體規劃

一、使用Max/MSP設計互動教學介面

音樂學習在線上即時教學的過程中，聲音與影像的即時傳遞是最重要的一環，

直接會影響到教學與溝通的品質，所以線上即時教學的最大課題就是在如何保持

穩定的影音傳輸品質與網路頻寬，更進一步就是關於音樂教學時的樂器演奏視角

與聲音輸入的清晰度與音質。基於以上幾個重點，本研究以音樂互動多媒體程式

Max/MSP來設計即時互動教學介面，²¹以兩大重點來設計教學介面：第一是多視

22 Zoom Video Communications 使用雲端運算提供視訊服務之公司，主要以線上視訊會議 為主要服務對象，https://zoom.us，擷錄於 2018 年 6 月 5 日。

以目前市面上現有的即時互動系統來說，多半以一對一單畫面對單畫面的方式呈

現，這樣若以音樂學習的角度來看，在細節的清晰度上為一大問題，所以介面以

三視角方式設計，²³下圖為使用Max/MSP設計之學生視角教學介面原型：

圖17、使用Max/MSP設計三畫面上課系統之原型圖

（一）左下視角為學生子畫面：讓學生上課時以及下課後觀看課程錄影時，能夠

比對與老師彈奏姿勢上的差異，進而修正演奏姿勢，此設計主要供學生檢視自己

的細微動作，在一般實體教學鮮少會將老師的演奏錄影，更不遑論錄製學生上課

時的演奏姿勢，但以上的問題線上即時學習時卻能做到，再者以視覺角度而言，

一般人視覺習慣為由左向右閱讀，當學生的子畫面擺在最左邊時，中間大畫面為

23 三畫面的設計在目前的視訊會議軟體上即可實現，故此設計考量到能以現有較低成本服 務達到觀看角度更清楚之目的，以筆記型型電腦搭配手機鏡頭，便能達到便利且兩個角度同時觀 看的好處。

老師母畫面，即時互動上課時的視角注意力會多放在中間及右下老師的子母畫面

上，這樣一來將大部分注意力能放在老師的演奏動作中，學生需要微調演奏姿勢

時，再觀看左下角的學生子畫面便能快速地做姿勢的調整。

（二）中間視角為老師母畫面：以學生的視角能看到中間老師的全身母畫面與右

下的手部特寫子畫面，母畫面為最主要觀看的視角，此母畫面能與右下子畫面做

切換，主要是學生在需要觀看手部特寫細節時，能直接做視角的切換，並在切換

後依然能觀看到老師端的兩個畫面，保持對於老師全身與手部演奏細節的注意力，

透過快速切換至母畫面的方式，讓學生在線上即時互動時更能抓到彈奏的重點。

（三）右下視角為老師子畫面：一開始預設為老師手部演奏特寫視角，目前比較

常見的一對一即時教學方式如果用於音樂教學上，視角會是最大的課題之一，所

以本研究設計多了一個手部特寫視角，以便於學生在上課時能觀看得更仔細清楚，

如前述能與中間母畫面互相切換，在同時能使用兩個螢幕的狀況下，兼顧對於全

身演奏姿勢與局部特寫視覺上的掌握程度，讓學生端在線上學習的效率盡可能提

升到接近實際教學同樣的視覺觀看效率，如此一來音樂教學於線上一對一的即時

互動情境下，就能有更好且更有效率地發揮。

二、會議視訊軟體 Zoom的使用

前述使用多媒體互動程式Max/MSP所設計之介面後，開始思考將此設計介

面概念實際運用於線上遠端的即時互動教學，在自行架設主機與雲端設備的成本

所費不貲的情況下，以及考慮到未來能將此設計實際商品化的想法，決定使用雲

端會議視訊軟體Zoom作為實際即時互動教學測試操作的軟體，此軟體公司為全

球性的公司規模，在美國、中國大陸、香港等等有華人的地區皆能使用，且連線

品質穩定亦容易操作使用，搭配為本研究開發教學介面的設計概念，能更有效率

且在能控制的成本中做教學測試，所以本研究實際操作之即時互動琵琶教學，皆

用此視訊會議軟體作為老師端與學生端的線上即時教學軟體。

三、測試情境與器材規劃

在上課場域的安排則為三個不同的教室：實體教學時，老師與學生同在A教

室上課；線上教學時，老師於B教室，學生於C教室，分別模擬實體教學時在一

般音樂教室上課，與線上教學時老師與學生在不同的空間情境。在使用器材方面，

A教室實體教學採與一般實體教學情境相同，準備譜架、座椅與琴架；B教室老

師端的空間準備完整的線上教學硬體器材，除了一般的座椅與琴架、譜架之外，

安排線上教學使用的內建攝影鏡頭的筆記型電腦、電子手寫繪圖板，但因反覆討

論後決定不使用第二臺手部特寫攝影鏡頭，以讓老師端在較易操控的單一視角且

能在共同編輯樂譜情況下，直接使用電子手寫繪圖板做標記與繪製樂譜，將實體

教學用筆做註記的方式能運用在線上教學的情境中，模擬一個專為線上即時互動

教學環境會設計的；

圖18、老師端使用繪圖板標記樂譜之上課情形

C教室學生端則是以一般人較容易取得的線上教學硬體為主要規劃，同前述一樣

的座椅與琴架、譜架，安排一台內置攝影鏡頭的筆記型電腦作為線上學習使用。

24線上即時互動教學軟體使用前述的雲端會議視訊軟體Zoom為主要操作介面，B

教室老師端與C教室學生端皆使用本軟體，在上課期間直接線上即時錄影，同時

擷取兩端受測者的影像，並在上課結束後立即生成雲端錄影檔，可共學生每週複

習使用。

24 老師端與學生端皆使用內建 720P 鏡頭拍攝畫質之 Apple Macbook 筆記型電腦上課。繪 圖板則是經由內建PDF 讀取程式直接操作，使用繪圖筆在電子繪圖板上劃記，使用視訊軟體之 螢幕共享功能顯示給學生端。