期末報告二

我選的題目是Animation裡面的Drag and Drop,會選這個是因為這項Drag and Droop的概念可以在網際網路上有很好的應用,使得網頁何人的互動可以更加多元和視覺化還有方便,例如:購物,網路小遊戲,還有iGoogle的moving blocks.




實際效果:

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

我的ip是140.135.9.128

Lab Google Group

1. Decide on the group name, and kick off some subjects.
group name:yandachen2001

2. Compare this with other BBS you might have used.

我覺得bbs會比較好用,因為bbs不會耗費很多時間在網頁讀取還有傳輸上面.不過bbs也有個缺點,就是bbs的使用族群通常都侷限在學生.

3. Can you think of any use of the Forum in your activities?

各種討論都可以,不管是課業上的,或者興趣,或者時事議題都可以討論.

Lab Web Analytics

把程式碼當成依個物件,加到自己的部落格理面

然後點blog裡面的"sitemeter"即可觀察流量

Lab Google Presentation

把這串網址
http://docs.google.com/Present?docid=d6rvgr7_3djfb2cc5
分享給其他人,就可以邀請聽眾來參予我的presentation.如下圖所示.

Lab Drag-and-Drop by AJAX

圖片移到play可以播放影片,移到pause影片會暫停

期末報告

我選的題目是Animation裡面的Drag and Drop,會選這個是因為這項Drag and Droop的概念可以在網際網路上有很好的應用,使得網頁何人的互動可以更加多元和視覺化還有方便,例如:購物,網路小遊戲,還有iGoogle的moving blocks.





實際效果:

Lab Movie Player by AJAX

Use this script to control movie playing.
If you push the "pause" button, the movie pauses.
If you push the "resume" button, the movie resumes.

Homework 12-10-2007

1. List three ways of creating interactive webpages.
(1)DOM and Javascript
(2)CGI
(3)GreaseMonkey

2. Lab DOM and Javascript.
DOM and Javascript

Lab DOM and JavaScript

1.程式碼，存成html格式


2.用firefox開啟，顯示99乘法表

Lab Create Img using DOM

1.程式碼，存檔為html格式


2.用firefox開啟檔案
3.如果有用window.onload則一開始就會有圖片


4.一(n)次按鈕就會多顯示一(n)張圖片

lab 19: XSLT Part II ,Homework 12-3-2007

1.所有步驟都與LAB18相似

2.The process of transformating listing 1 by listing 2.







3.The process of transformating listing 1 by listing 3.

lab 20: XSLT Part III

1. 先寫XSLT檔

2.在用與LAB18相同的方法即可得到HTML

lab 18: Lab XML & XSLT

1.首先下載Xray
2.分別貼上老師所給的兩個檔案,把"[]"改成"<>",然後存檔 (注意存檔格式)










3.打開transform及HTML view
4.開啟剛剛所存的XML,還有XSLT,即可看到結果

Homework 11-26-2007

1. Problem 1 & Problem 3 of Textbook on Page 55.

Problem 1 .試解釋Web技術演進是要解決什麼樣的問題?
Ans:在早期，因為網頁的互動沒有那麼多，所以一開始的Wab技術是靜態網頁，靜態網頁技術可以說是極不方便，因為如果某個網頁要改個小地方，那麼這個網頁要全部重寫。因為極不方便，所以進化到了動態網頁。動態網頁實際上並不是獨立存在於服務器上的網頁文件，只有當用戶請求時伺服器才送回一個完整的網頁，動態網頁也因為使用者可以跟伺服器互動而被稱為動態網頁。但當使用者變多時，系統所產生的程序也會增加，而過多的程序會耗費過多系統資源而導致速度變慢甚至當機。到後來為了應付龐大的流量，網站技術就從程序進化為執行緒，使用常駐的服務，使效率提升。

Problem 3.程序和執行緒對網站性能有什麼不同的影響?
Ans:在某些情況下，應用程式可能被要求執行一些類似的工作，傳統的做法是產生很多個新的程序去應付每個類似的工作，這對系統來說是個嚴重的負擔。所以後來進化成一個程序生成多個執行緒，其中每個執行緒共用程式碼區域、資料庫。因為資源共用可以讓多個執行緒在同一位置空間活動，也因此降低系統負擔，所以硬體成本也不需要那麼高

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

Ans: 小從簡單的網頁計數器，留言版，大至處理眾多資料的搜尋引擎，可做線上實時交易的電子商務、網絡下單等...。

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

Ans:Post. GET有上傳資料量的限制，而POST可以傳送大量資料，所以傳送大量的資料或者上傳檔案會使用POST。另外，POST也比較安全，GET會讓數據顯示在網址內，而POST不會。

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