Lab 31 Programming in DOM

Lab 30 Create Image using DOM

 

多加button加入顯示圖片

 

執行後的結果 按123會多加圖

 

刪掉window.onload=build，一開始只有按鈕

一開始輸入錯誤的程式碼，後來請助教才打對了

Lab 29 Hand code a form

1. CGI 是 Common Gateway Interface 的縮寫，它可以連結網路主機端與瀏覽器端，
使其能夠作檔案存取等動作的一種介面，CGI 程式就是可達成前述動作的程式，這是一種通稱而不是指某種特定的程式，CGI 程式可以使用多種電腦語言來撰寫，依據作業平台的不同最常見的有 C、C++、Perl、PHP、TCL、JAVA、VB....等，而大家在不同網頁上所見到的留言板、討論區、計數器、票選、寄賀卡、線上人數....等，都是屬於 CGI 程式的一種。
在網路上較常見的 CGI 程式多數是使用 Perl 語言撰寫的，因為它幾乎可說是專門為了撰寫 CGI 程式而量身打造的一種電腦語言，而且可使用的平台也較廣，如果是使用 VB 來撰寫 CGI 程式，那就只能在 Windows 平台上執行，若使用 C 語言來撰寫 CGI 程式，那麼就必須要在不同的作業平台上重新編譯過，否則是不能正常運作的。
Perl 語言是一種解譯式 (或稱直譯式) 的電腦語言，因此是以原始碼的型態散播的，它的語法基本上與 C 極為類似，許多學習 CGI 程式的人都是由觀摩他人撰寫的 Perl 程式，進而修改成自己想要的介面或功能來入門的，Perl 比較特別的是正規表示式 (Regular Expressions)，功能非常非常的強大，但是因為是以符號所組成的一些處理規則，所以常常有初學者因為懶得查閱文件所以被它給打敗，如果您能在參考他人的程式時勤查文件來對照，其實學習起來並不難！
但是網路上雖然較常看到以 Perl 語言所撰寫的 CGI 程式，但是 CGI 與 Perl 並不等於是同義字，請不要將名詞弄混了，如果是請教有關 Perl 語言所撰寫的程式問題，就寫明請教的是有關 Perl 語言的語法或流程等，"CGI" 與 "CGI 程式" 也一樣不等於是同義字，"CGI" 一詞僅指 "通訊協定"，而 "CGI 程式" 才是指 "程式"。
檔案格式與屬性設定： 以上兩個檔案可以使用一般的文字編輯程式來製作，儲存時必須以標準的 ASCII 格式來存成文字檔，而上傳時也必須使用 ASCII 模式來上傳。 

2.

 

 

Lab 28 Lab Form and Action

 

 

遇到難題： 打開程式不知道要怎麼改Action部分，多虧隔壁同學教我。

更改Get和Post之後，Post的不可以搜尋了!

Homework 11/26/2012

1.      在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。

 

在高鐵上上網，2G、3G、4G、WiFi都是不可行的，最多2G傳輸訊號時，可以接受120km/hr的速度，其他三種都無法作用在破百的時數上面。

若要解決問題，只可能WiMAX無線技術，它可接受的最高移動數度可達到350km/hr，但WiMAX雖然是行動頻寬，但要可以在高鐵上穩定上路仍然遇到很大困難，例如說需要克服訊號Handover、穩定度等問題，鄭聖慶舉例，當初WiMAX規格制定是在時速130公里以內。在高速鐵路時速300公里的環境下，容易產生杜普勒效應，目前測試若超過時速240公里時，就有斷訊等問題，將持續設計新的WiMAX產品，期望能克服這個問題。

 

2.      在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為

什麼?

 

採用衛星技術，必須在車上架設天線，並且瞄準衛星方位，高速鐵路行進時，位置不斷移動，所以天線必須一直追蹤衛星，天線的控制、成本昂貴都是問題；另外，因為高速鐵路速度太快，平均幾秒鐘就要切換Wi-Fi無線基地台(AP)，想要穩定地切換相當困難。

 

參考網址：http://www.digitimes.com.tw/tw/dt/n/shwnws.asp?id=0000093882_A814WT75YE9SZDJ1EI0C9&ct=1

Homework 11/5/2012

1. 觀看場域應用與服務設計: "科技人如何做通俗演講" (4分鐘)撰寫200演講摘要

        工程師和科學家所做的研究和在解決的難題都是與我們息息相關的事物，例如能源、氣候、衛生保健…，但一般大眾卻都不了解他們在做些什麼，所以演講者希望科學家可以跟大家分享自己在研究的神祕領域，讓大眾了解這些研究的東西與他們的生活有什麼相關性，而要大家了解這些東西，其實可以先在說話時，盡量避免艱澀難懂的術語，轉換成通俗的文字，讓想法更簡單易懂而非簡化它。而在做PPT時，也不要用太多句點式的句子，這會讓你的報告顯得很無趣，而且太過於依賴文字，如果改成生動的圖片，和簡單的句子，其實可以讓大家更能明白你想表達的東西。


2. 你覺得以後上台作簡報，會做些什麼樣改變？

            我以後會在PPT上寫出簡單明瞭的主題，其他重點也會用圖片註釋，也會避免掉公式推導，注意語調變化。
            但我覺得報告的性質還是要看對象來決定，假設以高科技這項主題舉例，如果是對於高科技完全沒有概念的人，就會講的簡單一些，盡量說些大方向性，但如果是大家都是對高科技有點了解的人，還是可以講一些術語，並可以深入討論比較好。

Homework 10/22/2012

1. 有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A
計算A,B,C 三個網頁的PageRank，A, B, C 三個網頁的PageRank 各為多少?

請使用白紙手寫，下周一(10/29/2012)上課繳給助教。

2. 使用部落格重新設計系網頁，規格要求如下

• 搜尋功能
• 網頁至少包含以下類別公告，師資，課程，系學會，校友動態，畢業出路，每個類別至少五頁
• 每個網頁必須有導覽列，可跳至公告，師資，課程，畢業出路，系學會，校友動態，畢業出路
• 首頁必須提供影音專區，放置一部影片(參考校網頁)
• 首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)
• 以高中生和家長為對象，撰寫畢業出路500字介紹
• 以校友為閱聽對象，撰寫一則你所認識的畢業學長姐動態

 

→ 為何要讀中原電子系

→ 學長姐動態

Homework 10/15/2012

1. 有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A
    計算A,B,C 三個網頁的     PageRank，三者PageRank排序為何?
  
    PageRank-Google 決定搜尋排名的關鍵技術中所提到的決定PageRank值的三大指標:
    1. 反向連結數
    2. 反向連結數是否來自PageRank值高的頁面
    3. 反向連結來源頁面的外向鏈結數
    其中說到，網頁B設有連結連到網頁A時(即A有B的反向連結)，則視為B投給A一票
  
   公式： PR(A) = (1-d) + d(PR(t1)/C(t1) + ... + PR(tn)/C(tn))

   d是一常數(Google訂為0.85)

   PR(t1)為外部連結網站本PR分值

   C(t1)外部連結網站所擁有的連結數量

   經過計算之後可得到：C>B>A

 

2. 使用部落格重新設計系網頁，規格要求如下

• 搜尋功能

• 網頁至少包含以下類別公告，師資，課程，系學會，校友動態，畢業出路，每個類別至少五頁

• 每個網頁必須有導覽列，可跳至公告，師資，課程，畢業出路，系學會，校友動態，畢業出路

• 首頁必須提供影音專區，放置一部影片(參考校網頁)

• 首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)

      http://cycuel9920112.blogspot.tw/

Homework 4 10/8/2012

在中原大學校園與附近環境，AR可能有哪些應用？請列舉十項。



1.  校園導覽：介紹建築物及特色
2.  上課資訊：現在教室是在上哪一堂課、老師
3.  取代宣傳海報
4.  停車資訊：到某個地方就會介紹周邊200公尺的停車場
5.  商店介紹：會有每間商電的資訊及簡介
6.  夜市美食介紹：列出夜市前十項最受人歡迎的食物
7.  藝術品介紹
8.  校園學期重要事件：如小運會、防災演習...。
9.  租屋資訊：屋齡、房價...。
10.校園附近旅館、飯店

Homework 3 2012.10.01

1.    針對前次作業，挑選至少五篇你覺得很用心的文章，針對寫作技巧與文章內涵給予建設性的評語。

9826221 電子四乙 鄭博升

我認為這位同學在教育這篇回應中所發表的言論中，可以看出他已經開始實踐演講者所說的內容，他並不是紙上談兵，是已經將演講中對教育所該改進的部分，活用在生活中，令人印象深刻。

9926242 鍾杰澔

這位同學對於Google Android和Apple的獲利模式見解很有一番看法，說得頭頭是道，從文章中互相比對兩間公司的獲利模式，而非單純回答問題，但我認為既然已經用比對的方式討論，可以用表格式的比對更能讓人明瞭。

9843139 會計四甲 梁云

在回應中用條列式的方式回應，讓人覺得很簡潔有力，沒有贅字，而且一目瞭然，但內容有些過於單純，不夠全面。

 

其他文章我覺得都沒有特別令人印象深刻，有些從網路上節錄下來的文章內容幾乎大同小異。

2.    觀看 Vijay Kumar: Robots that fly ... and cooperate 設想這樣的科技可以如何應用？

影片中小機器人可以探勘地形，也可以搬運小型物品，還能夠自行判對隊形排列，若是能夠改善他的大小問題，以後他將可以取代人們的飛機、汽車，或是任何的交通工具，也可以運用在軍事部分，派遣他們作為先鋒，加裝上武器，在生活中，說不定可以取代餐廳服務生，只要輸入簡單指令（例如：桌號、餐點號碼），他就可以將廚師做好的東西送上客人的餐桌！

3.    觀看網際網路應用系統設計: Paper thin bendable AMOLED display 設想這樣的科技對未來顯示科技的影響

我認為這項科技應該會代替現在的平板電腦、手機、或是電視，未來的東西都越來用輕薄短小，節省空間，這樣可以隨身攜帶這些東西也不會造成很大的負擔。

 

Homework 2 2012.9.24

1.      Watch Ken Robinson's talk on ted.com. Write a 200 word summary about his speech.

「教育扼殺創意」這篇演講中，提到不少現在教育的盲點，原本的教育方針是為了適應工業革命所制定的，創造大量的知識份子，為了讓社會快速進步，這是當初的社會風氣，現今社會中，人口過剩，大學文憑過度氾濫，學生已經失去了學習的初衷，所有人都只是為了成為一樣的人，反而忽略了自己的長才，但如今的教育，最應該改善的首要事情，就是整個社會對於教育的思考模式，什麼才是出人頭地？什麼才是成功？現在的人除了唸書之外，幾乎一無所長，更何況是念不好書的人，我想現在讀書已經不是成為人上人的方法了，想要在社會上嶄露頭角，創造力才是勝於讀書的唯一途徑。

 

2.      Google Android 的獲利模式是什麼?

Google Android利用廣告增加收益，並補貼開發應用程式的支出，使用者在行動裝置上搜尋資訊時，被點擊到的商家所須支付給Google的費用是透過個人電腦搜尋的三倍，加上行動電話的出貨量遠比個人電腦大，因此Google可獲得最高效益，進而推出免費的服務，如Gmail，以增加使用者的忠誠度。

 

3.      蘋果的獲利模式是什麼?

靠蘋果的產品形象所造成的購買風氣，還有硬體包覆軟體的跨平台能力，Apple從硬體跨平台經營，強調生活體驗的改變而非硬體效能提升，雖然產品型號單一，但透過應用程式商店讓使用者可自訂需要的介面，藉以形成差異化；此外，在與應用程式開發者的合作溝通上享有先行者的優勢。

 

4.      微軟的獲利模式是什麼？

微軟藉由軟體研發來獲利，目前也有開始跨足硬體設備。

 

5.      為什麼 Lab 4 的各校檔案數，能見度，檔案數，論文數，加權總和用來計算排名是錯的?

用這些資料所計算出來的資料很狹隘，畢竟網頁中的數據重複性很高，在加上，數量多的東西並不能表示他就是比較好的，而且檔案數、能見度…等等，都無法代表學校的素質或是形象，應該要從更專業的角度去評判排名，才能夠準確。

 

 

參考資料：

http://www.mem.com.tw/seminar_history.asp?sn=0912100001

開放/免授權特色發威　Android橫掃千軍

http://www.teema.org.tw/exhibition-detail.aspx?infoid=2748

名稱：行動戰雲端：GoogleVS.Apple獲利模式比一比

Homework 1

1.      教育無他 發揮天賦 就是成功

                             我認為適量發展在台灣目前是不可能成功推行的，畢竟台灣的教育環境長久以來都在比較，政府推行十二年國教的用意也是為了讓小孩可以不用在只有讀書的壓力下成長，但是現在的老師、家長卻只看的見成績，每一個小孩只要稍微考不好就需要補習，在這些壓力下，孩子們怎麼去發現自己的天賦，沒辦法發現自己的專長，也就只能夠盲從的跟著社會走上升學的道路。

2.       Lisa Kristine: Photos that bear witness to modern slavery (現代奴役實錄見證)

              我認為這件事情太可怕了！我們在台灣衣食無缺，每天都嫌政府沒有保障失業人口，但卻沒想到世界上還有些地方的人，是連工資都沒有，每天拼命工作，卻不是為了自己，現在民主的社會裡，居然還有這種不平等的對待。

3.      Facebook, Blog 是常見的社群媒體，這二者何者比容易累積知識，為什麼？

              我認為Facebook能夠比較即時的訊息，量多但是不一定正確，但是部落格的文章都比較有內涵，重質不重量~