網際網路應用: 5月 2009

2009年5月15日星期五

Lab DOM

[Lab]
1. Open NVu
2. Based on the code as inhttp://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)

Hint: The javascript code should be enclosed by script tags.

Lab Create Image using DOM

1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.

4. Use a button to load the image. Try how onclick works.

沒東西

點擊後

跑出圖片

2009年5月14日星期四

SOME DATA

7. 在CGI語法裡，解釋 GET, POST 差異在哪裡?

http://blog.roodo.com/rocksaying/archives/5692241.html

post 似乎是把表單送出去給預設好的網頁 (因為網址長度有限制)

get 送參數(取得資源)

POST	Create	Create a resource without id.
GET	Read	Get a resource.

9. Google Access Keys 有哪些功能? 能對視障者提供何種協助?

http://hsinyu00.wordpress.com/tag/access-key/

Access Key 搭配錨點(Anchor)使用：視障者少用滑鼠，而多用鍵盤。Access Key 讓視障者用快速鍵跳到特定的區塊，Anchor 上的id有助於視障者了解這個區塊的大意

圖片、影片、聲音檔的替代文字(Alt)：即使視障者無法看見真正的圖片影音，但仍然可以由Alt或是旁邊的文字說明來了解。

合理的Table：用來陳述資料，而非用來排版。善用和增加表格的可讀性。

1. 什麼是RSS?請舉出3個網站說明之。

http://zh.wikipedia.org/wiki/RSS

RSS（簡易資訊聚合）是一種消息來源格式規範，用以發佈經常更新資料的網站，例如部落格文章、新聞、音訊或視訊的網摘。RSS文件（或稱做摘要、網路摘要、或頻更新，提供到能道）包含了全文或是節錄的文字，再加上發用者所訂閱之網摘佈資料和授權的元數據。網路摘要專業層面能夠者自和閱讀網摘的使動地發佈他們的資料，同時也使讀者能更夠定期更新他們喜歡的網站或是聚合不同網站的網摘

2009年5月8日星期五

Lab XML

1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the the XML file and XSLT file ,use Xray to do the transformation of the XML into HTML.You have to replace [ with <.3. View the formatted HTML file.

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 likehttp://maps.google.com/maps?q=24.9586,+121.24114

Use Form CGI that includes action, input, and submit.Try a few different coordinates.

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?

Homework 5-1-2009

1. 嘗試闖關以下這個遊戲Place That State Game

2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%40group.calendar.google.com&ctz=Asia/Taipei>進入後按右下角+Google日曆即可訂閱

2009年5月1日星期五

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

這些應用的特點是什麼?

ps. More applications of Google Maps

都是結合了免費的電子地圖結合數據去標出各地區的某個特點

比如Air Passengers 或是Swine Flu

讓人可以馬上知道他所代表的涵義也比起文字敘述更能明確的去了解

比如豬流感病例也不必從新聞報導中得知只要看這張電子地圖就能馬上得知那個地區的疫情如何

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

http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/

這2個是先用電子地圖去尋找地區在右方及地圖上皆有顯示資訊

只是台灣的http://www.urmap.com.tw/asp/kijiji/ 在租屋廣告處顯得十分雜亂無章有種怕你不點進來看一樣

而http://www.housingmaps.com 則顯得十分簡潔扼要只列出最低基本告知詳細敘述在點入後才知道增加幾分期待

http://www.7house.com.tw 就很顯得很麻煩需要一個一個選項慢慢弄比起其他2個麻煩的多而且也不像其他2個是有地圖知道附近環境的基本資訊完全文字敘述除非對附近有一定認知否則無法得知在交通上或是購物上是否十分麻煩或是簡便

直覺性：7HOUSE>housing>KIJIJI

7HOUSE 和 housing感覺較為直覺先列出客戶需求再去選擇

美感：housing>>>>>7HOUSE>KIJIJI

HOUSING簡潔有力 7HOUSE像一般的入口網站 KIJIJI的廣告就像路邊貼那種小廣告一樣...

流暢：housing>KIJIJI>7HOUSE

搭配地圖使用在參考條件很容易就能訂出幾個明確目標

預期反應：housing>KIJIJI>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

1.上傳到GOOGLE DOCS中