2011年12月5日 星期一

Lab 32 Hand code a form

Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.

1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer 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.


Lab 31 Lab Form and Action

Dynamic pages, content generated by server-side programs.
CGI, Common Gateway Interface, for sending requests to server-side programs.



static page
Ex:
http://www.google.com/

dynamic page
Ex:
http://www.cna.com.tw/

URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411
"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 KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.

5. Use KompoZer 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?


2011年11月28日 星期一

Lab 30 Mash-Up 4 (Calendars)


Lab 29 Mash-up 3 (Blogs)

Lab 28 Mash-up 2 (Maps)

美感:yungching比housingmap色彩豐富多了,會使讀者想深入了解。

直覺性:yungching比housingmap分類來的更簡單明瞭,讀者可從不同的角度,更快找到自己想要找的房子。

流暢:yungching提供客戶更多的服務,像是可以需求留言。

預期反應:housingmap地圖太廣,分類也較不明確。而yungching則顯得豐富許多。

Lab 27 Mash-up 1 (Publish)

2011年10月24日 星期一

Lab 15

Lab 14 共同編輯文件

閱讀莫拉克風災電腦教室再生計畫,假設這個計畫是由你發起,你要擬定一張志工排班表,以及修復場地值班人員。

1.請製作一張值班人員表,為了提升效率,你決定先擬好空白表格,再開放編輯權限給你的夥伴填寫,請夥伴上網登記輪值時間。

2.製作志工時間登記表,當志工們填寫資料,管理者可以得到一份excel清單,為了保障個人隱私,請不要將excel公開給所有人。
莫拉克風災志工調查表