發表文章

【心得12】12/14

今天老師撥放了台大機械太陽能車隊的紀錄片，主軸為由鄭教授以及他帶領的太陽能車隊的整個過程、與十年後的這群學生近況。台灣教育缺乏創造與實作，於是激起鄭教授想帶領學生「動手做」，讓學生親身經歷從0到1的過程，完完全全的將書本上的知識實體化，實際運用到設計上。在比賽中他們面對的競爭對手資本與資源相對比台灣多出許多，然而，他們還是榮獲第五名佳績，非常不容易。十年後，每一位當時的青澀的學生，皆成為各處研發單位的菁英，也就是繼續做著他們當初做的事，不斷學習不斷創新。 我認為不管在任何領域，實作都是很重要一環，否則就像背單字久了沒用就忘記，有些科目甚至考完期中期末考、過完一個長假就會忘記，而這樣無法將任何專業留在身上，若是實際操作，親身體驗挫折、瓶頸，再嘗試去修正、創造，這些經驗就會直接累積起來，如此一來，就能逐漸成為一位優秀人才。我個人有類似的經驗，學個經、總經常常過了一個期中期末就忘記前面教的，然而，直到我參加系上小論文比賽、ATCC商業競賽實際去試著運用經濟模型以及尋找為提出的方案佐證的資料時，我把當初忘記地的那些知識再次學起來並去實際使用，而至今都還記得，這些經驗教會我不要再死背那些書本上的知識，直接起身動手去做，即使還不到非常專業，但是從做中學必能真正把那些知識變成自己的！
2 則留言
閱讀完整內容

【心得11】12/06

這禮拜身體不適故請假，但是這禮拜還是有持續在空閒的時候，逐步完成我的期末專案，我的網站主題是家附近的一間麵包店的官網，叫做「安德尼斯」，其本身已經有FB，但缺少官方網頁，故想嘗試為他製作一個。 開始製作他的網頁後，才知道老闆吳克己曾經創業麵包失敗，而之後毅然決然去國外進修，再次挑戰一次他的夢想，「開一間能吃到世界各地麵包的麵包店」，生意非常好，而我本身也是只要回家就會買一大包那家麵包回台中享用。 我從老師提供的第三種免費materilze的模板去改編，我進入到他的css語法去微調成自己想要的樣式(ex.預設字體顏色藍色變紅色，上方選單列加高，更改影片觸發的初始圖)；自己去用canvas製作透明底的LOGO、加工封面圖...等；利用Google試算表去儲存需要多筆相似格式的資料，應用在首頁裝飾圖、菜單...等，竭盡全力地把老師整個學期教的技巧全部應用在上面，希望能成功做出一個優秀的作品!
1 則留言
閱讀完整內容

【心得10】11/30

圖片
 今天前半段老師介紹了一些能應用的簡單AR網站，像是ar-js studio，可以輸入你的座標（經緯度），並放上圖片，接著網站會幫你製作好一個壓縮檔，解壓縮上傳至netify，打開網頁即可在你輸入的地點掃瞄出你的圖案。 選擇location-based 輸入經緯度以及圖片網址 在我家門口偵測到的海豹圖案 覺得很有趣，本來以為AR技術應該是要資深一點工程師才會接觸，沒想到也有這種簡單能應用的有趣AR，希望以後能更深入接觸這塊，因為我是寶可夢遊戲的愛好者，常常會開AR模式去抓寶可夢，覺得因此被吸引！
1 則留言
閱讀完整內容

【心得9】11/23

 今天老師介紹了4、5種免費由materialize建構出的版型，並教我們如何去應用模板(ex.<a href="___.html">放入連接的網頁)，我使用了第三種版型，主題為一家常吃的麵包店設立官方網站，預計首頁會使用模板，商品介紹頁面會使用的「卡片」以及「資料庫」的概念，其他連接還尚無規劃，但每周上課能慢慢做出成果。
1 則留言
閱讀完整內容

【心得8】11/16

圖片
今天使用Google Maps JavaScript API，將Google地圖嵌入網頁，使用「iframe」語法， 稱為內置框架或內聯框架，常用來在網頁內嵌入另外一個網頁。 < iframe   id = "demo"      src = " http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=經緯度座標或地址&z=比例&      t=h衛星圖或p地形圖&output=embed "      width = "600"   height = "450"   frameborder = "0"   style = " border:0; "   allowfullscreen = ""        aria-hidden = "false"   tabindex = "0" > </ iframe > 也實作了地圖切換功能， 我們將 google map 網址中經緯度的部分改成變數，就可以切換好幾個不同的地圖   < a   href = "javascript:f('24.121308,120.677175');" > 中興大學 </ a >   < a   href = "javascript:f('24.1371547,120.6865921');" > 台中火車站 </ a >   改變參數使用 getElementbyId 抓住網址，再搭配 js 當中的 setAttribute。 < script >     function   f ( loc ) {     var   str  =  'http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=...
1 則留言
閱讀完整內容

【心得8】11/09

圖片
原本上次上課使用到的「Tabletop.js」今年之後將會停擺，因其為Google舊版API所做出的東西，而今年Google即將停止此服務，因為今天的課我們改用「Google Chart」來替代，原本是將試算表發佈到網路，而使用Google Chart則是按共用並複製知道連結的使用者皆可以看到，差異為發佈的話可以選擇性公開部分資料（有三個工作表，公開一個其他可以選擇不公開），而共用的話則是選擇此檔案就全部公開，因此使用Google Chart時不要放敏感的資料。 讀取資料，要將自己的試算表讀進去要把網址做修改：https://docs.google.com/spreadsheets/d/自己試算表編碼/gviz/tq?sheet=工作表1'，若要變更選取範圍則需要使用到SQL語法。 google . charts . setOnLoadCallback ( init ); function   init () {      var   url  =      'https://docs.google.com/spreadsheets/d/1IKPjk0k_oXVprfuLVUVX77apCgyR64FQpCjC9MvsAlw/gviz/tq?sheet=工作表1' ;      var   query  =  new   google . visualization . Query ( url );      query . setQuery ( 'select *' );  // 要全部的資料      query . send ( processSheetsData );      } row(0,0)為「張三」；row(0,1)為「0912345678」以此類推。 function   processSheetsData ( response ) {      var   data  =  resp...
1 則留言
閱讀完整內容

【心得7】10/26

今天學到使用「HTML Forms」搭配「Google表單、Google試算表」，使用表單，就需要搭配後端的程式，才能把輸入完的資料紀錄至資料庫。 每個綱要（資料別）一定要命名，才能在資料庫找到資料，value="預設值"可留可不留，為顯示在，type=submit為送出填入的資料，利用後端程式「action_page.php」把填入的資料送到後端資料庫。 < form   name = "form1"   action = "javascript:formresponse();" >      姓名:  < input   type = "text"   name = "name" >< br   />      電話:  < input   type = "text"   name = "tel" >< br   />          　 < input   type = "submit"   value = "Submit" > </ form > 將原本的的程式(//備註)改為以str空字串，隨著條件多寡顯示，原本的寫法若兩格都空白僅會顯示「姓名不可為空白」，改良後會兩行皆顯示，若送出時姓名與電話都有填妥，就會跑至else的部分，轉跳至填完表單的頁面。 轉跳頁面的網址為：https://docs.google.com/forms/d/e/表單編號/formResponse?usp=pp_url&entry.姓名的編號串=" + 填入的姓名資料 + "&entry.電話的編號串=" + 填入的電話資料，若直接在網頁的網址列輸入「填入的姓名資料」、「填入的電話資料」就會直接把資料傳至資料庫，成為一筆資料。 var   str  =  "" ; if  ( m  ==  null  ||  m  ==  "" ) { ...
1 則留言
閱讀完整內容