starcaspar 的部落格

[ 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 花費的時間遠大於系統程式本身,倒是唯一的缺點

 

[F16_webhack] POST# 2 資工三甲 403261089 周庭鈺

這邊分享我幾天前看過的一部電影 - Zero Days

 

內容是講述美國布希總統所下達的一個任務 - 撰寫惡意程式摧毀伊朗核武的濃縮鈾離心機。該程式的設計是在入侵目標系統後,會潛伏13天記錄所有系統紀錄。在十三天到後,將會控制離心機的PLC,使其加速離心機到足以摧毀的速度,但同時向主控端發送正常速度的訊號,以欺騙操作員認為目前狀況正常穩定。接著將離心機的紡錘轉子速度降到最低,這時候所有的離心機都會因為達到物理極限而爆炸。然而在這期間若是主控端發現異常,按下緊急停止按紐時,卻什麼也停不下來,因為該程式會攔截停止訊號,使其達到一定摧毀的目的。

 

這影片雖然是個紀錄片,但他活生生的就發生在生活中。駭客有能力連接上核武系統、基礎建設、火力發電、核能發電廠等任何具有PLC晶片的設施,甚至很多都是民用維生設備,這些設備若被關閉、摧毀,將會發生無法想像的後果。

[F16_webhack] Post #1 資工三甲 403261089 周庭鈺 - 製作 Android Pokemon Go Map

好的,由於上週的課程提到了 Pokemon GO API,於是我就想試看看能不能做出一個 Pokemon Go 地圖的 App

很不巧的,我最愛的 PokeRadar 被下架了,怎麼更新都不會有資料

所以我沒有猶豫了,吃完晚餐就開始實作我人生第一支App

 

不廢話,我簡單描述一下環境

Android Studio 2.2 + Samsung SM-N9208 (Note 5) ,運行 Android 6.0.1 API 23

使用套件


 

說穿了,PokeGOAPI 函式庫全套都包好了,而開發者只需要登入 + 給經緯度就會得到型態為List的Pokemons

所以我也就只是寫了幾行程式而已,

然後每 10 秒取得一次資料(可能還太快)

不廢話,丟截圖,等一下再講心得

[S16_WebFund] Lab4 資工二甲 403261089 周庭鈺

https://www.codecademy.com/Caspar_Chou

 

 

 

 

Codecademy 的 PHP 算是豐富的了。對於新手來說是一個概觀,而對於長期使用的倒是有種重點複習的感覺。

有很多的 PHP 特性都有點出來,物件導向也有一大部分在琢磨。

期待未來 PHP 部分會推出框架課程,像是 CodeIgniter 5 或是 Laravel 5.2 等

也期待加入 PHP 7.0 的課程

[S16_WedFund] Lab3 資工二甲 403261089 周庭鈺

(1) 網站的連結

http://lab.tenoz.asia:1000/HowItWorks

 

 

(2) 使用技術的介紹與心得報告

How it works ?

How it works 是一個網站用於檢查該網站使用了那些Library & 查看其RWD

其實就是借用了知名工具  wappalyzer  的程式碼

接著就是搭配 Material Design 的設計

以及 JQuery 與 JQuery UI 的輔助

然後參雜了一個 Semantic UI 在 Dimmer 上( OnLoad前磨砂玻璃遮罩 )

 

其實程式碼部分真的很髒亂

後端框架則是 Pure ,也是我近期在開發的一個 PHP框架

[S16_WebFund] Lab2 資工二甲 403261089

第一部分:

  • 線上學習平台: Codecademy

https://www.codecademy.com/Caspar_Chou

 

雖然很久以前有寫了一半,但寫到現在是有些麻木了,

再加上Codecademy的程式有很多的bug

且在大多情況下,換行、空格、變數名稱都被要求,在這方面感受很差

程式不會只有唯一,卻要求要一模一樣才算是正確解答

對初學者來說是不錯,但對已經長期使用的人會很煩躁

 

第二部分:

[S16_WebFund] Post #1 資工二甲 403261089 周庭鈺

自主學習了全端網站開發好一段時間了,一直沒有機會寫心得。

這幾年來的研究,其實我一直踏不出 PHP + JQuery + MySQL 這樣的組合。每每想跨足到其他前後端框架時,都會剛好冒出一些無法分神的事情要處理...

但其實這一兩年有一些新的想法:如果我把這樣的組合更精進下去,再把一些觀念弄的更熟悉,這樣一直練內功也不是什麼壞事。畢竟,Web就是那套模式,一樣走HTTP協定,一樣有MVC概念,換了語言不過是換了一套表達的方法(至於各語言間的優劣效率等問題,那就另當別論了)。

這一學期開始研究的倒是變得更豐富了,除了Web基本運用外,伺服器層級的事物倒是學到很多,包括Linux作業系統的一些基本常識等等。另外面臨也必須學習的就是組織分工問題,如何將工作規劃、組織,恰好與目前輔系知識相符合,而這又是另一門學問了:Web開發如何分工?也因為此,順便著手了PHP簡易框架的開發,寫了個很簡陋很沒內涵的PHP框架,但倒是對於初學者較友善,程式部分也因為框架而有統一的樣貌。這樣確實在Web多人開發上減輕了些負擔,但同時期許這框架能夠穩定下去。

頁面