回答：fillano ( IT邦好手4級 )

時間：2008-07-16 12:07:33

自己做過的案子，大概兩個比較有「豐富網頁應用」的味道。

第一個是一個襯衫訂製的網站，用php開發的

因為訂製的流程比較繁複，業主又要求瀏覽及操作的順暢，所以決定用ajax的方式來完成訂製部份的效果。
業主要求的訂製流程，包含了幾個過程：選擇布料、選擇樣式、決定size及特殊需求、配件採購及繡字/卡片等，接下來才確認訂購的內容、下單等等。
每個過程會牽涉到的資料模型複雜度不一，有時是同時有好幾個模型但是因為業主要求要放在同一個頁面操作，而且操作後無須跳轉就能生效，只要還沒下單，都可以隨時回頭改，改的時候原有的選擇狀態都要維持。
所以主要的是用一隻程式來做view，另外一支單獨接收ajax傳來的post資料，把資料寫入session。頁面render之前，會根據session來更新狀態，這樣可以確保與使用者的操作一致。所有頁面跳轉的動作都會先queue住，確定ajax資料送完，session正確建立。
資料模型層不想自己從頭開發，所以借用xoops的xoopsobject跟textsanitizer來做底層的資料模型，這有幾個好處，第一是php是動態型別的語言，用他的資料模型可以自己嚴格定義資料型別並且做檢查；第二是他的textsanitizer可以拿來過濾資料，不過為了使用方便，額外加了類似rail的資料關係操作方法以及後台表單產生器（包裝了jscookmenu、fckeditor以及自己寫的calendar）。view層則用smarty來實現。
其實並沒有花俏的介面，只是因應業主的要求，用ajax讓操作過程順暢，達成需求。


第二個是做基金投資組合建議與試算的軟體

因為考慮到要同時做桌面、網站的需求，所以為了避免做兩次工，全部都用網頁+javascript來做，桌面軟體則另外寫成應用軟體把瀏覽器包在裡面執行，讓資料有一些額外的保護。（不過資料來源都是公開資料，所以也不那麼有保密問題，只是希望桌面軟體的使用者必須依賴這個軟體來取得資料）
最底層的資料來源是用xmlhttprequest，他可以有兩種資料來源，包括遠端與近端，所以可以同時適用於桌面與網站，只要抽換資料來源就可以。
在這個之上主要是用decorator做的一些parser，適當組合以後就可以把資料parse成一致的格式。（資料做過幾次加密，zip及des靠應用軟體來解，base64及csv靠javascript來解，也許網站會另外使用json。桌面軟體的資料更新則是靠包裝瀏覽器的應用軟體來達成。）
之後，只要輸入投資金額，就可以根據建議的投資組合試算出獲利，另外可以根據這個獲利做額外的投資建議與計算。為了讓這裡的表現生動，則用陣列（動作間隔與動作函數構成）來維護動作，用setTimeout做出動態效果。（本來是寫死的，但是怕要求改動態效果，所以乾脆一次解決）
另外有一些動態flash圖表，則用現成open flash chart的解決方案，透過swfobject這個開放原始碼專案來操作。


不是案子的，以前有做好玩的一個isometric地圖，是用javascript跟html做出來的：
http://www.fillano.idv.tw/game.htm

有興趣的話，可以點選上方的「網頁遊戲測試 V0.12 」。（不過我很久沒維護了...最近的更新都在2006）