部落格

[S19_WearComp] PWA Lab 醫資二 406570118 金美君

1. 截圖 : 

上傳不了 直接傳fb

 

2. 說明功能 或 說明與範例不同的地方 : 

(1.)把title改名 , header title也改名並加粗字體 , 城市文字加底線

(2.)更改背景色

(3.)詳細資料處加框

(4.)更改星期文字為中文

(5.)更改圖示

3. 心得 : 

雖然以前大一做過, 但平常沒在用早就忘光了, 查了很久, 終於弄出天氣的圖, 改其他東西還行還記的一些, 最後圖片一直上傳不了弄了好久還是放棄了 

[S19_WearComp] PWA Lab 資工三乙 405262221 廖心瑀

截圖_01: https://drive.google.com/open?id=10oZcW4vDxoTU__xvmgqEEIMMMXmPuyol

截圖_02: https://drive.google.com/open?id=1NSW68PUmOiVXM1pjg1dY8CaOzSoFMXqj

功能更動說明:

 - 2個Title變更

 - 部分顏色與透明度調整

 - Card's background 以圖片設置

心得: 以往極少接觸web的相關應用與設計,這次的作業讓我體認到,未來還有很大的進步空間。

[S19_WearComp] PWA Lab 資工三乙 405262154 莊君瑩

1.截圖

網址 : https://drive.google.com/drive/folders/118GQ6-euykbrXpfxTmMlRfq-8_gkspmL...

      1.png 為初始畫面

      2.png 為攝氏溫度顯示、增加台北城市天氣卡

      3.png 為華氏溫度顯示

2.說明功能 或 說明與範例不同的地方

(a) 更改背景顏色、字體、天氣圖片、名稱

(b) 右上角新增一按鈕(°C/°F) : 點擊可切換城市天氣卡內的溫度顯示方式(攝氏/華氏) 

備註 : 由於原先yahoo weather api 已關閉,重新申請需花費數個工作天,因此不論是預設的城市天氣卡還是之後利用增加功能增加的天氣卡內的數據皆為非即時的資料 

3.心得

[S19_WearComp] PWA Lab 資工三乙 405262312 賴彥丞

1. 截圖: https://drive.google.com/file/d/1-F3ohpwhcnIzKcbq0ekjssoF7sV1BmPv/view?u...
2. 把顏色稍做修改
3. 心得: 網頁的技術要學好,我覺得PWA是方便取得的,發展會很好,我在寫作業時,有些看得懂,有些看不懂,造成無法隨心所欲的作修改,我在這之後要加緊學習。

[S19_WearComp] PWA Lab 資工四甲 404261268 林彥臻

[S19_WearComp] PWA Lab 資工四甲 404261268 林彥臻

1.截圖:

2.功能說明:

換算1比特幣等於多少美金與台幣。 用Coinbase提供的外匯換算api。

3.心得:

第一次使用PWA,很多東西不熟悉,目前就是抓api裡的資料,未來展望實作出時段內匯率的走勢圖並新增其他貨幣。

頁面