壞蛋的部落格

Sencha Touch 1.1.0 隔了好久終於釋出 1.1.1 , 主要修正的地方是 bug

而我比較關注 2.0 , 在 1.1.0 其實有個很礙眼的問題 , 就是當 Card slide 轉場時 , 在 Android 手機上有時候會有閃爍的情況發生 , 在 2.0 不會了 , 而 Scroll 順暢度在 Android 上也有進步 , 基本上 IOS 的問題比較少 , 1.1.0 版就運作的很流暢了 , Apple 真的把 safari 作的很好 

另外 2.0 版針對螢幕旋轉時也有效能的進步 , 各位可以看以下 Sencha Touch 2.0 blog 中的 的影片就知道了

http://www.sencha.com/blog/sencha-touch-2-developer-preview/

由 Blog 中可以知道 2.0 的目標著重在效能以及更容易開發及更完整的文件 , 另外這一版提供了 mac sdk , 主要是可以將以 Sencha Touch 為基礎的 HTML5 APP 包裝成 ios 應用程式 , 這部分還沒時間試 , 不知道是不是只是包了個 WebView 去打開 HTML 而已 , 還是說有作到類似 Titanium Mobile(不太可能吧…) , 有時間我會試試看和 Titanium 去包 Sencha Touch 上是否有效能上的差異 , 就這樣啦 !

以下分別是安兔兔及 Quadrant Standard  的效能測試 截圖 , 過去用超級兔子測官方的 Kernel , 最高頂多看到 5700 , 想不到這一版的 Siyahkenel 可以跑這麼高分 , 這種未超頻的效能對岸的小米機 1.5G Hz 根本是看不到車尾燈啊

接著是 Quadrant Standard 更誇張了 , 以前沒有跑超過 4000 分耶 ! 而且可以看到對照其他手機列表 , 差距更大了

閱讀全文…

這個標題看起來很聳動 , 但如果有在觀察社群網站趨勢的技術專家等下看我的分析後應該就不這麼認為了 , 請看以下兩張截圖 :

這兩張截圖分別是 Android 中的機王 Samsung S2 i9100 升級至 2.3.5 及 IPhone 4 升級到 IOS5 針對微軟所提供的測試網頁 http://ie.microsoft.com/testdrive/mobile/Performance/SpeedReading/Default.html進行測試的結果

在 IPhone 4 沒升級 IOS5 前 , 我所拿的 S2 可以拿來嘲笑蘋果迷的 , 在升級到 IOS5 後 , 竟然效能差這麼多 , 我可以這麼說 , 我的雙核 1.2G 被 IPHONE 4 單核 1G 巴假的啦 !

而這個測試結果有非常重大的意義 , 各位的智慧型手機應該都有安裝 Facebook 吧 , 那麼各位知不知道 Facebook 正朝向轉到 HTML5 平台呢 ? 很多遊戲商已經陸續將原本 Flash Game 改由 HTML5 來製作 , iOS 一直以來沒有 Flash 為人所詬病 , 但如果 HTML5 Game 的趨勢成形 , 那麼會不會變成 Android 根本跑不動 Facebook Game 而被人罵得半死呢 ?

不知道即將推出的 Android 4.0 是否能夠針對 HTML5 效能做大幅度的改善 , 一定要大幅度改善才夠 , 因為我這機王已經是今年跑最快的機子了 , 如果換成也是單核心  1G , 可能只能跑到 5FPS 吧. 換言之 , iOS5 的 HTML5  效能目前至少比起 Android 快上 5 倍以上 , 所以 Android 4.0 一定要提升 5 倍以上效能才能夠在未來生存 , 不然以後真的沒人要用了 !

等 IPhone 4GS 真正有人拿到的時候 , 我可以想像到 60FPS 應該沒問題 , 那個速度比較起來肯定超過我這爛機王 10 倍以上 , 天啊 !!

在 Android Maket 上有一套 App 叫 AndSMB 可以瀏覽網芳的目錄 , 但僅能做到直接下載到手機上才能進行檔案讀取 , 而且下載的速度挺慢的 , 在我的 Samsung S2 手機大概只能達到每秒 1M Bytes 下載 , 我猜測是因為大部分的手機的 Linux 核心都沒有把 cifs 的驅動程式裝進去 , 所以只能透過 App 本身連接網芳 Server 後由 App 處理網芳的封包 , 因此效率很慢

而最近有在試試不同的 Rooted Kernel , 大部分都有支援 CIFS , 這個 CIFS 就是網芳的驅動 , 透過核心直接支援 , 就可以直接將網芳的目錄掛載成手機內的目錄(Linux 叫掛載 mount) , 如果熟悉 Android 開發工具應該知道如何用 adb 進入手機內直接下 mount 命令就可以達成 , 但這樣太麻煩了

於是最近有稍為搜尋一下 , 有找到一套叫 cifsmanager 的 app ,market 上可搜尋的到 , 這個 App 就可以輕鬆設定要連接的 server 及掛載的目錄

要讓 Cifs manager 能夠正常的運作 , 有以下準備工作

1. 手機的 Kernel 核心 , 必須要具備可取得最高權限 , 也就是 root 
2. Kernel 必須支援 cifs , 通常會有個叫 cifs.ko 的檔案放置於 /lib/modules 或 /system/lib/modules , 視手機而定
3. 要上 market 下載 cifs manager 準備好 (https://market.android.com/details?id=ws.plattner.cifsmanager)
4. 先在自己的手機 /sdcard 下建立一個叫 cifs 的目錄 , 後面設定時需要用到

我以我的 Samsung S2 手機為例子 , 用圖解的方式來說明設定法

閱讀全文…

其實家裡的 Server(本站) 已經以 MariaDB 5.2 運作好一陣子了 , 都沒什問題 , 今天上去 MariaDb 官方網站看了一下 , 9/10 推出了 MariaDB beta 版

這個版本仍是以 MariaDb 5.2 為基礎 , 著重在 subquery 效能的提升 , 同時也將部分 MySQL 6.0 ㄧ些代碼拿來用

但其中有一項值得注意 , 就是 5.3 已經有將 HandlerSocket 包進來了 , 老玩家應該知道這是什 , 但第一次聽過的人可能不明瞭 , HandlerSocket 是透過另一個通訊 port 讓 client 端可以下達 NoSQL Style 的命令 , 對於需要高速的存取資料的需求來說很有幫助

詳細的更新請至關網看便瞭 http://kb.askmonty.org/en/what-is-mariadb-53

之前一直都是用 Dean's FCKEditor for wordpress

直到換了這套名字就叫 CKEditor for wordpress 感覺還不錯

http://wordpress.org/extend/plugins/ckeditor-for-wordpress/

我為何要換這套呢

因為最近我的爛網站加掛了WordPress Mobile Edition 這個 Plugin , 主要是為了讓手機的介面比較簡單 , 這個手機版外掛裝起來挺簡單的 , 我大概花了不到一分鐘就裝好了 , 在我的 Samsung S2 i9100 下看還正常 , 就是佈景醜了點 , 但有比沒有好

而 WordPress Mobile Edition 裝了之後 , 我發現原本回文用的文字編輯區無法在手機上使用 , 於是才換了 CKEditor for wordpress  , 這套似乎會判別裝置 , 若是手機 , 會自動把所見即得關掉 , 就只能回正常的文字 , 而若是控制台內編輯文章 , 也是純文字 , 不過會有多出一些 HTML Tag 按鈕幫助編輯還不賴的 ^^

有興趣裝的朋友可以去裝看看 , 官方網站上有兩套同名的 , 我就是用我附上的網址的那套 , 這套評價似乎較高 , 個人沒比較過差異 , 至於之前可能有介紹到如何增加 style 搭配 WP-Codebox , 請看這篇 http://www.pigo.idv.tw/archives/415/

在這次安裝這個 CKEditor for wordpress , 修改方式也有變動 

1. 要進入後台 , 看左下角最下面有 CKEditor 的設定 , 先選 basic setting , 然後把 Post/Page editor options 的 toolbar 設定 Full , 這樣全部的功能就會打開
2.  在 wordpress 目錄的 wp-content\plugins\ckeditor-for-wordpress 下, 直接開  ckeditor.styles.js , 可以自行增加 style , 就參照我之前貼的 http://www.pigo.idv.tw/archives/415/ , 自己意會修改一下就和原本一樣了
3. 修改後 , 可能發現 CKEditor 沒有看見新增的變動 , 那是快取問題 , 就 …. 想辦法清快取吧 , 不然先用別的瀏覽器試試看有沒有變動查明原因

由於手頭上有正在開發手機程式 , 但不想因為改版上架時間的問題 , 所以採用了一種做法 , 就是把 web 的內容用手機上的原生程式讀進 webView 顯示 , 除非原生程式有問題才會有改版並重新上架

目前是採用 Titanium 這套開發套件撰寫 ios 及 android 雙平台的程式 , 而畫面的部分採用遠端的 web 呈現 , web 和手機的原生程式透過某種機制溝通做到 web 也可以存取行事曆的功能

說白一點 , 用 Titanium 開發的程式主要就是讀取遠端的 HTML , 而遠端的 HTML 就是 mobile app的介面 , 所以設計介面所採用的 framework 就很重要 , 我試過了好多套目前常看到的 , 分別講一下

JQuery Mobile

這是以 jquery 為 base 開發的 , 設計方式要符合 jQuery Mobile 所定好的 HTML Code 及 CSS 規範 , 個人感覺 jQuery mobile 很容易開發 , 但也有不足之處 , 由於手機上的介面常常會用到觸控滑動 , 目前 jQuery Mobile 無法做到一點 , 就是當我需要做一個上下方都有一個固定的 BAR , 中間需要滑動 , 就很難做到 , 這可能要歸罪 iphone 4 或 android 的 webkit 尚未支援這種方式 , 據說 ios 5.0 的 webkit 就會有這原生功能 ,但目前有實驗性質的 scroller 可以測試 , 這算模擬的 , 個人覺得不夠順就是了 , 於是我放棄這套 framework , 因為觸控滑動實在太重要 , 目前 Drameweaver CS 5.5 有將 jQuery Mobile 和 PhoneGap 整合進來 , 我想有些美工人員應該會對這套有興趣

jQtouch

這和 jQuery mobile 一樣 , 開發的方式其實差不多也是 jquery base , 但一樣沒有好用的 scroller , 而且比起 JQuery Mobile 來說 UI 項目比較少 , 不過有一套 DataZombies 的套件是把 jQTouch fork 出來家上了 iScroll 這個 plugin 進去可以達成上下方有固定bar 可以當選單的功能 , 但是一樣不順 , 我測試過在 iphone 3GS 下挺順的 , 但 Android 2.3.3 的系統則很 lag , 個人感覺 jQtouch 其實和 jQuery Mobile 都有相同的特性就是好設計 , 但一樣 scroll 功能沒有很完善 , 所以在求完美的情況下 , 也放棄了

Dojo Mobile

這是以 dojo 為基礎而開發的 mobile framework , 功能強大 , 幾乎所有用原生手機的 framework 提供的內建 UI 方式 , 這套都有實做出來 , 但常常有些時候會發生畫面跑不出來的情形 , 看官網的 demo 有時候也要重整才出的來 , 雖然功能強大 , 但這種不穩定的狀況下, 我也放棄採用了

Wink Toolkit

這套算是著重在小巧 , 效能的 framework , 該有的 UI 功能都有 , 但由於太過簡化 , 按鈕也沒有按下的效果 , 反而要自己花腦筋 , 其實不算好設計 , 而它有一點令我眼睛發亮的原因是  , 她可以做到在有上下固定 bar 的選單時 , 還可以用到原生 scoll bar , 順到不行 , 啊這就奇了 , 怎麼只有 Wink 做的到 >< , 而我目前沒有採用它仍是因為很多 UI  元件都做半套的 , 按鈕沒有按下的效果 , 選單沒有點選的效果 ..... 但我很期待這套 framework 若有對 UI 做加強後 , 應該會是一個好設計 , 效能又好的 framework

Sencha touch

這是以 ExtJS 4.0 為基礎所開發的 , 我可以這麼說 , 它是最難上手 , 開發時 , 應該用不上 HTML 了 , 因為完全都是物件導向 API 的開發 , 但我為何要提它 ? 因為我目前就是用這套來開發介面 , 因為玩過後 , 感覺起來他應該是目前功能上和 Dojo Mobile 不相上下的一套 , 且不會有 Dojo 一堆奇怪問題 , 而且也有上下固定 bar 中間可以 scroll 的設計方式  , 而在目前萬元以上的智慧手機上執行起來也很順暢 , 雖然其 scroll 效果在 android 上仍然有點小 lag , 但還可以忍受 , 至少不會比 jQTouch 或 jQuery Mobile 在畫面複雜時 , 滑動起來變成是一種折磨 , 而用這套開發最大的缺點 , 我想就是他已經無法做網頁最佳化 , 如果說要拿這套開發一個手機版的網站 , 我認為不適合 , 但若拿來開發一個類手機程式的 UI , 我覺得挺適合的 , 目前已經有用到其 MVC 的概念 , 感覺有點類似 PHP YII 或 Ruby On Rails 了 , 他的 ORM 資料的定義方式很類似我們使用 PHP MVC Framework 的方式 , 也有做到關聯性 , 並且可以將資料從遠端相對應的 json 讀到 ORM , 或存到本機的 WebStorage , 做離線資料存取的使用非常棒 , 應該這套是用到 HTML5 功能最多的一套 Framework 了

總結

其實每套 framework 都有他的優缺點 , 並非我喜歡的就是適合大部分的場合 , 但有些時候總要取捨 , 碰那麼多套也有好處 , 就是知道甚麼場合用那套 , 如果是要作一個入口網站 , 是需要有搜尋引擎的索引增加排名的 , Sencha touch 會被我丟了 , 而若想要快速建立一個手機網站 , 那麼 jqtouch or jquery mobile 是首選 , 而我本人最期待 wink toolkit , 因為他真的所有 UI 功能都有了而且效能最好  , 但就是做半套 >< 我真的很希望那天他的所有 UI 都已經擬真到和一般 mobile app 一樣 , 未來兩三年在智慧型手機的效能越來越好的同時以及瀏覽器的硬體加速做的越來越好時 , 手機程式設計應該會有越來越多人用 html + javascript 方式來做了

官網今天釋出了 PHP 5.4 Alpha 1

當中有介紹一些新特性

• Added: Traits language construct
• Added: Array dereferencing support
• Added: DTrace support

Traits 有點類似多重繼承可以把很多物件的某些功能合併 , 但其實又不是那樣 , 這個特性我不想多做介紹 , 因為我不喜歡 , 目前沒有 IDE 支援 , 要是寫起來都跑不出 auto complite 就很鳥了 哈哈

而 DTrace Support 我還不清楚是甚麼 , 但 Array deferencing support 我就挺喜歡了 

舉個 sample code

1
2
3
4
5

function test() {
    return array('a','b','c');
}
 
echo test()[1]; // 這樣會印出 b

這種語法 , C# 早就有了 , 是很方便的語法 , 不知道這樣特性會不會稍微減少記憶體用量就是了 , 希望有 , 有空再來試試看