施惟中二號 的部落格

[S18_WearComp] PWA Lab 醫資二 405570109 施惟中

一、截圖

二、功能

在網頁中使用service worker的離線使用功能,把網頁放到手機桌布之後即使是在沒有網路的狀態之下也可以瀏覽網站。

三、心得

因為平時在code的練習方面較不熟悉,而且第一次嘗試PWA這項工具,剛開始的時候真不知從何下手,查了一些資料還有詢問同學後嘗試了氣象預報的範例,後來也在網路上找到許多功能齊全的範例,發現其實PWA的用處比想像中的還多上許多,是個非常好的輔助工具,但整體而言還不夠熟悉,希望未來有閒暇時可以在這方面多加涉略。

[S18_WearComp] PWA Lab 醫資二 405570109 施惟中

一、截圖

二、功能

在網頁中使用service worker的離線使用功能,把網頁放到手機桌布之後即使是在沒有網路的狀態之下也可以瀏覽網站。

三、心得

因為平時在code的練習方面較不熟悉,而且第一次嘗試PWA這項工具,剛開始的時候真不知從何下手,查了一些資料還有詢問同學後嘗試了氣象預報的範例,後來也在網路上找到許多功能齊全的範例,發現其實PWA的用處比想像中的還多上許多,是個非常好的輔助工具,但整體而言還不夠熟悉,希望未來有閒暇時可以在這方面多加涉略。

[S18_WearComp] Case Study 醫資二 405570109 施惟中

Bit Bite助你減肥的耳機

功能、目標使用者 :

在現在重視健康與健美的時代,每個人都不想變胖變肥,卻又怕吃的太多?這款Bit Bite耳機能夠成為你的減重指導師,怎麼說,其實Bit Bite是一個飲食監測器,透過內置麥克風和感應功能,去捕捉你咀嚼食物的聲音,它會將監測的數據傳送到手機,分析你的咀嚼速度和吃了多少食物等,接著給你飲食習慣上的建議,幫助你不要吃的太快或太多,藉由飲食控制來健康減重,是不是相當貼心?

看法 :

在越來越重視健康的時代每個人對於飲食都非常講究,研究出許多節食瘦身或健身的菜單或方法,但把這些想法結合在科技方面是我第一次聽到也覺得想當不錯,尤其是把飲食結合在音樂方面,可以一邊吃飯一邊聽音樂本身就已經是一個想當愉快又美好的事情了,而在享受當中又有科技能夠根據你的反應偵測出你目前的需求,可以說是一個一舉兩得的方式!如果以後有機會我一定會去買一副這麼酷又這麼實用的Bit Bite耳機來幫助我控制飲食!

[S17_WebFund] Lab5 醫資一 405570109 施惟中

1. Codecademy完成單元之截圖

2. 心得

這次作業的coding的時候覺得很多與髮根java滿類似的一開始很好上手,但後面比較複雜之後讓我花了比較久的時間,下面的小提示還滿有幫助的,可以點出我哪裡做錯了,整體而言覺得這次的作業貼心許多。

[S17_WebFund] Lab4 醫資一 405570109 施惟中

1.GithubPage連結:

https://harris2030057.github.io/

2.GithubPage截圖和實作功能敘述:

在下方加了2個button 瀏覽時可以點擊會出現並連結到關於我的網站

3.FreeCodeCamp完成單元之截圖:

4.心得:

一開始做jQuery時前面有點卡住,應該是因為還不熟悉的關係,但後來慢慢進入狀況就順利的完成了。但JSON APIs and Ajax就比較困難了,雖然可以很快地在題目中找到答案,但還是要花一點時間理解題目的意思。

而實作又比練習時不易許多,經過了詢問同學以及回去翻了一下做過的題目後才順利完成,感覺還滿有趣的,希望自己在這方面可以多加涉略

[S17_WebFund] Lab3 醫資一 405570109 施惟中

1. GithubPage連結:

https://harris2030057.github.io

2. 網頁截圖:

3. 心得:

這真的是一個好累會讓人做到失心瘋的作業,尤其是剛開始的步驟真的比較複雜,透過向許多同學詢問以及上網查了很多東西才順利的完成準備動作,能夠開始coding,而coding則因為上禮拜學習到的內容因此簡單了許多,但從零到有還是花了我一番工夫,雖然最後順利的完成後有了一點成就感,但也提醒我下次要早點著手才不會最後手忙腳亂地。

[S17_WebFund] Lab2 醫資一 405570109 施惟中

1.Gibhub帳號: harris2030057@gmail.com

2.Codecademy和FreeCodeCamp截圖

 

 

 

3.心得`:

一開始做FreeCoideCamp的時候還滿得心應手的,雖然介面都是英文看了有點花而且比較吃力,但其實教學都非常詳細而且都有附圖,因此很容易了解跟吸收,所以其實很快就做完了。但是git的難度就大了一點,因此我找了同學一起討論並請教了很多不會的地方,從中吸收了很多,最後順利完成之後還滿有成就感的。

 

[S17_WebFund] Lab1 醫資一 405570109 施惟中

第一部分 使用軟體:Wireshark

(1)截圖

(2)文字說明

開啟Wireshark後

發現到有很多功能可以使用

真的非常有趣可以一直探索

 

(3)網址

  http://140.136.251.210/student/

(4)心得

    如果繼續的研究一定可以找到更多有趣的東西

 

第二部分 利用Chrome檢視原始碼

(1)截圖(修改前)

頁面