1.截圖
2. 說明功能 或 說明與範例不同的地方
功能就是能在離線的狀態下儲存數據拿來使用，掌握著近七天的天氣預報
在這邊做了些前端的些微修改，例如字型的改變、顏色變化等語法調整，希望能有更多時間在後端的修改
3. 心得
按照官方的基本教學範例，學習了使用 "app shell" 的方法來設計和建構應用程式，並懂得如何讓應用程式能夠離線工作，不過過去確實很少接觸JavaScript、JSON等語言，在測試後端方面確實非常吃力，只能先將我力能所及的成果展示，希望未來能夠有更清晰的pwa教學讓我們跟著操作學習。
智慧戒指-NFC Smart Ring
(1)功能與目標使用者
這個智慧戒指結合NFC技術，在表面上嵌入NFC晶片，便可以用來儲存、傳輸一些資訊給其他人，像是帳號密碼或照片，同時也能用來解鎖NFC門鎖、開啟手機鎖等等，速度上絕對要比平常拿鑰匙、用手解鎖來得快。這枚戒指還有個功用就是能取代你平常使用的感應式卡片，例如電梯卡或悠遊卡，對於那些常忘記帶鑰匙帶卡片的人，是個十分便利的設計。
(2)對未來發展的看法
這項產品對於未來發展是無可限量，我相信之後一定還有更多實用性功能放在這枚小小的戒指上，畢竟開發者也說未來要增加這枚戒指的容量，來儲存更多資訊，並且加強他的安全性，我也是認為這枚戒指上的資訊安全，是他們最需要重視的，若能解決這些問題，在未來上便會成為趨勢。
(3)參考連結
1. 完成單元之截圖:
2.心得:
因為有在電子病歷的課程中接觸了一點SQL，所以在學習過程中比較不陌生。在前面章節學習了如何在許多條列項目中找到自己所需要的資料，十分方便且實用，不過仍有許多特殊的語法要記，若能多做練習，以後就能運用得更靈活。
1. Codecademy完成單元之截圖:
.jpg)
2. 心得：
PHP給我的感覺就有點像是HTML跟JAVA的結合，裡面很多基本的觀念像是迴圈、陣列都是我們在JAVA裡頭學過的，只是輸入的地方不同而已，而且在Codecademy最後章節的複習真是讓我傷透腦筋，要一直去翻之前所學過得東西，要能記起所有觀念真不容易。
1.GithubPage連結
2.GithubPage截圖和實作功能敘述
在我的個人主頁底部加了一個滑動至頂的按鈕
3.FreeCodeCamp完成單元之截圖
4.心得
這次運用新學到的JQuery語法，做了很多晃動、淡入、淡出的測試，也去查了許多JQuery的功能，雖然原本想在個人網頁上做多一點特效變化，不過卻頻頻失敗，因此只留下滑動至頂的這個效果，相信之後能更熟悉JQuery的用法後，便能做出許多有趣的變化。
而在freecodecamp學習到的Ajax跟JSON給我的感覺有點像是抓取資料位置的樣子，但網站裡頭教學有點少且些許複雜，使得我並沒有很了解。
1.GithubPage連結:
2.網頁截圖:
3.心得:
此次的作業非常耗費時間和精力，除了要去之前練習過的網站(FreeCodeCamp)參考程式碼外，還要去學習網頁字型、排版是如何去做調整的。雖然起步真的很難熬，不過隨著資料蒐尋得越來越多，自己也能慢慢摸清那些複雜的程式碼，做調整也能更有效率，在最後看到的成果也十分滿意，成就感十足，真的收穫良多。
1.Gibhub帳號:
seanh737
2.Codecademy和FreeCodeCamp截圖：
3.心得：
經過此兩個網站的練習後，真的對網頁設計有更進一步的了解，裡面的英文詞彙也不會太難，只要一步一步慢慢跟著做就能完成他所要求的條件，雖然有些邏輯性問題比較難，或是小地方打錯就會執行錯誤，不過網站都會很好心的給提示輔助你，是非常實用且適合學習的好網站。
第一部分:
(1)截圖
(2)文字說明
執行Wireshark，並登入輔大ican系統，之後暫停擷取資料，以HTTP篩選搜尋後，發現在info那欄的POST裡擁有我剛登入過的帳號密碼
(3)網址
(4)心得
透過對於Wireshark的了解，發現任何網路資料都有可能被有心人士刻意竊取，因此我們需要更重視網路資訊安全的問題
第二部分:
(1)截圖
修改前
修改後
我是醫資一的謝秉翰，很高興能夠認識大家，希望能在這堂課學習到更多網頁設計相關知識。
linkedin網址
https://www.linkedin.com/in/%E7%A7%89%E7%BF%B0-%E8%AC%9D-93b529135/
近程目標(大一~大二):
中程目標(大三~大四):
遠程──(大四~畢業後):