Creative Experience…UX…Design Thinking…Internet…Technology…Visual Communication…My Portfolio…

Human Computer Interaction 人機互動

BarCamp Shanghai 2012

It is always fun to attend event organized by Techyizu, this is another tech event I love in Shanghai after UX day Designing Shanghai. There is no doubt you definitely meet a lot of Techies, Entrepreneurs, Social Innovators and Like-Minded Geeks, local or expat.

There is many talk in BarCamp Shanghai 2012, a lot of people gathered in Markup room out of six different room just for Frog Asia’s talk and workshop, presented by Brandon Edwards (Creative Director and Co-founder: frog Asia) and Kajal Vatsa (Senior Design Researcher: frog Asia).

Same like UX day, they have weibo for people in the event interact with each other, you can send your weibo message to communicate with other. Another interactive way is scan your QR code to see the event and talk topic detail information, people using their phone and search for the talk they like.

3d printing

3d printing

3d printing

I like this speech the most, the American Chinese speaker interestingly shared the UX related case studies and got my full attention for entire speech and jot down lot of note regarding his sharing tips. May be one of the reason is he is also a former banker and current Apple retail owner, so I assumed his talk should be related to my interest in retail, visual merchandising and UX.

It is always good to use title like 6 lessons or  principle kinda headline to attract audience, you will instantly know this is a shortcut learning tips. Of course, his headline attract a lot people fully occupied the room.

Lesson 1 is about simple, navigator before arrive, not to get lost, and user experience in a space. bad UX like point & shoot, too complex, too many steps to get into menu. Good easy sharing photo UX like Instagram is growing up. Angry bird’s carton graphical yet simple UI, the conclusion is more visual and less ad.

Lesson 2 is create stickiness. He indicated DAT and Groupon bad UX, UI is not sticky to customer. Good example like Amazon is good for shipping, more you spend more you ship tactic drive sales to product. Also, like BBM, the more people in a network the harder to leave the community. Apparently, FB also strong in making log in user based to stick in.

Lesson 3 discussed about bad Barbie Doll’s store shopping experience compare to American doll from Chicago, which is more personalize, have a story behind, 14 years in US and it flagship in NYC.

Lesson 4 is about user exploration, he use Disneyland as example. Even people lost  in Disney land , they can always find the way back, and you will always notice where the castle is. The space planning with decent guide is the key. And IKEA, always a common case for comparison even in other talk. Always easy to find a way moving to the same direction and lead the user well. For the bad space planning such as Vegas Casino, bad in making user have no sense of time in a dark lighting space and get hang over; ATM  is everywhere may be just good for the owner.

For social media networking site Facebook, you can do everything in FB, with forum, News, Photo, Farm games, mutual friend and likes then always see the home button to go back. The booming Pinterest, the freedom of sharing and keep a photo, always get you back in a second.

Lesson 5 explained fashion brand like Zara have a good “Limited Pieces” strategy, user come back after 2 weeks might not see the same pieces display and always back with surprises. Gilt luxury label created the sense of season product, invitation only deal. Finally Microsoft VS Apple, Microsoft’s future vision strategy always release the next interaction or product VS Apple never announce early before product launch in the market, created the curiosity for Apple fans and make them wait and wait and urged for the new i-product.

Lesson 6 transcend the physical using Amazon selling e-book compare to physical content as good example and how wikipedia using the certain amount of interaction.

6 UX principle

Anything related to Objective C will draw my attention too, his talk is based on the *Sh*t Coder never say” concept.

Another one of the interesting talk by Toine Rooijmans, in his talk also attracted the crowd and he shared some interesting fact about Chinese housewives, and SEO optimization , everybody collecting point for no reason, 95% user return daily and only 5 % actually collecting rewards page.

His strategy is using small fee delivery, landing page for big UI button, colorful interface and weibo style and people using DianPing link and how housewives helped to promote by giving them some reward, even RMB 1 or 2 can leverage Chinese user to do anything according to the system generated task.

One of the awesome kid present his thought in the event and teach you how to build a robot, I like when he asking around with his English accent :” Anybody have any question?”

The use of game design technique and mechanics to solve problem.

After party

After party


Word press log in problem

After tried out many different blog service before, finally paid and fully engaged with wordpress use it services. The only disappointed thing so far is the log in problem. You will never find a log in every time when you type the domain address and it only show follow but never show a log in button. Isn’t LOG IN an important function for blogger?

It will create frustration for user like me if every time i need to google “word press log in” and spend a few second to search the right site to log in, sometime even need to click on a few site then i can only log in to my blog.

Thanks god after watching the how to find a log in tutorial, which is a easier way to log in by typing wp-login.php. Still, I’d prefer just add a button for me to log in.


12hr Mobile App Hackathon workshop 2011

When I received the FB invitation from Jackie and thinks: ” Gosh, this is awesome! Hackathon in 12 hour?” Is it possible?

Yes, this is possible! After attended my first ever the home-style workshop at Taipei, just like The Social Network movie, the only different is we are not in dormitory but a house.

Final work of the day

Original Idea


Global Service Design Jam 2012 : Cookies Pirates 1_Design thinking Part

I thought the most crazy workshop I’ve tried in the past event is 12hr Mobile App Hackathon but this one is 48 hours for a brand new service design workshop. Compare to the 27 hour real life company I organized before in Taiwan. 48 hour is really a bit long for service design, 48 hour should be enough for 2 workshop in a company. Since this is a global event which is globally 2,061 jammers participated from 85 cities in almost 40 countries.Nearly 350 brand new service designs and published them for the world.

36 dedicated jammers with 11 nationalities split into 5 teams

One man’s trash is another man’s treasure

We have a cool talented B-boy musician/rapper Filosopher who is also got a moniker Mr.Ikea came out the topic and bring all of us together to form a group, the original group name is something like trashy treasure, but then we all agree to changed group name to Cookies Pirates.

Day 1 is mainly Service design introduction & group announcement, topic announcement and group brainstorming. I was suppose to join the Dream team but realized too many people in that group, after walked around different other group, My instinct tell me this is the group I should join, after mingle around with other trash treasure member, I decided to stick with the trash related group.

992ac8e0jw1dqm081nac1j

Once the group member is decided, we all started the brainstorming section and quickly throw out a lot of idea and topic based on “One man’s trash is another man’s treasure” orignal idea. At the beginning, everyone briefly introduce and share what we are good at, this section is good for us have an idea what is the final outcome we can produce.

And then we all have to come out at least 10 ideas without thinking too long, total of 70 ideas is created at the first stage and we all talked about own idea and group the similar ideas together.

Total 70 ideas from each team member.

We used Group Ideation, Brain Writing, Trigger Method (1)and 3 type of way for nurturant ideas phase (2).

After filtered all the potential ideas, we selected 3 main ideas and decided stop discussion and vote for our favorite, each people  have only 1 vote.

The final ideas is below:

1. Travel

2. Home/ Homeless

3. Changing people behavior 

The final 3 main ideas.

Even my home ideas got 4 point, we continued discussion the next day based on this result.

Everyone talked about a big long run thought about environmental friendly and back to nature, we decided to focus this final service in Shanghai. It seems a bit too hard to continued with this topic with 48 hour, in the end this topic is rejected. It will good if this is a week workshop so it might be a good impact to talk about environment protection issue in China.

Rejected ideas

References:

1. http://personalexcellence.co/blog/25-brainstorming-techniques/

2. http://www.usabilitynet.org/tools/brainstorming.htm


Infographic Collections


Protected: Useful link for User Experience Design

This post is password protected. To view it please enter your password below:


Protected: Objective C 1

This post is password protected. To view it please enter your password below:


Examples of products/sites that used personas

*Personas tied to specific projects:*

* Critical Mass provided QVC.com [1] with personas

* Whittmanhart helped St. Jude with fundraising [2] (not sure which campaign
though) with personas
* Etrade [3] used personas for its IVR
* Staples built personas for their website [4]

* Discover Financial Services used personas for their website [5]
* Avenue A/Razorfish created personas for a Slimfast [6] email campaign
* Quarry helped Nortel [7] create personas for Sales Reps
* Organic built personas for Daimler [8] Chrysler [9] marketing plans

*Have used Personas, but unknown project/product: *

* Molecular built personas for Keybank [10]

* Iron Mountain [11] built personas
* Best Buy [12] built personas for a project that had something to do with
“customers who were thinking about buying flat screen TVS & cameras etc”
* Wells Fargo [13] built personas – project unknown
* Microsoft Dynamics [14] group used (60-ish!) personas for unknown
project/use
* Fidelity [15] built personas
* UPS [16] built personas

[1] http://www.qvc.com
[2] http://www.stjude.org/fundraising
[3] https://us.etrade.com/e/t/home
[4] http://www.staples.com/
[5] http://www.discovercard.com/
[6] http://www.slim-fast.com/
[7] http://www.nortel.com/
[8] http://www.daimler.com/
[9] http://www.chrysler.com/
[10] http://www.key.com/
[11] http://www.ironmountain.com
[12] http://www.bestbuy.com
[13] http://www.wellsfargo.com/
[14] http://www.microsoft.com/canada/businesssolutions/
[15] https://www.fidelity.com/
[16] http://www.ups.com

View original post:http://www.ixda.org/mailcomment/redirect/%3C28505.29791.81792.1304375630.b909b9b0f0be5136c647ff497ce7e2a5%40ixda.org%3E

Reference from IXDA forum


Why i love UX Design

 

iluvuxdesign.com/​ A fun video and website, they sell i love UX t-shirt

 

UX Company’s showcase    http://www.xplane.com/portfolio/

 

Hugh Dubberly

  • A lot of concept map info on his site
  • Case study of a site redesign

http://www.dubberly.com/articles/using-concept-maps-in-product-development.html

mind map software, often just whiteboarding or doing affinity mapping with post-its first.

swimlane diagram — different users or applications are horizontal rows (or vertical if it works better) with the taskflow for each user/grouping in its own lane, but showing the connector arrow where it interacts with a different group in another lane.

http://iainstitute.org/documents/tools/ExperienceDesignFlow_bw.pdf

 

Reference from: http://www.ixda.org/node/29736

 


Mobile interaction

http://mll.csie.ntu.edu.tw/projects.php


i pad related link

电子书下载网站

PDF/DOC格式电子书下载网站:
1、 www.docin.com
2、 wenku.baidu.com
3、 ishare.iask.sina.com.cn
EPUB格式电子书下载网站:
1、 http://www.shucang.com/
2、 http://www.cnepub.com/index/
3、 http://www.coay.com/
4、 http://bbs.weiphone.com/thread-htm-fid-224.html


4. EXlife in N41°- Primary School in Hakodate

日本涵館工作坊4:涵館弥生小學校-五十年後的涵館規劃

工作坊涵館研究記錄4

他們把我們帶到校長室,校長也親切的出來和我們打招呼歡迎我們的參觀
小學的老師也跟我們解釋小學的事故。

小學裡的牆上到處可看到以小學為主題的

我們去到最高那一樓,也是歷史物收藏最多的地方,據導覽員而言,涵館市早在50年前已經規劃50年後的城市規劃而且也把模型給見出來,當我看到50年前的模型感受特別強,尤其看到他們把細節都做得相當詳細。

古董琴

我們看到這桌子就聯想到以前小學的桌椅也和他們的一樣,不論馬來西亞,台灣或日本原來也是一樣的。

古董電話系列






For more information:

Paper of the workshop

www.scenariolab.com.tw/blog

http://www2.hcu.edu.tw/scenario

2008 交換劇本計畫 Scenario exchange 2008/ EXlife in N41°

主辦單位:

台灣:國立交通大學、工研院創意中心、應用劇本實驗室

日本:公立未來大學、國立山梨大學


3. EXlife in N41°- Hakodate Primary School

拜拜以後已經是中午兩點,第二站是我們會去即要關閉的弥生小學校 Yayoi Elementary School, 這間已經有100年歷史的小學保留了很多涵館的歷史,Maki說裡面有一些有名的人石川啄木,渡辺 紳一郎 也與這間學校有關。能夠參觀日本傳統的小學讓我覺得非常有意思,那樣可以讓我更加能體會到日本人的小學教育系統,就算跟團或自助旅行也未必會有如此的行 程。可惜的是語言的不同讓我沒辦法理解導覽員的日文解說,但是裡面看到的東西也相當精彩,只能好好滿足視覺上的享受了。好想好好的寫這間小學的故事,雖然 只是一個小時半的參訪,足以在這次旅程中佔了一個重要的位子,我們也最後一致認定讓他成為我們概念設計裡面的主題。透過小學裡的熱情為這次涵館交流的主 題,以小孩的熱情力量為主要動力為我們的設計概念,去設計一些相關產品。

看到這位老人在雪中工作的時候感覺很特別,對他拍了好幾張照片。他沒有理會我,一直都是保持認真嚴肅的表情一個人默默的在寒冷下工作。

我打開這扇門進去,一切都是如此的奇妙,一步一步走入了的他們的與我完全不同的世界。

裡面的小孩都非常可愛,非常有禮貌,幾乎每個小孩都會向我問好,熱情的說:“KONICHIWA” 這樣的互動讓我感到很開心,到現在我回想起那些畫面的時候都回會心一笑。曾看過一本書提醒我們要隨時知道如何感激人,我也想借此機會向你們說:”ありがと う!” 感謝你們每一位小朋友的熱情問好,留給了我美好的回憶。


看到這種上課情形和他們的書包也讓我非常興奮,因為這種場景我以前通常只會在卡通叮噹裡面才回看到,沒想到我會在這裡看到真實的一幕!

小朋友的鞋都整齊排好在鞋架上面才進去教室裡面。

這是外面的雪地景色

我們的導覽員

非常傳統的日本學校男生廁所

日本學校女生廁所

接著我們走到了一個超大的籃球場

我很喜歡進入美術館裡面的這一間房間,粉紅系的室內設計讓人感覺很舒服。

剛剛在外面的那位老人已經爬到樓上了,又忍不住對他拍了幾張照片。想對他說:”おしかさまて!”

這些是國中六年紀的作品,大家還說他們的藝術品已經可以拿出去外面賣了。


For more information:

Paper of the workshop

www.scenariolab.com.tw/blog

http://www2.hcu.edu.tw/scenario

 

2008 交換劇本計畫 Scenario exchange 2008/ EXlife in N41°

主辦單位:

台灣:國立交通大學、工研院創意中心、應用劇本實驗室

日本:公立未來大學、國立山梨大學

 


日本涵館工作坊2:田野觀察日Shrine Gokoku護國神社

經過了第一天的演講+晚上的新組員以後,我們第二天早上9點前在飯店吃了500yen的早餐,大家就往同一個地方走去準備今天的田野研究!
貼心的maki 和 Nazu 為我們安排了一系列的行程,第一站Shrine Gokoku護國神社

我好奇的問她們這是甚麼,結果她們說這是一個日本人都會唱的童謠,然後她們就唱起了這首歌給我們聽,結果我把她剪接成我們成過發表的片頭。

http://www.facebook.com/video/video.php?v=41567427547

除了烏賊以外還有不苦勞是涵館的保護神,到處都可以見到它。連護身符也是它,我看了真的愛不釋手,從錢包拿出500yen買下了它,到現在還一直跟隨著我回到了台灣。

它跟一般廟裡的四方的造型不一樣,我告訴她們我想要這個,老闆娘不會中文,她還很細心的用日文叫Maki 問我她翻譯的中文註解是否正確,對於這小小的互動情形讓我一直都記得那親切的老闆娘對華人遊客也那麼好感到開心!

她們叫我們嘗試這個,後來發現竟然有英文的,但是英文沒甚麼感覺,所以我還是選擇了日文版的!

運氣不太好的我抽到了下下籤,結果我就照她們所說把她給綁在這裡,這裡收集了所有的不好的籤,讓人放下自己的壞運氣,繼續往自己好的方向前進,我自己還蠻喜歡這種文化,如果每個人可以放下自己過去的霉運從新出發,面對自己應該走的路,那大家不是或得更開心嗎?

另外一個方法是綁在樹上也有同樣的意思。

我很好奇的問日本同學,為甚麼問神關於愛情會比問學業貴500yen呢?是不是連神也覺得愛情比學業複雜所以要收貴一點呢?後來他們也不知道,覺得我說的 可能有道理,神也察覺現在人的複雜男女關係。所以我們拍了下面不要愛情,學業比較好的照片,另外一張比好的姿勢有點看不太清楚。

愛情VS學業



到處可見的融化雪的沙包販賣機,據說灑在雪地上會融化。

Cafe Yamajyoカフエやまじよう


當我們看到這可愛的電車的時候都很興奮的大叫電車來了!!Maki說由於我們必須趕去搭另一個公車,所以我們得馬上衝上車然後盡量坐在一起。


剛開始對這介面有點不太了解,後來經過她們解釋之下才了解我們只需要檢查我們票根上的號碼即可知道要付多少錢。



日本涵館工作坊1:美的讓人窒息的北海道涵館

從日本回來台灣已經有3個月了,忽然覺得如果沒有好好紀錄在日本工作的情形會還蠻可惜的,所以決定暫時把繁重的功課擱在一邊好好回想一下當時工作坊裡面所學到的,這種難得的體驗是交大應藝所+工研院的大大贊助而給我的旅遊+學習經驗,其中了解日本同學的細心又堅持的工作態度,對日本文化的了解更讓我以前一直覺得要到老才會有錢去日本的魔咒給破除了!

大家帶著依依不捨的心情離開了東京前往北海道,幸好我有一個超強超超好的的樹嶤學長幫我拿超重的行李,就如千慧所說讓我可以好像貴婦那樣走在路上
他真的太強了,可以一個人提兩個行李!!我們就是那樣浩浩蕩蕩的從淺草 ASAKUSA一路走到地鐵站搭地鐵去機場。

日本地下鐵的班次準時度真的是值得讚賞的,只要網路上看到的時間就一定會準時到達!

到達羽田空港機場到處逛看到一個超可愛包裝的雞蛋布丁 かわいい

可愛親切的日本服務生大方的讓我盡情拍照

我們可愛的日本同學已經一早在外面等候迎接,大家真是讓人感動的畫面!

她們弄了一個入場門,大家都必須從下面經過。

我們直接從機場去到飯店,路上看到地上可愛的烏賊。

當我這個這個熱帶人第二次看到雪的時候還是無法壓抑心裡的狂喜,看到大家都在地上寫下自己的名字的時候也忍不住找個位子寫下了我的中文名字。

到達涵館也差不多傍晚了,那裡的景色真的美到讓人窒息,雪雖然是冰的,但是站在旅館前的我們的心情卻是熱騰騰的!

辛苦日本同學,學長姐為我們安排了一間超棒的旅館,而且這旅館接下來的那幾天都是包下來歸我們的。

美的讓人窒息的街風景讓我們停不手拿著相機到處亂拍。

時間到了我們得趕去工作地點報到,接著還有一連串的演講和工作等待去做。

工作地點

我們每人獲得工作手冊、研究道具、設計用工具等。在岡本教授解說完這次的工作營流程後,大家就開始進行第一天的田野研究。

大家各別把我們的中文+日文名字寫上: 我的日文名字ふうりん

第一天的田野觀察、第二天的劇本分析、第三天的概念發展、第四天的草模製作、第五天的成果發表

以下內容取用應用劇本實驗室

2008 交換劇本計畫:「一個亞洲年輕人在另一個亞洲國家」
SCENARIO EXCHANGE 2008, “An Asia Youngster in another Asia Country”

「旅育-自我拓展學習」的工具服務概念
New tool and service design for “TRA-DUCATION, Self-explore study”

主辦單位:
台灣:國立交通大學、國立雲林科技大學、工研院創意中心、應用劇本實驗室
日本:公立未來大學、國立山梨大學

主題與探討內容:
「旅育-自我拓展學習」的服務工具發展與活動劇本設計。
服務工具:服務系統+工具 (智慧服裝、導航工具、背包行囊、記錄與發表工具…等)

研究方法:
Scenario-based design (劇本式設計)
Ethnographic research (人誌學研究)
Participatory design (參與式設計)

活動期間:
2008/9/7-2008/12/7
第一階段:台灣工作坊,2008/09/07-09/15,新竹國立交通大學應用藝術研究所
第二階段:日本工作坊,2008/12/01-12/07,北海道函館公立函館未來大學

指導專家:
岡本誠教授(未來大學媒體建築系,富士通資訊設計主管,日本SBD專家)
鄉  健太郎教授(山梨大學醫學工學綜合研究部,HCI 2007, SBD in ASIA 主持人)
莊明振教授(交通大學人文社會學院副院長,交通大學應用藝術所)
葉惠娟博士(工研院創意中心)
余德彰先生(應用劇本實驗室Scenario Lab,「劇本導引」作者)

創新團隊:
交通大學應用藝術研究所
雲林科技大學工業設計研究所
未來大學媒體建築系
山梨大學醫學工學綜合研究部



Puli research project

Our pervious research project: <體驗自行車休閒生活的整合性服務設計>

Poster design for the exhibition


展場展示prototype和鑰匙圈

埔里研究報告記錄

為了湊到訪談對象的數量,我們每到一個點都會張大眼睛與附近的人進行訪談,來到昆蟲館人煙稀少的,但是很好運的遇到這位太太接受我的訪談,而昆蟲館的負責人也十分友善,不但讓我們不用買票參觀還同意讓我們與裡面的參觀者做訪談。

Super Pulier團隊從新竹出發到埔里區田野研究,第二次的田野調查住在埔里一間非常棒的民宿

收集資料後大家決定用VCA法,大家把最終的價值觀列出,然後再各分給每位回去做。

研究中使用方法一: 價值鏈分析法(VCA,value chain analysis)

概念發展一 (組一)

[概念發想]利用發動單車的力加上附加的音效裝置,讓你在戶外騎自行車的時候同時奏出動聽的移動交響曲。輪胎上的視覺呈現結合三 段體式的舞曲風格,在騎的過程可以陶冶性情,圍繞著自然生態,音樂會隨時出現在埔里的每個不同的角落, 看著那些充滿活力的車隊到處騎游 , 響亮聲音接近, 人們 感受音樂的喜悅,每一天的生活過得就是如此的寫意和優遊自在。

人們騎著自己的自行車,來到了服務站,快速登記變裝上配件,找到自己的隊伍和教練一起出發。隨著自己喜歡的預設路線,從簡單生活,休閒觀光以及長青博愛老弱去開始加入體驗嚮樂車團的樂趣。

Scenario: 簡單的路線選擇配搭欲擕帶的隨身物,無須考慮太多出遊就是那麼的便利。帶著期待又愉快的心情等待車隊的到來,有節奏感聲音在耳後漸大聲。音樂律動體驗開始 出發,腳一才動到踏板發出的一個節拍的音調,隨著音樂的播放彷如是一個音樂家般開始奏出美妙的曲子。跟大家一邊看著美麗的風景搭上音樂的旋律,吸引了路上 的人的目光。途上的人即性的加入車隊,直到人數限制燈亮起。 自行車上的卡路里顯示一直下降,慈善心的圖案越來越亮,這時大家發現自己做的好事越來越多了。大家面帶微笑看著站牌上的資訊,達到的運動健身的目的同時做 了好事幫助其他人,帶著健康和仁愛的心情歸家。

[主要服務KEY JOURNEY]
安全行程保障, 有趣集體騎車活動 ,健康和慈善捐款

組一:張風鈴 (組長)孫菁妏 翁晨豪

發展概念一:茭白筍造型停車等候站

Original post from Idea Storming Team project for

2009年國科會前瞻概念設計計畫
執行期間:2009/9/1~2010/5/31:

1.體驗自行車休閒生活的整合性服務設計 – 本設計提案期望藉由體驗自行車休閒生活的整合性服務平台的建置,提昇人們對於自行車休閒生活的參與和體驗。

http://www.ideastorming.tw/blog/alpchris


CHI design competition 2010

Our design paper has been accepted to CHI 2010 Student Design Competition, Atlanta, Georgia. The competition received close to 90 submissions from around the world, our team submitted one of the top 12 papers. Selected as Top 4 entries for second round poster presentation on 14th of April  and also awarded as one of Top 3rd place finalist in the final round on 15th of April 2010.

13rd, April- Second round Judging of the 12 teams- Select Top 4 for third round (no ranking).

 

 

 

14th, April Public viewing of team posters and Student design competition Spotlight

 

 

15th, April Third round( Final presentation by four finalists and announcement of winners and ranking)2 minutes to set-up, 15 minutes to present and 5 minutes for questions.

 

 

More information:

FootPal- Build social rivalries around maintainable walking habits

www.chi2010.org/attending/CHI-2010-final-program.pdf


科技游民(6)D組bioelectronix內容上課分享

轉貼分享D組沛瑩的心得

不知道大家是否已經看過科技遊民網站上關於BioEletron

ix的介紹”何謂 bioelectronix?”?
(在這邊: http://www.playaround.cc/What+is+biolectronix? )
裡面有一些今天Marc提到的作品,以及BioElectronix的簡介

下面大致上照今天流程來說

Marc一部份時間在學校裡教課(細胞生物學領域),另一部份時間則是在各處舉辦各種的工作坊。

Yashas最近的一個計畫是帶領藝術學院的學生參加合成生物學(Synthetic
Biology)領域的IGEM競賽,由麻省理工學院(MIT)主辦,詳細情況可以在這裡看到:
http://hackteria.org/wiki/index.php/ArtScience_IGEM_team

Synthetic Biology的解釋可以看這:
http://zh.wikipedia.org/zh-tw/合成生物学
基本上,這個領域的生物學就是在研究如何“創造“生物,利用化學與基因工程、分子生物學的方式,直接將ATCG組成想要的序列(可以想成是直接將化學分子組成想要的密碼排序,而這些密碼控制了生物體的特徵與功能,也因此人們可以創造任何想要的生物)

Yashas他們嘗試教導藝術學院學生在八週裡面學會關於基因工程的生物學,並且設計出會散發下雨後氣味的大腸桿菌(E.
coli)。他們認為基因轉殖技術也可以不需要太高的設備跟技術門檻,而是人人可做的實驗。

基因工程的實驗手法其實不如想像中困難,任何人都可以直接上EcoGene網站(http://ecogene.org/)尋找想要的功能(例如香蕉味道),像是買想要的樂高零件那樣,把序列送給做DNA的公司、向他們訂購,回來再把基因轉植到大腸桿菌(E.
coli)上面,這樣大腸桿菌就會變成會發香蕉味道的大腸桿菌。

*註:大腸桿菌(學名Escherichia coli, 簡寫E. coli,
記得在文件書寫中要用斜體)是生物學裡使用的”模式生物”(Model
Organism,其他模式生物還有線蟲、斑馬魚,等等),這幾種生物因為受到廣泛研究,人們對它們了解詳細到幾乎該生物的整個基因序列都被破解,生物學家可以準確的知道它們的哪段DNA控制怎樣的功能、哪個細胞會如何分裂、發育。也因此,它們也常被作為基因轉殖的對象。

與Marc & Yashas一同組成Hackteria的還有西班牙的Andy
Gracie,他專長是製作各種給生物生長的環境,讓它們達到可以共生(Symbiotic)的境界。他的作品“大空“(在”何謂
bioelectronix? “中有提到)便是創造木星環境給微生物的概念藝術。

Marc認為,使用其他生物體來創作,我們必須跳脫原本人類的生活步調,而進入到其他生物的生活步調。因為你無法催促植物快快成熟。(古人有說,揠苗助長 :p)

[ 關於生物藝術 BioArt ]

生物藝術這個領域有名的作品例如Eduardo Kac的GFP Bunny。他將從水母(Jelly Fish)體內發現的GFP(Green
Florescent Protein,綠色螢光蛋白質)轉殖到兔子體內,讓兔子發螢光,讓眾人認為他在創造科學怪人。

澳洲的SymbioticA實驗室早期則有藝術家STELARK將自己身體與機械結合
http://www.stelarc.va.com.au/arcx.html
http://prehysteries.blogspot.com/2008/07/stelarc.html
http://www.videodoc.ncca-kaliningrad.ru/participants/iii-shining-prostheses/stelarc-australia/

另外就是在文章”何謂 bioelectronix? “提到的馬達加斯加大蟑螂作品,以及利用水蚤控制光敏電阻,讓聲音變化的作品ㄡ

Marc並且表示他除了開給藝術家的BioElectronix工作坊,也曾經在印尼開過給科學家的工作坊。因為在印尼顯微鏡只有很少的實驗室擁有,許多學習微生物學(Microbiology)的學生甚至沒使用過顯微鏡。他希望這樣能幫助他們有花很少錢獲得可使用的顯微鏡的能力,也許可以有些貢獻。

[BioElectronix v.s. BioElectronics]

同時今天也介紹了BioElectronics與BioElectronix的不同。Marc傳下去的幾個看似莫名其妙的板子(中間有一個黑黑的凹槽的那些晶片)就是生物晶片。其中有一個就可以用來測試小鼠(註:小鼠是實驗室小白鼠在生物實驗的稱呼)的基因。

[生物倫理]

講師們希望這次能跟大家討論到關於生物倫理方面的議題。例如怎麼看待創造生物?怎麼看待生物實驗?怎麼看待使用生物體創作的藝術?而這些藝術行為是否能讓人更注意、接近身邊肉眼無法見到的微生物?

[本次Marc冒生命危險闖過海關帶來的生物]

這次使用的觀察生物體有以下幾種:

- Rotifers: 輪蟲、輪形動物,通常出現於淡水的小生物,以細菌與藻類為食
(參考:http://en.wikipedia.org/wiki/Rotifer)
- Water Bears (Tardigrads):  水熊,堪稱地球上生命力最強的生物,可以耐高溫與乾旱
- Amoeba: 阿米巴 (不過Marc私下表示那瓶好像死光了….)

[顯微鏡製作]

大家現在想必已經知道如何製作,不過今天有聽到幾個最常見的問題

1. 放大倍率

基本上鏡頭離CMOS(就是感光元件)越遠,則放大倍率越大(想要知道原理的明天可以找我,畫圖給你們看~~^^)

2. 有人提到那台廠商稱為”粉餅機”,其實拆下來很像馬桶(這是Marc說的!)的那台扁扁的攝影機鏡頭限制,無法放大得跟其他機型一樣。其實,並不是這樣的唷~因為當鏡頭與CMOS的距離拉遠,鏡頭與CMOS中間就出現了一些空間讓散射的光也照到CMOS,導致CMOS上面抓到的影像白白一片,啥都看不到。解決辦法是把周圍的光隔絕,可以使用黑色膠帶或其他不透光材質製作。
:)

3. 也有人遇到影像無法得到清晰的黑跟白(也就是反差不大)。基本上這個問題可以用打光解決。因為攝影機會自動調整CMOS的感光,所以當最白的地方越亮,則原本黑的地方看起來就會更黑。(咦,好像越講越難懂…
也可以明天來問我)所以,可以在上方加上LED打光(是的,就是像Marc做的那樣)。

4. 這個是我自己遇到的問題。影像會分成紅綠黃三種顏色、不完全重疊的影像。這是由於我們使用的webcam鏡頭品質並不好,不同波段的光透過透鏡時,產生的折射角不同,因此不會聚焦在同一個平面上。解決方法是調整打光的角度。LED與玻片、鏡頭越接近直線則這樣的問題越小。

- 沛瑩


科技游民(6)Back home shopping list

一些其他的工作坊結束的home work記錄

1。solid state relay- the easiest way is to use 5V mechanical relay, in the spec for solid state relay watch for control current – in your example on page 4 there is 15mA – so for 5v you need a V/A = Ohm -> 5V / 0.015 A = 333,33 Ohm, 333 Ohm doesnt exist so take a 330 Ohm or 470 Ohm will also work

Made in Malaysia OMRON DC-12V

Advice from Tobi: 如果買了12v的有 two voltages in your circuit, 5V from arduino and 12V for relais,for 110V you should solder some screw plugs an a board and make it stable – so no wire is flying around,  for easy prototyping you can use the pre fabricated proto boards. Remember to hook the solid state direct to arduino the LED inside while burne out.

His example : A relais with a transistor – but now we where using L293 bridge for mechanical relais and a resistor for solid state, these are the easiest – but expensive.

a relais with a transistor

固態繼電器solid-rsr1

conductor copper board

Fabricated proto boards

on the otherside are copper holes

screw plugs


Japan VS Taiwan Scenario Exchange Workshop 08


Arduino

Getting Started With Arduino How To Build A Twitter Monitoring Alertuino

Arduino

Arduino is an open-source electronics prototyping platform made up of open source hardware and software. It’s intended for artists, designers, hobbyists and anyone interested in creating interactive objects or environments. For an example of the type of internet-connected object you can build with Arduino, check out this presentation where the author configured a child’s toy ray gun to react when anyone posted the #barcampliverpool hash tag on Twitter.

Reference: http://www.readwriteweb.com/archives/top_10_internet_of_things_products_of_2009.php


科技游民(5)發表作品:網路蟲生 Net Worm

所以身為助教的我們,一直在想要如何結合C組和D組的教學元素來展出一個在2天之內所完成的作品,我們在回家與出發的路上努力想出了幾個點子,在第3天身心疲憊之下又借不到白老鼠(原本想用真的白老鼠),就利用了難以捉摸的蟲來完成“網路蟲生”,終於順利把東西做出來。

後來也覺得我們選對了微生物,對於這次的作品感到也滿意,因為這只是在兩天裡面生出來的。

找到一段相關的小文章描述也覺得蠻有意思。

James Lovelock:

The planet is not inanimate. It is a living organism. The earth, its rocks, oceans, atmosphere and all living things are one great organism. A coherent holistic system of life, self-regulating, self-changing.

除了我跟pei ying的電腦,這次也要感謝Bright,郭耀,鴻旗,Bright,小雅和Tobi 幫忙連上線同步播出蟲出現的聲音感應,主要是大家都連上的playaround的無線網路,然後下載了我們給的PD patch,開啓以後連線到其中一個if,一樣打開test midi 和audio on就播出聲音,各電腦也不要忘記設定pattern。

Puredata方面使用的Patch

裡面打開後的sub patch

Processing方面使用的sketch (後埔)

References: PPT‘s pictures from wiki


科技游民(4)組員大玩小家電

今天Tobi鼓勵大家用Arduino大玩小家電,我們這組有些人帶了烘麵包機,果汁機,風扇,小玩具等物件

我們常常用這來測試有沒有電,但是裡面隱藏的小燈也太小不太容易看到。

這是製造touch sensor 的材料單

測試要用到的工具,除了電錶以外這也是一件很好的工具。

然後就要開始把家電接到電路板上,首先要先以普通的方法接LED,然後最後你的小LED就可以用帶來的家電來取代,不過要小心的是一定要檢查任何帶來的家電的Voltage是多少,老師帶來的那個裡面有LED但是不能超過300V,如果硬要使用只能在外加一個散熱風扇,那就有可能硬撐到400-500v 超過300v要另外加一個relay,那就是老師要我們焊接的那個relay。

紅色的膠帶是防止手癢癢的動那個powerplant,不小心會被電到。

回家後想自己買的訂購單

今天也介紹了甚麼是PD的子視窗,當出現問題後可以按右鍵參考help,那試一個很有幫助的工具。

使用5v relay之前一個接到正一個接到負測試這個relay是否良好,如果有聽到開關開關的聲音表示沒有問題,這種relay壽命大概有10000次的開次數,如果 使用一個   100

駭玩具的部份

馬達driver的接法,每一個可接4組,例如想接到風扇控制左右的話就要接到2組一個控制左的方向一個右的方向的pin

CMOS IC 4022 standard DIL 16 pin

最好接Pin腳的方法是把它插在麵包板上面來焊接會比較容易

脈衝寬度調變

老師也解釋了甚麼是脈衝寬度調製(Pulse Width Modulation, 縮寫為 PWM)將類比訊號轉換為脈波的一種技術,一般轉換後脈波的週期固定,但脈波的占空比會依類比訊號的大小而改變。PWM的使用隨著數位控制邏輯電路的增加而普及, 該技術提供簡單的方法,可讓數位控制邏輯電路建立相當於類比的功能。許多微控制器都內建 PWM功能。PWM同時也可用於通訊系統,因為數位訊號比較穩定,也比較不容易受到雜訊干擾。

控制風扇的變化

小雅的另外一個小風扇, 訪談小雅介紹自己作品的video

電腦控制烤麵包機

Metro 每200啓動一次

最便宜的自製sensor

可以用在感應椅子有沒人坐下,以下圖片失敗是因為把兩面用膠貼起來,所以最好是只貼一面

打開PD聊天室的方法

後補(未完成)


科技游民(3)第二天硬體+網路結合

老師今天很很早就到了現場開始準備今天的東西,在此之前他希望大家可以玩到銲接,他開玩笑說尤其是女生應該要學會如何銲接才不會依賴男朋友去做這種 很多時候被大家認為這些是男生做的事情,圖片可以看得出來那些女生在很久以前就已經在做這方面的工作,尤其在很多電子公司銲接的部份都是女生來做的,他還 笑說就是因為他的手指不夠女生細所以銲接的出來的不夠精細。

正確銲接的方法,一手拿悍槍一手拿銀色的焊錫條,把銲槍觸摸到pin腳讓他發熱然後水銀貼近就會溶到掉在電路板上就成功了,大家看來也沒甚麼問題,很快的各自把自己的板子弄好了。他帶給大家11個自己設計的板子,留下焊接的部份給我們自己動手。

今天會使用的控制器,Tobi說這個價錢跟其他的可變電阻差不多但是這看起來使用功能更多,所以買了這個來教大家使用。

郭耀的電腦也測試這個控制器的做法(Patch範例例外補上或跟他要)

然後就是期望大家要開始動手做一些東西了,之後會用到自己製造便宜又好用的折彎感應器,這種便宜的黑色朔交帶可以導電所以可以拿來使用在例如是想讓人坐下可以感應到的作品,或是放在手臂上例如練啞鈴的時候上下上下需要折的動作需要用到的作品。

由於第一天時間太趕,我們也沒有機會大家各自認識,所以在上課之前希望大家可以先說說話,之後就是大家自我介紹的環節還有對電子,網路和軟體方面的 背景知識的了解,大家也各自簡單的說明他們想做出甚麼樣的東西。因為老師希望大家可以結合自己的背景知識,例如如果有人有 Flash,Director,Animation的背景也可以結合PureData+Arduino做出一些相關的作品。

那麼老師也介紹說自己是德國人原本是學物理跳去學純美術Fine Arts,特殊教育,由於某些原因去了瑞士發展,當中也學習了新媒體學了兩個學期獲得了Diploma學位,最後又某種原因來到了台灣。他最近的一些作品 大概2007年的都會放在他的部落格上面,還有他舊的的履歷表,除此以外也是在擔任大學裡面負責workshop的總監,所有的電腦電路都是他一手包辦 的,所以他開玩笑的說那樣應該可以幫大家解決問題。詳細可上他的網頁上面去看。

http://kiilo.org

之後會播放一個他覺得圖像做的很漂亮的影片介紹網路的歷史,如果大家有興趣也可以上Picol.org自己製作。

網路的歷史

介紹甚麼是-Gateway閘道器

子網路遮罩就像一個國家分很多小鄉鎮區域一樣,Gateway就像是一座橋。子網路是因網路技術的電子限制、工作環境與以區分(或應用原件的功能區分)、或因連結遠端高速線路的需求等理由,而將大型邏輯網路分割為數個小型實際網路的一種程序。

Gateway 即為閘道器,是屬於使用者終端的一個轉換設備,所以它是屬於終端的一部份,它主要負責類比及數位的影音轉換,即Gateway扮演著ISDN與LAN間的轉換介面,也就是說它提供了不同標協定間的轉換,如H.320 到H.323

介紹甚麼是Server

接下來是麵包板內建結構的的介紹,裡面是如何組織

學員們也開始拿出麵包板體驗LED+5v+GND的接電路方式,然後就可以同時製造多組LED燈來結合PD。開始先用Arduino blinking的來測試,然後就可以使用5v跟13pin的接法接好後透過Network傳去Master clock 再傳去arduino,那樣我們就可以做一個迷你演唱會啦!

3.1 這兩塊黑色的relay裡面也代表是Led,電路上一樣是led的接法就可以接到這上面,也是有兩的接口一個到GND一個到5V。

3.2記 得Firmata和老師的pduino_memex_9000檔案是一組的,Arduino電路板一定要先載入Arduino裡面內建範例的 File> Examples >Firmata> StandardFirmata再打開PD的pacth來控制output例如燈的亮滅。

3.3 PD裡面有一層層的sub patch,有時候如果有問題也可能是裡面的layer寫錯字,可以按右鍵隨時打開檢查。

然後有位學員的問題是可變電阻的差別在那裡?所以也順便解釋一下可變電阻也是電位控制器(volume)可以使用這來增加或減少例如電視機或立體音響的音量,它是經由旋轉鈕來變化電阻值,藉以變化電流之流動情況。

每天會更換的IP來使用,關於chat連線的可以參考Network address translation (中文是網絡地址轉換

連接boardcast的一些設定

在小雅的相簿里copy過來的筆記

可變電阻有三個插口,一個接地線(GND),一個接電力(5V),一個接到analog,analog就是電路板上的其中一個插口,可連結到電腦來控制


Follow

Get every new post delivered to your Inbox.

Join 1,128 other followers