美國 Well Go USA 灰狗揚聲官網

美國 Well Go USA 灰狗楊聲官網

今天是我進公司滿2年,回憶起過去的兩年真是非常刺激,家庭生活變化很大,老婆懷孕、付掉車子貸款、買了房子、搬家、生了孩子、與老婆一起渡過最難熬的前三個月,整個很忙碌的兩年。公司的官網已經順利運作一段時間,也剛好可以介紹一下這兩年來我做最大的一個案子,美國 Well Go USA 灰狗揚聲公司官網。
公司的官網聽說在我來之前就已經外包找人做過,結果做了個半調子的網站,只是用單純的 HTML 網頁模版來做,加上一些 Flash 的動畫特效,看起來還算可以,但是管理起來真的會要人命,因為所有的網頁都是手工一頁一頁做的,每次需要修改或是做新的頁面就需要請外包的人處理,但是公司當時也沒人會做,只好受制於人,將就著用了。
兩年前我進到這公司來,剛開始主管們也提到要「修改」官網以因應越來越高的發行量、網路流量與行銷的需求,但是這樣的結構,再修改下去只會更糟,所以我提出「重做」的構想,當時公司上上下下大概沒幾個人相信我能夠做出來,畢竟他們已經聽了太多「前人」的推托之詞,認為要完成這個以資料庫為背景平台的網站很難之類的。雖然我知道我「應該可以做的出來,但是我當時對於 CMS 系統也是正在摸索中,當時的我其實還不會做這樣類型的網站,只是出於「背水一戰」的信念與對自己的自信,決定要「重做」網站。

之後美編主管開始設計新的版型與系統,我也加緊「研究」稱為 Drupal 的 CMS 系統,該系統堪稱是目前世界最強的 CMS ,因為他給你所有的零件,讓你拼湊出你要的樣子,就像是把一台汽車所有的零件與螺絲都攤在你眼前,讓你組裝成一台車,相對的難度也很高,加上他的架構用的邏輯概念跟其他的 CMS 不太一樣,因此要花更多時間去理解,這也是大部分的人在學著使用 Drupal 的前半年就會放棄的主要原因。

隨著公司業務量越來越大,我的「研究工作」並沒有太大的進展,眼見舊網站已經不敷使用,新的版型也已經設計出來,我只好先做出「偽」資料庫網站來撐場面,就是看起來像是資料庫的網站,但是實際上還是一頁一頁的完成,在加上一些類似資料庫列表的頁面,看起來真的可以唬人。不過也在這樣的過程中,慢慢理解了一些表現資料庫網站的運作方式,對後續實際資料庫化有很大的幫助。

前面提到半年是進入 Drupal 的基本門檻,但是我也沒有比較好過,只是撐久了就贏,我花了一年多的時間才搞懂整個架構,從 Drupal 5.x 版開始接觸,到 7 版才真正會用,那種會用的感覺不是慢慢學來的,是有一天,突然就「懂了」,「通了」,然後我只花了半個多月的時間就完成整個網站,也因為有前面製作的偽資料庫網站,很多的圖片不需要再切割一次,加上對於 CSS 的使用更熟悉了,所以省去很多色塊、切圖的使用。
網站做好了以後,開始指導一些相關人員自己登入進去修改內容資料,頓時之間我的工作量少了許多,因為他們可以自己處理而不需要透過我來修改網站內容,而且內容增加的速度也加快許多,對於業務推展方面著實提供不少助益。
適逢今年 Drupal camp 年會在台灣舉行,我也就把自己做好的網站提出申請,順利的登上Drupal Show 的頁面。
Drupal Camp 2012 認證我的網站
Drupal Camp 2012 網站介紹頁
經過此次的 Drupal 網站製作經驗,我對 Drupal 的能力更有信心了,目前正在研究其他方面的用途,例如社群網站與更大型的資料庫網站,希望不久的將來可以把研究成果介紹給大家。

賽德克巴萊美國官網

賽德克巴萊美國官網

經過與新來的美編一段時間的磨合,電影網站已經有基本的架構,只要每次需要製作電影官方網站,就會採取類似的策略。只是在 Javascript 與 jQuery 的運用上越來越多,瀏覽器的Loading 也越來越大。
這次是台灣之光「賽德克巴萊」的美國官網,很高興我們公司可以拿到這部片的發行版權,美國電影市場的反應也不錯,在 AMC 電影院連續上映一個多月才下檔,也創了我們公司的紀錄。

賽德克巴萊的官網用了 HTML 5 的影片播放技術,把影片當成是背景來用,前面一樣要能夠展現適當的文字、動畫與 jQuery的效果,光是要疊兩層 HTML 5 的影片就消耗了我大量的時間來測試,還好後來順利完成,只有部分 jQuery 因為 Method 的語法衝突,繞了一圈才達到類似效果。

經過這次的挑戰,我更加的希望能夠磨連自己 javascript 與 jQuery 的功力,才能夠真的做到隨心所欲的表現網站內容。

比爾蓋茲的11條金句

規則1:人生不是公平的,學著適應它吧!

規則2:別人不會在意你的自尊。別人會期待你完成一些大事後,才會在意你的感覺。

規則3:你不會在高中畢業後馬上有6萬美金年薪,也不會是手持手機的副總,直到你賺到他們為止。

規則4:如果你覺得你的老師很難搞,等到你有老闆就知道

規則5:做低階工作不會降低你的自尊,你的祖父母們稱這些工作為機會。

規則6:如果你搞砸了,不是你父母的錯,不要發牢騷,把這個經驗學起來吧。

規則7:在你出生前,你的父母沒那麼無趣。他們負擔你的帳單、清洗你的衣物與聽你喀唬爛而變得無趣。所以當你還賴在家裡發豪語要改變世界前,先整理好你的衣櫃。(意思大約是這樣)

規則8:在學校裡,你可以有無數次的機會重來。但是真實生活卻不是如此。(意思大約是這樣)

規則9:人生沒有分學期,也沒有暑假,很少公司會願意幫助你找自己。在你的休閒時間找自己吧!

規則10:電視不是真實生活。真實世界裡人們是需要離開咖啡廳去工作的。

規則11:對書呆子好一點。你未來很有可能要為他們工作