2007年12月31日 星期一
2007年12月30日 星期日
2007年12月17日 星期一
2007年12月14日 星期五
Homework 12-10-2007
1. List three ways of creating interactive webpages.
Nvu、Java Scrpit、CGI
2. Lab DOM and Javascript.
3. Reading Assignments: AJAX by Jeremy Keith
Nvu、Java Scrpit、CGI
2. Lab DOM and Javascript.
3. Reading Assignments: AJAX by Jeremy Keith
2007年12月11日 星期二
2007年12月10日 星期一
2007年12月3日 星期一
"lab 18: Lab XML & XSLT"
Homework 11-26-2007
1. Problem 1 & Problem 3 of Textbook on Page 55.
1.試解釋WEB技術演進是要解決什麼樣的問題?
Web最早的概念包括不常更新,甚至不更新的靜態HTML頁面。而.com時代的成功則是依靠一個更加動態的Web，可以從不斷變化的內容資料庫中即時生成動態HTML頁面。Web 是透過參與者的互動：不論是提供內容、為內容索引或評分，都能夠使他們所使用的平臺增值。透過參與者的互動，好的產品或資訊本著它的口碑，核心概念是互動與分享，所有的網路行為，都可用「互動、分享」的概念來作詮釋。
3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影
Program:一群程式碼的集合,用以解決特定的問題。以物件導向的觀念來類比,相當於Class。 Process:由Program所產生的執行個體,一個Program可以同時執行多次,產生多個Process。以物件導向的觀念來類比,相當於Object。每一個Process又由以下兩個東西組成 一個Memory Space。相當於Object的variable,不同Process的Memory Space也不同,彼此看不到對方的Memory Space。 一個以上的Thread。Thread代表從某個起始點開始(例如main),到目前為止所有函數的呼叫路徑,以及這些呼叫路徑上所用到的區域變數。當然程式的執行狀態,除了紀錄在主記憶體外,CPU內部的暫存器(如Program Counter, Stack Pointer, Program Status Word等)也需要一起紀錄。
2. What does a CGI output contain? Hint: Such as Content-type and HTTP header
留言板 E-mail意見回覆 計數器...等等
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
POST method,POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server；而 GET 方法則是將資料直接加在 URI 之後。
4. Reading Assignments:XML (Page 187-188 on the Textbook)
1.試解釋WEB技術演進是要解決什麼樣的問題?
Web最早的概念包括不常更新,甚至不更新的靜態HTML頁面。而.com時代的成功則是依靠一個更加動態的Web，可以從不斷變化的內容資料庫中即時生成動態HTML頁面。Web 是透過參與者的互動：不論是提供內容、為內容索引或評分，都能夠使他們所使用的平臺增值。透過參與者的互動，好的產品或資訊本著它的口碑，核心概念是互動與分享，所有的網路行為，都可用「互動、分享」的概念來作詮釋。
3.程序(PROCESS)害執行緒(THREAD)對網站性能有什麼不同的影
Program:一群程式碼的集合,用以解決特定的問題。以物件導向的觀念來類比,相當於Class。 Process:由Program所產生的執行個體,一個Program可以同時執行多次,產生多個Process。以物件導向的觀念來類比,相當於Object。每一個Process又由以下兩個東西組成 一個Memory Space。相當於Object的variable,不同Process的Memory Space也不同,彼此看不到對方的Memory Space。 一個以上的Thread。Thread代表從某個起始點開始(例如main),到目前為止所有函數的呼叫路徑,以及這些呼叫路徑上所用到的區域變數。當然程式的執行狀態,除了紀錄在主記憶體外,CPU內部的暫存器(如Program Counter, Stack Pointer, Program Status Word等)也需要一起紀錄。
2. What does a CGI output contain? Hint: Such as Content-type and HTTP header
留言板 E-mail意見回覆 計數器...等等
3. If you want to upload an mp3 file, should you use the GET or POST method? Why?
POST method,POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server；而 GET 方法則是將資料直接加在 URI 之後。
4. Reading Assignments:XML (Page 187-188 on the Textbook)
2007年11月26日 星期一
Lab 17: 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 likehttp://maps.google.com/maps?q=24.9586,+121.24114Use Form CGI that includes action, input, and submit.Try a few different coordinates.
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"
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?
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"
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?
Homework 10-1-2007
根據無障礙網頁設計原則
1. 為什麼不要開出新視窗?
對於有障礙者時，當網頁開啟時是以新視窗開啟的話較為不便，也會使得上一頁失去使用功能，無法記錄曾經閱讀過歷史頁面，或是需移動滑鼠在不同的事窗，切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的，將不同的篇章賦予相異的意義，以及為不同的內容作一些分類與區隔，方便未來的收尋與使用，和使讀者可以簡略的判斷出使否是所需使用的篇章，加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
將所想使用的功能快速叫出來使用，節省一層層下押的尋找功能鍵時間，就像是要收循文章中的資料，只要按下Ctrl+f 即可快速尋找，則不必先分次按下編輯→尋找文字的功能鍵，或是要開啟新分頁時則是Ctrl+T
1. 為什麼不要開出新視窗?
對於有障礙者時，當網頁開啟時是以新視窗開啟的話較為不便，也會使得上一頁失去使用功能，無法記錄曾經閱讀過歷史頁面，或是需移動滑鼠在不同的事窗，切換點閱稍嫌有點麻煩。
2. 為什麼要使用貼切的網頁標頭? 而不是留白?
標題的命名是一個相當重要的，將不同的篇章賦予相異的意義，以及為不同的內容作一些分類與區隔，方便未來的收尋與使用，和使讀者可以簡略的判斷出使否是所需使用的篇章，加速閱讀的篩選速率。
3. 定義快速鍵有什麼好處?
將所想使用的功能快速叫出來使用，節省一層層下押的尋找功能鍵時間，就像是要收循文章中的資料，只要按下Ctrl+f 即可快速尋找，則不必先分次按下編輯→尋找文字的功能鍵，或是要開啟新分頁時則是Ctrl+T
2007年11月12日 星期一
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 http://www.ocac.gov.tw/ http://www.epa.gov.tw/
4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
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 http://www.ocac.gov.tw/ http://www.epa.gov.tw/
4.Continued from 3, use google to find 3 more government sites in Taiwan that enable access keys.
2007年10月29日 星期一
Lab Technorati
Use Technorati to measure the authority of blogs and show how many links the following blogs have.
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Engadget http://www.engadget.com/
Java http://javaatcycu.blogspot.com
Reflection http://www.chieftain.idv.tw
自己的
Scobleizer http://scobleizer.wordpress.com/
Techcrunch http://www.techcrunch.com/
Engadget http://www.engadget.com/
Java http://javaatcycu.blogspot.com
Reflection http://www.chieftain.idv.tw
自己的
作業
1. Lab Google PageRank在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
紐約時報 http://www.nytimes.com
Monday 購物 http://www.monday.com.tw/
CNN http://www.cnn.com/
常用一
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
常用二
常用三
2. Essay Writing on Google Docs
參考鳳凰城動物園遊記，撰寫一篇你自己的秋日遊記。
這次我們要使用Google Docs來書寫，請參考Google Docs
2007年10月22日 星期一
演講心得-2
你覺得這篇論文創新性如何? 普通
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 普通 /普通
你覺得簡報內容呈現如何?是不是清晰簡明? 普通/普通
你覺得這篇論文對社會貢獻如何? 非常好
你覺得這篇論文對學術貢獻如何? 好
請自由表達你對此篇論文的意見或建議。
一樣對於演講者也有音量的問題，然後可能是位置比較遠的關西，我覺得大部分演講者幾乎都是盯著螢幕在看感覺，或許要跟台下的聽講者有些許的眼神交流，會比較讓人專注在聽講中，還有演講內容應該還要多試講幾次，有點不是很熟悉的感覺，所以常常會有停頓或是一直重複出現然後的連接詞。這個部份的內容沒有實際數字的呈現，對於這項技術的原理，跟實際使用的狀況有點不清楚。
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 普通 /普通
你覺得簡報內容呈現如何?是不是清晰簡明? 普通/普通
你覺得這篇論文對社會貢獻如何? 非常好
你覺得這篇論文對學術貢獻如何? 好
請自由表達你對此篇論文的意見或建議。
一樣對於演講者也有音量的問題，然後可能是位置比較遠的關西，我覺得大部分演講者幾乎都是盯著螢幕在看感覺，或許要跟台下的聽講者有些許的眼神交流，會比較讓人專注在聽講中，還有演講內容應該還要多試講幾次，有點不是很熟悉的感覺，所以常常會有停頓或是一直重複出現然後的連接詞。這個部份的內容沒有實際數字的呈現，對於這項技術的原理，跟實際使用的狀況有點不清楚。
演講心得-1
你覺得這篇論文創新性如何? 普通
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 普通 /好
你覺得簡報內容呈現如何?是不是清晰簡明? 普通/好
你覺得這篇論文對社會貢獻如何? 非常好
你覺得這篇論文對學術貢獻如何? 好
請自由表達你對此篇論文的意見或建議。
先對研講者一些小小的問題，提出依些我的看法，我是坐在最後一排的，基本上音量有點小聲，演講的速度太快，所以有時候還沒有聽清楚上一句再講什麼，就跳到下一段去了。如果可以我覺得多放一些時間跟重點在實例的講解會比較好，因為一般人對這樣技術的使用上比較陌生，或是可以現場簡單的實際操作，這樣會比較有臨場感，或是可以預錄一段使用方法的影片撥放。
你覺得這篇論文嚴謹度如何?是否合乎科學實證的精神? 普通 /好
你覺得簡報內容呈現如何?是不是清晰簡明? 普通/好
你覺得這篇論文對社會貢獻如何? 非常好
你覺得這篇論文對學術貢獻如何? 好
請自由表達你對此篇論文的意見或建議。
先對研講者一些小小的問題，提出依些我的看法，我是坐在最後一排的，基本上音量有點小聲，演講的速度太快，所以有時候還沒有聽清楚上一句再講什麼，就跳到下一段去了。如果可以我覺得多放一些時間跟重點在實例的講解會比較好，因為一般人對這樣技術的使用上比較陌生，或是可以現場簡單的實際操作，這樣會比較有臨場感，或是可以預錄一段使用方法的影片撥放。
2007年10月15日 星期一
Homework 10-8-2007
1. 請閱讀數篇其他同學的部落格(10月一日作業第一題)，選擇其中三位同學在她(他)的部落格上，針對其散文給予評語或建議。
評語對象：dennis 、doit 、Yuer"s blog
2. 關於你的散文作品，你得到多少篇回應? 這些回應對你有幫助嗎?
三篇。還蠻開心的，得到好的評語。
3. Use IE to view original XML of Yam's RSS feed. What are the fields of the RSS 2.0?You may read the lecture notes to give you some of the ideas.
RSS就像是訂閱的電子報，只要有最新一期就會發信至信箱，然而這樣子的功能，造福許多喜愛閱讀BBS的族群，而部落格上的RSS同樣提供『訂閱』的功能與服務，比方說因為會不知到作家什麼時候會發表新文章！所以可以透過訂閱部落格上RSS的方式，這樣一來只要有發表新文章，就會自動發出訊息，便可以透過RSS閱讀軟體來瀏覽部落格的文章
參考資料：http://tw.knowledge.yahoo.com/question/?qid=1006120908628
評語對象：dennis 、doit 、Yuer"s blog
2. 關於你的散文作品，你得到多少篇回應? 這些回應對你有幫助嗎?
三篇。還蠻開心的，得到好的評語。
3. Use IE to view original XML of Yam's RSS feed. What are the fields of the RSS 2.0?You may read the lecture notes to give you some of the ideas.
RSS就像是訂閱的電子報，只要有最新一期就會發信至信箱，然而這樣子的功能，造福許多喜愛閱讀BBS的族群，而部落格上的RSS同樣提供『訂閱』的功能與服務，比方說因為會不知到作家什麼時候會發表新文章！所以可以透過訂閱部落格上RSS的方式，這樣一來只要有發表新文章，就會自動發出訊息，便可以透過RSS閱讀軟體來瀏覽部落格的文章
參考資料：http://tw.knowledge.yahoo.com/question/?qid=1006120908628
2007年10月4日 星期四
Homework 10-1-2007
1. 參考單車上的靈感，開始用部落格書寫你的個人散文，並加上適當標籤。
從書中吸取經驗，簡單的心得感想
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。
不是，請以第一題的『簡單的心得感想』連結進入，即可看到範例。
3. 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
標籤tag中文翻譯又叫自由分類、分眾分類，用戶可以根據自己對事物的理解所添加的描述詞。傳統的分類（目錄）與事物之間通常是一一對應的，而標籤則適用戶可以給同一個事物貼上任意多的標籤。
參考網頁：雅虎搜索日誌: 體驗標籤(tag)的魅力
4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.Due 10/8/2007 at 13:00. Please write your homework on your own blog.Be sure to list the references that have been used to complete the homework.
7. 試舉出一些實例說明靜態網頁是不夠的，必須要有 CGI 的機制?
早期的網頁架設，多以瀏覽接受訊息為主，例如佈告欄、檔案介紹等為單向交流，使用者僅能接受架設者的訊息，但是為了使科技更貼近於人性，溝通是不可或缺的一大要素，因此便開始有了CGI的機制發展，逐漸形成動態網頁的模式。
8. 為何經由 CGI 程式所產生的網頁稱為動態網頁?
是一種標準介面程式，能讓你的網頁跟WWW server溝通，達到跟使用者互動的效果。而且透過CGI程式，可以讓你動態的產生網頁，秀出server上的最新資料。當你link到一個CGI物件時，你取回的文件並非是一份靜態資料，而是一個藉由程式動態產生的HTML資料流。
從書中吸取經驗，簡單的心得感想
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。
不是，請以第一題的『簡單的心得感想』連結進入，即可看到範例。
3. 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
標籤tag中文翻譯又叫自由分類、分眾分類，用戶可以根據自己對事物的理解所添加的描述詞。傳統的分類（目錄）與事物之間通常是一一對應的，而標籤則適用戶可以給同一個事物貼上任意多的標籤。
參考網頁：雅虎搜索日誌: 體驗標籤(tag)的魅力
4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.Due 10/8/2007 at 13:00. Please write your homework on your own blog.Be sure to list the references that have been used to complete the homework.
7. 試舉出一些實例說明靜態網頁是不夠的，必須要有 CGI 的機制?
早期的網頁架設，多以瀏覽接受訊息為主，例如佈告欄、檔案介紹等為單向交流，使用者僅能接受架設者的訊息，但是為了使科技更貼近於人性，溝通是不可或缺的一大要素，因此便開始有了CGI的機制發展，逐漸形成動態網頁的模式。
8. 為何經由 CGI 程式所產生的網頁稱為動態網頁?
是一種標準介面程式，能讓你的網頁跟WWW server溝通，達到跟使用者互動的效果。而且透過CGI程式，可以讓你動態的產生網頁，秀出server上的最新資料。當你link到一個CGI物件時，你取回的文件並非是一份靜態資料，而是一個藉由程式動態產生的HTML資料流。
參考資料：CGI簡介
9. 某 CGI 程式是使用 Net.Data 語言來開發設計，請問用戶端是否要使用 Net.Data 專屬的 browser?
不需要，就像是doc的文字檔或是jpg的圖片檔一樣，可在不同的作業系統下開啟，因此用戶端也無須特別使用特殊的瀏覽器來開啟。
讓書來點亮自己
推薦：先別急著吃棉花糖!: 工作與人生得以成功的祕訣
最近很喜歡看一些篇幅較短的書
短短的 看起來比較沒有負擔
尤其是讀書讀到很煩的時候
翻翻這類的書 可以轉換一下心情
===============================================
這次看的是 先別急著吃棉花糖! : 工作與人生得以成功的祕訣
書的中心主旨很簡單
延遲享受換取更高價的回報
至於這個道理要如何運用
那就必須要慢慢體會了
書中有舉出許多例子 有時間的話大家不妨可以看看
------------------------------------------------------------------------------------
名言佳句：
1.不要一開始就把棉花糖吃掉。等待對的時機，這樣可以吃到更多棉花糖。
2.成功的人說到做到。
3.一塊錢的倍數累積30天，會超過五億。
4.凡事要從長遠來想。
5.要從別人身上得到你想要的，一定要讓別人想幫助你。
6.要讓別人按照你的話去做，最好的辦法就是說服他們。
7.成功的人願意做不成功的人不願意做的事。
8.成功看的不是你的過去或是現在。
9.當你願意開始去做別人不願意做的事時，就是成功的開始。
10.不管你過去是不是一個吃棉花糖的人，都不會影響你未來的成功。
11.成功靠的事你今天願意付出什麼，來獲得明天的成功。
最近很喜歡看一些篇幅較短的書
短短的 看起來比較沒有負擔
尤其是讀書讀到很煩的時候
翻翻這類的書 可以轉換一下心情
===============================================
這次看的是 先別急著吃棉花糖! : 工作與人生得以成功的祕訣
書的中心主旨很簡單
延遲享受換取更高價的回報
至於這個道理要如何運用
那就必須要慢慢體會了
書中有舉出許多例子 有時間的話大家不妨可以看看
------------------------------------------------------------------------------------
名言佳句：
1.不要一開始就把棉花糖吃掉。等待對的時機，這樣可以吃到更多棉花糖。
2.成功的人說到做到。
3.一塊錢的倍數累積30天，會超過五億。
4.凡事要從長遠來想。
5.要從別人身上得到你想要的，一定要讓別人想幫助你。
6.要讓別人按照你的話去做，最好的辦法就是說服他們。
7.成功的人願意做不成功的人不願意做的事。
8.成功看的不是你的過去或是現在。
9.當你願意開始去做別人不願意做的事時，就是成功的開始。
10.不管你過去是不是一個吃棉花糖的人，都不會影響你未來的成功。
11.成功靠的事你今天願意付出什麼，來獲得明天的成功。
2007年10月1日 星期一
2007年9月18日 星期二
訂閱：
文章 (Atom)