2008年6月10日 星期二

安媞女性健康諮詢網

開發程式語言 : ASP.net + C#
資料庫 : MS-SQL Server 2000

主要開發工具 : vs2005
適用瀏覽器 : IE7、Firefox
(這次有改進嚕,firefox也可顯示喔!! 不過某些畫面還是沒調的很好 ...偷懶~~ 哈)


此網站主要提供女性健康諮詢~~
● 有專業的醫生,會回答會員的問題
提供女性朋友 生理期 估算(排卵期 、 危險期) 、懷孕資訊...等等等
總之功能多多,做的也很辛苦~~哈 !

製作過程比較頭痛的是我根本不懂女性朋友那些相關資訊,當然參考了許多其他類似的網站~~~ ^^" 因此第一次設計上,操作介面上並非完美,往往邊設計、邊撰寫... 邊修改... 雖然花了很多時間跟客戶溝通 ...不過往往你設計好了,客戶才跟你說出新觀念,設計上就會有瑕疵 ,在設計過程中,自己也冒出一堆新的想法 ,不管怎樣相信下次設計會更好~~~ ^^


美美的首頁~~


安媞網站導覽 ~~10大功能 .....


最新消息 (幾乎每個網頁都有這個功能.......)


醫學講堂 - 有專業的醫生告訴大家相關的醫學知識喔 !!
(還不賴的啦!! 提升自己的醫學常識,大家因該可以多去看看吧!!)


Dr.Q 問答 - 有專業的醫師會回答喔 ....
不過發問問題要先搜尋 & 加入會員喔 !!


安媞廣場 - 其實就是討論區拉 ...
(討論區大家都可以隨意發言啦,不一定要是會員喔!!)


健康中心 - 提供一些健康檢驗的方法!! 大家可以去看看喔 ~~


甜心健康日記-個人健康紀錄
甜心健康日記提供會員專屬的一些功能喔 .....
不過個人健康紀錄,個人覺得要填的項目實在太多
不知道有多少人有耐心去填那些東西呢 ???


甜心健康日記-生理行事曆
這個功能就有幫助多了,可以輸入月經的日期
系統就會計算預估出近2個月的排卵期 及 危險期
除了文字呈現結果並以日曆方式呈現喔 !!


甜心健康日記-孕媽咪週記
只要輸入醫生告訴你的預產期 , 可以得到目前的懷孕情行喔
且提供懷孕40週各週的懷孕狀況 .....還不賴吧 !!


甜心健康日記-甜心日記紀錄
這個就是個人懷孕 及 月經的紀錄~~顯示最近的12筆吧 !!
這個功能屬於後其在冒出來的 ...
當初設計月經紀錄 跟 懷孕 並沒有考量到這些 , 導致設計出來未完善 ~~
這個呈現有點硬生出了的 ~~~@@"


安媞福利社 - 提供會員一些紀錄表可以下載來使用喔 ~~


網站管理登入畫面


登入後的介面 , 跟捷利的操作都馬一樣 ...
就是功能多了很多 ~~囉!!


SEO很紅的名詞 , 網路上搜尋就有很多資料啦 !!
這次只是簡單的設計針對 meta 的 "keywords" & meta 的 "description"
當然我也知道 google 以及 yahoo 針對上述2個屬性排名影響已經不大嚕!!
不過還是做一做啦 , 因該多少有影響 !!


針對每個功能 , 可以設定不同的meta 的 "keywords""description"
算是方便吧~~~ ^^

針對SEO設計上有些在網頁製作過程就可以多多留意
例如圖片ALT 說明、網頁的連結啦....等
當初為了這個有小研究了一下 , 改天再來整理PO上來好了 !!

* 改進:
1. 與客戶溝通須在緊密
這個案子我已經花了很多時間在與客戶溝通,甚至在美工還未設計前 ,我就已經先用程式寫好功能,不過這樣實在太花時間,而且初期沒有多花點時間跟客戶面對面的將專案範圍談的更清楚,導致舊蒜先做出雛型給客戶操作,到後面還是冒出一堆新的功能,這次算好心能做的都幫忙做,除了一些太困難或花太時間才推辭掉。

總之下次因該與客戶多多溝通,這樣做出來的東西也比較能符合客戶的需求,該做的系統分析設計真的不能少,不過這樣所耗費的時間就會長嚕,也會辛苦點,成本提高,費用不就跟著提高嚕~~~@@"
不過相信這樣能做出更好的東西吧 !! 對客戶好交代自己也過得去,而不單單為了賺錢 ~~
(不過為了生活現在價錢太低,也不會去接了吧,除非那個案子未來發展性很大~~~)

  • 雛型設計(prototype)

用個簡單得超連結 , 將主要功能先建構


建立畫面 , 並註明之後設計上需要注意的地方


標明畫面流程步驟
(看到的畫面都是可以真實操作的喔!!)


加入會員的畫面
(個人認為欄位太多了 , 我看到都懶的填嚕!! 可是客戶堅持 , 沒辦法囉 !!)

2. 還是溝通
專案進行中也要不斷的跟客戶溝通,這樣雙方想法才不會有所偏離 ~~~~
專案才能更順利囉 !!

3. 又是溝通 ...
反正多溝通好處多多,客戶看你那麼認真,花那麼多時間,因該不至於太刁難吧~~哈哈 !!

***********************************************************************
以上廢話一堆,這就是2008第二個做的案子~~

歡迎大家多多加入會員喔,希望對大家有幫助 !!
設計上操作上哪邊可以改進的,請提供給我喔!! 感謝的啦 ~~~


2008年6月5日 星期四

2008 第一個案子 - 捷利科技公司網頁

2008 ~~~~ 很快的差不多快過到一半嚕 !!

今年 至今也接觸了 3 個案子 , 有成功有失敗 ....
在接案中 , 也能學到一些不同的東西 .... 雖然錢賺的不多
不過也算是有收穫啦 !!

2008年初 , 剛好透過 aven 介紹 一起接了捷利科技公司網頁製作
他負責網頁設計 , 我負責程式 , aven 設計能力超強 ,
aven 的部落格 : http://blog.yam.com/avexen
aven 的個人網頁 : http://www.avexen.net/

因去年與別人配合做專案 , 很多東西卡在別人那邊 ~~
而且團隊沒有組織起來 .... 可惜 !!
不過這一次用簡簡單單的2人團隊 , 重新出發 ~~~
當然很多事情就要靠自己囉 !!

當然現在已經上線啦 ~~ http://www.jelley.com.tw/
是一家賣矽膠槍 , 打釘槍 , 黃油槍 .... 等等 , 有需要的可以去看看~~
哈~~好像在廣告 , 不過他們又沒付我錢 ......=.="

  • 捷利科技網頁
開發程式語言 : ASP.net + C#
資料庫 : Access

主要開發工具 : vs2005
適用瀏覽器 : IE7 (可惜ㄚ~~firefox市佔率也越來越高嚕喔!!)

捷利科技首頁

好在這個網站功能並不難 ~~
剛好利用這個機會把 .net 元件 建立起來 ........
動態程式部份 :
1. 商品介紹 : 就有點像產品的上下架 !!

算是此網站較複雜的功能 , 其餘功能都很簡單的啦!!


產品介紹明細

2. 最新消息 : 簡簡單單的文字圖片顯示 , 先呈現列表 , 點選主題在進入詳細的頁面 .....

列表 明細

3. 檔案下載 : 提供簡簡單單的檔案下載畫面囉 !!

列表 明細

4. 連絡我們 : 前端以表單設計 , 按下"確定送出"按鈕 , 會已Email方式傳送至後端管理介面設定好的E-mail帳號 , 可設定多組喔 !!


5. 多國語言 : 中文 , 英文 , 日文 ~~~~
我還是用笨方法 , 3種語言就copy過去把圖片文字改改囉 ~~~
所以3種語言 有3種相同的程式碼要維護 ~~~笨嚕 .....


6. 後端 網站管理

登入畫面


每個功能都是已列表為主頁


點選主題後就進入編輯的畫面囉~~ ^^

* 改進 :
當然有很多地方可以改進囉 ~~
1. 多國語言
重複複製程式碼 , 這種方式真的很笨 ~~~ 因該改善 ......

2. 檔案上傳FileUpload...
檔案上傳我是使用.net控制項 FileUpload , 不過覺得不是很好用 ...
目前我是使用讓使用者先 點選 "上傳檔案" 按鈕 , 先上傳檔案 ...
我是希望能做到類似 Gmail 附加檔案時 , 選定好檔案後 , 就會自己開始上傳囉 !!
這樣比較方便啦 !!

3. 後端管理介面 改善
後端管理介面畫面設計還可以在更好 , 不需集中在中央 .......

4. 網頁標準規格 - 善用CSS作為版面的設計
優點 :
  • 提高維護性 : 減少一堆巢狀 table....包一堆
  • 加速網頁呈現 : 減少一堆不需要的東西 , 檔案也較小 , 網路傳輸當然會比較快些囉 !!

當然還有很多可以改善的地方 ~~~~之後再慢慢修改囉 !!

***************************************************************************

不過將程式放置戰國策平台上 , 我覺得網頁跑的慢慢的耶 ....
放在我家主機上 , 跑的還比戰國策上快 .....

我另一個案子 , 租用較貴的等級 , 跑起來就順多嚕 ~~
看來真的一分錢一分貨ㄚ ~~~~