數位美學 5/25

從基礎開始探索->紮實


數位美感 -> 即時運算


有一派叫 Virtual Machine 有機械般的美學

實體空間互動 5/26

Designer :
Dana Golden

Web :
byhanna
How about Orange
強調基本功的案例～ Orange範圍不超過大一的基礎設計

Book :
格式與造型原理
設計與編排
平面設計講座

網路藝術 05/21/"09

作品取名的藝術：
ex: ZEN
Zero --空
Energy --道、生活環保（生活環境中得到知識）
Nature -- 自然


論述的主觀思維
厚度：讓觀眾看完後，回家還會在想

book:
1.腦內藝術館
至今較少使用視知覺做作品
2.維基經濟學

數位美學 5/18

Text Book : Atheistic Computing-- Fish Wick
一開始沒有說，怕被作者限制住；是經典。

美學運算->美的成份

兩派：
Fish wick - 電腦資料視覺化=>轉成美學呈現
Marius Watz -設計角度來畫圖、資料雕刻

共同點： 實體 來自資料、預算模型


今日掉寶：
Web:
acg.media.mit.edu -- John Maeda --簡單法則
UIUI

Book:
我們賴以生存的譬喻--Lakeoff

key word:
IDEO

實體空間互動 5/19

今日推薦paper：
ACM 可搜尋到
source: Personal and Ubiquitous Computing
全名：Move to get moved: a search for methods, tools and knowledge to design for expressive and rich movement-based interaction

題外話：荷蘭paper的英文較平實，實事求是。
像是荷蘭建築外觀較為單調也是一種文化表現。
------
Over View :

動作放在Design的Center
Fig6是很有名的圖片--去除周圍脈絡後，只剩下插花的手勢動作。
（去除插花的前置觀念）
在產品出來後，使用者會做出一樣的手勢，但不是為了插花。

先考慮動作本身-> 去脈絡 -> 保留動作->製作有此動作的基礎Form
==>動作本身不能有意涵，要保留純粹的Motion
->去思考能做出什麼，然後配合動作去做功能（軟硬體）
->能達成功能性的材料選擇（讓外圍能配合動作）

->放進環境、社會場域，製造使用情境。 場域的不同會被賦予認同。

----
討論點：
Interaction design as Design
Interaction design as Engineering(Interaction)


Computer Science 與 Industrial Design 的爭論
ACM裡的HCI發展依靠科技的可能性。


----
今日掉寶：

Jonas Lowgren 的 Interaction-design.org 中的 Interaction Design
學長的-- http://chien-ta.blogspot.com/
台科設計研所學長的 --http://jasansblogworld.blogspot.com/

實體空間互動 5/12

行為動作->表演藝術
ex：槍上膛是一種威嚇的誇張表演

動作->意象（表演性質）

下週作業：
Design Object --可實現此動作的模型（多種）
動作意義->使用情境

今日掉寶：
Quest 3D

數位美學 0427

//spiral

int circleR=1;
void setup(){
size(700, 500);
noStroke();
background(255);
smooth();
}
void draw(){
spiral(mouseX,mouseY,width/4,12,circleR);
if(circleR==50){circleR=circleR-49;}
circleR=circleR+1;
}

void spiral(int xc,int yc, int r,int n,int cirlceR){
float x=0,y=0;
for (int i=0;i{
x=xc+r*cos(2*PI/n*i);
y=yc+r*sin(2*PI/n*i);
fill(circleR*2+50,circleR/2,circleR-50);
ellipse(x,y,circleR,circleR); }
}



//------------------------------------------------------------

int circleR=1;
int gap=12;
int radius=width/5;
void setup()
{
size(510, 510);
noStroke();
background(255);
smooth();
}
void draw(){
fill(0);
spiral(mouseX,mouseY,radius,gap,circleR);
if(circleR==50){circleR=circleR-49;}
circleR=circleR+1;
if(mousePressed){
if(radius<0){radius=width/5;} radius="radius-5;" x="0,y="0;" i="0;i x=xc+(r+circleR+20)*cos(2*PI/n*i);
y=yc+(r+circleR+20)*sin(2*PI/n*i);
fill(mouseX/2,(mouseX+mouseY)/4,mouseY/2);
ellipse(x,y,circleR,circleR);
}
}

//-----------------------------------------------------------------------

int circleR=1;

int circleR2=1;

int gap=12;

int radius=width/5;

void setup(){

size(510, 510);

noStroke();

background(255);

smooth();

}

void draw(){

fill(0);

spiral(mouseX,mouseY,radius,gap,circleR,6);

if(circleR==200){circleR=circleR-199;}

circleR=circleR+1;
if(mousePressed)

{ if(radius>150){radius=width/10;}

radius=radius+5;

}

}

void spiral(int xc,int yc, int r,int n,int cirlceR,int times)

{float x=0,y=0;

for (int i=0;i

x=xc+(r+circleR+20)*cos(2*PI/n*i);

y=yc+(r+circleR+20)*sin(2*PI/n*i);

fill(mouseX/2,circleR,mouseY/2);

ellipse(x,y,circleR,circleR); }

times=times-1; }

實體空間互動 4/21

Lex Wang 演講--在荷蘭安荷芬(Eindhoven)科技大學專研 service design
介紹求學過程與同學作品。
TU/E

隨堂札記--
Algorithm Dance -- 為數少的裝置型作品

有人的機電整合能力跟程式很強，可是做出來的作品卻不知道在做什麼
沒有解決任何問題


M1.1 Desingn 第一學年第一學期
一個大 project
裡面包涵六個 子作品
每一個禮拜做出一個能互動的裝置作品
解決業界問題
共分為四個領域：
DQI
UCE
DI -Design Intelligence
BPD-商業設計流程（含行銷）

M1.2 Research

5 papers -> Idea -> Product prototype ->回顧 Papers ->修正product ->END
----要帶入M1.1的學習過的東西
----在Product prototype時，會找大頭來帶workshop，然後再回顧跟修正

M2.1

做一個Project，可以選擇做 7個modules或 2個class

class裡面得選擇M1.1提到的四個領域之一
User -UCE
Tech -DI
Design -DQI
Business-BPS

M2.2
放牛吃草～ 找廠商做產品 或是 接計畫 來做

互動產品要結合 廠商的品牌形象


key word:
next nature - 人與科技的交際 - 知名創作者：www.koert.com
critical Design
youtube: Intelligence Design (諷刺Intelligence Design的影片)

爻域 --數位互動公司（大部分都接公家案）

網路藝術 Discussion I : LostZombies (草稿)

part 1 : Sci-Fi

Part 2 :

實體空間互動 3/31

互動領域必讀經典論文:

21st century computing 21世紀電腦--Mark Weisser
此作者的另一偉大研究: Calm technology (93')

embodied interaction: exploring the foundations of a new approach to HCI - Paul Dourish
此作者的新文章： design implication
重要著作： Where the action is ...


主題：
Ubiquitous - 無處不在=>多台電腦服務一個人
(Ubi-com)

Paul Dourish 提出重點在於"體現的人"的觀點
embodied interaction <-來自現象學的名詞：脈絡化、體現互動的Design
->人有領域性、環境的detail可以觸發回憶（味道 景物等）

decontextualized 去脈絡化：
之前的設計大部分都會捨棄脈絡
ex： 在網路上打上 I am happy, but with who or at where?


相同作品在不同空間是不一樣的=>需重新規劃=>場域性

場域性常被拿來跟在地文化一起提出，本土與外地的設計適應正當性
台北藝術中心的建築得標案曾在ptt上引起討論

HCI ：Human connect interaction

Service Design : 服務過程，一種無形的技術
ex: IDEO 研究過，若醫院的護士交班過程在病人面前執行，則病患的滿意度會提昇約40%
中國安麗商來台事件：55 分鐘幾秒要完成的晚宴=>排班、動線等設計
包下新光三越一小時來購物=>遊覽車下車路線及角度設計，避免看到101
英、荷、德等等國家有熱門研究

AR-augmented reality
需要人在其中體現，但是VR則不需要
VR提供架空世界，目前發展偏向於GAME產業，實際運用並不融合於生活中。
參與者一旦離開VR空間，則一點關係也不存在。
AR則不同，其建立在真實環境中，與使用者相處密切。
------
Arduino with processing

serial :begin(9600); // 9600是速度
持續 w-> <-持續r
serial port 概念： ex:滑鼠 mouse->buffer -> 對應矩陣->screen
滑鼠的資料 投影

-------
key word :Bill Verplank

bonus : delicious.com -> jazzliang -> key word: interaction
->interaction Music ->CCRMA physical interaction design

processing.com->exhibition-> Page 6 : the Dumpster , Dream lines,valence, we feel fine

數位美學 3/30

//奇怪的結果....

PImage a; // Declare variable "a" of type
PImagint b;
void setup()
{
size(700, 525);
frameRate(60); // The file "jelly.jpg" must be in the data folder
// of the current sketch to load successfully
a = loadImage("c:\\test1.jpg"); // Load the image into the program
//noLoop(); // Makes draw() only run once
noStroke();
}

void draw() { // Displays the image at its actual size at point (0,0)
tint(200, 15);
image(a, 0, 0); // Displays the image at point (100, 0) at half of its size
tint(50, 255);
image(a, 315, 0, 50, 220);
b= (b+ 1)%(width+32);
stroke(226, 204, 0);
line(0, b ,width, b-26); line(0, b-6, width, b-32);
float pointillize = map(mouseX, 0, width, 2, 100);
int x = int(random(a.width));
int y = int(random(a.height));
color pix = a.get(x, y);
tint(255, 255);
fill(pix, 126);
ellipse(x, y, pointillize, pointillize);
}


//會變透明是因為背景圖每次DRAW都畫一次
//要放在SETUP


//----------蒙太奇
PImage a;
PImage b;
void setup(){
a = loadImage("c:\\test1.jpg");
b = loadImage("c:\\test2.jpg");
size(700,525);
noStroke();
background(255);
smooth();
image(a,0,0);
}

void draw(){
float pointillize = map(mouseX, 0, width, 2, 30);
int x = int(random(a.width));
int y = int(random(a.height));
color pix = a.get(x, y); //fill(pix, 126);
tint(pix);
image(b,x,y,pointillize,pointillize);
//ellipse(x, y, pointillize, pointillize);
}

網路藝術-重點節錄

來源:網路藝術- 鄭月秀
ISBN 13 ／9789867034595

何謂網路藝術-

Prix Ars Electronica:
　網路藝術涉及的是網路媒體本身的特質所被創作的結果。

Andrea Brogger :
　網路藝術是一種僅能透過網路媒體來體驗的一種藝術形式，
　無法用其他方法或其他媒材來傳遞該作品的精神。

Ben Davis:
　網路上的藝術，並不是某種事物，而是一種情境；
　網路是一種可以提出不同美學概念的思想場域，　
　在此場域中，不同的概念得以相互溝通。

The Walker Art Center - Steve Dietz:
　網路藝術作品的構成條件必須同時滿足且僅能在網路上觀看、
　經驗以及參與該作品。
　當藝術家透過網路去使用某些特殊的社會或文化上的傳統元素時，
　網路藝術是可以同時發生在純粹的網路科技範疇外，
　網路藝術通常都包含但並非一定有互動性、參與性及以多媒體為
　基本的廣闊概念。

David Ross: (p16)
　包含: 觀眾能力的轉變、作者角色的模糊、網路的經濟效益、
　　　　網路朝生暮死的短暫性、數位擬像的特質、網路互動的特質、
　　　　地球村的網路天性、賦予了集體創作的本質等。

Prix Ars Electronica的比賽項目：

1. 　Computer Animation/Film
2. 　Interactive Art
3. 　Digital Music
4. 　Digital Communities 　　　(2007 將Net Vision 併入)　
5. 　U19　　　　　　　　　　 (Under 19 years old)
6. 　Hybrid Art 　　　　　　　(2007新增)
7. 　The Next Idea(Grant) 　　(2007新增)
8. 　Media Art Research Award (2007新增)

Prix Ars Electronica 評審的參考準則：

1. 　Use of technology　 科技使用
2. 　Grammar　　　　　語言
3. 　Structure　　　　　架構
4. 　Public Service　　　公眾服務
5. 　Net-Awareness or Self-reflectiveness　網路的自我意識 or 自我反射
   
6. 　Co-operation　　　　　　 合作創意
   
7. 　Community and identity　 社群與本體
8. 　Openness　　　　　　　　開放

　　　

Animation 3/8

2009 81st Oscar

Animated Feature Film

1.BOLT-雷霆戰狗
2.KUNG FU PANDA-功夫熊貓
3.WALL-E-瓦力　　　　　 Winner


Short Film (Animated)

1. La Maison en Petits Cubes　 Winner
2. Lavatory - Lovestory
3. Oktapodi
4. Presto
5. This Way Up

Neural Network 3/3

AI: 用知識去解決問題，讓機器思考、具有理性。

1956-John McCarthy 提出 LISP

四項特質：

1. Symbolic and Numeric Computation on Common Platform
2. Non-Deterministic computation 　　非決定性
   
3. Distributed Computing
4. Open System

Cognition認知-- mental activities .
　　　　　　　automatic recall, representation and Storage in memory.

生物資訊都在找規則(Motif),然後嘗試去改

帶入神經元的概念進Neural Network 的演算法和模型

---前面的數字是書的章節
4.1949 - Hebb的演算法 (簡單好用)　

大師：Marvin Minsky
13.1969 - Marvin Minsky 證明之前的演算法是Linear Machine，不可能是非線性
　　　只能得到高度接近值，交集的部份則無解

Math Model :
每個不同功能的Neural 送訊號->
weighting sub處理->
判斷後穩定結果->
負責Output的Neural 送出結果

27.1982 -證明會收斂　
　　　　用硬體把Neural實做出來，並用來解決最佳化的問題　(2的n次方)
　　　　速度很快，幾乎是瞬間解決，之前都要花很長的時間解初近似解。
　不會資料污染：
　　某一程式壞掉，造成其他的連鎖反應。
　　其他領域也證明出來（神經學、認知科學）
　　ex: Wiki 的搗蛋者、腦神經元（壞掉一個腦細胞，不會因此變笨蛋）

90年-學習式演算法

Thinking Machine -> 6000↑個CPU組合在一起　　（沒人買，倒了...）

Businese Intelligent (BI) - Data Mining & Machine Learning
ex:葡萄酒的客製化行銷(分析顧客喜歡的酒類，有適合的新酒就會推薦)

數位美學 3/2

安裝processing ->測試 Java是否有安裝，若無則自行安裝
　　　　　　　　(網頁的Learning ->Example ->
　　　　　　　　選任一範例，看左方示意圖是否正常)



程式碼：
討論範例 -> Width & Height
(有交錯效果！)
----------------------------------------------------------
size(width,height);
background(色碼); 　　　　//0~255
noStroke(); 　　　　　　　//無邊線

for(設定 ; 條件 ; 更新){

fill(ColorScale); 　　　　　//灰階: fill(0~255)　or 彩色: fill(R,G,B);
rect( x1,y1 ,height ,width ); //rectangle(起點x,起點y,長,高)

fill(ColorScale); 　　　　　//同上
rect( x1,y1 ,height ,width );


}
----------------------------------------------------------
ellipse(x,y,a,b); 　　　　//x,y=中心座標 ; a=橫軸,b=縱軸


下次預告: Repeat 5連做

--
額外掉寶：
NIME
筆型擦布　(細的長方形)

國際投資法 3/2

推薦書單--

法律--
　1. Principles of International Investment Law, Rudolf Dolzer and Christoph
　　Schreuer, Oxford University Press, first published in 2008
　2. 國際投資法概要, 姜勵男, 五南, 台灣, 1994初版
　3. 國際投資法, 余勁松主編, 法律出版社, 中國, 1997年初版
　4. 國際商法, 沈四寶 王軍 焦津洪編著, 對外經濟貿易大學出版社, 中國, 2002 初版
趨勢--
　5. 全球競爭力：崩壞中的經濟榮景如何復甦
　6. 超限未來10大趨勢
　7. Mind Set！奈思比11個未來定見　
　8.全球經濟新霸主：30億人正在創造經濟強權新勢力　



期末報告--
　投資評分--　　(完整性)

1. 為什麼投資?
2. 優惠?
3. 怎麼投資?

實體空間互動 2/24

　
　
作品介紹 ：

1. Interaction Institude 的作品　(目前找不到網頁連結)

　Interaction Pillow
　簡介：　當Ａ枕頭因擁抱而產生折紋時，會傳送訊息至相應的Ｂ枕頭上出現折紋的光線。
　　　　---利用Nanometer的LED之類的發光元件與其他裝置

2. Eindhoven　＆　Philip的作品　(目前找不到網頁連結)

　紀念品相框
　簡介：　將某地買的紀念品靠近此相框，則相框會出現與該品相同時空環境的照片，
　　　　試圖引起回憶的共鳴。
　　　　---利用照片的metadata （例如：在metadata加上GPS資訊來提供判斷）

議題：
　在未來，當智慧型產品充斥生活後，會不會互相干擾，進而有不必要的動作。
　　　---使用者使用預設數值，嫌麻煩的密碼、傳輸協定、頻率等，造成衝突
　Ex: 前面的相框因為未知的觸發，將私密照片上傳到網路上。
　

課程內容：

　1.Download Arduino
　2.安裝軟體
　3.設定COM : Tool -> Serial ->COM "?"
　　　COM位請打開裝置管理員去看被系統安排到哪一個COM。
　　　通常都是 3 or 4。
　4.初體驗: 寫程式測試。

　編輯環境--
　　編好程式後，先按板子上的Reset鈕，再用程式介面的Upload燒程式進板子執行。
　　
　材料：
　　光敏電阻
　　可變電阻
　　熱敏電阻
　　濕度、彎曲度改變電阻
　　蜂鳴器 (愈薄愈靈敏)
　　麵包板
　　發光二極體(LED)
　　Button
　　繼電器 or 激電器(Actuator)
　　　　--Arduino本身提供電壓不大，若要驅動大電壓電器，則需要此材料。
　　　　　繼電器可接收Arduino傳送的控制訊號來開關。
　　　　　ex:電燈
　　　　--因為數位建築的關係，建築人需要有善用繼電器的能力。


　Tip :
　　　Arduino做得到的，8051都做的到！　
　　　8051的功能很強，應用層面跟範圍都很廣。

　心得：原來我高三拿來做計算機跟蜂鳴器鋼琴的小黑炭這麼強喔....
　　　　話說，當初是因為喜歡玩8051才來念資工的說。
　　　　不過...　　現在都忘光了...

數位美學 2/23

Drawing v.s. Coding as a Artwork in Code Art
coding as discipline
kernel as Computing

Ambient aspect :
互動的回饋透過間接的呈現，緩衝互動的即時特性。

Generative Art

Exhibition:
異態--數位藝術創作成果展

實體空間互動 2/17

　
　課程 Blog : http://spatialinteraction2009.blogspot.com/
　授課教授 : 梁 教授 容輝
　參考書 : Making things talk
　　　　　 - Practical Methods for Connecting Physical Objects
　ISBN 13: 9780596510510
---
　Physical space interaction
　Embodied interaction -> 體現互動
　Tangible interaction -> 可觸知的互動 (有形的)

---
　課程流程簡介 :

　經典 Paper * 2~3 + 報告
　　　↓
　設計電路 (電子電路簡易教學)
　　　↓
　期中 Poster (概念表達)
　　　↓
　期末Prototype (雛型展示，情境模擬)
--
　Resource Web Site : Interaction-Design.org　　(有比賽消息、論文等)

　Relative Lab : MIT Media Lab -> Tangible Media

　Paper 1 : A taconomy for and analysis of tangibla interface (ACM)

　Paper that i got :　Interaction Frogger : A Design Framework to Couple Action
　　　　　　　　　　and Function through Feedback and Feedforward

　Resouce : Arduino + Processing 　or
　　　　　　　　　　Flash　 　　or
　　　　　　　　　　Arduino 　　　(Installation: like 8051 )
　　　　　　　　 　+ 感應器 (光敏電阻, 按鈕...etc.)

　Arduino 替代方案 -- 8051 or AD/DA
　
　Essential Tool :　1. Sketch book
　　　　　　　　 2. Arduino Board
　　　　　　　　 3. NB or Mac mini
　　　　 　　　　4. ToolBox

---
　可利用Wii的手把中的　陀螺儀定位器接到Arduino上做輸入操控