互動期末發表（張雅婷、劉庭瑜、林思穎）

射擊小遊戲

遊戲共同點

•利用按鈕設計，遊戲畫面中有一個瞄準點，物體從畫面中移動，當移動到瞄準點上後按下按鈕，即可得分。

遊戲規則

•三種遊戲，會有不同的物體從畫面中移動，分別為北極熊、蘋果、氣球，畫面中有一個固定的瞄準點，當物體移動到瞄準點時，即時按下按鈕即可得分，而物體也會有所變化。

個人心得

林思穎/

•從第一次的scratch到結合arduino的s4a,覺得很有趣，可做出自己喜歡玩的遊戲，最後應用在arduino,很像自己做出了以前常玩的電動.很有成就感。

劉庭瑜/

•從一開始單純的小遊戲到現在可以接上外接的裝置來操作遊戲，都是一個很有趣的經驗，透過不同的方式來製作不同的互動裝置，也再次見識到互動媒體領域的多元化，在這次期末遊戲的製作，當然其中過程也遇到了許多問題，也有許多不順利的地方，非常謝謝別組同學的幫助，當然也非常謝謝老師的協助，最後才能達到我們想要的遊戲效果，這一學期學習也見識到了許多不同的互動媒體設計，很開心也希望之後能有所應用。

張雅婷/

•期末作品射擊遊戲運用整合前兩次的作業，第一次用scratch做小遊戲，第二次用Arduino做午安枕。這兩個軟體結合在一起變成S4a這個程式，做起來的成品互動性就更大了！因為時間上的關係我們這次做出來的射擊遊戲比較簡易，但是從製作的過程當中也遇到很多困難，畢竟code這個東西是我們較少碰觸到的，不過在老師的指導下解決掉難題後，就有順利做出來這個射擊遊戲。這學期下來，雖然每次都會卡住，但突破重重困難後真的成就感大增！希望未來可以學以致用，做出更成熟的作品。

互動媒體設計期末發表 (張至嘉 紀鑑珈 鄭宇馨)

互動媒體設計期末發表

張至嘉 紀鑑珈 鄭宇馨
-------------------------------------------------------
將Scratch做成的遊戲結合Scratch for Arduino (S4A)
製作可以互動的作品
-------------------------------------------------------

遊戲介紹

1.Girl and Bat

喜歡跳躍小女孩坐了一場夢，夢裡有好多泡泡糖飛在空中，吸引她跳上天去碰碰糖，但那糖有時候又突然變成硬幫幫的石頭，於是女孩展開了一場困難重重的跳躍旅程。

2.Watch out the love

在紛紛擾擾的世界裡，如何分辨真愛並且躲避可能會影響到你的阻礙
試試看你的能耐吧

3.The Hungry Penguin
小企鵝正值好奇的年紀，總是喜歡獨自亂跑冒險，這天他來到一片從未到過的海域，肚子餓的他決定先尋找吃的，填飽肚子之餘也要記得注意周遭的安全喲!

-------------------------------------------------------
遊戲共通點：皆使用到左右鍵
上下鍵和左右鍵為相同原理故也採用同樣做法
*額外電腦鍵盤設空白鍵(非全部遊戲會使用故個人化)
-------------------------------------------------------
Arduino使用
零件：可變電阻、電線5條、麵包版
-------------------------------------------------------
Arduino電路板
-------------------------------------------------------
構想與製作過程:
利用旋轉式可變電阻做出類似搖桿的功能

利用槓桿原理讓使用者更加方便使用

心得:

張至嘉:    

 透過這學期的互動課程，讓我對互動設計更感興趣了，可以讓舊有的想法變得

更豐富和有趣，從期中的互動式書殼發想到做出實體，以及遊戲程式，學習的過程

中非常快樂，也從中獲得很多成就感，原來程式沒有想像中那麼難，學習到一些新

的工具，Scratch和Arduino兩個軟體，藉由互動的方式思考更可以激盪出更多好

的設計。非常開心能夠上這門課程。

紀鑑珈:

經過一學期的互動課程，了解了所謂的互動設計是什麼，也學會了Scratch和Arduino兩個軟
體，對於程式與電路板原本完全沒有概念，現在也能看懂基本的電路圖，在系上這樣的內容
是媒傳比較不會接觸到的領域，期中做的互動式書殼，期末做的互動遊戲，雖然為了如何改
變”可變電阻”的外在形式有點卡住，但突然想到的木夾子意外的讓它轉化成類似有搖桿手
感的器具也成功地解決這個問題，最後也要謝謝老師這學期的教導，讓我有學到我想學以及
增加其他領域的技能。


鄭宇馨:

經過一個學期以來的互動設計課程，接觸到新的設計領域，與新的思考方式，平時的設計課程很注重美學與外觀，而互動這堂課很注重給使用者的回饋，驚喜，功能性，重要的是也學到接電路與Arduino，原本以為完全跟自己沒有緣分的東西，因為以前物理很差很沒有天份，在物理方面受到很多的挫折，但是在互動課堂中，讓我覺得接電路是很有趣的事情，加上拍攝一些小影片，讓課堂充滿歡樂又有學習，很不後悔即使課堂很滿還是修了陳老師的互動設計！

【Arduino期中作品發表】環保面紙盒

youtube

溫凱毅、李雨芹、徐東

理念:面紙是民生必需品，更是平時出門會隨身攜帶的物品。但紙張皆是以砍筏樹木做為原料製作而成的，人們在不知不覺中大量地使用面紙，浪費資源。樹木資源有限，雨林減少，甚至出現了盜木現象。希望藉由本產品的概念，減少任意的浪費。

設計:利用【紅外線傳感器】偵測有無人接近，而再有人接近想抽取衛生紙前就先顯示，過度砍筏樹木的【ＬＥＤ】動態剪影。藉此警惕使用者此次使用的必要性，減少面紙的浪費。

【Arduino期中作品發表】2014-5 閱讀星空

【組員】張至嘉 紀鑑珈 鄭宇馨



【運作過程】

 接電—啟動開關—發光—隨時間增加亮燈數目



【訴求功能】

 1. 可方便攜帶（減低重量）

 2. 可裝物品（額外的功能）

 3. 桌燈照明

 4. 美觀夜燈



【產品介紹】

 結合一本書（星空），製作書本專屬的書盒兼燈

 具，書盒收納書本時，開關關閉，燈不亮；書本

 拿起時，開關開啟，燈亮，可當讀書小燈。隨著

 時間的流動，燈光漸減，提醒使用者過了多少時

 間，搭上與星空故事結合的摟空雕花造型，使閱

 讀時更有意境，也增加使用者對書本的熱情



【對象】

 有固定住處、睡房，睡前有讀書習慣的人



【書盒設計】

 表面為夜空的封面增加美觀與活潑性

 輕巧的材質，方便攜帶

 保存書本的功能及好習慣的養成



【按鈕】

 書本放入—燈暗（提帶功能）    書本拿出—燈亮（桌燈照明）



【計時開關】

 隨時間減少亮燈的數目，提醒過了多少時間



【書本】

 幾米：星空（精裝版）



【書盒設計】

 尺寸：6cm x 21cm x 37cm

 材質： 3mm薄木片



【所需設備】

 Arduion UNO電路板、4顆Led彩色燈泡、微動開關、電線、9V電池



【技術相關】Arduino

 Button—感應書本

 Blink（delay）—隨時間變化亮燈數目

李雨芹 B9942107 //SCRATCH- CAT EAT FISH VS SHARK

一隻可憐的貓咪在沙漠中餓了好久，突然天降甘霖好多美味小魚，但其中卻藏的大白鯊。左右控制貓咪方向~ 當遇到大白鯊，遊戲就結束了。

李雨芹 B9942107 //互動設計 作業一

互動設計

Interaction design 互動設計，感覺是較廣泛的描述互動，互動有很多種，像是翹翹板，需要兩個人以上才可成立的遊戲，過程中，對方會有接觸有交流，形成互動，但也有可能是比較抽象的、非實際接觸的，像是眼神和動作的交流，情感層面較為濃厚。

Tangible user interface 強調非想像的與電腦連接的或是有實體介面的互動，這感覺是有實際接觸，比較像人機介面那類的，例如Wii、ibon 等 是與機器互動，當使用者做出一些指示與動作，機器會有視覺或是聽覺上的回饋，告訴使用者目前的狀況與接下來的步驟，情感層面少於人與人的互動；但近期科技的發達，開始利用人與機器的互動促使人與人的交流，像是很多通訊軟體，line 、skype 、facebook 等，改變了我們的生活，就算在美國，也可以馬上與對方聯繫、分享心情，甚至是視訊對談，科技，讓我們更靠近。

雖然一開始是因為系上的選修而接觸這門課，但從前就對”互動”這一領域很感興趣，特別是看展覽時一些互動的設計，總會多停留一些時間，觀察創作者是如何把概念、想法與科技互動作為結合，清楚表達傳遞給觀賞者，或是預期觀賞者操作後得到的回饋。在報章雜誌或電視上也可以看到許多互動的設計，不論是與多媒體、裝置藝術或是產品、室內設計 等做結合，讓使用者或是觀賞展覽的人有全新的感受與體驗，例如 前一陣子看到日本有一款觸碰式的互動販賣機，除了原有販賣機的功能，把玻璃變成觸控螢幕之外，螢幕裡的圖像皆可互動，像是對攀爬於樹上的猴子搔癢，他會掉下，還有搭配一些音效上的設計，擺脫傳統販賣機純粹機器的樣子，多了點溫暖與親近的感受，讓使用者使用上更舒服、零距離；互動就是那麼有趣，帶給人出其不意與驚喜。

B0042215 媒體傳達三 張至嘉 (作業一)

一、什麼是Interaction Design 互動設計？

互動設計，是指設計一個交互系統，用於支持人們的日常生活或工作。
為人們設計一個空間或時間，使用者可以和產品進行對話；
為不同的使用者尋找更好或更多樣的資源。

二、什麼是Tangible User Interface?

有形的使用者介面，就是指其中使用者使用數位的系統進行交互反應的裝置

三、為什麼想學互動設計？

我覺得學習互動設計可以活化原有的想法，
透過應用程式讓媒體設計、視覺傳達設計等等的內容與人產生互動。
發掘想像力，透過裝置設計跳脫平面視覺的限制，
可以創造出新的經驗，也可以為科技注入新的美感體驗，
跨越領域間的隔閡，激盪出更多的想像與樂趣。

期中arduino作品發表-午安枕

設計團隊：林思穎、劉庭瑜、張雅婷
演員：林思穎
攝影：張雅婷

設計理念：專門設計給那些需要短暫睡眠休息，鬧鐘常常鬧鐘叫不醒的人卻又會吵到身邊的人，一個更近距離的鬧鐘設計，枕頭結合鬧鐘，在最近得距離可以叫醒自己卻又不吵到別人的一個設計。

設計方法：利用arduino寫出程式，按一下第一個燈亮五分鐘後聲音響，按二下第二個燈亮十分鐘後聲音響，按三下第三個燈亮十五分鐘後聲音響，再將音響裝置放入枕頭裡，即完成。

設計過程：

1.利用arduino寫code

2.將聲音裝置放入枕頭內

3.包裝外觀

個人心得：

林思穎-

Arduino寫code是第一次學到也是第一次嘗試的東西，覺得很新鮮，中間過程雖然要絞盡腦汁，一直失敗，但是等到真的成功，真的會很有成就感，當成功的那一剎那就會覺得好好玩!最後做出實體更是真的覺得做出一個按照自己理念的產品，更是覺得很酷。我們”午安枕”這個設計對於學生在宿舍或是上班族再辦公事是一個很方便的午安枕，可以在有他人存在的地方一個設定鬧鐘不會有太大壓力的設計，也同時解決自己叫不醒又會吵到他人的困擾，我覺得是一種簡單又實用的設計。

劉庭瑜-

從一開始接觸的時後，覺得認識這些程式碼和電路板是一件難事，但真的去操作、設計出我們的想要的功能後，就感受到無比的成就感，甚至覺得十分的有趣，這次的成品想法，其實我們也是之前偶然討論想出來的概念，透過這次的分組，我們將她實現，將原本我們認為做不到的設計變成真的應用，是讓我覺得很深刻的地方，在製作過程中我們也嘗試了許多方法去組裝和包裝我們的電路版和外觀，作完成品後親自操作，都覺得滿意，過程中我們也發現了許多原本在預想上沒有發現的問題，我們一一的去改進和變換，很開心有這種不同的體驗。

張雅婷-

第一次著手寫code做出實體的作品，真的很有成就感。雖然過程卡關的地方很多，但是在詢問老師同學後的幫助下都順利解決了！“午安枕”的概念其實來自於宿舍的睡眠品質，如果每個人的鬧鐘都可以只由自己本身聽到而不會因此吵室友有的話，應該是個可開發的設計。於是我們先從午睡時間來著手，未來如果把細微瑕疵的地方修正，或許可以做成晚上就寢的“晚安枕”，而解決眾多鬧鐘問題。總之，在這個作品的製作過程中學到不少邏輯的訓練，尤其當作品完成後的成就感真的是要親身體會！

劉庭瑜 工設媒傳三 B0042209

互動一

1.interaction design
設計人工製成物品行為的設計領域。從使用族群的行為需求為背景去發現研究，並從有用性，可用性和情感因素等方面來評估設計。
2.tangible user interface
使用者與介面或裝置的直接接觸
3. 為什麼想要學互動設計
現在多媒體科技的盛行，創造出了許多有趣的互動設計，這些互動設計都會讓人忍不住想體驗看看，覺得如果一個作品或裝置能真實和人產生互動和交流是讓人覺得新奇甚至更能和人產生共鳴的，所以我想要多學習這方面的知識，更希望能學以致用。

媒傳三B0042221張雅婷-互動作業一

1.什麼是interaction design？

互動設計是人類互動以及溝通上的空間，是一種以使用者的需求與經驗為出發點，一種設計的方法，創造出人類與科技之間的完美連結。

2.什麼是tangible user interface？

交互範式是關於互動設計的一種特殊思維以及模式，譬如說過去的互動設計模式是發展成應用軟件用在桌上型電腦，然而近幾年，隨著科技興起，互動設計的思維模式也超越固定形態而發展出配合手持、無線、可移動式的科技上。

3.為什麼想要學互動設計

生活周遭處處都有互動設計的產物，自己也常常在設計展上看到很多不可思議的互動作品，常常在想：這到底是怎麼做到的？如何讓人與物產生對話？於是想親身去體驗、去了解，並希望從中學到一些技巧，運用在之後自己的作品上。

劉庭瑜 工設媒傳三年級 B0042209

Away from raven

利用滑鼠控制並引導彩色鸚鵡飛行
遠離烏鴉的碰撞 , 只要碰撞到烏鴉
彩色鸚鵡就會停止飛行 , 必須從頭開始
分數也會從頭計算哦!
希望你們喜歡!
  

張雅婷 工設媒傳三年級 B0042221

SAVE THE STARFISH !!!!

小精靈要如何拯救被關注的海星呢？
玩家利用鍵盤上下左右鍵來控制小精靈的移動
但，小心！
千萬不要碰到旁邊藍色的牆柱，否則一切都要重頭開始

加油吧！

張至嘉 工設媒傳三 B0042215

Jump! Girl!

玩家是扮演小女孩的角色

運用滑鼠的左右移動改變女孩位置

按空白鍵向上跳躍撞到蝙蝠即可得分

小心!不要被突如其來的閃電電到了~會扣分喔!

Have fun~

[互動三] 紀鑑珈 工設媒傳三 B0042216

[互動三]
紀鑑珈 工設媒傳三 B0042216

Game Introduction
遊戲介紹

You are the Pico "Orange Alien"
Pico"橘色的外星人"就是你所要操控的對象

Get 10 Score when you eat the star but lost 10 score when you touch the fire.
吃到星星德10分但碰到火會扣10分

Be careful with Giga "Red Alien".They will make your score to "zero".
小心Giga"紅色外星人" 她們會讓你的分數歸零

Gobo"Yellow precious little thing" will appear in sometime,catch it and you can get 200 score !!!!
偶爾出現的Gobo"黃色小甜心"會讓你一次擁有200分

You can stop this game by the " cross" beside the score when you think the score is higher.
當你覺得分數夠高時你可以碰一下分數旁邊的"叉叉"來結束這個遊戲

Try as high as you can
試試看你可以得多少分~

Have fun~
齁齁勝(台)

工設媒傳三B0042217鄭宇馨_Scratch遊戲

 

【遊戲說明】

   貪吃的小企鵝肚子餓了，到海面下尋找食物，他發現了他最喜歡的小魚餅乾而興奮不已，
   但是在填飽肚子的同時也要小心住在這個海域的小螃蟹，他們速度很快可能會被他們的大
   螯攻擊，因此小企鵝必須小心的避開小螃蟹並享用他的小魚餅乾。


【遊戲方法】

   運用滑鼠控制小企鵝的左右方向，接取上方掉下來的小魚餅乾並閃躲螃蟹

   分數計算--
   小魚餅乾  10分
   雪花片  100分 （若漏接雪花片則分數倒扣10分）
 
【遊戲勝負】

   分數到達 1000分 則獲勝
   分數不及 0分 則遊戲結束
   碰到小螃蟹  同樣遊戲結束

工設媒傳三B0042217鄭宇馨

（一）什麼是Interaction Design 求的設計，﷽﷽﷽﷽﷽﷽﷽﷽﷽﷽﷽﷽﷽互動設計？

         

         互動設計定義為設計“人造物的行為模式”，在特定場景下有不同的行為模式，可加入可用

         性與情感因素，使人造物能滿足使用者的需求

（二）什麼是Tangible User Interface

         

         可觸碰的人機界面，也就是實際與使用者有互動的界面及裝置

          

（三）為什麼想學互動設計？

         

         因應科技的進步，互動設計是現在的趨勢，更是能呼應「人」的需求的設計，對我來說，設

         計的領域很廣，也還沒有找到未來要專精的方向，因此想要多方學習，除了能增加更多設計

         面的知識專長，也多一個未來能發展的道路

M0242010 溫凱毅 互動一

[互動一]

溫凱毅 M0242010

tangible user interface 實體使用介面 以實際物體與系統和使用者之間進行互動和訊息交換
interaction design 互動設計使人與產品產生相互交流的設計

為什麼想學互動設計 
有趣，有互動回饋使用者才會有繼續的動作。
人與產品始終是互動的，沒有了互動就只剩默劇一樣。

Little turtle cross the road

小烏龜過馬路

玩法:
按上下左右鍵想辦法穿越馬路
若被車子撞到會回到原點重新再來
成功抵達對岸的黃線就成功了!

M0242010 溫凱毅 互動三

貓捉老鼠

先設一變數每秒增加分數，當貓碰觸到老鼠時分數歸零並回到起點重新開始。
使用方向鍵控制老鼠移動。

紀鑑珈 工設媒傳三 B0042216

[互動一]

紀鑑珈 工設媒傳三 B0042216

名詞解釋

1. tangible user interface 實際使用者介面
利用”實體物件”來呈現與使用者能有互動的設計界面

2. interaction design 互動設計
實質上應該是指人與”機器”或是一種”裝置”對話的一種設計,讓彼此之間產生交流

------------------------------------------------------------------------------------------------------------
為什麼想學互動設計

對於互動設計的認識不多,原本以為應該是比較偏電腦類的程式,剛好大三上開始接觸flash,大三下則是碰APP, 覺得學設計就應該重視和使用者的互動,所以想多了解什麼是互動設計,希望能將相關的知識應用在之後的專題上.

互動三

請將個人 Scratch Project 公開分享在課程FB 社團, 課程網站, 和eLearning系統等三處，請簡要說明概念、玩法、和做法。

Scratch demo

互動一

1. 查一下interaction design和tangible user interface，用自己的話舉例說明
2. 為什麼想要學互動設計

以上Post在http://cgid-ixdesign.blogspot.com 課程網站
若無發文權限，請檢查之前是否有收到Blogger的邀請信