Posts tagged Munsang College

岩岩完成左民生個 Biology website~
講真~ 原本只係諗住 update XHTML version (者係 version 2) 既 content~
可惜我自己又手痕… 想試下用 Flex 黎做…
原本一個鐘頭可以做完既野~ 結果用左差唔多一個星期去做~
Anyway~ 學到野~ product 我都好滿意

Munsang College Biology Department Official Website
http://munsang.edu.hk/secondary/subject/biology/

主頁同 version 2 無大分別~ 最大改善係 Art design~
用左適當既 alpha transparency 同埋 image reflection (web 2.0 既 standard 野)
另外一樣特別既係 home 既 content 係 randomly selected~

AJAX 做唔做到呢? 易唔易呢? 唔知…
XHTML 就一定唔得~
但係 Flex… 只係幾句~ 仲要係 very structural 咁做~
用 Flex 做 website 絕對係有佢既優點~

其實 SEO 我都有考慮過~ 不過係 Biology web 黎講就未必重要~
因為 Biology web 本身 d content 比較少字~
最多被 index 既都只係 student projects 而唔係 Biology web…
所以 SEO 基本上可以完全唔諗~

Student project page 同 version 2 一樣用 thumbnail 設計
但係就用左 tile layout~ 右手面 show details~ 慳位之餘畫面吸引~
利用左 ArrayCollection filterFunction 黎做 real time searching~
又係普通 XHTML 好難做到既效果~

除左 thumbnail view 之外~ 為左方便分類而做埋 list view~
用左 Flex 3 既 AdvanedDataGrid 加 GroupCollection~
(Thanks Thomas~ 你o個招好得~)

Activites page 最大特色係 non popup image viewer~
圖雖然細左少少~ 但係勝在 manageable~ 唔會周圍 pop up~
加埋 next 同 previous buttons~ 睇圖非常方便~

version 2 有一個大問題係 movie~
有 d student provide wmv~ 有 d 就 mov~
下下想睇都可能要裝 player 或者 open third party application…

今次 version 3 將 VideoDisplay 放埋入 website
所有 movie convert 晒做 flv~ 無論 file size 定 accessibility 都提高左~!
(convert movie 可以話係地獄之旅… 有機會再 blog)

整個 website 用左好 strict 既 Cairngorm structure 去做~
所有 data 係 XML feed 入 delegate 再 parse 成 ArrayCollection of value object~ 絕對 OO~
而且亦可以係無 server side scripting 既情況底下~
令 user 可以透過改 XML instead of 一大堆 XHTML 黎改 web content

呢個 project 絕對係我 Flex 路上既重要一頁~!!

其實 Biology Website 可以話係睇住我既 skill evolution~ 聽日再 blog~