2012年12月17日 星期一

Lab 35 XML (2)



張貼者： 於 沒有留言:
標籤：

Lab 36 Syndication with RSS 2.0




張貼者： 於 沒有留言:

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)

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.




XML的全名是Extensible Markup Language，也就是延伸標記語言，XML和HTML一樣都是一種標記語言，利用標籤來定義各種屬性。HTML的使用目的是排版資料，修改資料的顯示; XML的使用目的則是描述資料。
XML是SGML（Standard  Generalized Markup Language，即ISO的標準通用標示語言，ISO  8879:1986和其1997 WebSGML附件Annexes J、K及L）的簡化版本。SGML系統是非常複雜的，因為它具有許多的機制，以便提供各種的語法。SGML是被發展用來解決編輯及保存內容龐大複雜且互相連結的技術文件，而XML只取用SGML系統中的文件結構的核心部份。
XML規格制定的初衷是為了簡化程式設計的因難度，目前大約有二十個不同程式語言所撰寫的剖析程式（Parser）可以公開的取得。假如您要設計在WWW中互傳資料的系統，或是要儲存系統的設定檔，您可以考慮採用XML。優點是您可以取得許多免費的工具來檢查或編輯您的XML文件，其中有些工具可以讀入XML檔，然後以樹狀方式顯示，同時也可修改元素結構及內容。

在計算機科學中，可擴展樣式表轉換語言（Extensible Stylesheet Language Transformations，簡稱XSLT）是一種對XML檔案進行轉化的語言，XSLT中的T代表英語中的「轉換」（transformation）。XSLT 是 XSL 中最重要的部分。XSLT 用於將一種 XML 文檔轉換为另外一種 XML 文檔，或者可被瀏覽器識別的其他類型的文檔，比如 HTML 和 XHTML。通常，XSLT 是通過把每個 XML 元素轉換为 (X)HTML 元素來完成這項工作的。通過 XSLT，您可以向或者從輸出文件添加或移除元素和屬性。您也可重新排列元素，執行測試並决定隱藏或顯示哪個元素，等等。








張貼者： 於 沒有留言:
標籤：

2012年12月6日 星期四

(心得分享) 11/29 吳雙澤先生 非營利組織願景與實踐


上禮拜沒去上課，但在網路上我搜尋了有關吳雙澤先生的事，認為他的那顆為著愛這塊土地，堅持去掙取，真的很不簡單。我覺得很多事情如果沒有有心的人出來說明真相和呼籲大家，民眾們容易只知道表面，而被牽著鼻子走。


想要在澎湖安居樂業的人，
都堅決反對在澎湖設賭場。
澎湖是我們生活的故鄉，
以及外鄉人渡假的天堂，
不要把它變成暴力、
色情及毒品的溫床。

澎湖充滿著希望，我們不需要賭場，
我們有這麼優美的自然與人文歷史，
只要把行銷、企劃、管理做好，
政府與民間通力合作，
發揮海洋子民的創意，
它就是台灣的夏威夷！

呼籲所有澎湖的公民，
請勇敢積極站出來，
我們的孩子需要你良心的一票，
保護他們免於墮落，
承諾他們這輩子跟我們一樣，
在自然美麗的沙灘邊，
在世界級的玄武岩上，
在治安良好的社會裡，
繼續編織屬於他們自己開闊的夢想……
──吳雙澤‧《一個澎湖人的夢》

原本在台北擔任英文老師的吳雙澤，五年前回到家鄉澎湖從事生態旅遊，並成為流浪鯨魚民宿主人。「政府拿出3百億搞觀光賭場，但如果把地方發展放在心裡，去推動生態觀光、綠色能源產業，根本用不到這麼多錢。現在澎湖的確發展得不好，但這裡有豐富的人文、自然資源，並不是發展受到了限制，而是過去縣政府的管理能力有問題。」吳雙澤指出, 吳雙澤引用《離島建設條例》第10-2條第1項的規定說明，「開放離島設置觀光賭場，應依公民投票法先辦理地方性公民投票，其公民投票案投票結果，應經有效投票數超過二分之一同意，投票人數不受縣（市）投票權人總數二分之一以上之限制。」也就是說，與以往數次因投票人數未達二分之一門檻而不成案的諮詢性公投不同，本次公投並沒有投票門檻的限制，只要同意票過半數，澎湖即可設置觀光賭場。
澎湖是台灣很美的地方，雖然我沒有去過，但我朋友們去過回來都說很親近大自然，很放鬆很舒服的一個地方，假如賭場真的要進到這麼美的地方，我想會失去它原本那最初也是最吸引人的美。而這是要全民一起來觀注，一起去爭取的。
而回想，我們是否有這麼深入的去看見一件事情，還是總是很表面的去看，發現這樣很容易當別人說什麼、媒體說什麼，我們都覺得是什麼，很容易被牽到哪都不知道。我覺得能為正確良善的事爭取是一件很棒的事。


張貼者： 於 沒有留言:
標籤：

2012年12月3日 星期一

....

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
  <script>
function buildTable(){
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for (i = 0; i < 3; i++){
row = document.createElement("TR")
for (j = 0; j < 3; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal = "Cell" + i + "_" + j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}
window.onload = buildTable
  </script>
</head>
<body>
<button onclick="built()" name="LAB31"></button>
</body>
</html>
張貼者： 於 1 則留言:
標籤：

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.

張貼者： 於 沒有留言:
標籤：

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.
CGI 的一個目的是要獨立於任何語言的, 我覺得如此在網路上有更好的辨識度。
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.




 

張貼者： 於 沒有留言:
標籤：

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
    "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 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?


     

    Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的
    一開始自已摸索，大概知道，但謝謝助教的幫忙，更了解在做什麼惹：)

    張貼者： 於 沒有留言:
    標籤：

    Homework 11-26

    1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?'


     1.Wi-Fi是在靜止或是慢整的時候可使用，在時速最高120 km/hr時，2G、3G、4G和Wi-Fi都不能使用，可使用WiMAX（全球互通微波存取），它的最高速度可接受於350km/hr移動速率，在移動通訊環境下可以讓下行與上行最高速率各可達到75Mbps及75Mbps

     2.無法，因為進入一個WIFI需要時間，高鐵的速度快，很快就要換進入下一個WIFI了，或許可以上網，但會很不穩定。
    張貼者： 於 沒有留言:
    標籤：

    2012年11月29日 星期四

    11/15 作業 演講心得分享

    一開始老師介紹講員的經歷，讓我聯想了很多因為災害後的弱勢議題，結果卻並非如此，標題僅供參考...，滿有趣的都是圍繞在我們學生感興趣的議題。像是工作後薪資的所得，這真的對大學已過了一半以上的我們來說尤其重要，新聞、政論、談話性節目等等所討論的台灣大學畢業生的22K現象，這真的聽在我們耳中好痛苦，我覺得我們現代小孩為了追求大學文憑，不只從小學業的壓力還有父母的期望，其中爸爸媽媽所花費的更是巨額的教育費，但是隨著高等教育的泡沫化，薪水和學歷不等於正比，我想對於社會的每個人都是不公平的吧，有錢人更有錢窮人更加貧窮，所以我認為我們的心態價值觀也該好好調整一下，雖然錢不是萬能，但是沒錢也是萬萬不能的。其中還有兩位在業界工作的學長回來分享，真的滿有用的，讓我了解很多我們畢業後的事實，努力工作還是最重要的，雖然薪水不多但也比許多行業來的多，我想我們應該知福惜福再造福。
            課堂中有很多個同學都有分享想法，其中有同學認為夢想比金錢重要，這個想法也滿不錯的，但是我自己是走實際路線的，我認為追求夢想固然不錯，但是在一些些金錢的支助下，我想應該能讓夢想走的更順利一點吧，畢竟累積一點財富更能確保追逐夢想的途中不會餓死，也能讓自己在夢想的支助下更開心的工作。
    張貼者： 於 沒有留言:
    標籤：

    2012年11月26日 星期一

    Lab 27 Mash-Up 2 (Calendars)

    建立你的行事曆，並與學校行事曆合併 

    Google日曆-中原大學服務學習活動行事曆-html版本
    進入後按右下角+Google日曆即可訂閱

    Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
    沒有問題~GOOGLE日曆可以直接訂閱，很方便。
    張貼者： 於 沒有留言:
    標籤：

    Lab 26 Mash-Up, Part 1 (Maps)

    housingmaps
    美感 : 透過地圖的方式，清楚簡單明瞭
    直覺性 :簡單容易操作
    流暢 : 網煩按一下就跑出來，資料循序漸進
    預期反應 : 和預期的還要方便，且好查尋
     
     永慶房仲網 

     美感 :多樣複雜，一個頁面塞入太多東西
    直覺性 : 需要思考和尋找一下功能頁
    流暢 : 可能太多東西，網頁開啟較慢。
    預期反應 : 台灣很多這樣的網頁，差不多都是這樣滿滿的東西，找資料需花費比較多時間去思考


    真實案例
    96年度全人關懷獎 -崔媽媽科技服務工作團隊


    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.

    張貼者： 於 沒有留言:
    標籤：

    Lab 25 navigation bar


    1. 進入你的部落格，登入，選擇設計
    2. 新增小工具
    3. 選取
    HTML/JavaScript
    4. 撰寫或貼上所需連結(範例)
    張貼者： 於 沒有留言:
    標籤：

    2012年11月12日 星期一

    Lab 24 使用HTML 4 和HTML 5的影音播放


    HTML5
    HTML4
    測試以下HTML 4 和HTML 5的影音播放功能



    比較兩者有何差異。
    張貼者： 於 沒有留言:
    標籤：

    Lab 23 Making images accessible

     1. Study what an ALT tag is.
    2. Use KompoZer to edit the following homepage
    at http://bloggercamp.blogspot.com/2007/01/2007.html

    You can copy and paste the content to your KompoZer.

    3. Save your editings and preview your webpage using Firefox

    4. Make the webpage accessible by
    adding ALT text to the images.

    5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

    6. Click the "Install now" button on the add-ons website

    7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.

    http://iapblog.blogspot.tw/2012/11/lab-23-making-images-accessible.html


    張貼者： 於 沒有留言:
    標籤：

    Homework 11/5/2012

    1.看完後我覺得上台做簡報的時候真的需要好好思考自已說出來的話，別人接收到了多少，聽懂了多少，不是你的用詞有多麼的有深度，而是你解釋的夠不夠清楚。“一切事物盡可能地簡單，但非簡化。”這句話說的真好，我覺得“簡化”是需要做足功課的，當你充分了解自已想表達的東西時，我覺得簡化就不是成太大的問題，也需要多一點的經驗，去建立自已表達的技術。我想不只是科學人，在很多學術上會有很多的專業術語，我覺得如果可以用一般人聽得懂的言詞去解釋成功的話，那你就真的是了解你想表達的是什麼了。而PPT也是上台做簡報很重要一環，怎麼用簡單的一句話或幾個字或是圖片去讓別人一看就一半以上了解你現在在講什麼，這也是需要注意和學習的。
    2.很久沒有做PPT了，我用簡單的言詞在PPT上表達我想說的重點，這很重要也很提醒，而不是把自已要講的所有東西都放上去。
    張貼者： 於 沒有留言:
    標籤：

    2012年11月5日 星期一

    Lab 22 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.

    Reference:
    http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站

     CYCU  http://www.cycu.edu.tw/


    好消息衛星電視台 http://www.goodtv.tv/

    Yahoo!奇摩  http://tw.yahoo.com/







    張貼者： 於 沒有留言:

    Lab 21 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.

    Reference:
    http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站

    Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

     一開始不知道到底要去哪裡改 謝謝好心的助教 呃...幫助我!YEAH~ 太好了~~~
    但是太多錯誤我只會改一個 所以我隔壁的同學也只會改一個!
    因為是我教她的~~~~









    張貼者： 於 沒有留言:

    Lab 20 More on HTML

    Tables
    1. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.asp
    3. What kind of effects can you see?
    4. Copy and paste the Lists example athttp://www.w3schools.com/html/html_lists.asp
    6. What kind of effects can you see?
    Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
    no problem!!:)





    張貼者： 於 沒有留言:

    2012年10月31日 星期三

    場域應用與服務設計: 10/25 台灣環境資訊協會 談環境保育與土地信託 心得分享

    聽完這次的講座，我覺得自己的世界很小，對於現在環境和生態的問題我幾乎不了解，也不太知道台灣或是這個地球發生了什麼事，但很感謝的是，這次的講座讓我有更深的認識和能有更多的資訊。

    真的有好多團體在為這個世界和環境奮鬥著，盡他們所能的去想辦法改變。在白海豚事件中，我看見了他們的勇敢和堅持，勇敢去表達他們的想法，我覺得這是我們很缺乏的，像在課堂上，我們舉手表達自已的想法就猶豫了半天，結果什麼都沒說到，也是我自已要面對、調整的問題。他們真的很不簡單。

    謝謝台灣環境資訊協會 談環境保育與土地信託，因為有他們，跟我們一起在地球的同伴(動物)和環境才能保持原本最美麗最天然的樣子。

     問問自已能為這個環境做什麼，我想目前能做的就是把自已現在能做的本份做好，也更多的去關心有關這類的事情，分享給身邊的人。


       














    影片來自：http://www.youtube.com/watch?v=6YzOIqUlISI
    張貼者： 於 沒有留言:
    標籤：

    留言


    <a href="http://yourblog/your-article.html">
    9920131 電子三乙 陳惠芳</a>
    張貼者： 於 沒有留言:
    標籤：

    場域應用與服務設計: 10/18 從廚房看天下 心得分享

    其實我是第一次聽見主婦聯盟的資訊，一開始講師分享到了合作社的起源和歷史，覺得很多很大規模的組織，一開始的組成都很有趣、動機也很單純，我想他們那時也萬萬沒想到會有現在這麼大規模的發展。

     有限責任台灣主婦聯盟生活消費合作社的理念：
    1.珍愛資源
    2.支持本土農業
    3.力行共同購買
    4.實踐綠色生活
    5.推廣及發揮合作社精神

    我聽到這個合作社時，很感動的是，原來我們現在垃圾分類、自備餐具...一些環保的習慣和制度，這些原本以為理所當然的事，原來都是很多人背後努力提倡來的，很感謝這些人，他們看見社會上的問題站出來向社會說出他們的想法我覺得很不簡單，需要很多的堅持和勇氣。

    平常蔬菜水果吃下肚子後，真的不會去想它們對我身體有什麼害處，這次聽到講師的分享有點嚇到我了，原來我們看似健康、天然的東西不一定對我們的身體真的無害，很感謝這個合作社，讓我們有管道能吃得健康。
    張貼者： 於 沒有留言:
    標籤：

    2012年10月22日 星期一

    Lab 19 AccessBar




    張貼者： 於 沒有留言:
    標籤：

    Lab 18 Google Accessibility




    張貼者： 於 沒有留言:
    標籤：

    Lab 17 HTML



    張貼者： 於 沒有留言:
    標籤：

    2012年10月15日 星期一

    Lab 16 Clean Language





    張貼者： 於 沒有留言:
    標籤：

    Lab 15 Greasemonkey

    1. Please read the information about Greasemonkey and cookiebefore you start the lab.
    2. Install Greasemonkey 0.9.1. Check the lower right corner of your Firefox and you should find a monkey at the right.
    3. Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?
    4. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
     cookie

    monkey

    http://iapblog.blogspot.tw/2012/10/lab-15-greasemonkey.html

           
    張貼者： 於 沒有留言:
    標籤：

    Lab 14 Using Google PageRank

    在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

    紐約時報 http://www.nytimes.com
    CNN http://www.cnn.com/
    台灣雅虎 http://tw.yahoo.com
    蕃薯藤 http://www.yam.com
    PCHome 購物 http://shopping.pchome.com.tw/

    接著，以PageRank量測你常用的三個網站。

    參考資料:
    PageRank-Google 決定搜尋排名的關鍵技術
    PageRank 的論文


    紐約時報 http://www.nytimes.com


    CNN http://www.cnn.com/


    台灣雅虎 http://tw.yahoo.com

    蕃薯藤 http://www.yam.com

    PCHome 購物 http://shopping.pchome.com.tw/

    cycu

    MY igoogle

    CYCU ILEARNING

    http://iapblog.blogspot.tw/2012/10/lab-14-using-google-pagerank.html
    張貼者： 於 沒有留言:
    標籤：
    訂閱： 文章 (Atom)