域卡的卜 Vicker’s Blog

Hong Kong Adobe Flash platform (Flex, Flash and AIR) developer
  • rss
  • Home
  • About
  • Resume
  • Flickr
  • Contact

Munsang College Biology Department Website version 3 始動~!

Vicker | September 11, 2007 | 11:24 pm

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

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

msc_bio_v3_1.png

主頁同 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 基本上可以完全唔諗~

msc_bio_v3_2.png

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

msc_bio_v3_3.png

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

msc_bio_v3_4.png

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

msc_bio_v3_5.png

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~

Related posts

  • Sometimes I hate Flex… Sometimes (0)
  • Flex FAQ#4: 利用 Adobe Flex 做 Video Player (0)
  • Google 同 Yahoo! improve Flash indexing (0)
Categories
Uncategorized
Tags
AdvancedDataGrid, AJAX, alpha transparency, ArrayCollection, biology, filterfunction, Flex, flv, groupcollection, MOV, Munsang College, popup, reflection, SEO, VideoDisplay, WMV, XHTML
Comments rss
Comments rss
Trackback
Trackback

« Apple… 你今日食左未… Flex FAQ#4: 利用 Adobe Flex 做 Video Player »

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Meta

  • Register
  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Certification


Adobe MAX 2008

Categories

Archives

Tag Cloud

flysforum depth manager OO WarCraft color selector the core PHP job hunting MOV AdvancedDataGrid Munsang College YouTube gundam Lego OSS textfield presentation suck UI flv Flex Builder freelance hea Laszlo Experts Exchange APICTA Densha Otoko music design pattern FYP algorithm Google Cyber Formula ActionScript good dog u form assembly prototype WYSIWYG stylesheet exhibition Adobe MAX web page XML JAWS flysbookmark business Battlenet Molyx XHTML include HKICTA color CSS component Flex FAQ flash video encoder blog family Misaki Ito Tim Shiu Andy Chun SEO bt Hacken Lee frame validation MovieClip braille Gary Wong protoype Flex AIR Web Usability VideoDisplay meta WMV accessibility W3C Mac Macromedia form Eva Shi Apple Adobe HTML textformat Flash FLABER bobby Yahoo hyperlink birthday John Koch PS2 CityU webxact Chris Liang sitemap WCAG ACSS

Flickr

dojang1.jpg DSCN8009.JPG eva_fyp_dcs.png DSCF0016 07082007083.jpg DSCN4348 msc_bio_v1_2.png msc_bio_v3_1.png 01072007063.jpg 28072007077.jpg DSCN4411 iad2.jpg actionscript2.jpg guesthouse1.jpg 0703_flaber_2.png csgame1.jpg CIMG0763

Blogroll

  • Eva’s Blog
  • Way’s Blog

RSS FxAIR.org

  • ActionScript for Random Numberic Text Lucky Draw
  • Post in cookbook to win a copy of Flex 3 Pro
  • Adobe Flash Player 10 Release is out
  • Adobe CS4 Launch Seminar
  • Flex 3 + external swf with embedded video
  • Flex & AIR @ BarCamp Hong Kong on 6 Sep.
  • Mojave Experiment by Microsoft
  • FotoViewr beta
  • RIAJobs
  • Cairngorm on opensource.adobe.com
rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox