計畫緣起
動機
l 有鑑於台灣的空氣品質相當不佳，在我們的日常生活中也總是會因此受到不良影響，如感到空氣味道不佳、身體不適、頭昏腦脹等，算是台灣人民不得不正視、重視的，貼近生活的問題。因此我們希望能製造出對應這方面的防範方法，所以提出了這個計畫。
l 想利用雲端物聯技術，做出因應台灣當前空氣品質提供相應服務的穿戴裝置。原本想要做出能監測空氣品質的手環，並且作為配對在裡面置入一個口罩，在手環提醒空氣品質過差時，可以用口罩抵禦不良的空氣；但是手環當然塞不下一個口罩，於是經探討將手環改成了帽子。
問題和需求分析：目標客群需求
1.截圖
2.功能說明
null
3.心得
web下學期會教的東西，只可惜我太笨，上網查資料無解，什麼都做不出來
做人失敗，問同學，不讀不回，已讀不回，沒人幫我
即使知道世態炎涼，還是覺得心寒
2.不同處
對標題進行修改
3.心得
對於pwa的使用還不太了解，怕亂修改會導致網頁崩潰，以至於只對標題修改
1.截圖
https://drive.google.com/open?id=122xUcWIJdK3YPmGK1HCbIhC5ITT4C9_S
2.說明功能 或 說明與範例不同的地方
主要功能:除了可顯示一周天氣預報外,還可針對不同星座估算出當日的運氣指數
與範例不同處:
a.標題更改為"天氣+星座運勢"
b.原本地區改為顯示星座並附上適用出生日期
c.選單中文化,選項改為12星座
d..圖片更改
e.資料卡.原本顯示濕度(humidity),改為運氣(lucky)
f..網頁左上方icon更改為拉霸機圖示
3.心得
第一次接觸pwa,覺得是個很方便的應用
摸索了超級超級超級久還是做不出自己理想中的pwa應用
原本想要再把app桌面捷徑的icon一併更改,奈何實力不足無法達成
希望以後有機會能夠做出完全創新、專屬自己的pwa
為此我要更加精進自己的實力
1. 截圖
圖（一）：初始畫面，初始城市為台北
圖（二）：新增城市，增加台中選項
圖（三）：台中城市卡新增完成
2. 說明功能 或 說明與範例不同的地方
‧更改背景和字體顏色
‧新增不同的下雨天氣圖片
3. 心得
1. 截圖
2. 功能說明：
3. 心得：在寫官方網站的練習過程中其實遇到滿多問題的，後來發現其實是yahoo天氣api已經不開放了。因為遇到了一些問題所以在網路上查詢了許多PWA的相關資料，發現PWA其實真的很方便，不需要再額外下載APP，但又可以即時快速地取得資料，對於未來的發展應該很有幫助。
1. 截圖 :
上傳不了 直接傳fb
2. 說明功能 或 說明與範例不同的地方 :
(1.)把title改名 , header title也改名並加粗字體 , 城市文字加底線
(2.)更改背景色
(3.)詳細資料處加框
(4.)更改星期文字為中文
(5.)更改圖示
3. 心得 :
雖然以前大一做過, 但平常沒在用早就忘光了, 查了很久, 終於弄出天氣的圖, 改其他東西還行還記的一些, 最後圖片一直上傳不了弄了好久還是放棄了
截圖_01: https://drive.google.com/open?id=10oZcW4vDxoTU__xvmgqEEIMMMXmPuyol
截圖_02: https://drive.google.com/open?id=1NSW68PUmOiVXM1pjg1dY8CaOzSoFMXqj
功能更動說明:
- 2個Title變更
- 部分顏色與透明度調整
- Card's background 以圖片設置
心得: 以往極少接觸web的相關應用與設計，這次的作業讓我體認到，未來還有很大的進步空間。
