PWA Lab

[S18_WearComp] PWA Lab 醫資二 405570185 林正杰

1.截圖:

使用Web Server for chrome

執行結果

2.說明功能:

(1)刪除按鈕 : 可刪掉清單中的物件,"總消費"也會因此減少,物件前的編號也會變動(2)增加按鈕 : 可增加清單中的物件,"總消費"也會因此增加,物件前的編號也會變動

(3)可加到桌面

[ F17-穿戴式運算專論 ] PWA Lab 403261089 周庭鈺

https://wallap.caspar.today/#/bus/

這部分運作在開始的時候不太一樣,我是利用Vue-template去產生PWA的專案,因此在作業上需要了解很多前備知識如 : JavaScript Standard 與 Airbnb 的 ESLint,Vue.js 的 Routing 與 Lifecycle

 

在 Service-worker 的部份中,靜態的資源都是快取優先,畢竟整體的內容都是最少更新的,需要大量即時更新的就會交由 Axios 去擷取內容。這部分搭配了而外的 API 服務,是先前的資料庫專題所留下的。

 

總結來說,PWA 加速了整個應用程式的開發,且降低了平台間相容性問題,取而代之的是瀏覽器間的差異、media 的差異,相對而言在 RWD 上與 UX 花費的時間遠大於系統程式本身,倒是唯一的缺點

 

[ F17-穿戴式運算專論 ] PWA Lab 403261077 鄭長宇

前一陣子一些事情的關係,沒甚麼時間好好地玩他,但是做完官方教程後發現PWA是個很方便的一個技術。其實有很多常用的網站(觀看遊戲戰績?)有時候用手機觀看起來會比用電腦來的方便,但手機的瀏覽器內的介面又會占了很大的版面,導致看起來不太順眼,但是用PWA的話就會很方便了。之後寒假有空應該會想辦法時做一個自己會用的。

[ F17-穿戴式運算專論 ] PWA Lab 403262095 殷珮珊

一、PWA介紹

  以前沒接觸過pwa,但由於線下人手一機,其實對許多人來說,效率是相當重要的。
PWA的服務可滿足使用者要快速的視覺化資訊,而且有很多人都不喜歡額外下載APP在手機中,
設計良好的PWA可以讓使用者在網站上的延續性更大。

二、LAB介紹

  這次的LAB,挖出以前做的網頁,利用GOOGLE DEVELOPER的教學,試著轉成PWA,還有很多地方要做更改,像是圖片、資料的擷取等等,
但PWA的方面性在實作的時候就很明顯的發現了,相信如果希望留住客戶,大廠商的網頁都應該如此。

三、參考資料

Progressive Web Apps | Web | Google Developers 

[ F17-穿戴式運算專論 ] PWA Lab 403261443 史豐毓

PWA 是個有趣又方便的東西

但是因為課很多,沒甚麼時間深入研究,但是可以了解他的實用性,可以帶著走的網頁,就像app一樣,還可以離線作業,等有空的時候也會做一個好用的PWA放到手機裡來使用。

以下是我在官方做的練習

 

[ F17-穿戴式運算專論 ] PWA Lab 405226021 李昆達

我這次的APP主要是用來查詢教師本學期的課表、時間、及教室等等資訊

右上角的下拉選單可選取教師名稱來切換不同教師的頁面

 教師介紹是取自資工系網頁教師介紹頁面

課程及相關資訊取自於開課資料查詢系統

[ F17-穿戴式運算專論 ] PWA Lab 406226042 胡翔喻

原本是要做一款網頁版的Tico,來說服老闆使用PWA。但在修完Maximilian Schwarzmüller Progressive Web Apps (PWA) - The Complete Guide的線上課程後發現時程太趕沒有時間做QQ
所以就把之前在黑客松做的專案po上來

由於以前常常騎長程Ubike的需求,所以會希望能借到一台好的Ubike,不過光是從外觀上看的話,其實是很難

真正選出一台好車的,如果有一個平台是可以查詢每台車的評價的話,將能更快找出一台好車。

 

 

 

每一台Ubike都有它的Unique ID

頁面