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)