02.06
跟大家分享我在優勢數位學苑就業培訓班上課，指導學員的專題實作所作的最後成品，在課程中我負責敎授Flex, ActionScript 3.0, PHP, MySQL, 系統整合, 專題實作的部份，整個專題是以網路上的商業購物平台為主題，分成前台的購物服務介面和後台的資料管理，因為內容還蠻豐富的，這篇我只介紹前台的部份，擇日在接著介紹後台的內容。
p.s. 這次特定將作品的操作畫面上傳到網路上，如此一你就可以更方便看到整個應用程式操作的經過了。
首先首頁以逛街的概念來呈現商品，使用者可以在多個商店間來會的選擇，當然牽扯到會有購物的流程，不免俗的也要有帳號管理和登錄的功能。
網站中提供了6種方式來讓使用者快速的找到適合自己的商品內容，例如可以用搜尋,依材質,依廠商,依顏色,依環境…等方法來找尋，介面特別設計的靈活容易使用，在使用上比傳統的網頁要來的容易多了。
商品購買前可以先看看商品的價格,規格,特性…等資料，因為商品有時候難以用單純的圖片來呈現，因此特別設計了一個可以同時播放影片和圖片的元件來呈現商品，若是喜歡，只要輸入數量和按"Buy"的按鈕就可以加入購物車中了，網站上所有的資料都是由後端資料庫來掌控的，所以維護上非常的方便。
只要點選右下方的購物袋，使用者也可以在任何時刻即時的叫出購物清單，而且不會干擾正在操作中的流程，這樣就能確實掌握荷包，免得一次小朋友出走的太嚴重。 (不過要是廠商應該會希望多多益善才對 
)
得獎的商品也會讓使用者可以容易看到，因此特別開設了得獎展示區，意思就是教你趕快買就對了。 
若是使用者有意見，也提供了線上客服的連絡表單，讓使用者的意見可以通知給公司的客服知道，並進一步了解客戶的需求。
內容實在太多了，我簡單的介紹了幾個展示的重點，若是你還想要看看實際操作的感覺，你可以參考下方的操作影片：
影片有語音說明，請打開你的喇叭觀賞。
若是你頻寬許可，也可以觀看HD高畫質版本，會更清楚喔。 
對課程有興趣的人可以參考優勢數位學苑的課程，或是參考我的相關著作 Flash ActionScript 3.0 和 Flex+AIR程式開發。
先預告，下一回跟大家分享Rico時尚購物網的管理後台。
相關文章:
文章內容由宋志峰[ANISTAR]撰寫，引用分享請以鏈結形式註明出處與原始作者。
老師您好：
我想請問一下，
材質、顏色、環境…等的這種商品展示，
是要用什麼概念來完成的呢？
是在建資料庫時就要有類似關鍵字的建檔嗎？
這是我長久以來的疑問，
ETSY上也有這種所謂的顏色搜尋~
謝謝~~
這些在資料庫中就需要事前做好分類, 這樣當使用者進行搜尋時才能在資料庫找到對應的資料內容.
我是香港的讀者, 從台北買了你出的FLEX + AIR 程式開發~ 這本書很好呢, 我也希望能做出這樣的購物網呢~ 但看來是很難才能做到的呢~
先謝謝你的支持，還讓你從台北才買的道，只要你認真K完這本就有機會可以完成像是這樣的購物網啦，我上課也是用我自己寫的這本當參考書籍，當然還會再加上一些實務經驗進去，班上的同學也是靠著自己的力量完成了。
[...] 上次介紹了Rico精品購物網的前台後，這次來介紹該網站的後台管理系統，畢竟一個完整的商業購物平台應用，怎麼可以沒有後端管理程式，整個專案是由Flex, ActionScript 3.0, PHP, MySQL完成的，接下來我簡單的介紹一下基本的功能，同樣這篇我也同時將操作的錄影影片給放在文章最後，想要觀看完整操作過程的人可以到文章的尾部觀看。 [...]
哇哇哇～
這是哪一組做的啊?
真棒
只是配音好做作喔
哈哈哈:D
(小小聲說：第五張圖不是促銷商品，是獲獎商品。)
啊！我弄錯了，趕快來改。 XD
不錯的作品耶，
看起來已經擁有上線運作的樣子了…..nice job!
是啊，這個專案其實很完整，絕對是可以直接移植到線上營運的。