Tuesday, November 24, 2015

Ionic

Chapter 1: All About Ionic
Chapter 2: Installation
Chapter 3: Starting your app
Chapter 4: Testing your app
Chapter 5: Building out your app
Chapter 6: Publishing your app


Ionic 是一個以建立 hybrid mobile apps 為目標的 HTML5 mobile app 開發框架。

Ionic 應用開發使用的是 HTML、Javascript 和 CSS(也可以使用 Sass,並結合 AngularJS 來實現其中的許多核心功能
 


必須針對不同平台安裝特定的開發環境(其中 iOS 需使用 Mac OS 當做開發平台所以若想開發 iOS 應用,建議還是能準備一下)
(請注意只有 Mac OS 電腦才可以開發 iOS 的應用程式) 



Using AngularJS PHP MySQL
This tutorial explains how to create a simple Task Manager application using AngularJS. Here I used PHP for server side communication and MySQL for database.
http://www.angularcode.com/simple-task-manager-application-using-angularjs-php-mysql/




Ionic - http://ionicframework.com/docs/components/

AngularJS by Google -
https://angularjs.org/
https://github.com/angular/angular.js
http://blog.kdchang.cc/2014/07/angularjs-note-introduction.html (Angular.js 學習筆記) [其中在學習Angular的過程中必須先暫時放棄舊有的jQuery開發觀念,建立新的開發習慣]

[教學] 如何Cordova 安裝 (~PhoneGap)

Cordava 再被Adobe 收購之前的名稱為PhoneGap,現在已經被收入整合到Adobe系列中,當PhoneGap被收買後,Abode保留了PhoneGap的名稱,但是 將Code捐到Apache軟體基金會,並改名Apache Callback,1.4版發佈後改名Apache Cordava,所以簡單說Cordava就是PhoneGap,本質上是相同的,但是卻也不是完全相同。


對於熟悉網頁設計的工程師來說,學習App最快的方式當然不是從原生Code著手,而是使用HTML5來製作App,透過像是Cordava來做轉換與壓縮App,來達到App製作的目的,而這樣製作而成的App就稱為Hybrid App(混合式App)。App的製作方式一般大概分為三種

第一種為原生App,即採用官方程式語言如Objective-C或Java 所撰寫的App,只能存在一個平台中,並上架到App store或Play商店等App市集。

第二種為Hybird App,使用網頁技術製作,透過Cordava 或其他Framework來做包裝,可轉換成各種平台的原生App,在製作上只需製作一個版本就可以應用在多種OS平台上,算是開發成本較小的一種開發方式,也可以上架到App store或Play商店等App市集。

第三種是Web App,使用瀏覽器直接開啟,基本上當然成網站來看也是可以的。









當然上面三種也可能混合使用,比方說一半是原生App但是一半用Hybird App之類的。在了解App的大概之後,要來進行Cordava的安裝說明,由於本人使用Mac 所以以下教學以Mac系統為準:

第一步:安裝node.js,如果不確定自己安裝過沒可以開始終端機terminal輸入
node -v 
輸入指令後你就可以看到目前系統中安裝的node.js版本多少。

第二部:安裝Cordova,在終端機terminal輸入
sudo npm install -g cordova 
接著輸入你的密碼,輸入密碼時畫面不會有任何反應,請不用擔心,這是正常現象,只要順暢的輸入完密碼後按下enter即可開始安裝。

如果你已經安裝過,想知道你安裝的Cordava版本,請在終端機terminal輸入
cordova --version 

檢查過版本發現過舊想要更新到最後的版本,請在終端機terminal輸入
sudo npm update -g cordova 
即可更新到最後發布的版本。

到這步就可以開始使用Cordava了,但是如果想發布App測試,就要安裝其他官方軟體才可以進行測試,像是XcodeAndroid SDK

如果你想瞭解更多的Cordava指定,請在終端機terminal輸入
cordova help 
即可瞭解更多。

ref1

Tuesday, November 10, 2015

LED燈泡

亮度(流明數)
以往燈泡一直是以瓦數當亮度指標,如100瓦, 60瓦, 或40瓦,而非以亮度的單位,流明(lm)

但隨著照明技術的進步,每瓦可產生的照度也一直提升。
以前100瓦白熾燈泡約1,520流明,現在27瓦的節 能燈泡(CFL或稱螺旋燈泡,雖然不一定是螺旋狀)就可以有1,520流明,最新的LED燈泡約要15瓦可出光1,520流明,取代100瓦白熾燈泡。


所以說,您如需要1,520流明,用白熾燈泡須耗100瓦,用節能燈泡虛耗27瓦,用LED須耗15瓦。


以一個1,000流明的LED燈泡而言,技術好的廠商10瓦就可達到。技術不好的廠商,要13瓦才達得到。消費者付錢買燈泡要的是亮度(也就是流明數),同樣流明數,瓦數高反而是浪費電了。









 燈座 

選擇燈泡時,首要確認的是燈座是否合適LED燈中,一般燈座的規格為 「E27」,和傳統燈泡規格一致;另外,還有「E14」屬小型燈泡燈座的規格,鹵素燈則是「E11」。燈座「E27」所表示的是直徑27mm,而 「E17」、「E14」即是直徑17mm及14mm。通常在燈具包裝上皆有標示,若標示不清或仍不確定的話,也可直接測量直徑來做判斷。



光色/色溫

LED燈泡的另一重要特性為色溫。大家一定常聽說LED燈照在皮膚上,皮膚看起來沒血色,或LED燈色太白或偏藍,這是色溫太高造成的後果。一般我們日常 所說的黃光色溫為2700k,白光為5000k色溫越高,光色越白越偏藍,越死色。很多製造商用高色溫(如6000K以上)的LED製造燈泡,因為高色 溫的LED效率較好,作高亮度較容易,但缺點就是光色看不順。如下圖: