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
↑ 中原大學對外速度
↑ 中央大學對外速度
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月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月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日 星期五
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月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.
訂閱：
文章 (Atom)