Windows Desktop Gadget 開發

因為某些原因，最近學了一點Windows Desktop Gadget開發
* Windows Desktop Gadget也就是俗稱的桌面小工具


開發途中發現國內的資料似乎不太多，我想應該是不太熱門吧
在還沒開始玩前，其實我的桌面也不會擺小工具 
後來發現還蠻多人有再用小工具的.. 我見識太淺薄了XD



首先

對Gadget完全沒概念的話，可以看看這邊
裡面有關於小工具的整體架構說明及背景知識


接下來
有點背景知識之後，可以看一點Gadget API

Gadgets for Windows Sidebar - Gadget Object Reference
Gadgets for Windows Sidebar - System Object Reference

因為Gadget基本上是用html/js/css撰寫，只是多了一點可以用的api
到這邊，你可以試著組組看你想要的東西

當然，你可以用你熟悉的jquery或是其他javascript library

不過要注意一點：
這邊有個小問題 (應該是bug)：不支援直接套用click事件
正確一點的說法是，如果這個dom element原本沒有onclick事件的話，是不能直接加入的

舉例來說：


$('#myDiv').click(function(){  doSomething(); });
只寫這樣是不行的，點下去仍然不會觸發doSomething
必須在#myDiv上加入onclick這個attr才可以

<div id="myDiv" onclick="" ></div>
onclick是空的也沒關係，總之要有就對了

但是mouseover, mouseout等就沒這個問題，我也不知道為什麼
或許真的是bug XD

為你的小工具加上背景
要做出美觀的小工具，一個漂亮的背景是不可少的 雖然我偷懶沒用

這篇文章是中文文章，講的是加入背景的方法，還蠻詳細的
當然不可少的是Gadget API: Background Object

這邊先提一個常遇到的問題：
當兩個透明圖疊在一起的時候，會出現紫色的破圖 (Pink Problem)
這個問題就我查到的資料看來，應該沒有比較好的解法
算是一個bug，要不就是用美工避開，或是可用 gbackground元素的addImageObject加入圖片
這樣就不會有這個問題
詳細的說明可以看：Gadget開發實戰總結 2 （I See Pink Problem）


或許有人會想用css3pie或IE的Filter..等方法
做出CSS3的box-shadow(陰影)、border-radius(圓角)這些效果
這些的確是做得出來的
但是一樣要注意透明的部分(陰影、圓角處)，也會出現紫色破圖的問題


在小工具內使用AJAX
這邊大概是我弄最久的地方，雖然最後還是失敗了
直說的話，就是基本上還是沒辦法cross domain的，除非有要的服務提供Rest based API (參考)


我甚至還自己用ActiveX寫了Ajax來測試，確定是不行的 (如果有人試成功的話麻煩跟我說)
不過後來發現用jQuery.ajax其實功能是一樣的，不過要設定強制跨域


為此我還去找了Ajax的readyState狀態碼含意和HTTP的連接狀態碼含意
不然說實在的，只用library都不知道底層做了什麼XD

以下這兩個網址是用另一個方法取網路上的資料，也可以看看
Gadget開發實戰總結 1 （Gadget調用WebService）


英文：
介紹及資源：http://christ-offer.blogspot.com/2011/02/windows-7-gadget-development.html
範例：http://www.codeproject.com/KB/gadgets/DailyDilbert.aspx
很不錯的書，可以用Ctrl+F找關鍵字：http://www.innovatewithgadgets.com/

[Windows Gadget] Now.in Player / Now.in 桌面播放器

Now.in是個很不錯的電台網站，提供很多不同種類的電台供大家收聽

平常我都會把網址餵給撥放器播，最近這兩天就思考到一個問題

我要怎麼知道現在正在播放的歌名呢?

我就想著，不然就來寫個小程式吧!

google了一下，發現windows gadget好像非常適合拿來做這種工作

放在桌面上小小的，很適合當播放器

於是就生出了這個東西。

雖然最後還是沒達成本來的目的啦.. 

一開始以為windows gadget可以cross domain取資料的

後來發現還是要用rest based api(jsonp)才可以，不過Now.in當然是沒提供這種服務XD

真要的話就得自己架server來parse了

而且最近也沒時間，就先把這個未完成品放著，晚點再說囉

還有期末考阿..QQ 莫名其妙就花了兩天在玩這個 

暫時的未完成品是長這樣:

雖然看起來是簡單的小程式

但是不太熟一邊google的情況下，也花了一點時間

不過也算是學到另一種好玩的東西啦!

寫起來跟寫網頁感覺差不多，都是用html/js/css，只是有些特別的語法和怪問題晚點再說

這也表示可以用jquery  ..!

下一篇是開發Gadget的心得，敬請期待!

使用object embed插入音樂 - 參數設定及js控制方法

雖然很不幸的，這是IE only的東西
但是有時候也不得不用阿..

在這邊有很詳細的object參數，javascript的用法則在這邊


參數：
簡單列幾個重要的:

<object id="player" codebase="http://www.apple.com/qtactivex/qtplugin.cab"  classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"  type="application/x-oleobject" width="1" height="1">
        <param name="SRC" value="b.rm"><!--文件路徑,根據需要調整-->
        <param name="AUTOSTART" value="1"> <!--自動播放-->
        <param name="LOOP" value="1"><!--循環播放-->
        <param name="volume" value="50"><!--默認聲音大小0%-100%,50則為50%-->
</object> 


javascript：
以下的player表示object的DOM Element

player.controls.play();     /*   開始撥放   */
player.controls.pause();  /*   暫停撥放   */
player.controls.stop();    /*   停止撥放   */
player.controls.next();    /*   下一首音樂   */

player.URL = url;   /* 將音樂的來源設為url，這個動作會馬上執行，不需要先stop在play */


  ＊注意：此方法只適用於IE

超酷的CSS3 Animate及Shadow

超酷的CSS3 Animate:
demo: http://daneden.me/animate/#cta 
github: https://github.com/daneden/animate.css

順便也介紹一下一個用CSS3+jquery做出的陰影plugin
demo: http://syddev.com/jquery.shadow/
github: https://github.com/sydlawrence/jQuery-Shadow

[jquery] 強制使用跨域(cross domain) Ajax

很簡單，就只有一行code

$.support.cors = true;

不過別以為這樣就真的可以無視瀏覽器限制XD
只是當你有特別為cross domain設定時，這個才有用

不然還是會噴錯誤的!

[Android] 使用自訂的SQLite出現錯誤

Android想使用自己放在SDCard的SQLite Database時，有可能會有無法讀取的情況
這時候可以試著檢查一下資料庫內有沒有android_metadata這個資料表

因為若是在程式內開SQLite Database時，android_metadata會自動建立
但是用自己的就有可能沒注意到這個小地方


可以用以下兩個指令建立:
CREATE TABLE "android_metadata" ("locale" TEXT DEFAULT 'en_US')
INSERT INTO "android_metadata" VALUES (zh_TW')


若是想要將放進SDCard的資料庫移到程式自己的空間的話
可以參考以下連結:  Using your own SQLite database in Android applications

DAO vs ORM

看到一篇有趣的文章
比較了 model, orm, dao和active record

個人覺得寫得不錯，將他翻成繁中記錄在此

  --

在做web開發中，經常會碰到這樣幾個概念：

• Model
• DAO，data access object，數據訪問對象
• ORM，object-relational mapping，對象關係映射
• Active Record

這些概念都是和數據相關的，然而他們之間有怎樣的區別呢？

首先來看Model，模型。模型是MVC中的概念，指的是數據和改變數據的操作（業務邏輯）。模型通常指代現實生活中的某樣實體。以訂單為例，每個訂單都包含許多數據，如客戶、價格、明細等等，這些數據都叫做訂單這個模型的屬性，此外，和訂單相關的一些列操作，比如當購買時，你可能需要先檢查庫存，給與一定的優惠，再更新賬戶餘額和積分等等，這些就叫做業務邏輯，也是模型的一部分，從代碼上來講，是要放在模型中的。

當模型執行完業務邏輯後，我們便要把模型中的數據保存到數據庫中。如果我們直接把和數據庫相關的代碼放在模型裡，會使得以後的維護相當的麻煩。在我之前的一個項目中，我們用戶的增長相當快，導致一台數據庫無法支撐所有的訪問，不得不使用分庫來解決問題。然而前人把SQL語句直接寫在了模型這一層裡，這導致分庫相當的麻煩，我們只能先把這些SQL語句抽出來，才能把分庫進行下去。我們把這些抽出來的SQL代碼放到單獨的一層，這一層便是DAL，Data Access Layer，數據訪問層，它由許多DAO組成，目的便是把和數據庫相關的代碼封裝起來，這樣當我們執行分庫時，便只用調整DAO的代碼了，模型根本不用關心它使用的數據是放在A庫還是B庫。

DAO其實是來源於J2EE的一個設計模式，當初的目的也是使得企業更換數據庫時，不用影響模型層的代碼。

與DAO類似，ORM也是一種封裝數據訪問的概念。然而ORM不像DAO只是一種軟件設計的指導原則，強調的是系統應該層次分明。ORM更像是一種工具，有著成熟的產品，比如JAVA界非常有名的Hibernate，以及很多PHP框架裡自帶的ORM庫。他們的好處在於能將你程序中的數據對象自動地轉化為關係型數據庫中對應的表和列，數據對象間的引用也可以通過這個工具轉化為表之間的join，而Hibernate甚至提供一套他們自己的數據查詢語言HQL來解決複雜的查詢問題。

使用ORM的好處就是使得你的開發幾乎不用接觸到SQL語句。創建一張表，聲明一個對應的類，然後你就只用和這個類的實例進行交互了，至於這個對象裡的數據該怎麼存儲又該怎麼獲取，通通不用關心。

Active Record則是隨著ruby on rails的流行而火起來的一種ORM模式，它是把負責持久化的代碼也集成到數據對象中，即這個數據對象知道怎樣把自己存到數據庫裡。這與以往的ORM有不同，傳統的ORM會把數據對象和負責持久化的代碼分開，數據對象只是一個單純包含數據的結構體，在模型層和ORM層中傳遞。而在Active Record中，模型層集成了ORM的功能，他們既代表實體，包含業務邏輯，又是數據對象，並負責把自己存儲到數據庫中，當然，存儲的這一部分代碼是早已在模型的父類中實現好了的，屬於框架的一部分，模型只需簡單的調用父類的方法來完成持久化而已。


 --


引用這裡的說法：「DAO層是軟件開發演變過程中對於分層概念的產物，目的是更清晰合理的管理軟件開發過程過的代碼和邏輯；而ORM是對數據操作思想的一種改變，不再是面對關係數據庫中的表，而是統一視作對象。」

 --

其他參考:
如何規劃? - DAO模式與ORM概念