1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
資 訊提供
將 RSS 或 Atom 資訊提供的內容加入您的網誌。
Blogger 製作
4. 撰寫或貼上所需連結(範例)
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
一切都OK!!
2012年12月21日 星期五
Lab 36 Syndication with RSS 2.0
1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
資 訊提供
將 RSS 或 Atom 資訊提供的內容加入您的網誌。
Blogger 製作
4. 撰寫或貼上所需連結(範例)
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
一切都OK!!
Lab 35 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 34 XML
1. Register and Download Xray, an XML, XSLT editor and processor.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝在點我)
2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)
XML-可延伸標記式語言（英語：eXtensible Markup Language，簡稱:XML），是一種標記式語言。標記指電腦所能理解的訊息符號，透過此種標記，電腦之間可以處理包含各種訊息的文章等。如何定義這些標記，既可以選擇國際通用的標記式語言，比如HTML，也可以使用像XML這樣由相關人士自由決定的標記式語言，這就是語言的可延伸性。XML是從標準通用標記式語言（SGML）中簡化修改出來的。它主要用到的有可延伸標記式語言、可延伸樣式語言（XSL）、XBRL和XPath等。
3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.
4. View the formatted HTML file.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝在點我)
2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)
XML-可延伸標記式語言（英語：eXtensible Markup Language，簡稱:XML），是一種標記式語言。標記指電腦所能理解的訊息符號，透過此種標記，電腦之間可以處理包含各種訊息的文章等。如何定義這些標記，既可以選擇國際通用的標記式語言，比如HTML，也可以使用像XML這樣由相關人士自由決定的標記式語言，這就是語言的可延伸性。XML是從標準通用標記式語言（SGML）中簡化修改出來的。它主要用到的有可延伸標記式語言、可延伸樣式語言（XSL）、XBRL和XPath等。
XSL-可擴展樣式語言（extensible stylesheet language，簡稱XSL），是一種為[可擴展置標語言]（XML）提供表達形式而設計的語言。
由於可擴展置標語言的擴展性使之沒有關於顯示格式的標識，可擴展樣式語言可以選擇和過濾可擴展置標語言中的數據，並將其轉換為HTML或者PDF等其他格式文件。
資料來源:維基百科
3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.
4. View the formatted HTML file.
2012年12月15日 星期六
Lab 32 Programming in DOM (II)
1. Open KompoZer
2. Based on the code as in
http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code so that when you push a button, you generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
write a code so that when you push a button, you generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
2012年12月3日 星期一
Lab 30 Create Image using DOM
1. Open KompoZer
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.
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
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.
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
程式碼有error 後來已解決。
Lab 31 Programming in DOM
1. Open KompoZer
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.
write a code to generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
程式碼一開始不清楚，後來才了解。
Lab 29 Hand code a form
Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.
1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer 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.
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
html不太習慣，後來助教給我釣竿，就可以一直釣魚。
1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer 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.
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
html不太習慣，後來助教給我釣竿，就可以一直釣魚。
Lab 28 Lab Form and Action
- Dynamic pages, content generated by server-side programs.
- CGI, Common Gateway Interface, for sending requests to server-side programs.
static page
Ex:
http://www.google.com/
dynamic page
Ex:
http://www.cna.com.tw/
URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411
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 KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer 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?
"POST"
"GET"
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
try and error
作業: (心得分享) 11/29 吳雙澤先生 非營利組織願景與實踐
這次講員真的讓我印象深刻，除了很早到之外，還帶給我們好吃的，更重要的是他將他的精神傳達給我們。
在講員吳雙澤先的帶領下，介紹了很多澎湖的美，著名的白石與黑石，在地人的個性與文化，讓屬於自己快消失的澎湖記憶，全都找了回來，重要的是他對他身為澎湖人感到很驕傲，讓當天在場的人都感受到他很想將澎湖的熱情去介紹給我們；相對的，也讓我檢視自己是否對家鄉是如此的有熱情，作家席慕蓉曾說過原鄉、家鄉、故鄉三種情懷是我們一輩子都要去回憶的，也許我們會遺忘他們，但他們去早已在我們身上鑄上永恆的烙印。
此外，對於面對賭場一事，我很佩服吳雙澤先生的信念，雖然很多人都不喜歡這件事，但卻因不敢表達而不了了之，但這件事卻因為吳雙澤先生的努力，而有了開始。因為對原鄉的熱愛，而跳出來做一位捍衛戰士，縱使自身身體不佳，仍然堅定自己的信念，努力達陣奔向終點，在他身上我看到的是雖然沒什麼錢，但心靈卻很富有；沒什麼高段的交際手腕，真誠朋友卻是遍佈台灣各地，也許他將他的生活視為理所當然、樂此不彼，而我我們早就視他為典範。
在講員吳雙澤先的帶領下，介紹了很多澎湖的美，著名的白石與黑石，在地人的個性與文化，讓屬於自己快消失的澎湖記憶，全都找了回來，重要的是他對他身為澎湖人感到很驕傲，讓當天在場的人都感受到他很想將澎湖的熱情去介紹給我們；相對的，也讓我檢視自己是否對家鄉是如此的有熱情，作家席慕蓉曾說過原鄉、家鄉、故鄉三種情懷是我們一輩子都要去回憶的，也許我們會遺忘他們，但他們去早已在我們身上鑄上永恆的烙印。
此外，對於面對賭場一事，我很佩服吳雙澤先生的信念，雖然很多人都不喜歡這件事，但卻因不敢表達而不了了之，但這件事卻因為吳雙澤先生的努力，而有了開始。因為對原鄉的熱愛，而跳出來做一位捍衛戰士，縱使自身身體不佳，仍然堅定自己的信念，努力達陣奔向終點，在他身上我看到的是雖然沒什麼錢，但心靈卻很富有；沒什麼高段的交際手腕，真誠朋友卻是遍佈台灣各地，也許他將他的生活視為理所當然、樂此不彼，而我我們早就視他為典範。
Homework 11/26/2012
1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。
3G、4G 、Wi-Fi速度太快時，將會斷訊，而2G雖然可接速度在200上下，但這麼慢的高鐵還叫高鐵嗎，因此目前應該都沒辦法。至於另外的無線網路Wimax，對於這樣的情況希望也能夠有解決方案，如此才能顯現出無線上網的重要性，是目前急需研究的方向。
2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?
目前行動式WiMAX可提供較大的頻寬，而WiMAX優勢在於採用衛星技術，必須在車上架設天線，並且瞄準衛星方位，高速鐵路行進時，位置不斷移動，所以天線必須一直追蹤衛星，天線的控制，相對的成本昂貴都是問題。另外，因為高速鐵路速度太快，平均幾秒鐘就要做切換Wi-Fi無線基地台，想要穩定地切換相當困難，所以WiMAX是比較有機會的方向之一。
3G、4G 、Wi-Fi速度太快時，將會斷訊，而2G雖然可接速度在200上下，但這麼慢的高鐵還叫高鐵嗎，因此目前應該都沒辦法。至於另外的無線網路Wimax，對於這樣的情況希望也能夠有解決方案，如此才能顯現出無線上網的重要性，是目前急需研究的方向。
2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?
目前行動式WiMAX可提供較大的頻寬，而WiMAX優勢在於採用衛星技術，必須在車上架設天線，並且瞄準衛星方位，高速鐵路行進時，位置不斷移動，所以天線必須一直追蹤衛星，天線的控制，相對的成本昂貴都是問題。另外，因為高速鐵路速度太快，平均幾秒鐘就要做切換Wi-Fi無線基地台，想要穩定地切換相當困難，所以WiMAX是比較有機會的方向之一。
2012年11月29日 星期四
11/15 作業 演講心得分享
這次演講能夠請來蘇雅婷小姐，讓我們更了解弱勢這一邊的社會實踐，有時候因為經濟的快速發展，導致吸收不良，各種存在社會中因經濟問題而產生的問題陸陸續續浮出檯面，弱勢的一方往往只能受強勢一方的控制，使用強勢一方所制定的規則生存著，這樣日復一日，往往會生出病來。
不管是在台灣或是其他國家可能隨者科技不斷日新月異；經濟發展越來越好，久而久之就忘記自己曾經受過的教訓，資源濫墾、山地過度開發與排放眾多溫室氣體等 等...。我覺得人類好像都有這種通病，一個教訓會隨者時間過得越來越久就忘掉了。然後事情發生之後才會說我們會謹記這次的教訓等等之類的話。尤其是目前 正在帶領台灣人民的管理者，都是這些陋習正在發生在他們身上，所以目前所提出的政見都無法站在弱勢族群這一邊，幾乎都只想到台灣企業與廠商的發展。這亦是我們都要努力檢討的關鍵問題所在。
未來台灣已要面對生產力不足，高齡化社會等眾多問題。此外，隨著地球村的來臨，國與國之間就如同村莊間的距離，所以我認為，第一步，我必須要加強自己的外語能力，不然要如何接待外國的客戶，語言，始終是我們的溝通 工具。另外，趁這在學的兩年，好好加強自己的專業能力，把自己未來需要用到的專業打好基礎，出社會後，老闆所需要的，是一個準備好的人，而不是一位什麼都 不懂的學習生，讓自己面對經濟衍生出來的問題時，自己也能有充足的知識來應對。
不管是在台灣或是其他國家可能隨者科技不斷日新月異；經濟發展越來越好，久而久之就忘記自己曾經受過的教訓，資源濫墾、山地過度開發與排放眾多溫室氣體等 等...。我覺得人類好像都有這種通病，一個教訓會隨者時間過得越來越久就忘掉了。然後事情發生之後才會說我們會謹記這次的教訓等等之類的話。尤其是目前 正在帶領台灣人民的管理者，都是這些陋習正在發生在他們身上，所以目前所提出的政見都無法站在弱勢族群這一邊，幾乎都只想到台灣企業與廠商的發展。這亦是我們都要努力檢討的關鍵問題所在。
未來台灣已要面對生產力不足，高齡化社會等眾多問題。此外，隨著地球村的來臨，國與國之間就如同村莊間的距離，所以我認為，第一步，我必須要加強自己的外語能力，不然要如何接待外國的客戶，語言，始終是我們的溝通 工具。另外，趁這在學的兩年，好好加強自己的專業能力，把自己未來需要用到的專業打好基礎，出社會後，老闆所需要的，是一個準備好的人，而不是一位什麼都 不懂的學習生，讓自己面對經濟衍生出來的問題時，自己也能有充足的知識來應對。
2012年11月26日 星期一
Lab 27 Mash-Up 2 (Calendars)
建立你的行事曆，並與學校行事曆合併
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的
一開始以為要連結在部落格，後來是我想太多了=A=
Google日曆-中原大學服務學習活動行事曆-html版本
進入後按右下角+Google日曆即可訂閱
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的
一開始以為要連結在部落格，後來是我想太多了=A=
Lab 26 Mash-Up, Part 1 (Maps)
For housing services, compare the following two websites
http://www.housingmaps.com
http://yungching.housefun.com.tw/
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
一、美感
housing services 色差較小，飽和度較低，但也較無負擔。
永慶房屋有種說不出來的親切感，以親民的角度來說算是成功了。
二、直覺性
housing services 一看就是查地圖，直覺性滿分。
永慶房屋要不是有先入為主的觀念，還以為是104人力銀行之類的。
三、流暢度
housing services 整體來說利用採衛星來繪製地圖，雖然有時頓遲，但已經很棒了。
永慶房屋採分類架構，流暢度頗高。
四、預期反應
housing services與直覺一致。
永慶房屋 實際與想像一致。
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
預期反應有愣了一下。
http://www.housingmaps.com
http://yungching.housefun.com.tw/
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
一、美感
housing services 色差較小，飽和度較低，但也較無負擔。
永慶房屋有種說不出來的親切感，以親民的角度來說算是成功了。
二、直覺性
housing services 一看就是查地圖，直覺性滿分。
永慶房屋要不是有先入為主的觀念，還以為是104人力銀行之類的。
三、流暢度
housing services 整體來說利用採衛星來繪製地圖，雖然有時頓遲，但已經很棒了。
永慶房屋採分類架構，流暢度頗高。
四、預期反應
housing services與直覺一致。
永慶房屋 實際與想像一致。
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
預期反應有愣了一下。
Lab 25 navigation bar
1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
HTML/JavaScript
4. 撰寫或貼上所需連結(範例)
2. 新增小工具
3. 選取
HTML/JavaScript
4. 撰寫或貼上所需連結(範例)
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
用標籤或許更快!!!
2012年11月12日 星期一
Lab 24 使用HTML 4 和HTML 5的影音播放
HTML4 Video 電腦必須支援Flash才能夠撥放影片。
此外，將兩個放在一起，HTML5的畫質較高，今後將是HTML52的年代!!
紅色框框代表多出來的部分
2012年11月9日 星期五
場域應用與系統 11/08 作業
1. 演講摘要
主題：科技如何做通俗演講
看完後
我覺得這位講員好厲害，在短短四分鐘內，就把他所要表達的東西，訴諸於聽眾，也許可能有人會認為她說話方式過快，才能在時間內說完，但對我來說卻不是如此，至少他的語調帶有情緒，重點處會一再強調，感覺很痛快。
只是有一點不太認同，關於JORGON那一點，其實並不是做科學的才有句點式，大部分的科學家才不喜歡用這一方式來呈現，PPT做很好的大有人在，因該是講員認識的科學家太少的緣故，較不客觀。
因此公式我想做個修改：(Science-Bullets)*(Passtion/Relevance)這樣才是我認為的公式。
2. 你覺得以後上台作簡報，會做些什麼樣改變？
對於現階段的我來說，目前不用改變。
因為每個人做PPT的風格都不盡相同，所要表達的東西也不太一樣，如果真的要將PPT用是否特效、字數多寡來評斷PPT的好壞，是絕對不專業的，只會讓人覺得外行罷了。此外，對於一個人的演講的方式，也分很多種，也絕非有對錯，報告語調上升或低沉、快或慢都絕非代表好跟爛。因此，要做一個好的演講者，我們應該是當時的環境、聽眾年齡層、主題深淺等不同層面去做分析，最後能吸引聽眾、讓聽眾在最佳時間內有最大吸收量的報告，我想才是好報告吧。
主題：科技如何做通俗演講
看完後
我覺得這位講員好厲害，在短短四分鐘內，就把他所要表達的東西，訴諸於聽眾，也許可能有人會認為她說話方式過快，才能在時間內說完，但對我來說卻不是如此，至少他的語調帶有情緒，重點處會一再強調，感覺很痛快。
只是有一點不太認同，關於JORGON那一點，其實並不是做科學的才有句點式，大部分的科學家才不喜歡用這一方式來呈現，PPT做很好的大有人在，因該是講員認識的科學家太少的緣故，較不客觀。
因此公式我想做個修改：(Science-Bullets)*(Passtion/Relevance)這樣才是我認為的公式。
2. 你覺得以後上台作簡報，會做些什麼樣改變？
對於現階段的我來說，目前不用改變。
因為每個人做PPT的風格都不盡相同，所要表達的東西也不太一樣，如果真的要將PPT用是否特效、字數多寡來評斷PPT的好壞，是絕對不專業的，只會讓人覺得外行罷了。此外，對於一個人的演講的方式，也分很多種，也絕非有對錯，報告語調上升或低沉、快或慢都絕非代表好跟爛。因此，要做一個好的演講者，我們應該是當時的環境、聽眾年齡層、主題深淺等不同層面去做分析，最後能吸引聽眾、讓聽眾在最佳時間內有最大吸收量的報告，我想才是好報告吧。
2012年11月8日 星期四
Homework 11/5/2012
1. 演講摘要
主題：科技如何做通俗演講
看完後
我覺得這位講員好厲害，在短短四分鐘內，就把他所要表達的東西，訴諸於聽眾，也許可能有人會認為她說話方式過快，才能在時間內說完，但對我來說卻不是如此，至少他的語調帶有情緒，重點處會一再強調，感覺很痛快。
只是有一點不太認同，關於JORGON那一點，其實並不是做科學的才有句點式，大部分的科學家才不喜歡用這一方式來呈現，PPT做很好的大有人在，因該是講員認識的科學家太少的緣故，較不客觀。
因此公式我想做個修改：(Science-Bullets)*(Passtion/Relevance)這樣才是我認為的公式。
2. 你覺得以後上台作簡報，會做些什麼樣改變？
對於現階段的我來說，目前不用改變。
因為每個人做PPT的風格都不盡相同，所要表達的東西也不太一樣，如果真的要將PPT用是否特效、字數多寡來評斷PPT的好壞，是絕對不專業的，只會讓人覺得外行罷了。此外，對於一個人的演講的方式，也分很多種，也絕非有對錯，報告語調上升或低沉、快或慢都絕非代表好跟爛。因此，要做一個好的演講者，我們應該是當時的環境、聽眾年齡層、主題深淺等不同層面去做分析，最後能吸引聽眾、讓聽眾在最佳時間內有最大吸收量的報告，我想才是好報告吧。
主題：科技如何做通俗演講
看完後
我覺得這位講員好厲害，在短短四分鐘內，就把他所要表達的東西，訴諸於聽眾，也許可能有人會認為她說話方式過快，才能在時間內說完，但對我來說卻不是如此，至少他的語調帶有情緒，重點處會一再強調，感覺很痛快。
只是有一點不太認同，關於JORGON那一點，其實並不是做科學的才有句點式，大部分的科學家才不喜歡用這一方式來呈現，PPT做很好的大有人在，因該是講員認識的科學家太少的緣故，較不客觀。
因此公式我想做個修改：(Science-Bullets)*(Passtion/Relevance)這樣才是我認為的公式。
2. 你覺得以後上台作簡報，會做些什麼樣改變？
對於現階段的我來說，目前不用改變。
因為每個人做PPT的風格都不盡相同，所要表達的東西也不太一樣，如果真的要將PPT用是否特效、字數多寡來評斷PPT的好壞，是絕對不專業的，只會讓人覺得外行罷了。此外，對於一個人的演講的方式，也分很多種，也絕非有對錯，報告語調上升或低沉、快或慢都絕非代表好跟爛。因此，要做一個好的演講者，我們應該是當時的環境、聽眾年齡層、主題深淺等不同層面去做分析，最後能吸引聽眾、讓聽眾在最佳時間內有最大吸收量的報告，我想才是好報告吧。
2012年11月5日 星期一
Lab 20 More on HTML
Tables
1. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.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 Lists 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 theTables example athttp://www.w3schools.com/html/html_tables.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 Lists example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
很方便，連表格跟清單都能寫出，真強大。
訂閱：
文章 (Atom)