部落格

[S19_WebFund] Lab5 資工二乙 406262151 黃俊翰

1 . 截圖

You are here

首頁 » 部落格 » 均's blog » [S19_WebFund] Lab5 資工二乙 406262307 呂振均

[S19_WebFund] Lab5 資工二乙 406262307 呂振均

Submitted by  on 六, 2019-05-04 11:57

Group content visibility: 

Use group defaults

Groups audience: 

[S19_WebFund] Lab5 資工二乙 406262175 張凱東

1.截圖

2.說明功能

更改了背景顏色,標題顏色

新增了輔仁大學,六都等選項可以使用

華氏(度F)較不常用.所以改成了常用的攝氏(度c)

濕度,風速,日出,日落改成了中文顯示

可以安裝在手機上

3.心得

照著網站的教學還有網站提供的程式碼 一步一步地弄出了一個PWA  實際接觸後發現 PWA真的很厲害 即使離線還是可以使用一些基本功能 但這些方便功能的背後是一堆前置作業跟一堆程式碼 要踏入PWA的領域 還真的是不簡單

[S19_WebFund] Lab5 運管二 406100377 吳敏綸

1.截圖(有網址的話就附上)

客製化的東西附上網址好像有點怪怪的XD,如果助教想看我再附上

第二次大更新出現攝氏 使用者ios實測

目前最終版ios實測

partly cloudy night的天氣圖片我真的沒靈感要放什麼,最後我決定"給你一個眼神自己體會"

 

[S19_WebFund] Lab5 資工二乙 406262369 陳洧成

1.截圖

2.說明功能

  • 新增台北、首爾
  • 可以及時更新溫度、濕度、風速等
  • 改變背景還有字的顏色
  • 連結改成我的Blog

3.心得

第一次用PWA,上課影片重複看了幾次,感覺還是有些地方很模糊,而且第一個禮拜做的時候是用Chrome的Web Server,不知道為甚麼沒辦法讀到檔案,所以就跑去用glitch,這個還滿方便的,可以一邊更新一邊修正。

看似簡單的天氣查詢,後面的程式是很多包一起呈現的,我可能還要多花點時間研究offline。

[S19_WebFund] Lab5 圖資三 405040269 彭宏鈞

1.截圖

2.說明功能:

 這是一個PWA的APP,可以查詢多個國家的天氣,

而來源是DarkSky的API,

還有離線頁面體驗的功能,

自己則是簡單修改顏色和icon的大小

 

3.心得:

  這個作業說實在花了許多時間,因為網頁的教學是中文,但是實際在操作時是英文的介面,而中文的翻譯又很不完全,導致都要看一遍中文說明再對照英文才能看懂內容,還有要理解每個段落的程式碼的功能也很花時間,不過最後還是成功完成了,也有一個應用程序在我的Chrome主頁上

[S19_WebFund] Lab5 醫資一 407570153 黃加旻

1.截圖

 

2.說明功能:

​使用PWA做一個天氣預報的應用程式,做好後可下載至手機或電腦上,可離線觀看已緩存的項目。

我修改背景及按鈕顏色、將英文版改成中文版、華氏改為攝氏、新增新莊的溫度。

 

3.心得:

頁面