http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
URL改成"http://maps.google.com/maps"：
輸入座標：
找到搜尋位址：
2009年5月8日 星期五
Lab Hand code a form
Hand code a HTML or use Nvu to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
URL改成"http://maps.google.com/maps"：
輸入座標：
找到搜尋位址：
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
URL改成"http://maps.google.com/maps"：
輸入座標：
找到搜尋位址：
Lab Form and Action
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
GET：
可搜尋：
POST：
ERROR：
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
GET：
可搜尋：
POST：
ERROR：
2009年5月1日 星期五
Homework 5-1-2009
1. 嘗試闖關以下這個遊戲
Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱
Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱
Lab Mash-up 4
Lab Mash-up 3
Maps of the Swine Flu Outbreak - Part 1
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
http://www.blogger.com/img/blank.gif
這些應用的特點是什麼?
ps. More applications of Google Maps
這些應用的特點是都結合了地圖，在地圖上標示出各個地點H1N1的疫情，在發生災難的時候現場必定是混亂的，各地區的情況是如何很難做一個統整、指揮，利用地圖就能做出比較明確的判斷。
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
http://www.blogger.com/img/blank.gif
這些應用的特點是什麼?
ps. More applications of Google Maps
這些應用的特點是都結合了地圖，在地圖上標示出各個地點H1N1的疫情，在發生災難的時候現場必定是混亂的，各地區的情況是如何很難做一個統整、指揮，利用地圖就能做出比較明確的判斷。
Lab Mash-up 2
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
example: TMM
(1) housingmaps一開始是一個美國地，很直覺性地先選擇一個洲之後進入，再找尋你想要的地區(城市)，或是一開始在網頁上面直接在選擇城市和價錢也可以；而各個房屋資訊提供地址、價錢、房間數、室內(各房間)和室外的照片，雖然簡單但卻不失實用性。
(2) UrMap的介面是一張大地圖，使用者需輸入地址才能找到想要的房屋，初步使用的結果發現沒有看到一些圖片或其他的資訊，雖然頁面簡單、直觀，不過感覺不方便、不實用。
(3) 7house的首頁太多其他不必要的廣告，容易使人眼花；功能上除了基本的選擇房屋的地點之外，還能選擇房屋的用途、坐向、價錢、坪數、格局等，這些功用也許可以便利許多人更快找到理想的房子，它們也有提供房屋的照片與仲介公司等資訊。如果我是個正要找房子的人，除了令人眼花的廣告外，其他的還算讓我滿意，造訪此網站的人數似乎也不少。
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
example: TMM
(1) housingmaps一開始是一個美國地，很直覺性地先選擇一個洲之後進入，再找尋你想要的地區(城市)，或是一開始在網頁上面直接在選擇城市和價錢也可以；而各個房屋資訊提供地址、價錢、房間數、室內(各房間)和室外的照片，雖然簡單但卻不失實用性。
(2) UrMap的介面是一張大地圖，使用者需輸入地址才能找到想要的房屋，初步使用的結果發現沒有看到一些圖片或其他的資訊，雖然頁面簡單、直觀，不過感覺不方便、不實用。
(3) 7house的首頁太多其他不必要的廣告，容易使人眼花；功能上除了基本的選擇房屋的地點之外，還能選擇房屋的用途、坐向、價錢、坪數、格局等，這些功用也許可以便利許多人更快找到理想的房子，它們也有提供房屋的照片與仲介公司等資訊。如果我是個正要找房子的人，除了令人眼花的廣告外，其他的還算讓我滿意，造訪此網站的人數似乎也不少。
Lab Mash-up 1
1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
Hint: a sample work
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
Hint: a sample work
訂閱：
文章 (Atom)
