林柏佑 的部落格

[S20_WebFund] Lab7/8 醫資一 408570095 林柏佑

Lab7:
1.截圖(API在網頁上的截圖 和 API那段程式碼的截圖)

2.心得

找了一個簡單Facebook API,透過載入特定script,再套入對應的class名,就可以提供按讚及分享粉專的功能,本來有想過要做出那種可以跳出messenger框說Hello,您好請問有什麼需要幫忙的嗎,但似乎需要有自己經營的粉專才能做所以就改成這個了。

那google map API 我用了兩組,一組是用google map自動產出的程式碼,再改框的大小,另一組是真的用Google Maps API key去請求API得到的,一開始看到別人的教學網頁有附金鑰,就開開心心的拿去用了,然後隔天就被判定該網址無權使用這組金鑰,被拒絕API請求……有趣!

所以我還是乖乖的去申請金鑰,並且一樣設定了限制使用這組金鑰的網址,但這又一直出現專案中未授權的問題,我反覆尋找答案才得知,這要同時啟用多項API才能實現,不斷嘗試啟用可能用到的,最後終於成功了……

Some team works也有用到Youtube的API將影片嵌入網頁。

3.網址 (若有網址就附上)

https://boyoulin.github.io/

[S20_WebFund] Lab6 醫資一 408570095 林柏佑

1.截圖

2.心得

在codecademy學一套程式語言比想像中的花時間,雖然有提前打完卻用了整整一個假日時間。PHP說是在後端的程式,卻在可寫在前端的html,這比之前PWA的後端server程式要簡單些,他的邏輯與大部分程式語言相同,這讓我對像是陣列或字串比對等功能開始變得不陌生了,同時這個語言在前後端間傳輸資料,所以對安全性的概念也有了些理解。

題外話,PHP也曾經紅過一時,網路上出現鄉民激烈討論PHP是世界上最好的語言這回事,如今現代物理崛起,微軟近來將打算開放量子運算平台 Azure Quantum,目前已將 Quantum Development Kit(QDK)開源,讓開發者能自行學習量子技術,還放了兩堂學習教導開發者如何使用 Q# 語言寫量子程式的課程,這是只是一個猜測,什麼時候我們會開始需要寫到量子程式呢~或許幾十年後IT人員就需要上現代物理學了~

[S20_WebFund] Lab4 醫資一 408570095 林柏佑

第一部分 JSON APIs, Ajax, jQuery tutorial on FreeCodeCamp:

1. 完成之截圖

2.心得

Freecodecamp上的JQuery教學大部分都可用CSS實現,像動畫特效,或是大範圍的操縱某些特定元素,所以我認為JQerry應該要搭配一些方法,達到可以跟使用者互動目的,而Ajax用到很多透過網路協定請求的的語法,這方面目前還不是很懂,常常打錯很多請求,覺得網路概論的先備知識需再加強。

第二部分 Github personal page :

1.網址

https://boyoulin.github.io/works.htmlhttps://boyoulin.github.io/bike.html

2.說明新增部分

我在Bike and ISome team works頁面加入我期待已久的「載入中…」畫面,在Some team works的內文超連結文字及圖片,利用mouseover(),mouseout()加入動畫,增強連結的存在感。 

[S20_WebFund] Lab3 醫資一 408570095 林柏佑

我的個人網頁:https://boyoulin.github.io/

(超連結放的不少可以點進去看兩眼)

心得(略長,要點開看):

      好累...因為我用記事本從零開始寫完4個html1個css了,畢竟我不曉得以後還有沒有機會可以這樣完成一份網頁。html檔是一個挺有趣的東西,就像你在做簡報一樣,他有很多功能,只是你不一定用的到,你可以去挖掘你所追求的功能,每一樣都是新的技能,上圖動畫是外接Animate.css已寫好的CSS,可以在這次作業的限制下,用純CSS達到動畫特效(不過事實是我也還不會JS所以當然不用他寫)。

[S20_WebFund] HW#0 醫資一 408570095 林柏佑

1. 自我介紹

我是醫學資訊與創新應用學士學位學程大一生,林柏佑,也是一名童軍,喜歡參與各種跟同學同樂的活動,喜歡騎自行車(越來越喜歡了),對生物學有極大的狂熱(興趣多元?),目前是NISRA的社員之一,歡迎各位這個......認識我囉

2. 修習課程動機、期望

閒來無事的下午就來修個課,相信上完這堂課我會對網路概論更加熟悉,我將有動力去研究這堂課給我lab,去更進一步地認識PHP,SQL等資訊人員該熟悉的基本技術。

3. Linkedin帳號截圖

以下是我的LinkedIn個人網頁連結:

https://www.linkedin.com/in/%E6%9F%8F%E4%BD%91-%E6%9E%97-634176193/

 

[F19_US] HW2 醫資一 408570095 林柏佑

1. 發表醫學資訊的過去, 範疇, 與未來發展趨勢

       醫學資訊 (Medical Information)──利用資訊科技 (information technology)和電腦技術 (computer sciences),結合其他領域之科學,及所有醫藥 (medicine science)和健康保健(health care)等領域(包含基礎研究-basic research、臨床醫藥-clinical medicine、和健康組織之服務-organization of health services)之科學。並透過臨床資料的儲存,探勘和有效之轉化應用,形成新醫學知識,應用於臨床、醫學研究與教育、病患之醫護照料,解決臨床難題和為治療作決策,以達到提供較好的醫療保健、提昇醫療照護品質、和降低醫療支出等之最終目標。其領域科學包括:電腦科學 (Computer Science)、生物醫療的技術 (Biomedical Technology)、 管理學 (Management)、社會議題 (Social Issues)等等。

[F19_Telehealth] HW2 醫資一 408570095 林柏佑

1. 網址

https://w961302.wixsite.com/homwork2

2.截圖

3.文字說明

選擇簡歷的主題,製作高中以介紹18歲的我為主題的網站,我相信我對自己的了解正在一步步增進中,這是現在國文所學的自我追求的一種方式。

4.心得

這比起國中用html架網站來的方便多了,真的適合新手架網站。這門課讓我對WIX開始有了初步的了解,每次的作業都來快又新奇,學起來雖然累,但做起來已有些成就感,期待分組作業我能做出個什麼令人驚艷的玩意,但前提是我們得先預留充足的準備時間。

頁面