PWA Lab

[S19_WearComp] PWA Lab 資工三乙 405262609 曾鐘瑩

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

為此我要更加精進自己的實力

[S19_WearComp] PWA Lab 資工四乙 404262547 段孝萱

1. 截圖

圖(一):初始畫面,初始城市為台北

 

圖(二):新增城市,增加台中選項

 

圖(三):台中城市卡新增完成

 

 

 

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

‧更改背景和字體顏色

‧新增不同的下雨天氣圖片

 

3. 心得

[S19_WearComp] PWA Lab 資工四乙 403262083 錢姵文

1. 截圖

2. 功能說明:

  • 標題文字更改
  • 背景顏色變更
  • 新增台北市選項
  • 新增天氣圖片(陣雨)

3. 心得:在寫官方網站的練習過程中其實遇到滿多問題的,後來發現其實是yahoo天氣api已經不開放了。因為遇到了一些問題所以在網路上查詢了許多PWA的相關資料,發現PWA其實真的很方便,不需要再額外下載APP,但又可以即時快速地取得資料,對於未來的發展應該很有幫助。

[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 資工三乙 405262312 賴彥丞

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

頁面