AMO STUDIO

Hello PureMVC !

noreply@blogger.com (Amo) — Mon, 28 Mar 2011 09:06:23 PDT

第一次聽到 PureMVC 的時候大概是兩年前，那時候就對這套 MVC Framework 很感興趣，不過當時對於它的架構是有看沒有懂，就一直拖到了現在。
最近因為工作需要用到的關係，所以又再次學習它，經過閱覽無數前輩分享的文章之後，終於初步了解它的運作模式了，因此分享這邊學習心得筆記。

什麼是 MVC ?
一個設計方法(Design pattern 也稱設計模式)。
想初步了解的朋友可以參考維基百科的說明。
網路也有許多相關文章，大略內容就是將程式開發架構分為 Model、View 和 Controller 三個部份的開發方式，建議可以閱讀深入淺出設計模式這本書。

什麼是 PureMVC ?
一個跨多語言的 MVC Framework，其中我們要用到的是 Actionscript 3.0 版本，這是他們的官方網站。
下圖是他的架構圖，除了 MVC 外，它也用到不少其他 design pattern，第一次看可能會霧煞煞，沒關係，我們下面慢慢介紹。

繼續閱讀...

Develop Facebook Canvas Page with CodeIgniter

noreply@blogger.com (Amo) — Sun, 27 Mar 2011 09:24:14 PDT

這篇文章是介紹如何使用 CodeIgniter 這個 PHP Framework 來初步架構出 MVC 的環境, 並且開發一個簡單的 Facebook Canvas Page.

什麼是CodeIgniter呢?

CodeIgniter 是開發 PHP 應用程式的 framework 及工具組。
提供簡易的介面和邏輯結構來使用豐富的函式庫，其目的是讓你可以加快開發速度。
使用 CodeIgniter 只需要寫少少的程式，讓創造力可專注在專案開發。

CodeIgniter

CodeIgniter 台灣

CodeIgniter 中文使用手冊 (英) (中)

什麼是MVC呢?
簡而言之是一個程式設計模式(Design pattern), 詳細介紹推薦參考這篇：透視 WebMVC

什麼是 Facebook Canvas page?
簡單來說, 就是 Facebook 的應用程式, 像開心農場之類直接嵌入在 Facebook 內的網頁,
Facebook 的API 很強大, 可以作手機應用, 網站應用等等, 這篇我們就只討論 Canvas page 這個範圍,有興趣的可以到開發者頁面研究看看.

進入本篇重點, 開發流程我把它分成三個步驟, 如下 :

下載 CodeIgniter 2.0
建立 Facebook 應用程式
開始編寫程式碼

1.下載 CodeIgniter 2.0
這裡我們使用 CodeIgniter 2.0.0 的版本來實作。
前往 CodeIgniter 網站下載 CodeIgniter 2.0

繼續閱讀...

IE6 Upgrade Notice

noreply@blogger.com (Amo) — Mon, 24 Jan 2011 23:19:59 PST

有過網頁設計經驗的人，無論是部落格樣版或是其他頁面，都一定有個共同的痛，就是IE6這傢伙對CSS的呈現總是跟別人不同，偏偏它的市占率一直是最高的。
通常解決這個問題的方法有兩種，一種是修改CSS直到版面看起來正常，另一種則是直接放棄，在網頁開頭就提醒使用者升級瀏覽器。
我們今天要介紹的就是最後一種方法，為什麼我們要放棄IE6呢?
因為網頁技術不斷的進步，不單單是CSS的問題，IE6本身還有其他原因，它已經不適合這個世代了，加上最近許多知名網站也紛紛開始提倡升級IE6，例如You Tube、Twitter和Facebook等，IE6你真的玩完了，拜託還在使用IE6的人，請你快點更換瀏覽器吧!!(小聲:換~~Firefox~~Chrome吧)

知名影音分享網站YouTube將停止對IE6的支援。

連最近在台灣火熱的Facebook都要封殺IE6了，還在使用它的人，麻煩你快點更新吧!!!

繼續閱讀...

Factory pattern 工廠模式

noreply@blogger.com (Amo) — Thu, 23 Dec 2010 23:49:30 PST

距離上一篇 Strategy pattern 策略模式已經兩個多月了，一直拖到現在才生出這篇文章...orz。
其實這篇工廠模式應該要當作第一篇 Design pattern 的文章會比較好，因為這個模式很容易懂，但是工廠模式中又細分出一些其他類似的模式，例如抽象工廠模式，所以我把一些相關的資料都讀了一遍後，分三篇作介紹。
工廠模式最主要的精神就是將 new Class 這個動作另外封裝成一個 Factory Class，這個Factory Class 專門負責實體化這些類別。
特地這樣做有什麼好處呢?
舉個例子，假如我們現在有兩個繼承 Product 的類別，它們擁有共同的方法 Operation()，如下圖:

繼續閱讀...

swfobject - 網頁輕鬆嵌入Flash

noreply@blogger.com (Amo) — Tue, 12 Jul 2011 08:54:34 PDT

Flash在網頁上的應用已經越來越普遍了，未來一樣占有一席之位，但是從以前到現在，對於發佈Flash到網頁上常常碰到一些不必要的問題，例如XP SP2更新後，IE瀏覽器上方會出現檔掉的訊息，或是Flash外框出現虛線，需要滑鼠點一下才能開始動作等...，而且使用者並未安裝Flash Player的情況下或版本太低都會無法順利的瀏覽。
最近剛好看到一個不錯的東西，就是這次要介紹的swfobject，一般我們要嵌入swf到HTML時，通常會寫的語法如下:

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120">

<param name="movie" value="test.swf" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

</object>

上面的程式碼使用到<object>標籤，早一點的甚至還要再寫<embed>才能動作，因為IE跟其他瀏覽器的種種原因，使得這種寫法不但又臭又長，也不符合標準。
那使用swfobject有什麼好處呢?我們繼續看下去吧。
首先我們得先去swfobject的網頁http://code.google.com/p/swfobject/，然後下載目前的最新版本swfobject_2_2.zip。

繼續閱讀...