期末颱風

期末考時遇到雙颱，大家都紛紛在問隔天會不會考試... 於是用程式碼解釋這個現象，不過裡面有個有趣的BUG，能發現嗎？

Facebook Chat-room Image ( Facebook 聊天室圖案製作 )

最近朋友又在Facebook聊天室用神奇的code貼了一張影像給我，仔細看了一下，發現方法頗單純。


作品：師大附中Facebook聊天室校徽

[[119853858155674]] [[406381676079369]] [[405569136151638]] [[123046641168163]] [[351541474918594]] [[350116605059320]]

[[330262407053149]] [[119515894855852]] [[248128375300088]] [[251189481647356]] [[252104128229413]] [[404711332904212]]

[[315426835210887]] [[358358740897499]] [[144806638987969]] [[330205803723974]] [[400975169955496]] [[309864779103545]]

[[433440300023950]] [[395893770456168]] [[162290537236794]] [[253404078092844]] [[345436568858428]] [[441776292507972]]

[[453347648010473]] [[473114889368633]] [[310365985721855]] [[221169918003673]] [[294436837320086]] [[244573498991442]]

[[459915707353191]] [[409172655792153]] [[372764052783133]] [[432841633416823]] [[460590967285763]] [[146421248826697]]

以上碼貼在Facebook聊天室，對方會看到附中校徽！

Facebook聊天室中出現[[ID]]的字串，回將換成ID對應的相片，可能是某個Facebook帳號，也可能是粉絲專頁(Pages)，而要製作自己喜愛的圖案則是用這樣的方法，於是乎我就自己做了一個，方法如下。

一、
將圖片切成M*N的方形子圖片(sub-image)，且每個子圖片pixel要超過180*180的大小(如果沒有，可以手動拉大就好了)

二、創立M*N個粉絲專頁，分別把分割好的圖片當作對應的粉絲專頁

三、
把所有粉絲專頁的ID（可以從網址裡面讀出）記錄下來，套入[[ ]]中，排序成M*N的形式後就可以在聊天室貼給朋友分享了！

ex. [[395893770456168]]

注意事項：

1. 過程中圖片和粉絲專頁名稱一定要標好，且可以從中讀出影像的位置（幾之幾）
2. 使用Photoimpact分割圖片與創立數十個粉絲專頁，比想像還要費時，往後若要操作可以寫自動化的程式運作，讓全部程序自動化
3. 粉絲專頁在太短的時間內建立太多會被偵測到，Facebook可能會把該使用者封鎖（我連續創立約20個就遇到警告訊息）

HSNU ROCKS!!

Google Blockly

今天在WIRED（http://www.wired.com/wiredenterprise/2012/06/google-blockly/）上頭看的Google Blocky，說是視覺化的程式語言，於是玩了他的名叫Maze的DEMO（http://blockly-demo.appspot.com/blockly/demos/maze/index.html）。

採用左手摸牆走的走迷宮方法。

小心得是和感覺這個Demo跟Karel是很像近的範例。

談論網路課程

這篇文章本是服務學習課程中，聽演講的心得（還沒有交的朋友不要抄呀），寫著寫著，對於我們國內被新聞報導好像很好的OCW，產生很多不一樣的看法。


李百里先生在這次的演講，撇開他的專業與我們談論新的教育方式，我格外喜歡如此，畢竟一個企業家能與我們分享的實務經驗不是能在短短演講中吸收的；相對的，以一個最需要人才的企業家角度，談論和我們相關的教育，是我們眼前最關切，也是最具有實際價值的。

講者提到的新式網路課程我頗有感觸，過去一兩年內也修過很多網路課程，甚至實際到美國的學校修課，十分能感受講者期盼我們去接觸這類課程的心情，反觀國內的網路課程，實在有太多可以進步的地方了。

最大的差別在於，任何一門課的設計是否能從學生學習的角度出發：於課程長度安排上是否符合人的專注力長度、作業是否能漸漸引導中含有教學、老師是否真直接給予準確精簡的資訊而不廢話、資訊系統與作業系統是否順暢美觀。自己修校內網路課程，對於上面幾點，發現我們的課程時間安排完全不人性化；作業從課本選而像是隨意丟給學生，並不具有引導學習的功效；老師教學難易度沒有辦法從學生角度出發，沒有設計好的教材與內容；資訊系統中網路速度非常慢，對於校外使用者根本不堪用，至於美觀雖然不影響功能，但卻間接影響觀感。

拿當今我們看到做得很好的網路課程做比較，上述個人的想法某種程度來說是不公平的，畢竟別人擁有的資金多太多了，但許多設計上的規劃，並不一定是錢的問題，於是我覺得國內對於這方面的投資、用心程度令人擔心。

科技反思

恰好看到兩個微電影都是在談論科技造成的負面影響。

溫度 - 海洋大學

回到過去說愛你

"我們面對著螢幕，卻背對了幸福"

Stanford Karel

Wiki: http://en.wikipedia.org/wiki/Karel_(programming_language)

Tutorial: http://www.stanford.edu/class/cs106a/handouts/karel-the-robot-learns-java.pdf

Class Website: http://www.stanford.edu/class/cs106a/

Stanford的CS106A Programming Methodology是頗大的一門課，不論當時在實際在Stanford修課，或是回來後看Coursera(Online Course)和iPad上的iTunes U都有這門課，裡頭的內容也很完善。

這門課的是設計給Computer Science學生的第一門課，第一週裡，他不和你談論真正的程式，而是給出一個只有四個指令的軟體機器人Karel，它只會「前進」、「左轉」、「撿東西」、「放東西」，然後教材一路教導你怎麼讓Karel變聰明，一週內，它學會蓋房子、撿垃圾、...

當時和助教聊天，它說以前CS106A是以C語言為主，但是現在則是教Java (this means that most of Stanford Computer students learn Java as their first programming language)，Keral也是用Java寫出來，然後包裝好，不讓一開始學習的初學者看到裡頭複雜的程式，而只有那四個指令。

四個指令會漸漸延伸出很多東西，像是三個左轉形成一個右轉的function，for和if可以形成一個直線走到牆的function等等，基本上程式語言中最基本的概念都會學到。

這門課的修課心得：

• 以了解概念為主導，課程非常強調學生寫程式要如何思考、如何有一個正確的習慣
• 它限制了給學生的東西，與一般學校授課的方式不同，過程中由簡入深，把比較深的內容包裝起來不被你看到，讓初學者不會一開始就陷入茫然
• 很有趣！教材都很完整的教學，修完課讓學生自己有能力可以寫很多東西

上學期我自己用C語言寫了一份Karel（https://github.com/heronyang/smiley），並不會困難，但我過程中是希望把程式碼寫得漂亮，至於GUI的部份做到一半，往後有一些規劃：

• 製作GUI
• 自撰教材或是翻譯教材
• 分享給需要的人

那你拿了嗎？

學生：「眼前社會的科技發達、資訊流通更是誇張，這樣海量的知識流通，又幾乎都是免費的，大家的競爭更加接近，我們該怎麼脫穎而出？就像是滿山的buffet，該怎麼拿？」





林百里：「那你拿了嗎？」