高見龍

iOS app/Ruby/Rails Developer & Instructor, 喜愛非主流的新玩具 :)

閒聊投影片製作與上台表演

請注意,本文有許多個人自以為是的內容,不一定適合每個人,所以請謹慎服用。

我之前工作的某個老闆跟我說過「每次的上台簡報就是一場表演」,這句話我一直記在心裡。既然是表演,表演內容固然很重要,但"說故事"的方法也很重要,不然內容也許真的很棒,但台下卻睡成一團。

不久前看了我的偶像之一Lindsay Fallow(a.k.a Stray)的一份簡報Robotlegs 2 and your brain,真的感覺會做投影片的人就是不一樣,即使人不在現場聽演講,簡報裡也沒有太多的文字說明,光看簡報就能大概知道作者想要表達的意思,這很酷!

所以這回在第一屆的PHPConf Taiwan上用的投影片,我也想來試一下不同的簡報風格。

投影片準備

設定方向

因為我的場次只有20分鐘,要講很詳細是不可能的,而且我猜聽眾們對這個主題應該有些陌生,所以我把投影片設定在入門簡介等級的,目的是讓大家知道或認識這個主題就好。

軟體選擇

其實軟體不是重點,沒有什麼"用XX軟體來做簡報才是王道"這回事,只要選擇自己順手的工具來做就行了。前面幾場我選擇用HTML5 + Deck.js來做,我覺得效果滿ok的。基於自以為自己是個閃客,本來想用Flash來做,但時間有點趕,而且我想做的內容可能會需要更精準的控制元素的位置,所以最後我選擇了Keynote。

製作概念

用圖片來取代我想講的話,讓聽眾看到圖片之後能自行腦補我想表達的意思,這是我這回想要試驗的目標。

例如我想表達CoffeeScript因為是最近才出來的,會不會被大家認為"嫩"、"年輕"、"不成熟"的感覺,本來想找嗷嗷待哺的幼鳥,但因為幼鳥的皮膚顏色並不好看,所以最後找了小鴨:

image

再來例如我想表達的是「JavaScript看起來很容易學、很容易寫,但要寫到夠好卻很不容易」。閃過腦袋的「簡單」是「a piece of cake」:

image

但即使是一片蛋糕,也是有人可以吃的很難看,滿嘴都是:

image

圖片真的有達到我想表達的意思嗎? 不確定,如果沒有,表示我還有很大的努力空間。

整體而言,我準備投影片的內容大概只佔了30%的時間,60%的時間在找圖,剩下的10%在順投影片。值得嗎? 我覺得這是不同的嘗試,並沒有值不值得的問題。

自我介紹

上台表演是個讓大家認識你的好機會,所以在投影片裡放個自我介紹是很重要的。這是我本來的自我介紹頁:

image

整個都是字,密密麻麻的感覺好像感覺很強大、有幾百年功力的樣子。但我其實並不想在個人頁停留太久,而且寫了一堆,別人也不見得想看,還可能被覺得是在吹噓當年有多勇。真正厲害的角色只要一句:

I'm CEO, Bitch

輕描淡寫的一句話,大家就知道他的趴數了。

為了讓自己更快讓別人知道我的比較熟悉的技能,所以我做了這張,跟大家說我是寫Flash的:

image

然後把前面那個都是字的內容縮減成這樣:

image

其實字還是滿多的,所以我不會全部照著唸,在這頁我大概只會停留10秒鐘以內就會離開。至於網站或是聯絡資訊,反正也不會有人想看,所以我在放在最後一張。我把它放在最後一張並不表示不讓它登場。我大概計算過,在我跟大家說謝謝準備下台之後,從我原本站的位置走到我的電腦、關掉投影片,大概有5秒左右的時間,這個時間我預計大家都在拍手,然後我會在這個時候從倒數第二張的QA畫面,切換到最後一張投影片:

image

字型

全英文投影片? 英文是很厲害是嗎?

當然不是! 不得不說,中文字型的筆畫多,如果想走精緻路線很吃虧,所以除了我的名字是中文的之外,其它的我選用英文來寫。

為了不讓字型搶了圖片的風采,所以我想找細一點的字型,但如果太細到時候播放出來又擔心看不清楚,所以字型的樣式跟粗細在用的時候是要很注意的。系統裡的字型沒有我看喜歡的,所以我上網找找看有沒有漂亮的字型,後來找到Rawengulk這套字型,樣子看起來像這樣:

image

免費而且可商業使用。雖然它不是等寬字,不過這套字型從最細到最粗看起來都滿舒服的,在視覺上跟圖片應該會滿搭的(個人感覺)。

順便也備份了一下。

圖片來源

一開始我是使用Google的圖片搜尋功能,但圖片的尺寸、品質好壞很難控制,而且授權也不見得都有標示清楚。後來才發現Flickr是個很棒的圖片來源,照片多,而且有很多CC(Creative Commons)授權的圖片,只要搜尋的時候加勾選就行了。

image

CC授權的作品大多只要在使用的時候標記作者姓名、出處,而且不做為商業用途的話,幾乎可以無限制的使用,感謝這些人無私的奉獻。

然後因為我還沒辦法做到完全只靠圖片就說故事給大家聽,還是需要一些簡單的字比較容易說明,所以在選擇照片的時候我會特別選擇有適當的留白區塊可以讓我填字的照片。

上台表演

上台前準備

我大概花了10%的時間在練習講自己的投影片,我儘量要求自己記得所有投影片的順序,這樣我才能不用回頭看一下投影片就可以繼續講下去,腦袋裡本來預計要講的故事不會因為這樣中斷,在講的過程中因為自己知道下一頁要講什麼,也比較不會緊張。

站的位置

我不喜歡選擇站在講桌後面講話,除非是要操作電腦。

雖然不是第一次來中研院的這個會議廳,但以前都是當聽眾,不知道前面的舞台有多長多寬、視野如何,所以我一早到會場,試了一下投影機沒問題之後就先去試一下舞台,看看哪個位置是我可以看得到我目前簡報播到哪一頁,還可以看到全部的聽眾,也可以讓大家都看得到我。

image photo by othree @PHPConf Taiwan 2011

簡報器

Wii手把真的是個很不錯的簡報器。

Apple雖然有出一隻長得像ipod的遙控器,但它是紅外線的,缺點就是距離短,而且有指向性,只要站太遠或指的角度不對,就沒辦法用。而Wii是使用藍芽跟電腦連結的,不僅距離長,而且不用太刻意指向電腦就可以操作簡報。

有些手機的App可以做到類似的事,但因為手機是平的,不像Wii手把的十字鍵是凸起來的,所以我如果我對這個App不熟的話,可能得先低頭看一下手機的畫面才能操作,而且可能還得一手拿著、另一手來操作,但Wii手把的話則是只要一隻大姆指就可以輕鬆操作了。

除此之外,Wii手把在"視覺上"還有某種程度的娛樂效果 :)

image
photo by othree @PHPConf Taiwan 2011

麥克風

因為拿一般的無線麥克風的話,會讓我兩隻手都被佔用,沒辦法有其它手勢,所以我最後跟會場借了小蜜蜂來用。

其實我本來想去找像豬哥亮那種可以把麥克風吊在脖子上的東西,然後把自己搞得像夜市叫賣的,我很愛這種不協調的感覺,只是不知道要去哪邊買就是了。

與台下聽眾互動

有些人喜歡在演講過程透過問台下聽眾問題來增加與聽眾的互動,但就我觀察,台灣的聽眾普遍都比較害羞,很容易在問問題的時候會遇到沒人要鳥你的情況。所以問問題就要有用一點小技巧,例如「請問台下有沒有人平常的工作是寫JavaScript呢?」這個問題,我用了反面的問法:「請問台下有沒有人平常的工作是"不用"寫JavaScript呢?」,即使大家不捧場,也滿容易再接下去講,場面比較不會僵掉或是中斷原本的流程。

眼睛看哪裡?

當然要看正妹啊!!(誤)

上台表演難免會抖,而我自己消除緊張的方法,是在講的過程中,快速掃瞄台下對我講的內容有反應的聽眾,反應包括微笑、點頭等表示聽得懂或認同的,然後把比較多的視線停留在這些人身上來增加自己的一些自信,當自信增加到一定程度之後就比較不會抖了。

結論

記得要預先盤算你要做的每個動作的目的以及台下聽眾可能會有的反應(也許是笑、也許是問問題,或是丟雞蛋)。每次的表演結束後,如果有錄影的話,請再花點時間看看自己的表演,看看哪邊是有問題的。不要覺得不好意思,別人眼中的你才是真正的你,鏡子裡的那個自己並不是。看看自己的動作、語調,然後利用每次的演講就改掉一些缺點,才會越來越進步。

我一直相信,只要用心的準備每次的表演,台下的聽眾也會用心的回應你的,即使不是當面跟你說,也會在社群網路上看到正面的回應。

一些個人的想法,與大家分享。

自己要檢討的地方:

  • 講話依舊有些抖
  • 無謂的手勢太多
  • 時間的掌控不足

CoffeeScript on PHPConf Taiwan 2011

這是我在第一屆的PHPConf Taiwan講的主題

image
View on Speaker Deck
Download PDF

內容是入門等級的介紹,沒有現場實作,只是希望大家可以試著用不同的工具,體會不同的感覺。這次同時也試著用不同的風格來做投影片,不過沒有太多有趣的梗,希望大家會喜歡。

不是我愛撈英文,而是中文字型就真的很吃虧,要做精緻路線的投影片比較麻煩。

話說,Speaker Deck的設計其實很不錯,沒有廣告,上傳很簡單,而且播放器也不需要Flash Player,就可惜目前少了個全螢幕播放的功能,在電腦上看還不錯,但在公開場合要播放就很吃虧了。

Octopress的Canonical URL問題

自從把Blog從Wordpress搬到Octopress之後,對我這種愛敲鍵盤的人來說,寫東西真的順手不少。不過最近我發現在要把網址貼到Facebook的時候發現這個情況:

image

原本以為會自動抓該網頁的摘要,但卻出現了301 Moved Permanently的字樣,但只要把最尾巴的斜線拿掉就正常了。不過一樣的網址貼到Google+是ok的,於是我把網址丟到Facebook的Debug工具看看是哪邊出了問題:

image

出現了Circular redirect path detected的錯誤訊息,畫面往下捲看看是什麼狀況:

image

大概猜到是怎麼回事了,但很好奇到底是哪邊造成的,看了一下我的_config.ymlpermalink設定:

permalink: /:year/:month/:day/:title/

看起來尾巴有斜線的。接著再翻了一下其它的source才發現,原來在source/_includes/head.html裡有這行:

(source_includes_head.html) download
1
{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}

最後面加了個strip_slash的filter,看起來就是會把slash給脫掉的,我把這個filter拿掉之後,原本的canonical url就會留下/了,整個重新發佈一次之後,再貼到Facebook就沒301的問題了。

似乎不只這樣,原來Disqus的identifier也是用canonical url(請見source/_includes/disqus.html)。之前一直很好奇為什明明我在Wordpress的留言已經匯入Disqus,從Disqus的dashboard也都看得到,但就是無法顯示在blog文章裡,原來就是這個canonical url差了一個斜線,造成disqus_identifier不同而讀不到.. orz。

剛把它修正之後重新發佈之後,之前在Wordpress的留言就可以正常顯示了。但因為換過來之後沒注意到這點,所以從我換到Octopress之後有來留言的大大們真的很不好意思,您的留言其實還在Disqus裡,只是因為identifier不同而暫時只能留在dashboard裡了。

其實我也不知道為什麼這邊要strip_slash這個filter的存在,也許有它的用意吧,不過我拿掉之後就可以解決我的問題了。

以上,若有哪邊有錯再請跟我說 :)

第八回AS讀書會之Hello Robotlegs

時間很快,已經到第八回了,雖然這回是在週末舉辦,依舊還是相當多的朋友來捧場,相當感動 :)

image

這回我的主題是Robotlegs的入門介紹,投影片可以在這邊找得到 http://www.eddie.com.tw/slides

除了原定我跟另一位講者(阿邪哥)之外,這回還有另一位佳賓,是Papervision3D Essentials一書的作者Jeff Winder剛好最近來台灣玩,也一起加入我們一起同樂。(聽說他來台灣騎腳踏車環島,真厲害)

image Jeff幫忙補充了一些Robotlegs的東西,也分享他最近做的一些東西。

image 果然,穿M號的衣服還是太勉強,減肥之路還得繼續努力! 更多照片請見 Picasa相本

如同Jeff跟我說的:

"It is always so nice to meet people who share the same passion."

嗯,我覺得那就是當初辦這個聚會的目的了。

最後要再感謝一下來參加的各位朋友,以及臨時被我拉來當攝影師的鐵哥,咱們下回見 :)

PS: 話說我發現其實開口講英文雖然還是不太習慣,但比我想像中的簡單,似乎常看影集果然多少還是有些幫助(幫自己愛看影集找藉口)。

電視影集

我常會笑我老爸老媽每天晚上守著劇情扯到不能再扯的八點檔,然後討論誰的小孩是誰誰誰的私生子,然後誰又是誰的小三。但我自己也好不到哪裡去,即使再忙,也是幾乎每天在看影集。

忘記是從什麼時候開始,我的影集大盤商介紹一些好看的美國影集之後,我就陷入了這個影集無窮迴圈。剛好最近跟朋友們吃飯聊到,於是就來整理一下列表,順便看看我到底浪費了多少生命在上面。

影集列表

以下是我自己在追的影集,主要是美國影集,也有一些是英國的,還有少數是日本的(其實我不太看日劇的..)。有的還在追,有的已經追完了,也有的不幸斷尾了。以下內容應該不太會有雷才是..

目前還在追的

大多是跟到最新的一集,就算當天沒把它消化掉,週末也一定會找時間把它追完。

  • Bones:犯罪調查影集,看到後來比較多是在看那兩個B的互動,不過後面感覺有點在拖戲了..
  • Castle:犯罪調查影集,男主角很可愛! 我想要來去找一件男主角穿的那件防彈背心來穿。
  • Chuck:輕鬆的間諜影集,主角是在3C賣場的阿宅(但帥到不太像阿宅),腦袋被灌了一堆資料進去之後變成活的罪犯資料庫,我比較喜歡女主角。
  • Criminal Minds:犯罪調查影集,不過主要是從心理跟行為層面來調查,劇中會引用一些名言來開頭或結尾,會因此而再特別去查這些名言的相關資料。
  • CSI(Las Vegas):經典的犯罪調查影集,我只有追LV系列的,其它系列的風格不是我的菜。
  • Dexter:另一種犯罪調查影集,男主角白天的工作是在警局工作,晚上則是化身為正義使者,專門處理一些法律沒辦法處理的壞蛋。口味滿重的,我超愛!
  • Doctor Who:英國經典的科幻影集,第6季真的好看!!
  • Haven:某個神秘的小鎮的居民幾乎都有一些不為人知的超能力而造成一些災難,故事還不錯 :)
  • House MD:嘴賤型天才的經典角色,最新一季少了一些我喜歡的角色,感覺味道不太一樣。
  • How I Met Your Mother:目前追到第7季,聽說這一季還不會公佈到底老媽是誰,還要繼續拖戲下去..
  • Leverage:一群各有專長的騙子、小偷、駭客組隊在行俠仗義,主角之一的Parker是我的菜,我幾乎只有在看她而已。
  • Modern Family:輕鬆的喜劇影集,有趣的一家人,劇中常會穿插各個角色的獨白,我很愛這種口味。
  • Primeval:恐龍片,英國影集,有像小叮噹一樣的時光隧道可以穿梭現代跟恐龍時代,雖然感覺有點假假的,不過還不錯看。
  • Sherlock:英國偵探影集,聽說終於要出第2季了,等好久了。
  • South Park:卡通片,但不是給小孩子看的那種。有些口味滿重,重到應該會被列為18禁的範圍。很敢調侃政治人物以及當紅的知名人物,真希望台灣也有這種的。
  • Suits:法律影集,一中一少的兩個帥哥,劇中有些比較"商業"、"現實"的觀點我都還滿認同的。
  • Switched at Birth:在講兩個小孩子在出生時候被抱錯的故事。這部影集用的英文不會太難,我沒掛字幕都能看(聽)得懂。
  • The Big Bang Theory:阿宅喜劇影集,內容超有趣,很容易擊中我的笑點,其中最愛的角色是Sheldon。
  • The Mentalist:也是犯罪辦案型的影集,但口味比較沒那麼重,男主角愛搞笑的風格我還挺愛。
  • The Practice:有點年紀的法律影集,其實已經播完了,但因為找不太到字幕所以還在慢慢看。
  • The Secret Circle:最近在追的巫師影集..
  • The Walking Dead:活屍片,台灣翻譯做「陰屍路」,這部影集其實恐怖的不是那些會吃人的活屍,而是吃人不吐骨頭的人心..
  • Torchwood:英國科幻影集,最新一季拍得還不錯看,只是男主角Jack的男男床戲我還是不太能接受。
  • True Blood:吸血鬼影集,不時有養眼鏡頭。故事其實還不錯,不過在第4季出現主角們3P大亂鬥的情節,有點沒力..

已經追完或已經斷尾的

  • Alice:英國小品影集,故事就是我們知道的那個愛麗斯夢遊仙境,只有2集,甚至算不上是系列影集,不過拍得不錯。
  • Bonton Legal:法律影集,是The Practice的spinoff,雖然是法律劇,但劇情發展很輕鬆,不像The Practice那麼嚴肅,甚至有走向喜劇路線,裡面的主角我都很愛,可惜已經結束了,後來再出的法律影集也沒有類似的風格了。
  • Breaking In:有點像Leverage一樣的組合,不過沒有Parker啊..
  • Flash Forward:因為某個陰謀團體的做了某個實驗,讓全世界所有的人可以看到未來某一天會發生的事,還不錯看。
  • Friends:經典的喜劇影集,最後一季的最後一集其實我一直很不敢看,因為會覺得「看完了就沒有了怎麼辦」。
  • Heroes:不錯看的超人影集,但超人影集發展到最後總是後來出來的角色越來越強大,而且一堆人都有超能力..
  • Knight Rider:故事講到霹靂遊俠李麥克的兒子,夥計的功能也越來越強大。其中已經年老的李麥克也有出來串場..歲月不饒人啊!
  • Kyle XY:一個沒有肚臍的高智商人造人,男主角挺帥,故事也不會太拖,3季就結束了。
  • Lost:其實這部我沒追完,進度還停留在最後一季..
  • Miranda:英國喜劇小品,只有1季,女主角是位高大威武而且不是很正但自我感覺良好的女孩子,挺有趣的。
  • Monk:算是比較輕鬆的犯罪調查影集,全部8季,主角有點年紀而且長得不帥,講話也不犀利,甚至還有些怪癖,但就是這樣很可愛。
  • Outsourced:輕鬆的喜劇,其實就是同名電影的影集版,可能是成本考量,不是真的到印度拍攝,整個場景就看起來有點假假的,連路人看起來也是,不過戲裡的女主角挺正的。
  • Persons Unknown:一群人莫名奇妙的被綁架到一個小鎮關起來,然後有點像用Lost的倒敘方式來講故事,背後總是有些什麼陰謀的。
  • The IT Crowd:英國喜劇影集,共4季,主要在講某公司的IT部門幾個阿宅的故事,很有趣,不過可惜英國影集的集數總是少少的,4季算一算大概是美國影集的2季吧。
  • 勇者義彥與魔王城:全部12集,少數有在追的日劇,惡搞勇者鬥惡龍系列低成本搞笑片,完全擊中我的笑點!!
  • 怨恨屋本鋪:日本深夜節目,從漫畫改編過來的,主旨是「你的仇恨由我們來幫你報.社會性抹殺,尋人,實質的殺害都可以.價格可議」的代客報仇行業,雖然說這樣的行業有點危險,但很多時候法律只保護懂法律的人,以及有錢人..。另外,主題歌不錯聽!

一開始有追,但後來追不下去或懶得追的..

有的一開始真的不錯看,只是後來實在是口味離我喜歡的有點遠,或是劇情發展公式化了,猜都猜得到壞人是誰..

  • Body of Proof:犯罪調查影集,主角是個女性法醫,感覺有點像女性版的House,不過沒有House那麼犀利。
  • Grey’s Anatomy:其實這種醫院型的影集一開始很合我胃口,但追到第三季之後,裡面的角色開始互相亂來亂去之後就沒太大的動力繼續追了..
  • Harry’s Law:法律影集,一開始覺得還不錯,但後來劇情發展實在太溫和了,不合我胃口。
  • Off the Map:醫生影集,前面追了幾集後覺得沒有特別吸引我的劇情或角色。
  • Terminator: The Sarah Connor Chronicles:魔鬼終結者影集版,不是阿諾演的感覺就是少了那一味。
  • The Cape:感覺是英雄影集,但事實上並不太算,主角還是一般的人類,沒有什麼過人的能力,也不像蝙蝠俠那麼有錢可以買一堆車或道具,看他打擊壞人就整個很沒力啊。
  • The Event:一開始設定還不錯,不過這種超人或是神秘型的影集,越後面的角色越出越神奇,最後總是很難有好的收場。

不知道還有沒要繼續拍的

  • Human Target:也是非官方的行俠仗義團隊,不過這影集好像停好久了,不知道還要不要繼續拍..
  • No Ordinary Family:超人影集,全家每個人都有超能力..
  • Lie to Me:我從影集裡學到一些簡單的辨識人是不是在騙人的小技巧,也學會了如果要說謊的話,要注意怎麼樣比較不會露出馬腳。不過最近戲裡的幾個角色都跑去別的劇串場了,聽說要斷尾了。

青菜蘿蔔各有所好

我喜歡喜劇,因為笑一笑可以讓生活快樂一些,特別是那些阿宅影集,常常會被戳中笑點而笑到停不下來;我喜歡超人、科幻影集,因為有很多想像空間,例如穿越時空,或是看主角用他的超能力打擊壞蛋,抒發平常工作上的壓力;我喜歡犯罪調查、偵探以及醫學診斷影集,因為可以從中學到細心的觀察事物,還有一件事情從多方面、多角度來思考。

不過老實說影集的喜好大多跟主角有關,主角長得帥、長得美,或是能力很天才但又嘴巴賤賤的才會有人看,像"Monk"這種長得不帥、講話聽起來又有點呆的其實就很吃虧了。

最近會把影集放到iPad裡面,在踩健身車的時候拿來看剛剛好,時間一下子就過去了,就不會覺得運動特別辛苦。

也許你會好奇台灣的電視頻道又沒播,要怎麼追這些影集? 你知道,現在網路很方便..

英文不好,聽不懂怎麼辦? 對岸翻譯字幕的效率有時真的是快到嚇人..當然也有遇過像The Practice這種比較老或是比較冷門的片子是沒人翻譯字幕的,那就是練聽力的好時機了。

影集誤我一生

影集除了佔了我不少的硬碟空間外,也佔了我近幾年人生的很大一部份的時間。雖然我常把「影集誤我一生」、「如果不看影集的話,我的人生可能可以有更好的發展」之類的話放在嘴邊講,不過我還是從影集裡學到不少東西,除了自我感覺的英聽能力有變好一些之外,也多瞭解了一些別的國家的文化,而且看一些打擊壞蛋的影集也有助於抒發每日工作的壓力。

剛剛算了一下上面有列的影集的總時數,大概是2,000個小時左右,如果以上班族一天上班8小時、一週上班5天來算,差不多是50週的時間..我的青春就燃燒在這上面了 orz

有興趣的朋友也歡迎一起來閒聊,或是有覺得不錯的影集也歡迎推薦來一起同樂 :)

常用網站