[Open source course] 14/5/14 Mozilla Firefox 2 - Firefox OS

Firefox 在智慧型手機上，也嘗試踏足OS這一塊，用Firefox的"3G" - Gaia、Gecko和Gonk技術架

構起整個OS，在Gaia將資訊傳送給Gecko層之後，Gecko的API會將之接收並解析；在MDN

上，有很多文件化的API放在上面，可以給有興趣的人使用其資訊。


上課自己做的線上聊天室:

瀏覽器版
http://synonymous-toad-404.appalot.me/index.html

Firefox APP版
http://super-kitty-427.appalot.me/install.html

APP 網頁版節圖

在介紹完火狐OS，上台demo了一下第一個版本的自己聊天室，騙開心的領到了超豐富又酷炫

的獎品之後，講師開始介紹他自己的資訊生涯，

在講師大學的時候，其實他一開始指考上的系，是成大航太，

後來在捨棄除了迎新之外的活動，努力念書之後，才轉系到成大資工

一開始，講師覺得理論有點無聊，於是就和朋友自己組成HX4的組織，接網頁case來做

還去虛擬股市灌水，洗爆整個股價，

雖然最後終究是被發現了，不過也是很有趣的經驗

後來大三的時候，去台北實習，進公司上班

第一件工作就是維護PTT JS版大神的code，為了看懂大神的code，於是去學了jqery

結果在日後，在專題，在工作上

有難忘且非凡的結果。

(話說小畢學長真是無所不在XD 今天的演講裡面也有提到他)

學長提醒大家，人是需要調劑的，在寫code的苦悶日子中，出去旅行，可以讓自己的視野變

得開闊，有不同的思考觀點。然後睡覺要睡飽XD

LOL要少打，早睡早起

運用時間很重要

很多事情現在做起來雖然會累，但是以後絕對不會後悔。

把握當下，不要浪費生命

不要後悔。

FLY WITH YOUR DREAMS

[Open source course] 14/5/7 Mozilla Firefox

             
Mozilla是一個全球性的社群組織，宗旨是讓網路更加完美，並在IE獨霸的時代中，提供使用者

不一樣的選擇(那時候的網路，似乎已經到達了一種極限，跑得慢，彈出式廣告一堆，網路病

毒流竄；Mozilla為了把網路這個充滿希望及未來的概念維繫住，成立了基金會，召集世界各地

有相同理念的同志，開始改變這個困窘的況態)。此外，旗下的火狐公司的推出，基本上也是

整個社群推出來的，全球總共有9個不同分處的辦公室，他們會在網路上直接開會，並將會議

結果貼在網路上供大家觀看。Mozilla除了FireFox之外，雷鳥信箱等也是旗下的應用程式。


Mozilla希望他們在不同的介面上都能維持統一的概念，因此火狐的外觀，在所有不同的OS及

行動裝置上都有一致的UI，此外，火狐的設計師希望讓火狐的外觀能有一些變化，就像平常

穿的衣服偶爾也要換幾件，有不同的造型，因此在近期釋出的28版本中，火狐瀏覽器在設計

上有了很大的改變，其中一個很有特色的變化，是將網頁分頁標籤從正正方方的tag變成符合

空氣力學的設計，代表Firefox瀏覽器的運行速度是非常快的，設計師甚至還把tag的實體模型綁

在頭上，在電風扇前面吹風，show出這樣的設計真的會使tag的速度變快，也是很有趣的一件

事。

近期，Mozilla非常關切網路監控這件事，是有關個人資料隱私保護的活動，在TED CEO的演說

中，講者只是跟平常的使用者過了差不多的網頁足跡，可是透過火狐上的Collusion軟體，追蹤

那些追蹤使用者個資的網站，發現實際觀看的網頁才3、4個，背後的偷窺網站就已經10幾個

了，這是一個令人非常氣憤的事實，也是火狐目前致力在研究的課題。

最後，講解了如何在現階段可以幫助到Mozilla的整個社群的方式，翻譯火狐的網站的方式，作

為課堂的結尾。

rms.kktix.cc
自由軟體教父 RMS在中山大學的演講

support.mozilla.org
Mozilla翻譯網站 - SUMO支持Mozilla我們可以做什麼

https://popcorn.webmaker.org/
Popcorn 線上影片製作'

https://jklrz.makes.org/popcorn/20aj
花幾分鐘做的太陽花學運歌曲加上背景

[Open source course ] 14/4/30 OpenStreetMap 圖客

OpenStreetMap是一個主旨為畫地圖的組織，使用者在成為會員後，便可以拿著GPS到四周的

環境收集資訊，並將地區的地理資訊標示在網站的地圖上，

此外，OpenStreetMap也有一個自己的急難救助組織，像上一次海地地震，慈濟等一線救助組

織都已經到了災難地區了，結果因為海地政府的地圖版本過舊，無法依此進行救助活動，後

來有一位OSM的成員，知道這件事後，馬上從他的居住地佛羅里達州飛往海地，進行災難後

地圖繪製的行動，其他地圖繪製團體如Google,NASA等也都派員前往，最後終於能進行災後的

救助及重建活動。

Open Source或 Open Data不一定都是非營利組織，像foursquare，是一個打卡遊戲，原本他們用

的圖資是Google的，可是後來因為Google地圖如果存取數目過一個標準之後，會向公司收費，

公司的營收會因此減少，結果foursquare就找上了OSM，用他們的地圖當打卡位置的依據。

下一堂課，上的是OSM的標示地圖方法，為禮拜六的活動做準備，OSM地圖上，幾個重要的

單位為Node、Way、Close Way、Area，另外還有tag的功能，標示地圖中物件的資訊，標籤根

據不同的物件，有不同的分類，像馬路，就有國道、縣道、鄉道等分別，自然景物，像樹、

湖、高地等又是另外一門分類，此外，還有relation的資料型態，處理有相關聯性的資料，如行

政區疆界。

接下來的一節課，我們就練習如何畫地圖，標了我家附近的點後 就下課了~

[Open source course][太陽花學運] 社群參與和資訊工程運用及實踐 心得報告

在18日的晚上，我過著一切如日常般的生活，在外面買了晚飯，外帶回回家吃完之後，開始瀏覽Facebook，看看朋友們有沒有什麼新動態或是又有什麼八卦被爆料了。但是，在將卷軸向下拉的過程中，不時會看到有標題名為反服貿、反黑箱服貿的文章被分享，起初，只是偶爾看到一篇而已，但隨著時間越來越晚，這樣標題的文章數目越來越多，似乎感覺有一股未知的活動，即將要發生，震撼台灣歷史。

        因為到後來整個版面幾乎8成都被洗成服貿文了，出於好奇心(YAHOO、GOOGLE之類的大新聞版面沒什麼消息，可是FB動態卻又異常的多)，便點開了其中一個連結來看，我第一個看到的文章，還記得是一篇圖文章，裡面講述了如果台灣開放服貿之後，大陸企業會進入台灣的門檻就會降低，還有一些馬英九總統的圖片，耳朵的地方還長出了很多奇怪的毛髮，整個看起來有點像卡通裡面的某種怪獸，看完一些敘述之後，發覺政府，好像在做一些不得了的事情，30秒在立法院的茶水間拿著小蜜蜂麥克風，就要宣布一個會影響國家大事的國際貿易條例，這樣看起來好像不太行阿?!

        於是，為了深入了解服貿整個條約得作用，及政府企圖30秒以黑箱作業通過服貿背後的原因及動機，我上了PTT的八卦版，去找更詳細的文章來看及看各方不同的看法及討論，其中，在許多連接中，接二連三地看到g0v這個社團在背後支持整個學運的資訊傳播的活動，首先看到的，是有一份詳細整理的文件，寫在hackpad上，上面有太陽花學運的專頁連結，和各個實況台的轉播link，場內的實況，後來似乎是由蘋果負責轉播，場外的實況則是由其餘的媒體在各個不同的活動據點轉播，此外，還有一個服貿大怪獸，好像也是g0v裡面的隊伍寫的，功能是讓所有有心關心服貿並且有看到新訊息想分享給大眾知道時，可以把網頁的連結等，可以通到你想分享的資訊的方法，餵給這隻怪獸，然後大家就可以從這隻怪獸的肚子裡面看到所有人分享的資訊，不用再東找西找，自己搜尋零碎的資訊還要自己拼湊起來，在這個地方，就可以看到所有人分享的資料，獲得最完整的資訊(當然，服貿的資訊收集站有非常多處，也有很多其他社團或是有心的個人組織，都有架設類似的網站，不過g0v是一個和學運組織有直接接觸的組織，組織內部也有很多人直接就到現場當實況情報收集員，所以有很多一線的情報，g0v這邊都可以第一手拿到並分享出來，所以有事情發生的話，都可以在g0v這邊看到最迅速的更新。

        此外，這次的學運也有很多資工強者貢獻好用的服務，像是有一個網站，直接把學運所有的轉播點集合在一個網頁裡面，讓觀看的人可以一次看到5個畫面，場內及場外的各個舞台皆有轉播，並設有聊天室供觀眾討論現況，如果有突發狀況，像在禮拜五凌晨時在青島東路發生的潛在衝突危機轉播，水果大大用手機直接開實況，播出現場的狀況，那時候這個網站就有新開一區水果大的實況，讓大家可以關切青島東路的最新消息。(那群人主張要斷掉警察的輪班，防止警察到最後在裡面集結把立法院的學生趕出來，原本一開始一兩點的時候以為是黨工在企圖煽動群眾，還有人去人肉搜索FB，貼在PTT上，後來3、4點的時候風紀委員出動之後，才平息了這場騷動，化解誤會)，能有這樣的轉播可以看，除了佩服水果大可以勇敢地站在騷動前線幫忙攝影之外，背後架轉播台的無名強者也是需要感謝一番。

        在禮拜五，群眾衝到行政院搗亂，產生暴力及偷竊事件之後，以及日後，白狼”路過”立法院和民眾嗆聲，以及更多立委在場邊說一些不是很重聽的話，像什麼OVER MY DEAD BODY，就已經不是我想看到的學運了，我個人就覺得似乎學運因此有點違反其最初的本質，而不再繼續follow最新的消息。但是，雖然已經沒有那麼關切之後場內外的活動(因為已經參入太多龍蛇混雜的元素)，心中仍然是堅持黑箱服貿是錯的，也非常佩服那些能在混亂環境中仍然持續發送最中立消息出來的社團組織，縱使現在學運已經結束，但是我相信，那些正義的勇士，一定仍然在某個角落，為我們台灣的民主自由努力著。

[ Open source course ]14/4/16 3D Printer

今天上課的主題，是延續上一次Puncar課程最後提到的3D列印，專門開一堂課來向我們講解

3D列印的課程，一開始，講師先講解一下3D列印的概念和起源，然後說一下他們現在用的機

器，是從歐洲的一個3D列印公司的機器整台直接搬來改，拿到零件之後，在自己一步一步的

照著說明書把印表機組起來，講師說，生手組一台印表機，大概會花總共約24小時的工程時

間，若依一天工作8小時的話，大概會花3天組起一台他們的機器，阿如果是老手的話，大概

只要花4個小時左右，就可以組起來了，時間的差異性也是滿大的啦。

3D列印的作品

另外，在校準方面，只要一個微小的差異，就會影響印出的整件作品，整個作品斜一邊之類

的，也是一項很麻煩的作業，之後，又講解了一些3D列印的原理，怎麼噴出整個物件，填充

物設計，電子圖檔的設計，可以去哪裡抓，工作原理(code跑的方式)等，不過，這一堂課讓我

最感興趣的部分是，是講師提到的

"日後如果要上戰場的話，後援補給作業將不會是一件困難的事，士兵們也不用扛槍帶彈的，

只要帶著3D印表機跟材料，直接到戰場在開始印槍印子彈就好了"

這樣的概念，讓我想到了我玩的遊戲『星海爭霸 II』中的人類種族的科技，因為人類的科技

樹跟建築物建築方式，都很有3D列印的影子

星海爭霸 - 人類建築 左下的建築是在打地基階段 左上是已經架起鷹架在噴建築物結構了

整個概念幾乎都跟3D列印超像的，一開始先噴一層基底膜，之後再往上噴出整個物件

星海爭霸 - 士兵生產的影片（套用３Ｄ技術來看的話，先把各零件印好，在裝到士兵身上）

我在想，如果之後核融合技術成熟之後，再加上3D列印技術，搞不好，星海爭霸中的場景，

就會變成真實的了，若這樣的未來(能和各種外星人接觸交流)，能夠實現，也是很厲害不是嗎

XD?

https://www.youtube.com/watch?v=85z9Am2q2O8

星海爭霸中的戰鬥場景 - 從開局到完全征服

[ C4Labs 社群參與 ] 14/3/26 C4 Labs 0x03 note

tmux 螢幕分割
screen
.vimrc
markdown
wiki.csie.ncku.edu.tw
bootstrap css
clickjack
lipsum
sppe
Ruby irbn
松本行弘
駭客與畫家
anobii
碼書 編碼語解碼的戰爭
BitTorrent 無限制大小的dropbox p2p
DHT >演算法

[ Open source course ]14/4/16 3D Printer Note

3D印表機印槍彈藥

DIY open source >> 讓學生可以懂技術

熱融擠製成型

stl

下禮拜期中報告 準備投影片

5月底 linux使用教學