Loading...

MENU

2013年4月18日 星期四

北區技職教育資源中心網站設計

北區技職教育資源中心網站設計 by MUMULab.com
Client
台北城市科技大學(北台灣科學技術學院)
Media
前端+後端資料庫整合網站
Content
Chick/DIV+CSS網頁設計
Datou/前端+後端資料庫整合

特別感謝劉曉蕙老師的大力協助,才能讓這個網站順利完成。
因為這是一個要讓老師及學生上傳或閱覽數位教材的功能性網站,一開始的構想是比較數位科技化的風格路線,但考量到使用者的年齡層除了老師之外,「學生」也佔了很大的比率,要讓學生能夠有興趣甚至是多花點時間使用這個網站才是最重要的,所以轉而往清爽、柔軟的方向去設計。

網站的主色系、選單icon和整體架構完成後,我們開始思考,是不是少了點什麼?加個吉祥物這類常見的網站元素如何?一般大多是用可愛的動物、幻想生物、小女孩、小男孩之類的角色,可是這多少會讓使用者有種「啊~~又是這種」的感受,所以反其道而行,乾脆試著用中年伯伯來做為主角,搭配頁面的功能更換伯伯的動作和道具,實際試畫的結果非常好,我們設計出一個「教授」感濃厚的鬍子阿伯,定位是「雖然嚴肅,但卻是一個很熱心貼心而且小小自戀的教育者」,沒想到效果與笑果都很不錯,就決定是你啦!看板阿伯!






採用DIV+CSS的寫法符合W3C所規範的HTML標準,並為了使用者操作上的流暢性,後端使用Jquery、Jquery UI所提供的Library進行介面開發,後端程式由ASP語言將介面區分為前端與後端,配合關聯式資料庫系統,將資料面、檢視面、控制面分別獨立出來,以達易維護及後續管理的整體架構。後端管理不用面對資料庫,只需要透過後端的程式介面進行所有操作,前端的使用者也只需要Brower瀏覽器(Internet Explorer 7以上、Firefox 2以上、Chrome 6以上、Safari 3以上、Opera 7以上),即可完整進行網站的內容項目。