台北黑眼圈

睡不著和受不了的時候，黑眼圈襲上

1997 的台北夜晚，黑眼圈發生

『...蔡康永說，天黑了，趕快加入台北黑眼圈吧。』

廣播真是神奇的東西，那時聽深夜12:00-02:00的台北黑眼圈

感覺好像和全台北一起熬夜。青春也在一次一次的黑眼圈中漸漸稀釋

隔了很久很久以後...在異國聽到了以前的錄音檔...

好像又回到台北，參與一起熬夜的行列...


ps.在ppt上看到的資料，整理自土豆網

台北黑眼圈處女第一集部分
http://www.tudou.com/programs/view/7CtbjcLRlDY/
台北黑眼圈處女第一集部分 是否會買性高潮藥物
http://www.tudou.com/programs/view/2Whnayvxuk0/
台北黑眼圈看見愛人偷吃你會怎麼辦 部分 part1
http://www.tudou.com/programs/view/oWm4Ivs3x6w/
台北黑眼圈看見愛人偷吃你會怎麼辦 部分 part2
http://www.tudou.com/programs/view/wNyWKG7roSw/
台北黑眼圈男生是否要裝處男膜~ ML時最不該說出的話
http://www.tudou.com/programs/view/HhIzs8UoAnQ/
台北黑眼圈最想發生一夜情的書中人物 part1
http://www.tudou.com/programs/view/JYPzEVpx41s/
台北黑眼圈最想發生一夜情的書中人物 part2
http://www.tudou.com/programs/view/m8SJmdXPfd4/�
台北黑眼圈之白痴造句法
http://www.tudou.com/programs/view/uAXsrQCChCk/
台北黑眼圈之《愛情多瑙河》改造版
http://www.tudou.com/programs/view/xOIlNbbClIg/�

Mr Magorium's Wonder Emporium（神奇玩具店）

一間活的玩具店，不是很過癮的想像嗎

玩具的魔力，常常是已經脫離太久小孩子生活的大人，難以理解的。

不論幾歲，玩具店的老闆永遠都是小孩。

進入他們的世界後 just belieive~everything could happen.




Office website: http://www.magorium.com/

網站內容除了劇情大略之外，很棒的是還有提供紙飛機的折法（paper airplanes ），很符合電影內容的服務啊。

Designing the User Interface: Strategies for Effective Human-Computer Interaction

• Language English
• ISBN-10: 0321269780

The much-anticipated fourth edition of Designing the User Interface provides a comprehensive, authoritative introduction to the dynamic field of human-computer interaction (HCI).

如果要選一本放在手邊隨時查閱，關於使用者介面設計的工具書或入門書，這本書是很不錯的選擇。目前這個版本是第四版，作者將資料整理得很清楚兼具學術與實務的內容，章節包含（Chapters have examples from cell phones, consumer electronics, desktop displays, and Web interfaces.）涵蓋範圍很廣。


以下摘自書中內容

The wheel is an extension of the foot,the book is an extension of the eye, clothing,an extension of the skin,electric circuitry an extension of the central nervous system.-Marshall Maluhan and quentin fiore -The Medium is the message,1967

The real voyage of discovery consists not in seeking new landscapes but in having new eyes.
Marcel Proust

The real question before us lies here:Do these instruments further life and enhance its values,or not?
Mumford Technics and Civilization,1934

Designing an object to be simple and clear takes at least twice as long as the usual way.It requires concentration at the outset on how a clear and simple system would work,followed by the steps required to make it come out that way-steps which are often much hard and more complex than the ordinary ones. It also requires relentless pursuit of that simplicity even when obstacles appear which would seem to stand in the way of that simplicity.
T.H. Nelson-The Home Computer Revolution,197
Designing the User Interface: Strategies for Effective Human-Computer Interaction, 4/E
Ben Shneiderman, University of Maryland
Catherine Plaisant, University of Maryland

Unlike machines,human minds can create ideas.We need ideas to guide us to progress,as well as tools to implement them...Computers don't contain "brains" any more than stereos contain musical instruments...Machines only manipulate numbers;people connect them to meaning.Penzia,1989

Shneiderman’s “Eight Golden Rules of Interface Design”(中譯)

1 Strive for consistency.
Consistent sequences of actions should be required in similar situations; identical terminology should be used in prompts, menus, and help screens; and consistent commands should be employed throughout.
2 Enable frequent users to use shortcuts.
As the frequency of use increases, so do the user's desires to reduce the number of interactions and to increase the pace of interaction. Abbreviations, function keys, hidden commands, and macro facilities are very helpful to an expert user.
3 Offer informative feedback.
For every operator action, there should be some system feedback. For frequent and minor actions, the response can be modest, while for infrequent and major actions, the response should be more substantial.
4 Design dialog to yield closure.
Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.
5 Offer simple error handling.
As much as possible, design the system so the user cannot make a serious error. If an error is made, the system should be able to detect the error and offer simple, comprehensible mechanisms for handling the error.
6 Permit easy reversal of actions.
This feature relieves anxiety, since the user knows that errors can be undone; it thus encourages exploration of unfamiliar options. The units of reversibility may be a single action, a data entry, or a complete group of actions.
7 Support internal locus of control.
Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.
8 Reduce short-term memory load.
The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.


作者學校網站(有許多關於設計的資源及研究計畫)：

http://www.cs.umd.edu/~ben/
http://www.cs.umd.edu/hcil/

Other web resources
http://www.aw-bc.com/DTUI3/courses.html

Reference
http://www.amazon.co.uk/Designing-User-Interface-Human-Computer-Interaction/dp/0321269780/ref=sr_1_1?ie=UTF8&s=books&qid=1233356467&sr=8-1

http://www.cs.utexas.edu/users/almstrum/cs370/elvisino/rules.html

http://www.lis186.com/?p=1262

Bridgewater Carnival

Bridgewater Carnival 官方的紀錄最早從1800's開始，每年的十月中進行兩週的慶祝，直到十一月初為止。是目前全世界最大的彩燈裝飾慶典（illuminated carnival)。

有機會在現場看，實在是很過癮的經驗。
只能說『我的媽啊！也太厲害了。』

看了表演內容，可以說是電子花車加coslpay的豪華版，主題也大部分是西方的故事（雖然遊行中有人玩，中國風與日本風...不過實在是...不及格）如果哪天亞洲的國家也加入遊行還會更有看頭啊。


當天其中一個片段，黑夜騎士(其餘在youtube 上也搜的到)



"
Bridgwater Carnival 2008 lived up to its reputation as the largest and best illuminated procession in the world, with a mesmerising display of colour, sound, movement and overall entertainment.

The carnival, which took place on Friday 7 November, attracted 150,000 spectators and enthralled people of all ages as it wound its way around the historic streets of Bridgwater, Somerset.

Just under £27,000 was collected during the event and this money will be shared between Bridgwater Carnival and its chosen local charities."

Reference:

Bridgewater Carnival Official website
http://www.bridgwatercarnival.org.uk/

Learning as a social activity: Learning 2.0?

關於Knowledge 2.0 – tensions and challenges for education.這篇論文的一些討論。

web2.0 （圖上）出現後，原本在web 1.0上的數位學習思維也跟著改變。因此提出了所謂Learning 2.0 （圖左）的說法。

論文中舉了一個由原本web1.0轉型為web.20學習網站的例子。Connexions(a place to view and share educational material made of small knowledge chunks called modules that can be organized as courses, books, reports, etc. Anyone may view or contribute)

作者在論文中的觀點web2.0 和 web1.0最大的不同是web 2.0 強調使用者參與的部份，帶來許多新的教育面的可能性。（Goals of web 2.0 are participation, communication, knowledge construction and sharing of practices as ends in themselves. Participation is the point!）

作者也提出一些這個想法實際運作上會發生的問題。

"Bonderup Dohn says:Relationship between technology and human needs and activities is a dialectical one – resulting in contradictions and tensions.Harnessing web 2.0 for educational goals will change these internal purposesThere is a tension between educational goals that focus on the individual and their development and the dynamic, open –ended and distributed characteristics of web 2.0 interactions."

這些問題在實際教學運作上得確是問題，web 2.0原本指的就是技術而已。要套在教育上本來就是需要調整作法，而衝突換個角度想其實也是屬於教育的一部分，就是看帶領者如何引導學習者思考。作者在文中也提到。

"Putting it bluntly – too bluntly, perhaps – participation in Web 2.0-practices is for the sake of qualifying the participation in them, whereas participation in educational practices is for the sake of qualifying to get out of them."
其實從技術觀點看Learning 2.0 會單純的多，就是當ICT tools 的所能提供的功能越多，使用者能受惠的可能性就越高（affordance),在這個角度下web 2.0就很明顯只是Learning2.0的一部分（如左圖）。該思索的應該是，人們如何在這樣的環境下讓學習效能最大化。

從這個角度再回到web 2.0 的討論上，以知識習得（knowledge acquisition）為目的來看學習的過程，就不難發現為什麼作者用web1.0 到 2.0來對比人的學習過程。從個人知識建構（Piaget）到社會建構（Vygotski）的過程。網路所能提供的支持（scaffolding）也是目前所有的ICT tools中最大的。

Piagetian-inspired construction of mental representations and schematas (Piaget, 1950), to Vygotskian inspire dinternalization of socially mediated knowledge (Vygotsky, 1978).

可能給予的幫助最大，可能發生的危險也越多，ICT tools 永遠的雙刀兩刃命題。

Microsoft 幾個和web2.0 相關的網站:
Photosynth: http://labs.live.com/photosynth/
WorldWide Telescope: http://www.worldwidetelescope.org/
Tafiti: http://tafiti.mslivelabs.com/
PopFly: http://www.popfly.com

相關資料
What is Web 2.0?
Form web 1.0 to 2.0
Results and analysis of the Web 2.0 services survey undertaken by the SPIRE project

oxford 所做關於web 2.0的專案報告
Vocabulary:epistemology (知識論)

Reference:

Learning 2.0 meets Web 2.0:http://blogs.technet.com/rgode/archive/2008/05/21/learning-2-0-meets-web-2-0.aspx
http://jerry_cheng.blogs.com/view_points/2006/06/on_affordance.htmlhttp://www.sirsidynix.com/Resources/Pdfs/Company/Abram/OLA_Learning_2.0_2008.pdf

Six degrees of separation and on-line networking 六度分隔理論與社交性網路軟體

六度分隔理論（Six degrees of separation），意思是指兩個不完全認識的人，其實中間只隔了六個人的距離。

"Six degrees of separation refers to the idea that, if a person is one step away from each person they know and two steps away from each person who is known by one of the people they know, then everyone is an average of six "steps" away from each person on Earth."

這個理論在1967年哈佛大學的心理學教授斯坦利·米爾格拉姆（Stanley Milgram，1933年—1984年）根據這概念做過一次連鎖信實驗，嘗試證明平均只需六個人就可以聯繫任何兩個互不相識的美國人。

是個很受爭議的理論，不過也引起人們很多想像。

走在路上的業務員看著那個滿手珠寶的肥羊，想著『我們的距離其實沒這麼遠嘛！』
在電腦前的宅男看著螢幕前的正妹，想著『我們的距離其實沒這麼遠嘛！』

當然你想找的人沒這麼遠，想找你的人也沒這麼遠。就是這麼一回事。

嗯...這個理論試著要說的其實就是『人和人的距離，其實沒有人們想像中的這麼遠。』

這個理論在某些社交網站已經可以得到驗證（ex, facebook）但還有很多值得討論的空間。

不過這個世界因為網路變得越來越小，是再真實不過的事實。

Reference

http://zh.wikipedia.org/wiki/%E5%85%AD%E5%BA%A6%E5%88%86%E9%9A%94%E7%90%86%E8%AB%96

pictures form internet

Self Learning「English」 自我學習 英文資源

pic from http://www.walkourtalk.com/

HOW DO YOU LEARN ENGLISH? 作者整理了網路的學習資源，以及一些中文書單，內容十分詳盡。


Centre for Independent Language Learning
這個網站的目的就是在協助"Independent Language Learning"的概念並給予相關的資源輔助，進入網站後可以How Can I Learn English on the Internet?這篇文章，看一下作者的想法和作法。

英文文法

Grammar Girl（作者中文翻譯書籍：文法女王：無痛升級學習法 蜜妮安．福格蒂）
http://grammar.quickanddirtytips.com/

Daily Writing Tip
Whether you are an attorney, manager, student or blogger, writing skills are essential for your success.

Oral Presentation Skills
This link takes you to a web site designed to help students plan and deliver academic presentations. The materials include lots of video examples of students giving presentations. Have a look at this site and use the relevant sections to help you prepare for the assessment task in the last week of the course and any presentations you have to give on your own courses.

Michigan Corpus of Academic Spoken English

This link takes you to the MICASE concordance search. This allows you to see how words are used in various contexts - in this case, spoken academic contexts. Read the information and then search carry out a concordance search for various reporting verbs you are interested in. For example, compare the uses of *say/said* and *claim/claimed* . Which are most commonly used? Are there any differences in the grammatical structures in which these verbs occur? Post your findings in your group's discussion board on the Blackboard site.

Academic presentations (UEFAP speaking)
This is another web site with information and advice on preparing and giving academic presentations. Open the link and go to 'Presentations'. Have a look at the information and exercises on the language of presentations and using notes.

Communication and Representation 符號辨讀

認識符號學（Semiotics）就從分析 McDonald's 的"Golden Arches"開始吧。

關鍵字：

denotation（符號）：the most direct or specific meaning of a word or expression
connotative（意含）：having the power of implying or suggesting something in addition to what is explicit
ideology（意識形態）：an orientation that characterizes the thinking of a group or nation
visual grammar：can be described the representation of textual
viewer /reader’s relationships

Exercise:使用這六個關鍵字，分析McDonald's的廣告

有關符號學的介紹與練習，open university 上有一門課程介紹得很清楚，適合新手入門。

Relate Link
Semiotics on open university

Design Education ICT tools' webstte

from futurelab

The websites relate to design Education ICT tools，Futurelab provides various information.

content form：Internet

	Tiletoy http://www.tiletoy.org/
	TileToy is a modular, electronic game prototype for tangible LED game tiles. TileToy brings the flexibility inherent in digital software to a physical tile that people can touch and interact with. By arranging the electronic tiles, players can engage themselves in various kinds of game play, ranging from fast-paced arcade style games to puzzle an learning games. Soda http://soda.co.uk/ Soda develops creative tools that help communities work, play and learn together. Formed in 1996 we are a team of artists, developers and entrepreneurs best known for our BAFTA-winning online construction environment
	SmartLab Projects http://www.smartlab.uk.com/2projects/index.htm Operating from its new 'home' base at UEL, SMARTlab has spread its wings to fill new purpose-built studios, including the MAGIC (Multimedia & Games Innovation Centre) PLAYroom, incubation and training spaces with linked fabrication, simulation, and product design facilities and a partner high def multistream film/video facility all on site, in the heart of the London Docklands
	FutureLab Projects http://www.futurelab.org.uk/projects#

Futurelab is passionate about transforming the way people learn. Tapping into the huge potential offered by digital and other technologies, we develop innovative resources and practices that support new approaches to learning for the 21st century.