2012年12月3日 星期一
Lab 29
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所遇到的問題，並且你是如何解決這個問題的。
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所遇到的問題，並且你是如何解決這個問題的。
GET
POST
Lab 28
- 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?
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
2012年12月2日 星期日
Homework 11-26
1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。
2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?
1.wi-fi只適用在行人行走的速度上，2G傳輸訊號極限在120km/h左右，3G 4G就更不適合了，在破百的情況下都無法傳輸訊號。
唯一最適合的只有WiMAX(IEEE 802.16m)其傳輸訊號極限再350km/h左右，最符合高鐵上提供網路的需求。
2.速度一快wi-fi還是容易斷線，而高鐵速度又很快，兩側部建Wi-Fi基地台，代表每行駛一段距離又要換基地台熱點，這樣因該會造成網路不穩定。
2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?
1.wi-fi只適用在行人行走的速度上，2G傳輸訊號極限在120km/h左右，3G 4G就更不適合了，在破百的情況下都無法傳輸訊號。
唯一最適合的只有WiMAX(IEEE 802.16m)其傳輸訊號極限再350km/h左右，最符合高鐵上提供網路的需求。
2.速度一快wi-fi還是容易斷線，而高鐵速度又很快，兩側部建Wi-Fi基地台，代表每行駛一段距離又要換基地台熱點，這樣因該會造成網路不穩定。
2012年11月26日 星期一
LAB26
真實案例
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.
比較: 美感，直覺性，流暢，預期反應
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
housingmaps
美感:簡單 相對位置明確，但數量多就容易造成雜亂，看起來不舒服
直覺性:直覺地可以操作，要甚麼就有甚麼
流暢:可能組織比較完整，比較快
預期反應:跟預期的差不多，簡單好用
永慶房仲網
美感 :暖色 舒服
直覺性 :以直覺來說，他需要看許多的選項，來縮小範圍，較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.
比較: 美感，直覺性，流暢，預期反應
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
housingmaps
美感:簡單 相對位置明確，但數量多就容易造成雜亂，看起來不舒服
直覺性:直覺地可以操作，要甚麼就有甚麼
流暢:可能組織比較完整，比較快
預期反應:跟預期的差不多，簡單好用
永慶房仲網
美感 :暖色 舒服
直覺性 :以直覺來說，他需要看許多的選項，來縮小範圍，較housingmaps遜色
流暢 : 可能資訊比較雜，稍微比較慢
預期反應 : 資訊多，但也較麻煩
2012年11月12日 星期一
2012年11月11日 星期日
Homework 11/5/2012
1. 觀看場域應用與服務設計: "科技人如何做通俗演講" (4分鐘)撰寫200演講摘要
這個世界上有太多人的人，相對來說也有太多領域，不同領域到的要交流，對話裡及認知裡一定要有所了解，就譬如兩個領域的等於兩個圈圈，這兩個圈一定要有交集的部份，不然等於雞同鴨講，一個說的很開心，一個有聽沒懂，而不同領域的人交流時，也把他們領域的術語JARGON盡量的減少，因為JARGON是造成溝通最大的障礙，畢竟不是每個人都知道其他領域的術語。而投影片上的文字，盡可能不要有所謂的句點式，因為他會將這投影片，乏味化，也太令人傷神，竟量將文字簡單化，容易了解，或加上一些的小圖，增加理解，也增加趣味。
Relevance
2. 你覺得以後上台作簡報，會做些什麼樣改變？
一些領域上的專業術語，可以能用大家懂的方式解釋，就盡量用簡單的文句解釋，太過抽象的，也可配合插圖做解釋，盡量減少所謂的句點式，育一些問答分式，增加這簡報的靈活感及趣味。
2012年11月5日 星期一
LAB21
1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.
LIST OF ACCESSIBILITY ISSUES SUMMARY
Accessibility Extension
| FAE Rule | Violations | Message | Class |
|---|---|---|---|
| Warn | 1 | The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element. | Title |
| Check | 1 | Heading content should be concise (usually 65 or fewer characters in length). | Headings |
| Fail | 1 | Every frame element must have a title attribute with content that describes the purpose of the frame. | Frames |
| Warn | 1 | Hidden or empty frames should not be used. | Frames |
| Warn | 1 | One level of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. | Tables |
| Fail | 1 | Two or more levels of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. | Tables |
| Warn | 1 | The character encoding was not specified. | W3C Specifications |
| Warn | 2 | Each map, ul or ol element that precedes the last h1 element and appears to be a navigation bar should be immediately preceded by a heading element, preferably an h2. | Menu and Navigation Bars |
| Fail | 3 | The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling. | Text Styling |
| Warn | 4 | Ensure that links that point to the same HREF use the same link text. | Links |
| Fail | 6 | Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. | Language Changes |
| Warn | 15 | Avoid using text links that are shorter than four 4 characters in length. | Links |
Date: 11/5/2012 20:14 PM
URL: http://www.google.com/
LAB 20
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
6. What kind of effects can you see?
Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
A:沒有遇到什麼問題耶= =
2012年10月21日 星期日
Homework 10/15/2012
1.
有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A
計算A,B,C 三個網頁的 PageRank，三者PageRank排序為何?
根據公式:
PR(A) = (1-d) + d(PR(t1)/C(t1) + ... + PR(tn)/C(tn))
經過計算之後可得到：C>B>A
2.使用部落格重新設計系網頁，規格要求如下
搜尋功能
網頁至少包含以下類別公告，師資，課程，系學會，校友動態，畢業出路，每個類別至少五頁
每個網頁必須有導覽列，可跳至公告，師資，課程，畢業出路，系學會，校友動態，畢業出路
首頁必須提供影音專區，放置一部影片(參考校網站)
首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)
中原大學電子工程學系
2012年10月15日 星期一
2012年10月14日 星期日
Homework 10/8/2012
列舉十項AR在中原大學或是附近環境的應用
1.校園導覽: 提供校園內的各建築學院位置
2.夜市商家導覽: 提供每個商家的資訊和評價
3.租屋導覽: 提供租屋的資訊和餘缺
4.學校資訊: 公布學校的重要事情
5.大眾交通資訊: 提供各大眾交通路線和時間
6.社團資訊: 公布各社團的活動和成果
7.比賽資訊: 公告校內的比賽資訊和成果
8.教室資訊: 讓學生能在教室外，確定這間是上什麼課和什麼老師
9.各處室資訊: 提供學生所要的查詢及申辦資訊，像我常常很多事情不知道要去哪辦和申請
10.科技介紹: 因為我們是個理工起家的學校，介紹最近的科技產品，及科技發展
1.校園導覽: 提供校園內的各建築學院位置
2.夜市商家導覽: 提供每個商家的資訊和評價
3.租屋導覽: 提供租屋的資訊和餘缺
4.學校資訊: 公布學校的重要事情
5.大眾交通資訊: 提供各大眾交通路線和時間
6.社團資訊: 公布各社團的活動和成果
7.比賽資訊: 公告校內的比賽資訊和成果
8.教室資訊: 讓學生能在教室外，確定這間是上什麼課和什麼老師
9.各處室資訊: 提供學生所要的查詢及申辦資訊，像我常常很多事情不知道要去哪辦和申請
10.科技介紹: 因為我們是個理工起家的學校，介紹最近的科技產品，及科技發展
2012年10月8日 星期一
2012年10月7日 星期日
Homework 10-1-2012
1.
張大恩:邏輯有點怪，讀書和功課並不是為了成績，而是學習對自己負責任和對於做事態度，想想看假如你喜歡畫畫，也擅長畫畫，然後讀了一間美術學校，還不是會有美術功課。
李哲安:雖然內容不多，但句句中肯。
鍾杰晧:Google Android和Apple的獲利模式的評論印像深刻，內容和資訊都很完整。
洪章響:升學率雖然決定了私校的生存，但也抹殺學生的權益，我也私校生出來的共勉之。
鄭博升:內容完整，邏輯清楚，實例也很好。
2.小型機器人已經漸漸的發展起來，也漸漸的進步，也許在很多的事務方面可以用機器人來處理，像許多救災，人員不足也可使用機器人來幫忙救災，在軍事行動方面，像搶灘，和進入不明建築物，也可用機器人，來降低士兵的危險性，這讓我想到"魔鬼終結者"機器人大兵畫面。
3.從以前到現在，對於螢幕的印象就是，堅硬然後不可敲打之類的，但做出那樣有韌性的螢幕，是個科技突破性的發展，也許我們以後的書，就是每張每張有像紙一般有韌性的螢幕，想要隨身攜帶一個42吋的大螢幕，也只要像摺衣服一樣的整理攜帶，也許手機也因為這樣，他的外觀機殼，可能不再是我們看到的堅硬態。
2012年10月1日 星期一
LAB 9
Install Google Browser Google Chrome and Firefox, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
1.Operating system support:
三者都有支援Windows(64bit和32bit)
Firefox和Chrome支援MAC和Linux > 較好
1.Operating system support:
三者都有支援Windows(64bit和32bit)
Firefox和Chrome支援MAC和Linux > 較好
2.Bookmark management
IE將我的最愛, RSS, 歷史紀錄整合在一起
Firefox將書籤和RSS整合在一起,更可以為書籤增加標籤 > 較好
Chrome將書籤及歷史紀錄獨立出來, 無RSS功能 > 次之
3.Download management
IE下載畫面為獨立視窗, 並無下載紀錄
Firefox下載畫面為獨立視窗, 下載紀錄同時顯示在視窗內
Chrome下載畫面顯示在瀏覽器下方, 可另外開啟下載紀錄 > 較好
4.Password management
Firefox和Chrome可個別管理儲存的帳號密碼(並且自動記錄) > 較好
IE只能統一刪除
5.Form Management
三者皆可案Ctrl + "+or-"調整瀏覽大小, 並且會自動產生適當格式
6.Spell checking
Firefox和Chrome皆有內建 > 較好
IE無
7.Search Engine toolbar
三種瀏覽器都可以自訂搜尋引擎
Firefox和IE使用右上角的toolbar
Chrome則可以直接在網址列上搜尋 > 較為直觀
8.Privacy mode
三種瀏覽器皆有
9.Auto update
IE無
Firefox和Chrome皆有 > 較好
2012年9月30日 星期日
Homework 9-24
1.Ken robinson 演講心得
看完Ken robinson的演講，深深覺得我們從小到大，我們的學習的方式的確是很不好，我們都是以填鴨式來教學，在學習上有太東西，其實我們根本不懂，但我們知道被下來就會有分，我們是為成績而學習，成績代表了前途，至今我想有很多高中生還不確定，他們的志向，他們的興趣到底真的是什麼，一路下來，我們只知道成績，也許我們也就是因為讀了太多的死書，所以對很多事方面，我們也太呆版，不會變通，我們需要的事多元的教育，要讓學生們感受到學習的樂趣，才會有好的效果，譬如我就真的不喜歡讀書，但我會拼命考出好成績，但只是考出來，我其實都不懂，其實讀書也跟我們做事一樣，也許最後成果很重要，但絕對不會比那些努力的過程來的重要，在讀書的過程，就是能訓練我們的邏輯，我們的思考，也許考試出來不竟理想，但在學習中我們的邏輯和思考有了突破和進步，這遠遠比考出100分卻還不理解來的有意義。
書不一定要讀的高，重要的是知道自己想要的是什麼，想想看，在這樣的教育制度底下，我們放棄了多少的夢想，放棄的多少次的機會。人生只有一個，那就活的像自己吧，明白自己所要的。
2.google android 的獲利模式是甚麼?
Google andriod的主要貨來源是靠廣告，在行動平台上，有太多的應用程式都是透過由andriod來設計及提供下載，而現在的行動平台，幾乎人人都有，行動平台一定需要下載些應用程式，而大家都知道大部分都要透過andriod，光這樣想，andriod已經做到非常成功的廣告能力。
3.蘋果的獲利模式是什麼?
Apple的硬體及軟體都非常的創新，也都很受大家的喜愛及期待，像I PHONE 5一出馬上引起歡然大波，不管是正面還是負面，但這都代表大家對他的注意，也許還是會有些人不知道samsung的S3 S2，但大家一定會知道I PHONE 5。
4.微軟的獲利模式是什麼？
微軟是個以軟體起家的大公司，現在電腦上的幾乎的作業系統及XP、WIN7、VISTA都是他們的，在軟體方面走向大眾化，相對來講他的獲利也多。而最近他們也有開始走向平板商品的發展。
5.為什麼 Lab 4 的各校檔案數，能見度，檔案數，論文數，加權總和用來計算排名是錯的?
因為我們所收集的只是他的資訊數量，以數量多而使排名有了變化，但這些的資訊背後又有了不同的變化，我覺得我們所算出的，只是這個大學在網路的能見度比較，也許滿些優秀大學的一篇論文，遠比普通大學10篇論文來的有深度有研究，而現在的網路世界，像"灌水"這類似的方法，已經太過嚴重。
看完Ken robinson的演講，深深覺得我們從小到大，我們的學習的方式的確是很不好，我們都是以填鴨式來教學，在學習上有太東西，其實我們根本不懂，但我們知道被下來就會有分，我們是為成績而學習，成績代表了前途，至今我想有很多高中生還不確定，他們的志向，他們的興趣到底真的是什麼，一路下來，我們只知道成績，也許我們也就是因為讀了太多的死書，所以對很多事方面，我們也太呆版，不會變通，我們需要的事多元的教育，要讓學生們感受到學習的樂趣，才會有好的效果，譬如我就真的不喜歡讀書，但我會拼命考出好成績，但只是考出來，我其實都不懂，其實讀書也跟我們做事一樣，也許最後成果很重要，但絕對不會比那些努力的過程來的重要，在讀書的過程，就是能訓練我們的邏輯，我們的思考，也許考試出來不竟理想，但在學習中我們的邏輯和思考有了突破和進步，這遠遠比考出100分卻還不理解來的有意義。
書不一定要讀的高，重要的是知道自己想要的是什麼，想想看，在這樣的教育制度底下，我們放棄了多少的夢想，放棄的多少次的機會。人生只有一個，那就活的像自己吧，明白自己所要的。
2.google android 的獲利模式是甚麼?
Google andriod的主要貨來源是靠廣告，在行動平台上，有太多的應用程式都是透過由andriod來設計及提供下載，而現在的行動平台，幾乎人人都有，行動平台一定需要下載些應用程式，而大家都知道大部分都要透過andriod，光這樣想，andriod已經做到非常成功的廣告能力。
3.蘋果的獲利模式是什麼?
Apple的硬體及軟體都非常的創新，也都很受大家的喜愛及期待，像I PHONE 5一出馬上引起歡然大波，不管是正面還是負面，但這都代表大家對他的注意，也許還是會有些人不知道samsung的S3 S2，但大家一定會知道I PHONE 5。
4.微軟的獲利模式是什麼？
微軟是個以軟體起家的大公司，現在電腦上的幾乎的作業系統及XP、WIN7、VISTA都是他們的，在軟體方面走向大眾化，相對來講他的獲利也多。而最近他們也有開始走向平板商品的發展。
5.為什麼 Lab 4 的各校檔案數，能見度，檔案數，論文數，加權總和用來計算排名是錯的?
因為我們所收集的只是他的資訊數量，以數量多而使排名有了變化，但這些的資訊背後又有了不同的變化，我覺得我們所算出的，只是這個大學在網路的能見度比較，也許滿些優秀大學的一篇論文，遠比普通大學10篇論文來的有深度有研究，而現在的網路世界，像"灌水"這類似的方法，已經太過嚴重。
2012年9月24日 星期一
網路大學排名 DIY
一、網頁規模（Size）:
Google:
台大: 3,130,000
中原: 1,200,000
元智: 1,750,000
中正: 87,600
Yahoo:
台大: 1,440,000
中原: 32,300
元智: 32,100
中正: 44,400
二、能見度（Visibility）:
台大: 1,200
中原: 310
元智: 223
中正: 451
三、教學檔案（Rich Files）:
台大: 203,000
中原: 12,200
元智: 10,500
中正: 14,400
四、學術文件（Scholar）:
台大: 220,000
中原: 8,930
元智: 213
中正: 5,760
五、世界大學網路排名(Webometrics Rankings of World Universities)
WR=0.2×Rank（S）+0.5×Rank（V）+0.15×Rank（R）+0.15×Rank（Sc）
Google:
台大: 3,130,000
中原: 1,200,000
元智: 1,750,000
中正: 87,600
Yahoo:
台大: 1,440,000
中原: 32,300
元智: 32,100
中正: 44,400
二、能見度（Visibility）:
台大: 1,200
中原: 310
元智: 223
中正: 451
三、教學檔案（Rich Files）:
台大: 203,000
中原: 12,200
元智: 10,500
中正: 14,400
四、學術文件（Scholar）:
台大: 220,000
中原: 8,930
元智: 213
中正: 5,760
五、世界大學網路排名(Webometrics Rankings of World Universities)
WR=0.2×Rank（S）+0.5×Rank（V）+0.15×Rank（R）+0.15×Rank（Sc）
訂閱：
文章 (Atom)