顯示具有 firefoxos 標籤的文章。 顯示所有文章
顯示具有 firefoxos 標籤的文章。 顯示所有文章

2014年4月16日 星期三

Mozilla Taiwan 實習生活 (3)




富奸太久,當我在寫這個系列第三篇 (也是完結篇) 時,我離開 Mozilla Taiwan 也快滿三個月了,所以這篇就草草帶過,來個完美大結局吧。

在 Firefox OS App 開發競賽完美結束後,身為 Open Source 組織當然連競賽成績的評比項目也要 Open 啦,以下是評審們評分的數據表:



可以看到小弟我這組在技術項目拿到最高分,yaaaaaa,其實這比賽算是 Marketing 部門舉辦的,原意是給校園大使們參加,但我自己也忍不住下去玩了,我們做的是修圖 App ,聽起來沒什麼特別,但重點是我們是用 HTML5 Canvas 的技術去實作的,詳細 Demo 影片如下:



炫耀結束,其他組的作品請參見以下連結:
http://fsa-tw.tumblr.com/tagged/webApp

在這個 App 競賽完美落幕後,我立馬又想到新的專案 --- 一個屬於 Firefox 校園大使的 Blog,用以紀錄、展示校園大使們的 Masterpiece。

這個專案最麻煩之處就在於選擇 Blog 平台架設處、以及整理先前上百分校園大使們 work, report... 工程十分浩大
後來 Blog 在多方討論後決定架在 tumblr. 上,因為他的 API 算蠻可以用的,自訂性很高,讓我足夠把他客製化成看起來就像 Mozilla 本站出品的樣子,詳見:http://fsa-tw.tumblr.com

多虧強者同事 Kevin 的幫忙,這個專案大概花了兩三個禮拜的時間吧,總得讓所有文章都整理好、上好標籤、做好分類... 才算完成,這個案子完成後我的實習生涯差不多也接近尾聲,最後那幾天中午幾乎都是在跟主管們吃飯,最後一天還有個結業報告,說來慚愧最後一天我因為前一天把所有案子和落落長的交接文件寫完大大地鬆了一口氣,好像幾工作幾百年終於能喘口氣似的呼呼大睡、結果一睡就睡過頭,下午姍姍來遲趕到公司準備最後的結業報告。

在此我一定要提醒一下,雖然我不知道其他公司/部門規定怎麼樣啦,但我覺得寫一份詳細的交接文件是很重要的事,所以我花了很長的時間撰寫之。
後來我還因為交接文件中一個項目回公司做翻譯工程的支援,那又是另外一段故事了。

在我廢話連篇的結業報告結束後,大家分食了好吃的起司蛋糕,拿了一堆同事為我準備的紀念禮物 (糾~甘~心),而我在 Mozilla 的日子也算是告一段段落了。



全部門員工合照,yaaaa 
(左起) 我與師父、好 Partner Kevin
(左起) 我與老屁孩 Vit 、Kevin

後記:離開 Mozilla 後我曾經發下豪語有朝一日我再回來時,我就是 Sr. Engineer 或 Project Manager 了,大主管 Michael 則鼓勵我:也許在很多年後你將以 CEO 的身分回來,但那想必真的要很多很多年加上付出很多很多新血就是了(笑
有不少人問過我:「對 Mozilla Taiwan 這家公司評價究竟如何呢?」
實話實說,Mozilla 真的是一家很奇特的科技公司,首先因為他是開源非營利組織,所以有很多機會聆聽來自廣大社群的聲音與寶貴的意見,還有接觸最新技術,有些最新技術甚至正是 Mozilla 自家開發的,而台灣分公司主要是開發 Firefox OS 為主,這是一套 Web based 的 mobile OS,所以對於 Front-end Engineer (前端工程師) 來說,Mozilla Taiwan 簡直是天堂!甚麼福利、環境的我就不說了,親自來走一遭你就知道,無需我這無名小卒在這裡贅言,雖然我是在 Marketing 部門,但基於 Mozilla 開放的特性,我也蠻常到別的部門串門子,這裡真的是少數非常鼓勵創新、思考、設計、高度自由的公司,而 Firefox OS 最近進化到 Firefox OS 2.0 ,看起來又比之前更棒了,WebOS 的崛起我相向在 Mozilla 和好夥伴 Google 的努力下指日可待!
最後謝謝 Mozilla Taiwan 給我這麼精彩的半年。雖然再不到一個禮拜我就要去 HTC 上班了,我還是會用社群參與的方式繼續貢獻 Mozilla!

最後附上兩張照片搞笑一下
這是我在公司聖誕節時與聖誕女郎的合照
這是我在 Mozilla 舊金山紀念碑的留名青史,不是遺臭萬年喔

2014年1月22日 星期三

Mozilla Taiwan 實習生活 (2)

Evangelism
Evangelism is the preaching of the Christian Gospel or the practice of relaying information about a particular set of beliefs to others with the object of conversion. - Wikipedia
先別英翻中了,且讓我們回到這個系列的第零篇 ,一個資工系的阿宅,在行銷部門到底都在做些什麼啊?

一講到行銷,大家腦海中第一個想到的就是砸錢,廣告,再廣告,騙讚,衝人氣。怎麼想好像都不是一個技術背景的人熟悉的東西啊?!雖然其實我也是很會騙讚的 我們今天要談的,就是標題所謂的 Evangelism ,傳教士,絕對不是什麼莊園美江,我做的、或者應該說我自認為我做的,是技術推廣,Developer Out-Reach,在 Open Source 界講的是技術推廣,而以營利為目標的 IT 產業,做的是技術支援 (IT Support)。

其實這兩者的目的是差不多的,就是推廣自家技術。但畢竟非營利組織跟營利組織精神相差甚遠所以目標族群也有所差別,多數非營利組織面對的族群是大量的扁平性組織或個體、所以著重推廣、再輔以凝聚社群忠誠度將影響力擴散出去,講究的是創新、靈活、熱血,因此成為新創企業以及 Geek, Hacker 的首選。

而營利組織(例如微軟)目標客戶在於提供具有一定規模、組織內部階級分明的單位,提供"可能"相較穩定但沒什麼創新精神的解決方案,同時也必須 on call support,畢竟面對的是企業等級的客戶,穩定、能用至上,這就是為何他們的客戶再老舊的系統也寧可不換,給人一種老古板又封閉的印象,但依然擁有一定的勢力與市場份額。

兩者相同的部分在我看來:就是必須在創新跟穩定之間取得平衡,但這很難。

在講故事前,我們先推回到兩年前,因為我一個熱血又白痴的 Start-Up 計劃還有必修的 CNL,我開始接觸 Web Development:HTML, CSS, js, php & MVC Framework... 在那之後,我便踏上這條不歸路。

大家可能以為 Mozilla Firefox 只是做瀏覽器,對吧?但大家可能不知道,JavaScript 的發明人  Brendan Eich 是 Mozilla 的 CTO ,也就是說,如果說到 Web Development,Front-end 最頂尖的人絕對是 Mozillian無誤,所以想精通、熟悉 Web Development,Mozilla 絕對是最最最最最精實的組織。

2013年4月8日 星期一

我人生中第一次當導演在Firefox

廢話不多說,先看片比較重要。





1. 前言

長久以來我只是個愛看電影、聽音樂的渾小子

最喜歡的導演是 Quentin Tarantino 跟 Guy Ritchie

最喜歡的樂團是 Blink182 跟 Kings of Leon

最喜歡的Youtuber是 Smosh [註0]

我玩的樂團叫 「閉嘴! 宅男」

我的劇照




綜合以上我偏愛的導演跟樂團類型

知道的人大概就可以猜出我非常喜歡惡搞跟白爛的風格(Kings of Leon除外)

所以我在Firefox的第一個作品就是拍 Parody Music Video


2. 起源

凌晨三點,我在台大宿舍自習室疲憊不堪,在Facebook上跟賈彬閒聊他的Firefox Flicks計畫 [註一],當時我一邊聽著 Bruno Mars 的 The Lazy Song,想像如果有一天也能夠擁有閒雲野鶴般的生活。

當下我就有個靈感,於是我Google了原曲的歌詞,開啟了Google文件動手改歌詞,沒多久便完成第一個版本,我給賈彬跟凱馨姐看過後他們一致認為我歌詞改得不錯,加上原版MV兩個版本的拍攝顯性成本看起來都很低廉,雖然多數人熟悉的是猴子面具的版本,但我個人更喜歡另類版。


在賈彬大大同意獻唱後,我腦海中稍微構思一下劇本,就丟出了一份簡單的企畫書仔細說明這個專案,這時我連分時表、分鏡表都還沒畫。就開始在 Facebook 的 Firefox 校園大使社團上招兵買馬,除了強調熱忱比經驗重要之外。

我想起    老頭說的一句話:「資源不會乖乖雙手奉上、請你笑納,要懂得摸幹汙搶。」

後面的當然太誇張,我對這句話的解釋是:要主動爭取資源。

3. 隱性才華

因此除了自願加入的人之外,我也開始私下連絡我原本就熟識或我希望能合作的人,這些人並非全部都是校園大使。但沒關係,因為我覺得像拍影片、玩樂團對大學生來說,多半是隱性才華。藝術大學跟設計學科在台灣大學教育並不常見,多半都是有興趣的人自己探索。而

專案需要人才、才華需要舞台。

所以我便找來了幾位在這拍攝過程中我認為非他不可的人,也成功吸引到像王予廷、林大凱、路立安、鄭有順(依姓氏筆畫排列)這樣的天才加入。

4. 煩死人的前置作業






理論上搞定場地、器材、發通告這應該是製片的事,開拍後才是導演的事。不過恰好在這次專案中我自己也兼任製片,在畫玩分鏡表後,最麻煩的就是收集大家的通訊錄、統計大家都可以的時間,排定哪天湊齊誰要拍哪幾幕、哪幾天要補拍、哪幾天誰無法來要臨時換角這種瑣碎的事情。

而拍片通常不可能是線性地照著腳本順序拍完,越多幕就越難搞定時間上的安排,好不容易把人找齊、時間都排定、器材場地都搞定後,我才趕著在開拍前一天找賈彬錄好第一個版本的音,中途在男五舍琴房我又充當製片跟中途要進來練琴的人交換時間,真可謂還沒開拍就累個半死。



只要有手機版的網頁就是Firefox OS的App



當然這中間也包括去公司跟凱馨姐、小黑討論劇情、分鏡,商借手機等等... 並做了非常重要的調整,此處應該可以想像,我就不再贅述。

5. 開麥拉!

有在吃Stilnox的人都知道:有藥吃是一種作息、沒藥吃又是另一種作息。但從有藥吃到沒藥吃這中間人體轉換成本很高,很不幸地在開拍前幾天我藥吃完了,但距離下一次處方領藥時間還有幾天的時間,藥局配藥在這方面規定也相當嚴格,我幾乎找不到願意配藥給我的藥局。

於是我就在沒藥可吃晚上失眠到早上才睡著的情況下開拍了,結果第二天大遲到,真的很對不起所有工作人員> <

6. Day 1

第一天都在拍室內場景,跟第二天拍外景來說相對地算輕鬆,但小小一個房間最多同時間擠了六七個人,來回不斷走動喬打光板、鏡頭等等還是令人疲憊不堪。


帥氣攝影師林大凱


中間拍哈林搖那段因為BOT宿舍隔音很差,因此我們獲得了一個成就:隔壁在門上貼了個貼紙。







收工時大家累到各宅各的。結束後小黑來探班大家愉快地在7-11吃點心喝飲料抽菸,可謂暫時放鬆了。






7. Day2

前情題要,我在禮拜五晚上只睡不到三個小時禮拜六整個白天都在拍片的情況下,沒藥可吃居然禮拜六晚上又失眠,造成我禮拜天大遲到,不斷地跟每個人道歉 > <

第二天主要是拍外景,快速地在宿舍內補拍完室內場景後,我們移師到了台科大吃MOS,吃完便前往台大管院那拍外景。



下午天氣讓人昏昏欲睡,王予廷躺在草地上居然就睡著了



拍完外景、又回到椰林大道拍腳踏車騎車鏡頭,四處奔波疲於奔命,第一次覺得在椰林大道騎車是一件很痛苦的事。拍完後我突然又想到室內有個東西忘了拍,剛好我們也得幫鄭景謙收拾宿舍,一行人又回到宿舍沒多久總算收工。剩下要補拍的鏡頭了。


8. Day 3

最後一天只用不到三個小時就拍攝完成,場景來到信義區,回到公司拍攝,拍完後參加Mozilla的工作坊。




這一天幸虧有路立安副導的幫忙,解決我到公司前所有的場景。我當天快兩點才搭計程車抵達公司拍臨演跟男主角的戲,時間上非常地趕不過總算順利完成。





殺青後我愉快地在信義區抽菸,並開始思索剪片的事宜 [註二]。






9. 剪片28小時長征

負責後製的鄭火大大說他沒用過 iMovie(雖然他有Mac)、Premiere 等知名套裝軟體,但他用過Kdenlive這套開源的剪片軟體,在剪片過程中我們不斷地Google一些特效要如何使用、字幕要怎麼加等問題,而鄭火神一下就學會如何控制子母畫面的運行、套用字幕樣板等等技巧。




其實原本時間可以縮更短,卻因為Kdenlive這套軟體居然很不給力,中途當機後在我們都有即時存檔的情況下,回復的資料時Track居然全跑掉,令人崩潰不已。原本我們還在慶幸我們有事先輸出,可以拿輸出的版本來剪,雖然要冒著畫質降低的風險。

不過此時我們又發現另一個慘劇,就是輸出的影片居然莫名其妙在左上角有個該死的浮水印,讓人奇毛子非常不爽,檢查老半天才發現這套軟體在輸出時居然把浮水印讀秒覆蓋的預設值Check,太莫名了,雖然是我們沒看仔細,但也從沒見過一個軟體居然會把浮水印的玩意兒預設成開啟,匪夷所思啊。


剪片總共花了四天,最後一天大家整晚沒睡都在剪片,一邊聊天喇賽。





10. 心得:

累得像條狗。


最後附上幕後花絮給大家笑一笑,順便幫 Firefox OS 打個廣告。很多人大概會問:

阿這個新的手機作業系統到底有什麼特別的?

在此我用最短的話解釋,現在多數大的App公司要同時兼顧網路平台、手機版網頁、iOS、Android、Windows Phone... N個平台,實在很累人,每家都有各自的Native API又不能相容。

所以呢,Firefox OS以 Gecko 引擎強大的 HTML5 運算能力,只要是手機版網頁就可以直接無痛變成 Firefox OS 的 App,而且以 Firefox OS的分層架構,前端引擎就已經是瀏覽器引擎、比其他mobile OS都少一層的情況下,運行 WebApp 理論上效能肯定比iOS, Android... 要來得優秀許多,高度發揮 HTML 5 的威力。最後在減少開發成本、降低轉移成本的情況下,再次使手機App市場得以開放(Open)。








註零:我對Smosh的短片情有獨鍾,不敢說希望第一部作品能有Smosh的水準,但希望至少有Smosh的一半^^

註一:賈彬後來找到喬喬來拍片>//////<,這是他的作品:

http://vimeo.com/59994222

註二:對,我有菸癮,戒過一次失敗,目前在第二次戒菸中> <