Lab5

[S19_WebFund] Lab5 資工 405280297 王泓嶧

1.截圖

 

2.說明功能

新莊台灣的地點可新增

改成攝氏

3.這次作業我完全對PWA沒有頭緒,上網查了最基本的天氣APP開始動手改與根據網路步驟開始更改與新增功能,原本想做很多東西但是到最後都發現一堆BUG根本無法執行出來,所以使用最簡易的方式來做出此次作業,我會慢慢摸索出來如何將此APP豐富化

S19_WebFund] Lab5 軟創二 506170503 蕭保鈴

 

1.截圖

https://googlecodelabs-your-first-pwapp-1096.glitch.me/

 

2.功能說明:

新增台北城市氣溫

3.心得:

這次作業相當的實用,大致了解了現今web基本必備的pwa技術,且教學文件也講解相當的清楚,照著步驟走非常容易上手,但具體要了解全部的內容,我覺得還需多練習幾遍。

[S19_WebFund] Lab5 資工二乙 鍾秉桓

截圖




說明

  1. 新增城市(台北)
  2. 更改header顏色
  3. 中文化氣象資料
  4. 攝氏溫度顯示
  5. 完成tutorial(可離線、通過Audit)

心得

這次的Lab遲交了Orz,因為主要心力都放在期末的project上,望著trello裡的issue越來越多,但想要的功能也越來越多,就沒其他心力在作業上,姑且是著tutorial做了一遍,沒有做啥延伸。

[S19_WebFund] Lab5 圖資四 404040042 劉俊文

1.截圖

2.說明功能

  • 使用PWA技術架構應用程式
  • 在Dark Sky API取得天氣資訊
  • 透過Lighthouse審查程式數據
  • 離線使用程式
  • 能自由添加城市天氣

3.心得
這次的作業比之前的更具難度,一開始打算跟隨Taiwan LiFE的影片一步一步完成,結果Google那邊更改了,令難度更上一層樓。每做一個程序,都要花很大量時間去理解其中的意思,都需要不斷去跟別人討論,才有初步的了解。PWA能夠令我們創造出同時能在電腦和手機上運行的APP,但要真的普及化,可能真的要再簡化程序,令其更容易上手。

頁面