Design：EmotionViz 聲色場所(聲音視覺化社群平台)

 About Eiz (Emotion Visulization)

今天要跟大家介紹的是─「EmotionViz 聲色場所」。這是小夏、圈圈與小耀一起製作的畢業製作專題作品。這是一個以聲音為主要交流媒介的社群平台，總會有時候只想對某個人說話，或是自言自語。不管是高興、難過的時候，透過網站錄音留存，在時間和空間的洗禮之後，你可以透過EmotionViz 聲色場所所再回味。

　　當下的聲音是自身最原始、直接的情緒感受，每個人的聲音都應該可以傳達到世界各地。這是一個以情緒的聲音為交流的社群網站，透過聲音資料視覺化，讓你發現另一個自己、心理與人際關係，也是你的聲音日記。

 創作概念與動機

　　原本的初衷是想創作出一個能夠幫助別人圓夢的社群網站，由於自身的力量還不夠強，在概念上與創意無法結合的很好。延伸的EmotionViz 聲色場所則是為了一個非常簡單的概念─「分享最原始真摯的聲音。」即是這個有聲有色的社群設計理念，「將聲音視覺化呈現。」則是這個網站的另一個有趣概念。

 製作工具

　　Softwares: 

　　1. Photoshop: þ 視覺設計 þ 影像創作

　　2. Dreamweaver: þ 網站製作  þ 程式碼編修

　　3. EmEditor: þ 程式碼編修

Programming Language: 

1. MySQL + PHP: þ 資料庫管理  þ 資料庫建置  þ 處理動態資料

2. Flash Actionscript 3.0: þ 線上錄音 þ 動態資訊視覺化

3. JavaScript with jQuery: þ JavaScript函式庫 þ CSS操縱 þ Ajax

 設計說明

首先進入EmotionViz 聲色場所，這邊建議大家使用Google Chrome 或是 Firefox 3.6以上版本瀏覽這個網站，各個瀏覽器的相容性我們仍在努力中，在這裡跟大家說聲抱歉。

註冊首頁

上面看到的是EmotionViz 聲色場所的首頁註冊截圖，開放給大家免費註冊使用，只要你有自己的信箱，就可以註冊囉！網站的顯示名稱是以暱稱為主，登入的部分在以下詳細介紹：

登入介面

登入的介面可以使用註冊信箱的Username，也就是@前面的自訂名稱，然後再輸入密碼即可登入。登入之後，就可以進入聲色場所玩了！接下來要跟大家介紹怎麼錄音，在這之前一定要準備好下列行囊！才可以開始錄音喔~

以上5個步驟是玩錄音機的基本條件，不過如果你沒有接上麥克風，當然也是可以聽到別人發表的錄音啦！

在這裡，小夏要教大家怎麼設定好自己的麥克風，以後進EmotionViz 聲色場所就都不用在重新設定一次，一進到首頁你一定可以在中間發現一個錄音列，

小麥克風上面的提示泡泡就是為了幫大家把麥克風設定好，點一下提示泡泡，然後就會跑出Adobe Flash Player設定的小視窗，在這裡請大家選擇允許存取您的麥克風，然後把記憶勾起來。

之後就不用每次到EmotionViz 聲色場所都要設定一次了，只要保持著麥克風是插著的狀態，打開網頁就能夠錄音。

今天先跟大家介紹到這邊，之後會有助手小天使為大家服務，請密切注意EmotionViz 聲色場所囉！謝謝大家~！