平凡的幸福: 08/01/2014

Android模擬器「Genymotion」，操作速度快可調整解析度

實在是受不了Android SDK的模擬器，開機非常慢，操作速度也很慢，所以就下載了另一套模擬器「Genymotion」。
Genymotion是以Oracle VirtualBox為平台所執行的虛擬機。測試的結果速度加快了許多，用adb安裝apk也沒有問題。

首先必須先在官網上註冊一個帳號，才能下載安裝檔及映象檔，這部份就依官網的註冊步驟完成它。
因為我的電腦原本就已經有VirtualBox，所以從官網下載沒有包含VirtualBox的安裝檔來安裝，
如果電腦上沒有安裝VirtualBox，可以下載含VirtualBox的安裝檔，在安裝Genymotion時會一併安裝。

安裝完成後，開啟Genymotion，選擇下載型號的映像檔，有好幾種型號及Androis版本，也可以同時啟用多個模擬器。
這樣對於apk測試不同的版本上有很大的幫助。

而且Genymotion還可以調整解析度的大小，以符合測試的環境，按下設定後選擇適當的解析度就可以了。
也可以設定記憶體大小、核心數等參數。

Phonegap 3.5的第一次測試

Phonegap的安裝請參考「Apache Cordova 3.5（PhoneGap）for Android在Win7上的安裝」一文。

差別只在用npm安裝Cordova時，改為安裝phonegap，語法如下：

C:\> npm install -g cordova改為C:\> npm install -g phonegap

雖然在安裝的方式一樣，但是Phonegap與cordova還有有些地方不同，例如：config.xml的存在路徑就不一樣。

1、建立專案

c:\> phonegap create test01 com.ccc.test01 test01

2、進入專案，建立Android的裝置檔案

c:\> phonegap build android

3、進入專案的plugins資料夾，例如要安裝震動的外掛模組（Vibration）

c:\> cd d:\my_project\test01\plugins

c:\> phonegap plugin add org.apache.cordova.vibration

查看已安裝的外掛模組

c:\> phonegap plugin list

刪除外掛模組，如震動的外掛模組（Vibration）

c:\ phonegap plugin remove org.apache.cordova.vibration

4、編譯及測試

以模擬器測試：

c:\> phonegap run android --emulator

如果智慧型裝置有連結在電腦上，可以直接以裝置來測試

c:\> phonegap run android --device

步驟到此結束，只有幾個步驟就可以產生APP程式了。

Notepad++開發HTML5，但是中文亂碼

用Notepad++在開發HTML5時，輸入了中文字，但是在瀏覽器上看到的是亂碼。
HTML5的語系宣告如右：<meta charset="utf-8" />
那為什麼中文字會變成亂碼呢？原來是Notepad++文字編輯器的問題，因為Notepad++預設的語系是ANSI，
將它改為UTF-8就解決了，畫面如下：

Chrome外掛Unblock Youku，瀏覽只限大陸地區觀看的限制

海外人士在瀏覽優酷、土豆網站時，有此影片只限大陸地區觀看，其實可以在Chrome外掛Unblock Youku解決。
我的電腦是Windows 8.1、Chrome的版本是36.0.1985.143m，測試的結果是可行的。

輸入搜尋條件「unblock youku」後可以找到擴充的外掛程式，再按下「+免費」安裝就可以了。

修改/更換 Android APK的預設圖示（APK Icon Editor）

官方網址：http://kefir500.github.io/apk-icon-editor/

由上述的網址進入並下載APK Icon Editor到自己的電腦，接著安裝它。

開啟後的主畫面如下，按下中間的空白處後選擇要修改的apk檔案：

在功能列上的「圖標」內有替換/調整圖示的功能可以使用。

完成後按下「打包APK」重新打包成APK檔案就可以了。

線上一次製作Android APP的各種尺寸圖示

網址：http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Android Developer在圖示上有好幾種固定的尺寸，每次要更改圖示時都要一張一張以影像編輯軟體調整，

原來網路上已經有一次產生多種尺寸圖示的網站。

如下圖，我是按「IMAGE」，並且選擇了一張96x96的圖示

按下「GENERATE WEB ICON」後，可以發現有好幾種尺寸的圖示已經產生出來，

此時再按下「DOWNLOAD.ZIP」就可以把這些圖示全部下載下來，再解壓縮就可以使用了。

EZoApp 雲端開發Android APP（HTML5 to APP）

網址：http://www.ezoui.com/app/

EZoApp使用HTML5、jQuery Mobile技術，以瀏覽器直接在線上編輯APP程式，由中冠資訊開發出來。
以「拖拉元件」完成UI的設計，也可以直接撰寫程式讓APP有更多的功能，還可以匯出APK來讓手機安裝。
官方網站上有教學、也有範例，因為是台灣的資訊廠商，所以官方網站上全部都支援中文，
語意上也與我們習慣一樣，學習上真的是便利不少。

當然EZoApp強調快速、簡單開發，所以並沒有辦法像原生開發程式那樣有彈性，但是元件化的設計可以減少很多的開發時間。

下圖是開發的畫面，左方是元件，可以直接拖拉到中間的主畫面，右方是程式撰寫的地方。

開發完成後，按下「Export」，目前可以匯出HTML或是apk

如果選擇apk編譯，完成後可以直接以QRCode安裝或是按下連結下載apk

EZoApp會自動儲存開發程式在雲端上，所以不用特地按下儲存，只要把網址記錄下來或加到我的最愛，
下次就可以繼續開發了（應該是與後面的ID有關，所以記錄時也要記錄ID）

Oracle 計算標準差、變異數的Function

--樣本標準差，只有一筆資料時傳回0
select stddev(a) from tmp_ccc;

--樣本標準差，只有一筆資料時傳回null
select STDDEV_SAMP(a) from tmp_ccc;

--母體標準差，只有一筆資料時傳回0
select STDDEV_pop(a) from tmp_ccc;

--樣本變異數，只有一筆資料時傳回0
select variance(a) from tmp_ccc;

--樣本變異數，只有一筆資料時傳回null
select var_samp(a) from tmp_ccc;

--母體變異數，只有一筆資料時傳回0
select var_pop(a) from tmp_ccc;

Oracle SQL計算平方根、立方根、次方

平方根
SQL> select sqrt(100) from dual;

sqrt(100)
--------------
10

次方
SQL> select power(2,3) from dual;

power(2,3)
--------------
8

立方根，利用power來算。
SQL> select power(64,1/3) from dual;

power(64,1/3)
--------------
4

Windows 7 無法開啟CHM的檔案

Microsoft已編譯的HTML Help（Microsoft Compiled HTML Help）是微軟繼承原先WinHelp的檔案格式，用來提供線上幫助。
但是Windows 7在開啟.chm時會出現錯誤，其實只要用7-zip把它解壓縮就可以得到HTML的文件。

也可以用CHM Decode（下載網址：http://gridinsoft.com/chm.php）軟體來轉成HTML文件，操作如下：

按下「Open...」選擇.chm的檔案

「Output folder」指要將.chm壓縮後存放的資料夾，按下「GO!」就完成了。

免安裝的Apache+PHP+MySQL：Uniform Server

官方下載網址：http://www.uniformserver.com/

因為我的電腦上沒有安裝Apache、MySQL、PHP，想要快速測試WordPress、Zen Cart的軟體，
可以直接下載Uniform Server來使用。

由官方網站下載後，請先解壓縮到資料夾，我自己是解壓縮到D:\UniServerZ
進入D:\UniServerZ資料夾之後，直接執行UniController.exe，第一次要修改MySQL的root密碼

主畫面出現後，可以針對Apache、MySQL個別啟動，按下Start按鈕之後如果啟動成功燈號就會轉成綠色

Uniform Server還可以對Apache、MySQL進行細部的設定，例如：Port的更改、網頁路徑更改、建立新資料庫…等。
同時也支援以phpMyAdmin管理MySQL，如果要修改Apache的設定，必須在Apache關閉的狀態下才能修改。

開啟瀏覽器，輸入http://127.0.0.1或是http://localhost就可以開啟首頁。
網頁的存放路徑預設在D:\UniServerZ\www\資料夾內。

使用Chrome下載Mega檔案，出現「is your harddrive almost full」的錯誤

常常在下載數個Mega檔案之後，就會出現錯誤訊息「Error writing file, is your harddrive almost full? (getFile)」。
確認硬碟還有空間，關掉Chrome再開啟也是一樣（應該cookie的設定有關），Chrome已經是最新版本。
本來是刪除Temp的實際路徑檔案，但是有時候刪完之後，錯誤還是存在（應該是我刪錯Temp），最後在設定的地方找到比較方便的方法。

在Chrome -> 設定 -> 顯示進階設定 -> 內容設定 -> 所有Cookie和網站資料。
在搜尋的欄位輸入mega.co.nz。把找出來的檔案刪除就好了。

Apache Cordova 3.5 建立有keystore的apk

Apache Cordova 預設是以debug來編譯apk，所以在cordova build android之後，

在platforms/android/ant-build內看到的都是[APP_NAME]-debug*.apk。

Debug模式其實也是有keystore，位置在C:\Users\[USER_NAME]\.android，名稱是debug.keystore

如果想製作有自己keystore的apk，則必須依下列的步驟。

如果沒有keystore或想新增一個keystore，可利用keytool指令來完成，否則在編譯時會出現錯誤

c:\ cordova build android --release

. . . 略

[echo] No key.store and key.alias properties found in build.properties.
[echo] Please sign E:\projects\simpleApp\platforms\android\ant-build\SimplApp-release-unsigned.apk manually

. . . 略

（注：不要被最後的BUILD SUCCESSFUL給誤導，這個錯誤是在中間過程中才會發現）

範例如下：

c:\ keytool -genkey -v -keystore c:/key/my-key.keystore -alias mykey01 -keyalg RSA -validity 2000

----------------------------------------------------------------------------------------------------------

輸入 keystore 密碼： 123456
您的名字與姓氏為何？
[Unknown]：
您的編制單位名稱為何？
[Unknown]：
您的組織名稱為何？
[Unknown]：
您所在的城市或地區名稱為何？
[Unknown]：
您所在的州及省份名稱為何？
[Unknown]：
該單位的二字國碼為何
[Unknown]：
CN=Unknown, OU=Unknown, O=Unknown, L=Unknown, ST=Unknown, C=Unknown 正確嗎？
[否]： y

建立 1,024 位元 RSA 鍵值對及針對 CN=Unknown, OU=Unknown, O=Unknown, L=Unknown, S
T=Unknown, C=Unknown的自我簽署的認證 (MD5WithRSA)
：
輸入 <mykey01> 的主密碼
（RETURN 如果和 keystore 密碼相同）：
[儲存 c:/key/my-release-key.keystore]

------------------------------------------------------------------------------------------------------

（注：資料夾要預先存在，否則會報錯。）

另外要注意的是alias的名稱不能超過8個字，官方說明如下：

-alias <alias_name> An alias for the key. Only the first 8 characters of the alias are used.

參數validity是指到期日。

kyetool的使用方法及說明，可以參考：

http://developer.android.com/tools/publishing/app-signing.html#cert

接著在platforms/android/底下新增一個名為ant.properties的文字檔，並且增加下列的字串：

這裡發生了一個找了很久才發現的問題，系統是WIN7，我用notepad新增文字檔，而我的編碼預設為utf-8，

結果一直無法成功，其實把編碼改為ANSI就正常了。

key.store=c:/key/my-release-key.keystore
key.alias=key01

最後重新編輯Apach Cordova的專案就完成了。

c:\ cordova build android --release

檢查platforms/android/ant-build/底下，產生了[APP_NAME]-release-*.apk

補充：

查詢keystore

keytool -list -keystore [KEYSTORE_FILE]

例：keytool -list -keystore c:\my\my-release-key.keystore

刪除keystore的alias

keytool -delete -alias [ALIAS_NAME] -keystore [KEYSTORE_FILE]

例：keytool -delete -alias key01 -keystore c:\my\my-release-key.keystore

R12 Diagnastics -> Examine無法使用，Function not a vailable…錯誤

今天測試EBS R12時，要開啟HELP->Diagnostics->Examine...時，出現錯誤

這是因為EBS預設不准使用這項功能，必須修改EBS的參數設定

Applications Administration -> Profile -> System

輸入Utilities:Diagnostics

把No改為Yes再儲存就可以了

另外有一個參數「Hide Diagnostics menu entry」可以控制這個Diagnastics是否顯示，也要注意它的設定。

找不到客製表單（Forms）的錯誤，FRM-40010:Cannot read from

在使用者開啟AR的客製FORMS時，出現FRM-40010:Cannot read from . . . 略

檢查ARF502.fmx的實際位置的確是在$AR_TOP底下，不是在$AP_TOP底下。
但是EBS卻是從$AP_TOP去找檔案。

原因是FORMS的Application選錯了，如下圖：

Payables定義的實際路徑在$AP_TOP，當然EBS會在$AP_TOP找檔案。

Apache Cordova 3.5（PhoneGap）for Android 第一次測試

1、建立一個專門放專案的資料夾
c:\ mkdidr test_hello

2、新建一個Android的虛擬機
C:\ cd [SDK安裝目錄]\sdk
C:\[SDK安裝目錄]\sdk> android.bat avd

3、建立新專案test02
c:\> cd test_hello
c:\test_hello> cordova create test02

Creating a new cordova project with name "HelloCordova" and id "io.cordova.hello
cordova" at location "c:\test_hello\test02"
...略
Project successfully created.

4、建立支援 Android 的函式庫（也可以建立firefox OS、iOS等）
c:\test_hello\test02\www>cordova platforms add android

5、進入www的資料夾，預設裡面有一個index.html，可以拿來直接測試，也可以修改它
c:\cd www
c:\test_hello\test02\www> dir/w

[css] [img] index.html [js]

6、編譯專案test02
c:\test_hello\test02> cordova build android
Running command: c:\test_hello\test02\platforms\android\cordova\build.bat
...略

7、開啟android模擬器及上傳編譯後的APP執行檔
c:\test_hello\test02>cordova emulate android
Running command: c:\test_hello\test02\platforms\android\cordova\run.bat --emulat
...略

8、成功會出現下列的APP執行畫面

文化部為兒童設計的網站

文化部兒童文化館，專為小朋友設計的網站，內容有兒歌、塗鴉簿、小學堂、繪本。
網址 http://children.moc.gov.tw/garden/

為了讓小朋友方便點選，做了一個網頁的捷徑，下載點如右：點我下載，
把它放在桌面上，直接點選就可以了。

Apache Cordova 3.5（PhoneGap）for Android在Win7上的安裝

安裝上有一些麻煩，有一些必要的軟體需安裝及設定需要注意，所以記錄下來。
1、安裝JAVA（JDK）
2、安裝Android SDK
3、安裝node.js
4、安裝Apache Ant
5、安裝git
6、設定PATH變數
3、安裝 Cordova

1、安裝JAVA（JDK）
到Oracle下載JDK並安裝
網址：http://www.oracle.com/technetwork/java/javase/downloads/index.html

2、安裝Android SDK：
我是直接下載最新版的ADT並解壓到C:\adt-bundle-windows-x86_64-20140702
網址：http://developer.android.com/sdk/index.html

因為新版ADT的API預設是20，Cordova需要使用API 19，
因此開啟SDK Manager（在ADT目錄下找到「SDK Manager.exe」並且執行它），如下圖安裝API 19

3、安裝node.js
網址：http://nodejs.org/download/

4、安裝Apache Ant
下載並解壓到C:\C:\apache-ant-1.9.4
網址：http://ant.apache.org/

5、安裝git（非必要）
下載並安裝，網址：http://git-scm.com/

6、設定PATH變數
在C:\建立一個批次檔cordova_path.bat，內容如下，路徑都是上述安裝的軟體

@echo off
set JAVA_HOME=C:\Program Files\Java\jdk1.7.0_65
set ANT_HOME=C:\apache-ant-1.9.4
set PATH=%PATH%;%JAVA_HOME%/bin
set PATH=%PATH%;C:\adt-bundle-windows-x86_64-20140702\sdk\platform-tools
set PATH=%PATH%;C:\adt-bundle-windows-x86_64-20140702\sdk\tools
REM 下列是預設的值，因為Cordova預設會把指令建立在下列的路徑
set PATH=%PATH%;C:\Users\<使用者名稱>\AppData\Roaming\npm

set PATH=%PATH%;C:\apache-ant-1.9.4\bin;C:\Program Files\nodejs

上面的方法有一個缺點，就是每次重開後都要執行一次，如果想要一勞永逸，可以到：
「開始」->在「電腦」按滑鼠右鍵->「內容」->「進階系統設定」->「進階」->「環境變數」

在使用者變數的區塊上：
新增名稱 JAVA_HOME 值為C:\Program Files\Java\jdk1.7.0_65
新增名稱 ANT_HOME 值為C:\apache-ant-1.9.4
修改 Path 屬性的值，保留原本的值，在原本的後面加上;%JAVA_HOME%\bin\;%ANT_HOME%\bin\;
SDK安裝目錄\tools\;SDK安裝目錄\platform-tools\

3、安裝 Cordova
開啟cmd，執行cordova_path.bat
c:\cordova_path.bat

檢查變數是否有成功，依序執行下列的指令，成功的話會傳回版本的相關訊息
C:\java -version

java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b19)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

C:\>ant -version

Apache Ant(TM) version 1.9.4 compiled on April 29 2014

C:\>adb version

Android Debug Bridge version 1.0.31

C:\>emulator -version

c:\>Android emulator version 22.6.4.0 (build_id OPENMASTER-1199730)
Copyright (C) 2006-2011 The Android Open Source Project and many others.
...略

以npm安裝Cordova，網路連線是要可以通到Internet
C:\> npm install -g cordova

...略
list-parser@0.0.5, semver@2.0.11, plist-with-patches@0.5.1, dep-graph@1.1.0, npm
conf@0.1.16, xcode@0.6.6, shelljs@0.1.4, glob@3.2.11, rc@0.3.0, elementtree@0.1.
5, tar@0.1.19, request@2.22.0, cordova-js@3.6.2, npm@1.3.4)

這樣就完成了，我目前只到安裝的步驟，初步測試ok，但是還沒有學習如何開發

訂閱：文章 (Atom)