2008年11月28日 星期五
2008年11月24日 星期一
Lab: Form and Action, Part II
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.
Lab Checking dead links
W3C Link Check 可以檢查 dead links, 而且只要輸入首頁, 就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站). Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁. 因此如果出現 deadlink, 就是在首頁. 如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁, 在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後 在逐一爬行該頁內每個 link. 報表輸出很漂亮. 請參閱 http://validator.w3.org/checklink 請檢查三個你最常使用的網站, 看看連結的品質如何? 紀錄有錯誤連結 (HTTP Error 404) 的次數.
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?
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 11-17-2008
1. Lab Making web pages accessible
2. What is Web 2.0?
3. What is mashup?
answer
1.很抱歉，我不會> <
2.Web 2.0，他是一個新生的術語，大致上跟Web1.0的基本功能一樣，唯一改變的是他是可以透過分享，讓更多
人享受這些資源，這可說是網路的一大創舉。
3.所謂的mashup，就是混搭。整合網路上的一些資源，結合成一個新的服務，例如一個網站，可以由很多的網址或圖片穿插而成。
answer
1.很抱歉，我不會> <
2.Web 2.0，他是一個新生的術語，大致上跟Web1.0的基本功能一樣，唯一改變的是他是可以透過分享，讓更多
人享受這些資源，這可說是網路的一大創舉。
3.所謂的mashup，就是混搭。整合網路上的一些資源，結合成一個新的服務，例如一個網站，可以由很多的網址或圖片穿插而成。
2008年11月21日 星期五
lab Fraction Addition
Write a program to implement a method that can do additions of 2 fractions. You will implement a class called Fraction consisting of a numerator and a denominator. The additions of
2 fractions should be equal to a fraction.
Use 1/2+1/3 as the test.
Hints:
Fraction f1, f2;
f1.add(f2);
2 fractions should be equal to a fraction.
Use 1/2+1/3 as the test.
Hints:
Fraction f1, f2;
f1.add(f2);
lab Fraction equality test
Write a program to implement a method that can check whether 2 fractions are equal. You will implement a class called Fraction consisting of a numerator and a denominator. The equality test of 2 fractions should return a boolean value.Use the following as the tests.
1/2, 2/4
5/6, 6/7Hints:Fraction f1, f2;f1.equals(f2);
1/2, 2/4
5/6, 6/7Hints:Fraction f1, f2;f1.equals(f2);
2008年11月17日 星期一
Lab Mashup
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
Lab Mashup 3
Check it out! Real time satellite tracking
It is a mashup of Google Map and satellite teacking data.
Use the website to track Formosa III satellite.
More applications of Google Maps
It is a mashup of Google Map and satellite teacking data.
Use the website to track Formosa III satellite.
More applications of Google Maps
Lab Mashup 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/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
example: TMM
個人是比較喜歡第3個的模式.因為當一我在挑房子的時候.我一定希望能夠看到整體房
屋的格式.不管是在美感還是直覺性都能當場感受到.第一個和第二個都是屬於在我想
去當房子現場看的時候才會去看這個網站.像這種只顯示地圖的網站通常不會達到預期
反應.
屋的格式.不管是在美感還是直覺性都能當場感受到.第一個和第二個都是屬於在我想
去當房子現場看的時候才會去看這個網站.像這種只顯示地圖的網站通常不會達到預期
反應.
2008年11月7日 星期五
lab counter
Define a class called Counter whose objects count things. An object of this class records a count that is a nonnegative integer. Include methods to set the counter to 0, to increase the count by 1, and to decrease the count by 1. Include an accessor method that returns the current count value and a method that outputs the count to the screen. Write a program to test
counter.reset();
counter.inc();
counter.inc();
counter.dec();
counter.output();
2008年11月3日 星期一
Lab Access Keys
1. Use Firefox Accessibility Extension to identify the access keys defined in http://www.epa.gov.tw
2. Use GreaseMonkey to detect the access keys defined in http://www.epa.gov.tw
Hint: AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window.
3. Are the two results in the above the same?
2. Use GreaseMonkey to detect the access keys defined in http://www.epa.gov.tw
Hint: AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window.
3. Are the two results in the above the same?
Lab Firefox Accessibility Extension
Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.
Report the summary of all the errors and warnings for each site.
Lab: Making images accessible
1. Use Nvu or Notepad to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html
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.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
at http://bloggercamp.blogspot.com/2007/01/2007.html
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.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
Homework 10-20-2008
1. 參考 PageRank-Google 決定搜尋排名的關鍵技術
以及Google.com 網站的官方解釋，簡要說明PageRank原理。
2. Essay Writing on Google Docs (>500 Words)
參考新蘇格蘭遊記，撰寫一篇你自己的秋日遊記。Use text, Google Maps, Photos, etc. as you like.
Invite your friends to write comments.
3. 關於你前ㄧ次散文作品，經過一個月之後你得到多少篇回應? 其中多少贊同，多少異議，多少具有實質內容?
answer:
1.Google的PageRank公式十分複雜，而且也不是一成不變。但簡單地來說，就是衡量某個網站是否被其他網站（或背後的網站經營者、管理者）所肯定。你如果有網站，通常不會隨便去連結別人的網站，當你連結出去之後，就等於投對方網站一票。
2.活魚四吃
3.五個留言，大部分都沒有什麼實質的意義內容!
以及Google.com 網站的官方解釋，簡要說明PageRank原理。
2. Essay Writing on Google Docs (>500 Words)
參考新蘇格蘭遊記，撰寫一篇你自己的秋日遊記。Use text, Google Maps, Photos, etc. as you like.
Invite your friends to write comments.
3. 關於你前ㄧ次散文作品，經過一個月之後你得到多少篇回應? 其中多少贊同，多少異議，多少具有實質內容?
answer:
1.Google的PageRank公式十分複雜，而且也不是一成不變。但簡單地來說，就是衡量某個網站是否被其他網站（或背後的網站經營者、管理者）所肯定。你如果有網站，通常不會隨便去連結別人的網站，當你連結出去之後，就等於投對方網站一票。
2.活魚四吃
3.五個留言，大部分都沒有什麼實質的意義內容!
Homework due 11/03/2008
1. According to the following two papers, what are the current issues of Web accessibility in the Web 2.0 era? Please write a 500 word essay.
Web 2.0: hype or happiness?
Mary Zajicek
Pages: 35 - 39
Full text available:
Pdf(290 KB)
Enabling an accessible web 2.0
Becky Gibson
Pages: 1 - 6
Full text available:Pdf(344 KB)
這兩篇文章有版權保護，必須在校內下載。或是透過圖書館線上登入，進行身分認證。
answer:
「Web 2.0」這個名詞，最先是由 O'Reilly Media創辦人暨執行長奧萊禮（Tim O'Reilly）提出，這些網站主要在幾方面有別於傳統網站：首先，他們朝思暮想的 再也不是如何賣「軟體」，而是「服務」，也就是把網站視為一個平台，「網站再也不純粹只是個『空間』， 而是一扇通往各式服務的『大門』，」以開發企業用Wiki軟體而聞名的Socialtext執行長梅菲德（Ross Mayfield）做了很貼切的說明；其次，「使用者」的角色將被置於最核心的位置，這些網站經營者開始學習「信任」，將生產、掌控資料的權力交還給使用 者，「由底層發聲」的部落格是最明顯的例子。
web accessibility（或稱網路無障礙）。其要旨在於確保任何人都有辦法取得放在網頁上的媒體內容 ── 無論人們是否遭遇了身體、心理或技術上的障礙，都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」，易於取得、利用。
2. 針對前次作業遊記的部分，挑選至少五篇你覺得很用心的文章，針對寫作技巧與文章內涵給予建設性的評語。
answer:
台中港半日遊
小內灣灣
上野壽喜燒
我的遊記-便所餐廳
泰國遊
Web 2.0: hype or happiness?
Mary Zajicek
Pages: 35 - 39
Full text available:
Pdf(290 KB)Enabling an accessible web 2.0
Becky Gibson
Pages: 1 - 6
Full text available:
Pdf(344 KB)這兩篇文章有版權保護，必須在校內下載。或是透過圖書館線上登入，進行身分認證。
answer:
「Web 2.0」這個名詞，最先是由 O'Reilly Media創辦人暨執行長奧萊禮（Tim O'Reilly）提出，這些網站主要在幾方面有別於傳統網站：首先，他們朝思暮想的 再也不是如何賣「軟體」，而是「服務」，也就是把網站視為一個平台，「網站再也不純粹只是個『空間』， 而是一扇通往各式服務的『大門』，」以開發企業用Wiki軟體而聞名的Socialtext執行長梅菲德（Ross Mayfield）做了很貼切的說明；其次，「使用者」的角色將被置於最核心的位置，這些網站經營者開始學習「信任」，將生產、掌控資料的權力交還給使用 者，「由底層發聲」的部落格是最明顯的例子。
web accessibility（或稱網路無障礙）。其要旨在於確保任何人都有辦法取得放在網頁上的媒體內容 ── 無論人們是否遭遇了身體、心理或技術上的障礙，都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」，易於取得、利用。
2. 針對前次作業遊記的部分，挑選至少五篇你覺得很用心的文章，針對寫作技巧與文章內涵給予建設性的評語。
answer:
台中港半日遊
小內灣灣
上野壽喜燒
我的遊記-便所餐廳
泰國遊
2008年11月1日 星期六
Lab: More on HTML
Headings
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?
Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?
Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?
訂閱：
文章 (Atom)