Homework 11-26-2007

1. Problem 1 & Problem 3 of Textbook on Page 55.
1.試解釋WEB技術演進是要解決什麼樣的問題?

Web（在這裡，指代「Web 1.0」）最早的概念包括不常更新（甚至不更新）的靜態HTML頁面。而.COM時代的成功則是依靠一個更加動態的Web（指代「Web 1.5」），其中CMS（內容管理系統）可以從不斷變化的內容資料庫中即時生成動態HTML頁面。從這兩種意義上來說，所謂的眼球效應則被認為是固有的Web感受，也因此頁面點擊率和外觀成為了重要因素。

Web 2.0的支持者認為Web的使用正日漸以交互性和未來的社會性網路為導向，所提供的服務內容，通過或不通過創建一個可視的、交互的網頁來充分挖掘網路效應。某種觀點認為，和傳統網站相比，Web 2.0的網站更多表現為Point of presence或者是依賴用戶的門戶網站。

2.以網站開發的角度來說，SCRIPT語言有什麼優勢?
用 script 的方式才能容易達到跨平台的優勢，可以用多種瀏覽器觀賞

3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影響?
process 是作業系統下的多工，thread 是應用程式下的多工，也就是說 process 的排程是由作業系統來控制，而 thread 的排程是由應用程式控制

process 比較耗費系統資源, 因為作業系統必須位它配置應用程式資源，process 程式設計比較簡單, 因為設計師不用考慮存取互斥問題這部分由作業系統負責，
process 比較快速, 因為 process 有權力向作業系統要求優先權，process 排程演算法比較沒有彈性, 這部分已經寫死在作業系統裡

反過來看就是 thread 的特性了，thread 最麻煩的部份, 就是設計師自己必須要考慮存取互斥的問題，例如使用 java 寫程式的時候就會用 syncronized 來保護資料，以防某些資料被執行緒進行錯誤的存取動作，這部份是讓很多程式設計人員頭殼痛的問題

2. What does a CGI output contain? Hint: Such as Content-type and HTTP header

留言板、計數器…等等

3. If you want to upload an mp3 file, should you use the GET or POST method? Why?

POST，因為POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server；而 GET 方法則是將資料直接加在 URI 之後。

4. Reading Assignments:XML (Page 187-188 on the Textbook)

Lab 17: Form and Action, Part II

程式碼


http-equiv="content-type">

name="search"> name="click">

Homework 11-12-2007

根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?

因為開出新視窗，盲人會無法得知，會漏掉原來網頁資訊

2. 為什麼要使用貼切的網頁標頭? 而不是留白?

因為這樣的話，聽網頁才能聽到，對於盲人才有幫助

3. 定義快速鍵有什麼好處?

對於不方便用滑鼠的人，切換網頁物件比較方便

Lab 16: 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. Run your HTML by Firefox. What do you get?

8. Set method as "post"
9. Run your HTML by Firefox. What do you get?

Lab 15 Webpage Accessibility

Use Nvu to edit the following homepage
at http://www.epa.gov.tw

1. You can copy and paste the content to your Nvu.

2. Take a look at the HTML 標籤, HTML 原始碼

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images and

Lab 14: Accessibility by GreaseMonkey

1. Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
2. Google Access Keys Enables navigation through Google search results.
3. AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at www.ocac.gov.tw www.epa.gov.tw
4. Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.

Homework 10-29-2007

1. At Firefox installed with Greasemonkey, install the Simplified-to-Traditional character conversion tool Lab Tongwen.

2. Check into the government-sponsored web accessibility website.

At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. What is web accessibility?


對於網路，許多障礙人士都需要從裡面獲得更多的信息跟樂趣，因此改進無障礙空件便成了最迫切的事。因此這個議題的成功是無可置疑的，也只有讓障礙人士藉網路更貼近生活，才能有所助益。

3. According to Section 2.1 of Textbook, some websites are powered by databases in the back end and some are not. What are the purposes of using databases?

資料庫存在多種模型。而應用於大型數據儲存的資料庫一般為網狀式資料庫（Network Database）、關聯式資料庫（Relational Database）以及物件導向式資料庫（Oracle 即擁有此特性）。此外也有應用在LDAP（輕量級數據訪問協議）的階層式資料庫（Hierarchical Database）。

表格資料庫一般在形式上是一個二維陣列。一般來講，數組中每列表示一個數據類型。數據在其中以不同行的形式存儲。表格資料庫模型是電子試算表（比如Excel）的基礎。

資料索引的觀念由來已久，像是一本書前面幾頁都有目錄，目錄也算是索引的一種，只是它的分類較廣，例如車牌、身份證字號、條碼等，都是一個索引的號 碼，當我們看到號碼時，可以從號碼中看出其中的端倪，若是要找的人、車或物品，也只要提供相關的號碼，即可迅速查到正確的人事物。

另外，索引跟欄位有著相應的關係，索引即是由欄位而來，其中欄位有所謂的關鍵欄位(Key Field)，該欄位具有唯一性，即其值不可重複，且不可為"null"。例如：在合併資料時，索引便是扮演欲附加欄位資料之指向性用途的角色。故此索引為不可重複性且不可為空。

資料庫的優點:

• 減少資料重複(Reduced Redundancy)
• 整合資料(Integrated data)
• 完整性(Integrity)
• 資料的共通性
• 可保護資料的安全及隱私

參考資料：維基百科