IM@"網際網路應用系統設計": 2010

2010年12月13日星期一

2010年11月22日星期一

2010年11月8日星期一

Lab 30 navigation bar

將書籤的連結複製

<a href="http://s9644250.blogspot.com/search/label/HOMEWORK">HOMEWORK</a>
<a href="http://s9644250.blogspot.com/search/label/LAB">LAB</a>
<a href="http://s9644250.blogspot.com/search/label/%E6%9C%9F%E4%B8%AD">期中</a>
用html/javascript功能
貼上

結果:

Lab 29 Hand code a form

html原始碼，搜尋的text名稱=q

開啟網頁

搜尋結果，網址上的q=%A4%A4%AD%EC，代表的就是輸入的"中原"

Lab 28 Lab Form and Action

將search page的搜尋儲存

開啟網頁

method="GET"

查詢結果

method="POST"

查詢結果

比較用GET查詢方式，查詢的一些訊息會被加在http://www.google.com.tw/search?之後，

用POST方法，可能因為google卻導向了google首頁，可能是google設定只能用GET方法查詢的關係

2010年11月1日星期一

Lab 25: Mash-up 2 (Maps)

http://www.housingmaps.com/
與google map結合，所以可以用看地圖的方式來選擇你想住再哪一州，也有提供選擇價位高低的方式，使用者可以照著自己的預算來挑選房子，點選每個黃色座標可以看到這間房子所拍攝出來的各種照片附上一些簡單的介紹

美感 : 格式簡單，沒有多餘的部份
直覺性 : 透過座標的標示，使用者應該接觸過後，可以很快熟悉使用方法
流暢 : 瀏覽的速度很快，原因在於圖片少，而且也沒有多餘的廣告需要載入
預期反應 : 每次點即出現的資訊都在預期的範圍中

http://www.7house.com.tw/
對於房屋的篩選上，提供了比較多的選項可以選填，包含了房屋的格局，以及用途，對於使用者來說，這個方式可以協助他們先挑選出符合他們想要的，而每間房子所提供的資訊，有經過整理成適合閱讀的方式

美感 : 很多圖片，花花綠綠的很漂亮
直覺性 : 因為有提供多種方法可以用來觀看房屋，使用者可能需要更多時間來熟悉操作
流暢 : 因為多了許多圖片和廣告，拖慢了網站呈現的速度
預期反應 : 廣告跟房屋的樣式可能混淆，所以在點擊網頁之後，才能確定是不是要找的資料