Q：在設定過程中遭chrom的封鎖，需點擊右上角繼續進行。
2012年12月17日 星期一
2012年12月15日 星期六
lab32 九九乘法2
承lab31
在body中加入
<input value="show 9*9Table" onclick="buildTable()"
type="button">
在body中加入
<input value="show 9*9Table" onclick="buildTable()"
type="button">
此input Attribute
結果如下
2012年12月10日 星期一
[課堂討論]台灣未來產業出路
經過各位同學還有老師分享後，我覺得可以做一種做網頁的網站或是App。
基於目前看到很多志工常常做網路行銷這部分，雖然做網頁很多方法但我覺得最簡單的就是Google，以這為基礎開發模式，提供基本版型再提供各種客製化的改造功能，就像工具箱那樣拉出自己要用到的元件、調整自己要的形狀，背景除了調整顏色以外也開放自製圖片，達成門檻更低更多元化的網站製作，另外若是手持裝置就用類似概念改成App的方式。
基於目前看到很多志工常常做網路行銷這部分，雖然做網頁很多方法但我覺得最簡單的就是Google，以這為基礎開發模式，提供基本版型再提供各種客製化的改造功能，就像工具箱那樣拉出自己要用到的元件、調整自己要的形狀，背景除了調整顏色以外也開放自製圖片，達成門檻更低更多元化的網站製作，另外若是手持裝置就用類似概念改成App的方式。
2012年12月3日 星期一
lab31 九九乘法
1.首先複製
<html>
<head>
<title>lab11</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>
<br>
</body>
</html>
到<script></script>裡
改變"i"、"j"範圍以及陳述式textVal = i + "*" + j +"="+ i*j
最後結果如下
Q：此次lab依照參考資料修改能節省不少時間，只要注意table的範圍(>=)就可以輕鬆達成。
<html>
<head>
<title>lab11</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>
<br>
</body>
</html>
到<script></script>裡
改變"i"、"j"範圍以及陳述式textVal = i + "*" + j +"="+ i*j
最後結果如下
Q：此次lab依照參考資料修改能節省不少時間，只要注意table的範圍(>=)就可以輕鬆達成。
lab30 Creat Image using DOM
一開始照打
<meta content ="text/html; charset=-8859-1" http-equiv="content-type">
<title>lab10</title>
<script>
function build()
{
myImg=document.createElement("IMG")
myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLHfEEgNYDFrU9Ula0Uka8uKzfQgrzcLfZ9cvNWySdYK2ia7FN2UXXYnpJd1lb6hgGWPWT5QOmPZb0law4NjhqizXa8RASzX7AvoTXmN7dh8PuU4rh9G_RfrO1wQiTpfnTWtUebm4Gdo/s320/DSC_1795.JPG")
docBody = document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
window.onload=build</script>
再來把window那行刪掉
在<<script>></script>之前補上
<input value="show image" onclick="build()" type="button">
結果如下
Q：這次lab的參考是圖片，所以照著打時容易打錯字或大小寫有錯，所以debug非常耗時，最後才發現在Kompozer底下可以進入debug模式節省時間。
Lab29 Lab Form and Action
1.CGI(Common Gateway Interface)意為一種連結主機端與伺服器端並且能夠存取檔案的一種介面，另外它也可根據使用者的輸入要求自動產生HTML的格式資料
2. 內容是
<form action="https://maps.google.com/maps?q=24.9586,+121.24114" method="get" name="f">
<input name="f" type="text" /><br />
<input name="send" type="submit" value="搜尋" />
</form>
結果為：
此篇參考
Q：在form裡面因為是用google的搜尋引擎(name="f")，所以一開始無法立即搜尋會先跳到google地圖首頁，最後改成google的指定變數name="q"就可以在部落格內或是html檔馬上搜尋。
2. 內容是
<form action="https://maps.google.com/maps?q=24.9586,+121.24114" method="get" name="f">
<input name="f" type="text" /><br />
<input name="send" type="submit" value="搜尋" />
</form>
結果為：
此篇參考
Q：在form裡面因為是用google的搜尋引擎(name="f")，所以一開始無法立即搜尋會先跳到google地圖首頁，最後改成google的指定變數name="q"就可以在部落格內或是html檔馬上搜尋。
Lab28 Hand code a form
圖(一)當form之Method為GET時的搜尋結果
圖(二)當form之Method為POST時的搜尋結果
Q：一開始對這lab的用意不是很清楚，經過老師和google大大解說後才比較明白兩者的差別。
參考資料1、參考資料2、參考資料3
Homework1126
1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。
目前3G上網是可以在高鐵上連線的，缺點是經過山洞或隧道時會無法收訊，而Wi-Fi不適合移動，2G資料傳輸太慢也不適合，4G的LTE基本上以3G做基礎所以連線上應該沒問題，若高鐵能用3G或4G對外連線再轉成Wi-Fi訊號提供給乘客使用應該是可行的方法，但需要在山區附近多架設基地台或是加強訊號。另外火車或是高鐵上都有纜線，如果可以使用那條線當作乙太網路的網路線對外連線，再用無線路由器提供穩定的上網。2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?
不能，因為Wi-Fi訊號沒有hand-over，離開原本的訊號範圍後只能重新連線，所以在快速的列車或高鐵上不適合沿路架設Wi-Fi基地台。2012年11月26日 星期一
2012年11月12日 星期一
lab24 html4&html5
在html5中新增許多元素如header, nav, section, article, aside以及footer，這些東西取代原本的html4裡<div>底下的<object>，簡單來說html5可用較精簡的語法完成，並且有做功能分類不像html4都用<div>
另外在暫停的畫面拖曳上，html4較能跟上滑鼠的速度做連續撥放，但html5會有明顯的lag
lab23 Image alt
1.先把以下網址用火狐開啟
http://bloggercamp.blogspot.com/2007/01/2007.html
2.
3.接下來把Accessibility toolbar的show text equivalents開啟
4.
http://bloggercamp.blogspot.com/2007/01/2007.html
2.
3.接下來把Accessibility toolbar的show text equivalents開啟
4.
Homework1105
1.摘要：科技人如何做通俗報告
確實，科學家就算成功做出很偉大的研究也必須要與世人溝通才有用，並不是每個人都都是科學或工程背景，但每個人需要知道的是研究的東西與我們不知道的人有什麼關係，會如何影響或改善我們的生活，再來描述時不要把整套的教科書字眼搬上檯面，多用大眾化與生活化的字，還有圖形解釋，讓人清楚易懂之外也容易連結，總之盡量讓你的東西聽起來簡單。2.上台簡報要如何改變
這次的TED讓我了解到條列式的PPT報告的缺點，可是這對沒有接觸過的人非常容易讓人的大腦疑惑，所以改變的方式盡量會用標題加圖片來看圖說故事，不僅要講出事實，更要引起聽眾的心靈呼喚(圖>表>字)，PPT引起注意後接下來報告的方式可以多一些與觀眾的互動，例如：眼神交流、手勢與提問等，最後有多的時間可以多練習幾次控制時間、流暢度還有自然自信的態度。參考資料：http://csim.tca.org.tw/doc/%E8%B3%87%E6%9C%8D%E7%AB%B6%E8%B3%BD%E7%B0%A1%E5%A0%B1%E6%8A%80%E5%B7%A7%E5%B7%A5%E4%BD%9C%E5%9D%8A_20121102_St_VF_font_01.pdf
2012年10月29日 星期一
2012年10月22日 星期一
2012年10月17日 星期三
homework1015
1.計算以下三網頁的PageRank排序
有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A計算A,B,C 三個網頁的PageRank，三者PageRank排序為何?
與PageRank值相關的參數
- 反向連結數
- 反向連結是否為高PageRank的網頁
- 反向連結的網頁向外連結數
所以列式如下
A= C/2 *0.85+0.15
B=(A/2+C/2)*0.85+0.15
C= (A/2+B) *0.85+0.15
經計算後C>B>A
2.重作電子系網頁
連結2012年10月15日 星期一
lab14
Using google pagerand
紐約時報 http://www.nytimes.com
Rank：9/10
CNN http://www.cnn.com/
Rank：8/10
台灣雅虎 http://tw.yahoo.com
Rank：8/10
蕃薯藤 http://www.yam.com
Rank：7/10
PCHome 購物 http://shopping.pchome.com.tw/
Rank：5/10
中央氣象http://www.cwb.gov.tw/V7/index.htm
Rank：8/10
噗浪：www.plurk.com
Rank：6/10
中原大學：www.cycu.edu.tw
Rank：7/10
2012年10月10日 星期三
homework108
列舉十項AR在中原大學或是附近環境的應用
建築物特區：除了上課中提到環境的歷史變遷之外
1.資訊擴充：在建築物上顯現名稱由來，例如：我初次見到圖書館就對它的名字很好奇。2.海報取代：照建築物顯示該棟近期舉辦的活動和參加辦法，如：瑞麗堂。
3.即時導覽：對於介紹校園可以顯現校園地圖以及標記現在位置和路線規劃。
4.飲食導覽：照附近的店家看到價格以免走進去太貴，或是看到以往學長姐的評價。
5.租屋導覽：照住宅區列出居民的生活品質或是學長姐評價，平日有逛到就可以先卡位。
6.表演回顧：開放式的場合回顧，如體育場回顧有錄影的比賽、活動中心的露天熱音表演。
7.照21鐘：每學期更新一次，統計到底有多少人在敲的那學期被21。
藝術中心：
8.作品展式：通常作品下方會有簡介，但用AR或許可以放入更多資訊，例如：作者簡介。其他：
9.對於琳瑯滿目的電子商品，可以用marker秀出cp值或是推薦度。10.最後如果可以辨識星空，我想加上星座名字以及天球方向，觀賞容易又有方位提式的功能。
2012年10月9日 星期二
homework101
1.試找出前次作業五名佳作並給予建設性的評語
電子四丙 9826339 莊宗諭對學習的看法很強烈，文中稍微感到面對大環境的無力，卻在最後補強硬對策略：從心出發，這也是我推崇的，整體來說舉例恰當、分析精準，文章架構很順暢。
會計四甲 9843139 梁云
用了許多條列式，清楚明白，Ken Robinson的演講幾乎全看，很用心在作業上。
財法四甲 9845156 趙俐雯
寫的東西很多，對於科系的選擇相當懊悔就表示離真正的興趣不遠了，另外獲利模式可再把網路上的東西精簡一點。
電子四乙 9826275 羅光益
心得很深刻，字字珠璣，雖偶有錯字，但瑕不掩瑜。
電子三乙 9926112 黃采萱
作業整個看下來是少數有附上參考的，而書寫文章時出發點很棒，但結尾可以在有力一點。
2.回應Vijay Kumar並設想此科技對未來顯示科技的影響
這次的TED展現的無人飛行器輕巧又優雅，而團結的時候又像看料理鼠王那麼一致，非常讓人有遐想空間。我對裡面其中一項應用比較感興趣的是繪製陌生環境地圖，這對陌生星球的探索應該也很有幫助，效率會比一台探索車高很多，而且完全不用操作，可以節省科學家許多時間。3.觀看Paper thin bendable AMOLED display並設想此科技對未來顯示科技的影響
顯示器目前看起來是沒有彎曲後畫面過度伸縮的現象，那某些非平面的建築物未來也可以架大型螢幕在上面了，普通20吋螢幕也不需再用支架了，可以選擇平放桌面也可以靠壁自然垂放，甚至4吋大小的手機可以做成類似手錶的形式戴在手上。2012年10月8日 星期一
2012年10月1日 星期一
lab09
依下列幾點比較Firefox、Google瀏覽器
Bookmark management
Download management
Password management
Form Management
Spell checking
Search Engine toolbar
Privacy mode
Auto update
Operating system support
Firefox：微軟系列、Linux
Google：微軟系列、MAC、Linux
Bookmark management
Firefox：在功能表附加書籤工具列，雖然功能較多但不實用
Google：管理較簡單
Download management
Firefox：會自動彈出視窗
Google：隱藏在底下檢視列，想知道進度再看
Password management
皆會詢問是否自動儲存
Form Management
皆有組合鍵縮放畫面以適應各家螢幕大小
Spell checking
Google的拼錯檢查修正率較高，且開放使用者自行設定
Search Engine toolbar
兩者皆可外載其他搜尋引擎
Google較強大
Google較強大
Privacy mode
Firefox：具有隱私瀏覽模式
Google：提供無痕模式
Auto update
Firefox：時常更新
Google：感覺沒有更新過
Firefox雖然開放各式各樣的附加功能，但Chorm的使用上較為順暢及穩定。
Homework927
1.回應Ken Robinson
附上連結Sir Ken Robinson: Bring on the learning revolution
從標題看到教育革命到結束時葉慈的夢想相伴，這一過程中呼應許多舊日的校園生活。從小就不喜歡唸書，但幸運的是也沒碰過制式化的速食教育，所以求學過程都沒有填鴨的壓迫感，很感謝以前的老師。可是這樣的制度還是存在，以音樂來說，台灣錄取音樂人才的方式就很單調，純粹只看演奏技巧，但演奏家卻是萬中選一的工作。在其他國家演奏技巧只是基礎，他們要找的是各式各樣的音樂人才，可能有音樂老師、作曲家、配樂師、樂評等等，發揮所有人的天賦，才能締造音樂的盛宴。所以我覺得革命的目標是讓學生找到天賦所在與夢想所在，畢竟職業只是工作，但志業卻可以讓人燃燒生命的熱情，成為一生的志向。
從標題看到教育革命到結束時葉慈的夢想相伴，這一過程中呼應許多舊日的校園生活。從小就不喜歡唸書，但幸運的是也沒碰過制式化的速食教育，所以求學過程都沒有填鴨的壓迫感，很感謝以前的老師。可是這樣的制度還是存在，以音樂來說，台灣錄取音樂人才的方式就很單調，純粹只看演奏技巧，但演奏家卻是萬中選一的工作。在其他國家演奏技巧只是基礎，他們要找的是各式各樣的音樂人才，可能有音樂老師、作曲家、配樂師、樂評等等，發揮所有人的天賦，才能締造音樂的盛宴。所以我覺得革命的目標是讓學生找到天賦所在與夢想所在，畢竟職業只是工作，但志業卻可以讓人燃燒生命的熱情，成為一生的志向。
2. Google Android 的獲利模式是什麼?
利用廣告增加收益，並且補貼應用程式的開發費用，以廣大的程式海和許多免費軟體鞏固用戶。3. 蘋果的獲利模式是什麼?
蘋果獨到且高質感的軟硬體設計，讓它擁有絕不跑票蘋果迷，而App store，有很多引導式消費或是限時段免費的免費APP，提高消費的購買的意願。同時也讓開發者的作品得到相同的曝光機會，因此只要有好點子，即使是人數很少的團隊，也有可能一夕致富。4. 微軟的獲利模式是什麼？
在PC時代的霸主微軟靠者收取軟體授權金獲利，在APP多不起來的情況下，Smart phone的用戶數很難超越蘋果或是Google。5. 為什麼 Lab 4 的各校檔案數，能見度，檔案數，論文數，加權總和用來計算排名是錯的?
文中提到因為網頁雜訊想當高，變動率也非常快，所以在差距較細微的學校，其排名可信度較差，爭議相對較高。2012年9月24日 星期一
lab04
網頁數
Google
台大 Google site: 3,130,000
中正 Google site: 1,430,000
中原 Google site: 1,200,000
元智 Google site: 1,750,000
Yahoo
台大 Yahoo site: 284,000
中正 Yahoo site: 44,400
中原 Yahoo site: 30,500
元智 Yahoo site: 32,100
連結度(能見度)
台大 Google link: 7,430,000
中正 Google link: 2,330,000
中原 Google link: 1,460,000
元智 Google link: 1,550,000
檔案數(Rich files)
台大 Google site: 980,000
中正 Google site: 250,000
中原 Google site: 12,200
元智 Google site: 10,500
Google Scholar 論文索引
台大 Scholar Google site: 220000
中正 Scholar Google site: 5760
中原 Scholar Google site: 8930
元智 Scholar Google site: 213
排名算法
WR=0.2×Rank（S）+0.5×Rank（V）+0.15×Rank（R）+0.15×Rank（Sc）
台大 Google site: 3,130,000
中正 Google site: 1,430,000
中原 Google site: 1,200,000
元智 Google site: 1,750,000
Yahoo
台大 Yahoo site: 284,000
中正 Yahoo site: 44,400
中原 Yahoo site: 30,500
元智 Yahoo site: 32,100
連結度(能見度)
台大 Google link: 7,430,000
中正 Google link: 2,330,000
中原 Google link: 1,460,000
元智 Google link: 1,550,000
檔案數(Rich files)
台大 Google site: 980,000
中正 Google site: 250,000
中原 Google site: 12,200
元智 Google site: 10,500
Google Scholar 論文索引
台大 Scholar Google site: 220000
中正 Scholar Google site: 5760
中原 Scholar Google site: 8930
元智 Scholar Google site: 213
排名算法
WR=0.2×Rank（S）+0.5×Rank（V）+0.15×Rank（R）+0.15×Rank（Sc）
2012年9月21日 星期五
homework9/17
- 回應：教育無他 發揮天賦 就是成功
不能同意你更多，這是第一次看到教育無他這篇時立馬的想法，尤其當下又考完期末考，無奈從小而大的成長歷程都是考試。 考試這件事情我覺得它確實是評量的手段之一，但在台灣太過氾濫，甚至頻繁到大多數人都不會去懷疑其合理性，導致許多適應不良的人去迴避這件事，而不是用其他方法來證明自我價值，因為從小被教導的價值觀讓我們以為只有考試這一途徑。拿系上來說好了，當覺得有學分危機就開始按照選課大全上面的營養學分來修課，自我的興趣也沒了。如果少了這種分數鎖鏈大學生活可以更豐富。 - 回應：Photos that bear witness to modern slavery
對奴隸制最早的印象是在南北大戰爭時期：總統林肯為了要解放黑奴，維護人人都具備的基本人權。今昔相比，這次看到的演講竟然更誇張，這些人甚至連薪資都沒有，完完全全被他人奴役，讓人不禁聯想，為何在明文進步飛快的現在，人權的基本尊重都無法全體落實，那更不用談說會維護地球資源。如今大部分的資源掌握在少數人手上，但我們大部人能做的事還有很多，例如：打破這奴隸制度吧！ - 回應：Facebook & Blog
最近兩個月facebool真的是愈來愈少發動態了，看動態的時間也比之前少，原因不外乎現在上FB幾乎都沒甚麼重要訊息，很多什麼不要愛上讓你流淚的男人，因為好的男人不會讓你流淚，這種沒意義的話，而且要找以往的訊息只能一直往下拉非常不方便，現在頂多follow有定期活動資訊的社團或是舉辦活動時連絡朋友的管道。
- 而blog是真的想記錄一些心得，或是在研究上有些容易忘記的小技巧，像媽媽可以放食譜；專題可以放研究日誌之類的，而且可以依照日期排序，並且可以幫文章做標籤分類，非常容易搜尋。
- 以上兩種搜尋類型來看，當我真的想找資訊的時候，我並不會特地在FB瘋狂的上下拉，反之在google打關鍵字就有很大的機會是別人寫好的blog，特別是今年做專題時，大部分有用的資料都是從blog來的，感觸良多，所以累積知識真的很推blog。
- 最後老實說以前沒有FB時，曾經風行一時的無名小站，也是有類似的功能，但後期發展方向莫名地變成跟現在FB類似以廢文居多，只能說幸好FB吃下大部分的心情短語抒發文，讓blog保持一股清流尚未淪陷。
2012年9月17日 星期一
訂閱：
文章 (Atom)