E.J. BLOG

Archive for December, 2010

[Memo] 6lurk part – Pain

leave a comment

其實在做這整個專題的時候,我的壓力是非常大的,一邊要應付上面(和老師溝通、和 Yahoo 溝通、邀請 Plurk 團隊、報國科會…等)另一邊面還要催進度和組員溝通,同時自己又要負責寫整個專題的大架構以及另一位同學的子專題(雖然這部分我只花幾天就把他的東西做完了XD),說實在真的是只能用「累」來形容(我自己都不知道我這段日子是怎麼撐過來的,只知道消瘦了許多QQ)。

不過也因為後來壓力太大,我就開始把東西分給隊友做了XD,我覺得應該是我當初的那句話有刺激到隊友吧(我:「如果別人問你專題讓你學到什麼,那你會怎麼回答那個人呢?」 他:「…」),殊不知這其實是激將法進階用法,可以讓隊友心服口服的主動下海去做事,雖然那個時候他一定會覺得我很機車,不過至少從結果來看的話,這個專題才能夠有一個真正屬於他自己的東西吧。

雖然另外一位同學是身在曹營心在漢,人在資工想讀醫的典範,不過我還是要跨刀去做他專題的部分,雖然剛開始我們都很不能理解為什麼不好好了解一下「資訊」呢?甚至是在中途也發生了一個還蠻嚴重的衝突,不過還好這些風風雨雨都過去了。現在事後想想其實我還蠻釋懷的,因為他的關係,我不得不下海去了解last.fm API、Gdata API、Youtube API…等東西,然後試著把它們整合起來。其實專題做到最後面的時候,這一塊反而是我比較有興趣的,自己寫自己的播放器,整合last.fm API實作出自己的播放清單,第一次處理 window messaging 的問題(雖然最後還是靠很髒的 global variable…),真的學到很多,也很感謝他們讓我有這個學習的機會。

不過雖然如此,我就盡量安排一些比較煩心的事情請這位同學幫忙,至少我就不用再多操心這些額外的事情而且他也能為我們整個專題多付出一些貢獻,這樣我就很欣慰了。所以從他們兩個身上讓我學到了管理層的困難面,才不是什麼 Oral Programming 就可以打發了事的咧…因為真的,這個世界上最麻煩的是「人」,而不是做事情或是寫程式。所以也讓我從另一個角度思考,能夠盡量準時完成上層 assign 的事物其實對他們來說就是一種回報了,不要再讓他們操心更多事情而打亂了他們原本的步調,因為你要煩的事情「絕對沒有他們多」。

最後,很快的就來到了2010年的最後一天了,而 2011/01/07 就是專題的決戰時刻了,我們已經進入最後測試微調的部分了,也已經準備好了,那…

「Plurk 你們準備好了嗎?」

Written by EragonJ

December 31st, 2010 at 11:23 am

Posted in Memo

Tagged with , , , ,

[Notes] Interesting animation in jQuery

leave a comment

剛剛意外再次看到tzangms的部落格,沒想到已經過了幾年的時間了!因為這段日子對javascript開始有了一些研究,所以對它的Banner scrolling 的特效很感興趣,就順手研究了一下它的 js code,沒想到這麼簡單就能做到,不知道該說 jQuery 太厲害了,還是想到這種實作方法的人太聰明呢:P

上面這張是他網站的截圖,光是版面的配置以及使用的自製圖案來看,其實就看得出小巧精美的一面,不過今天的重點是那個Banner,我對於他可以做到捲動的效果感到很好奇,而實際做法其實也就是想像中這麼容易,只是他利用了一個CSS background-position的特性,原來當div的background設定成無限延展的時候(預設),就可以利用把position拉到無限遠的地方並搭配 Timer(jQuery可以用animate)設定好一個時間差,然後讓頁面在這個時間內一直偏移position的值來完成捲動的特效。

最後附上測試用程式碼,而圖檔的部分則是以tzangms的banner為例。

Written by EragonJ

December 29th, 2010 at 1:29 am

[Memo] 6lurk part – musicAnalysis

leave a comment

最近專題已經到了最後階段了,儘管如此,一天的工作量還是來到了12個小時左右。不過最令人開心的莫過於花兩天密集的Hacking把音樂回饋機制給實作出來了,說實在的自己自從暑假經歷兩個月的前端洗禮之後,至少變得比較了解「一點點」Javascript及jQuery了,也比較有能力可以做出符合自己期望的東西。

第一次用 javascript+Youtube javascript API + jQuery做出一個音樂播放器,而基本的輪播、單曲重播、上下曲切換…等功能都有了,只是歌曲的部分是我們分析使用者在Plurk上面的情緒後(星期一到星期日),利用自訂好的類別搭配 last.fm API 來得到該類別下當紅流行的top20首歌曲資訊,然後我們再從Youtube上面抓到最相關(因為它們串流檔這麼多,所以我們只找最相關的那一個)的影音串流回來,最後組成我們播放的卡帶,就可以任君挑選啦!

也許大家會覺得這種類型的網站不是很多嗎?那我們為什麼還要再做一個類似的應用?當然是有原因的,因為並沒有一個網站(可能是我不知道),會依照他的用戶提供量身訂做的音樂,而我們一來使用最接近使用者的社交資料來當做分析的來源,二來是利用一些統計上的分類來把我們量化過的分數幫使用者做一個情緒上的分類並提供相關的歌曲,如此一來當然能夠給予使用者最貼近當下情緒的音樂啦。

而我們團員自行測試後發現,其實我們自己都有類似的需求,因為時常都不知道要聽什麼歌,只是希望能夠像聽廣播一樣打開就可以聽到歌,然後不想聽的時候關掉就好,是一種心境上的自由,也不要有太大的負擔,這樣子不是很好嗎?在這邊我要和大家介紹一個啟發我很大的網站StreamDrag,它也是一個利用Youtube為資料來源的音樂播放網站,它有一個很棒的哲學(Philosophy),也很貼近我們設計的理念,在這邊引用這段話來為整篇文章做個結語。

Music amazes, music creates emotions and music pushes emotions.Music is the language of the world and thats why it should be available wherever you are. Therefore our biggest aim is to make music available wherever it is possible as simple as possible and to create new, innovative ways of listening.

Written by EragonJ

December 22nd, 2010 at 11:46 pm