2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail. Don't use the real account or password.
4. Try to catch the packet that contains the password.
2009年6月19日 星期五
Lab Packet Sniffer
1. Install Protocol Analyzer Ethereal at http://www.wireshark.org/
2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail. Don't use the real account or password.
4. Try to catch the packet that contains the password.
2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail. Don't use the real account or password.
4. Try to catch the packet that contains the password.
2009年6月12日 星期五
Lab Drag and Drop
1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.
↑ 程式碼
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.
↑ 程式碼
Lab Movie Player
1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.
Lab Speed Test
測試中原大學與中央大學對外頻寬速度。
Tool: Speedtest
cycu proxy: proxy.cycu.edu.tw:3128
ncu proxy.csie.ncu.edu.tw:3128
↑ 中原大學對外速度
↑ 中央大學對外速度
Tool: Speedtest
cycu proxy: proxy.cycu.edu.tw:3128
ncu proxy.csie.ncu.edu.tw:3128
↑ 中原大學對外速度
↑ 中央大學對外速度
Homework 6.5.2009
1. Please use the blog clouds to render your own blogs, not others.
2. 在你的部落格加上手機版
在部落格網址前加上"http://www.google.com/gwt/n?u="即可在手機上以適當的版面閱讀！！
http://www.google.com/gwt/n?u=http://s9526322.blogspot.com/
2. 在你的部落格加上手機版
在部落格網址前加上"http://www.google.com/gwt/n?u="即可在手機上以適當的版面閱讀！！
http://www.google.com/gwt/n?u=http://s9526322.blogspot.com/
2009年6月5日 星期五
Lab Google Analytics
1. Enter Google Analytics
2. Put the code provided by Google Analytics in your own blog.
3. Check the results to see the daily traffic chart, the recent visitors by locations.
2. Put the code provided by Google Analytics in your own blog.
3. Check the results to see the daily traffic chart, the recent visitors by locations.
2009年5月20日 星期三
專業愈好 愈易就業
生醫福祉工程特論 (鍾文耀老師)
今天一上課老師就發了幾張影印的新聞報導給我們看，其中一張有著斗大的標題『克魯曼：專業愈好 愈易就業』，老師說上課前要先跟我們來分享一些經驗…
保羅·羅賓·克魯曼(Paul Robin Krugman，1953年2月28日)，美國經濟學家及紐約時報專欄作家，普林斯頓大學經濟系教授，2008年諾貝爾經濟學獎得主，他受邀來台做為期兩天的演講，與政府、學生們進行座談與對話。近幾年的畢業生要找工作可能會很傷腦筋，因為面對的是失業率居高不下的環境，克魯曼建議學生們培養分析事情、解決問題的專業能力，『專業技能愈好，就業機會愈大』。
在與學生座談的時候，有學生問克魯曼，當遇到與教科書上敘述不一樣的時候該怎麼辦，他的回答還先開了自己個玩笑，說自己所寫的教科書也沒有很好，光讀教科書沒有用，凡事總有例外，要鑑往知來、參考歷史的教訓才是真的。另外有學生提到，貧富差距愈來愈大，台灣也是收入兩極，人文語言的學生求職很吃虧，請教克魯曼有何建議，他則說：『專業技能愈好，就業機會愈大，心態也很重要。我可以告訴你，貧富差距愈永遠存在，但人的價值不在於收入的多寡，用錢衡量成就是不對的，各種領域都有他們發揮的地方，不要自我設限，通才才是最重要的』。
鍾老師也說，現在社會有很多失業等工作的人，但這些人明明好手好腳的為什麼會找不到工作呢？問題在於他們不夠積極，沒有充分地表現出他們想要爭取一份工作的心，若自己能力不夠也不會去增進自己的能力，只會抗議、等待是沒用的。
相關新聞：http://udn.com/NEWS/FINANCE/FINS6/4908618.shtml
http://udn.com/NEWS/OPINION/X1/4909729.shtml
今天一上課老師就發了幾張影印的新聞報導給我們看，其中一張有著斗大的標題『克魯曼：專業愈好 愈易就業』，老師說上課前要先跟我們來分享一些經驗…
-----(以下是老師的一些話與報導內容的整理)-----
保羅·羅賓·克魯曼(Paul Robin Krugman，1953年2月28日)，美國經濟學家及紐約時報專欄作家，普林斯頓大學經濟系教授，2008年諾貝爾經濟學獎得主，他受邀來台做為期兩天的演講，與政府、學生們進行座談與對話。近幾年的畢業生要找工作可能會很傷腦筋，因為面對的是失業率居高不下的環境，克魯曼建議學生們培養分析事情、解決問題的專業能力，『專業技能愈好，就業機會愈大』。
在與學生座談的時候，有學生問克魯曼，當遇到與教科書上敘述不一樣的時候該怎麼辦，他的回答還先開了自己個玩笑，說自己所寫的教科書也沒有很好，光讀教科書沒有用，凡事總有例外，要鑑往知來、參考歷史的教訓才是真的。另外有學生提到，貧富差距愈來愈大，台灣也是收入兩極，人文語言的學生求職很吃虧，請教克魯曼有何建議，他則說：『專業技能愈好，就業機會愈大，心態也很重要。我可以告訴你，貧富差距愈永遠存在，但人的價值不在於收入的多寡，用錢衡量成就是不對的，各種領域都有他們發揮的地方，不要自我設限，通才才是最重要的』。
鍾老師也說，現在社會有很多失業等工作的人，但這些人明明好手好腳的為什麼會找不到工作呢？問題在於他們不夠積極，沒有充分地表現出他們想要爭取一份工作的心，若自己能力不夠也不會去增進自己的能力，只會抗議、等待是沒用的。
相關新聞：http://udn.com/NEWS/FINANCE/FINS6/4908618.shtml
http://udn.com/NEWS/OPINION/X1/4909729.shtml
2009年5月15日 星期五
Lab DOM
[Lab]
1. Open NVu
2. Based on the code as in http://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.
1. Open NVu
2. Based on the code as in http://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.
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月9日 星期六
2009年5月8日 星期五
Lab XML (2)
1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. View the formatted HTML file.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. 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 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.
URL改成"http://maps.google.com/maps"：
輸入座標：
找到搜尋位址：
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
URL改成"http://maps.google.com/maps"：
輸入座標：
找到搜尋位址：
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?
GET：
可搜尋：
POST：
ERROR：
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?
GET：
可搜尋：
POST：
ERROR：
2009年5月1日 星期五
Homework 5-1-2009
1. 嘗試闖關以下這個遊戲
Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱
Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱
Lab Mash-up 4
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
http://www.blogger.com/img/blank.gif
這些應用的特點是什麼?
ps. More applications of Google Maps
這些應用的特點是都結合了地圖，在地圖上標示出各個地點H1N1的疫情，在發生災難的時候現場必定是混亂的，各地區的情況是如何很難做一個統整、指揮，利用地圖就能做出比較明確的判斷。
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
http://www.blogger.com/img/blank.gif
這些應用的特點是什麼?
ps. More applications of Google Maps
這些應用的特點是都結合了地圖，在地圖上標示出各個地點H1N1的疫情，在發生災難的時候現場必定是混亂的，各地區的情況是如何很難做一個統整、指揮，利用地圖就能做出比較明確的判斷。
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
(1) housingmaps一開始是一個美國地，很直覺性地先選擇一個洲之後進入，再找尋你想要的地區(城市)，或是一開始在網頁上面直接在選擇城市和價錢也可以；而各個房屋資訊提供地址、價錢、房間數、室內(各房間)和室外的照片，雖然簡單但卻不失實用性。
(2) UrMap的介面是一張大地圖，使用者需輸入地址才能找到想要的房屋，初步使用的結果發現沒有看到一些圖片或其他的資訊，雖然頁面簡單、直觀，不過感覺不方便、不實用。
(3) 7house的首頁太多其他不必要的廣告，容易使人眼花；功能上除了基本的選擇房屋的地點之外，還能選擇房屋的用途、坐向、價錢、坪數、格局等，這些功用也許可以便利許多人更快找到理想的房子，它們也有提供房屋的照片與仲介公司等資訊。如果我是個正要找房子的人，除了令人眼花的廣告外，其他的還算讓我滿意，造訪此網站的人數似乎也不少。
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
(1) housingmaps一開始是一個美國地，很直覺性地先選擇一個洲之後進入，再找尋你想要的地區(城市)，或是一開始在網頁上面直接在選擇城市和價錢也可以；而各個房屋資訊提供地址、價錢、房間數、室內(各房間)和室外的照片，雖然簡單但卻不失實用性。
(2) UrMap的介面是一張大地圖，使用者需輸入地址才能找到想要的房屋，初步使用的結果發現沒有看到一些圖片或其他的資訊，雖然頁面簡單、直觀，不過感覺不方便、不實用。
(3) 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
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
2009年4月29日 星期三
2009年4月17日 星期五
Lab Making web pages accessible
1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.
2. Fix the failures you found.
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?
Ans: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?
Ans: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.
Google
Yahoo
CYCU
Report the summary of all the errors and warnings for each site.
Yahoo
CYCU
訂閱：
文章 (Atom)
