Dyson's Notebook

2009年5月20日

Read EXIF Jpeg Metadata in Silverlight

如果 user 想要上傳檔案的時後，可以先讀取 EXIF Jpeg Metadata 可以省去使用者不少輸入相關資料的時間。可惜，Silverlight 似乎沒有支援這些功能，而只能有 JavaScript 來處理。 [Reference] Javascript EXIF Reader: http://www.nihilogic.dk/labs/exif/ Read EXIF Jpeg Metadata in Silverlight: http://silverlight.net/forums/t/68464.aspx EXIFextractor library to extract EXIF information (C#): http://www.codeproject.com/KB/graphics/exifextractor.aspx

2009年5月4日

A Demo of Silverlight and WCF

這是我利用 Silverlight 連接 Web Service 讀取照片並加以顯示的範例：

2009年5月3日

Create a Path at Rutime

我需要利用 Silverlight 設計裁切照片的工具，
例如，讓 user 框選照片中的大頭，裁切下來，並加以應用。
因此，在 runtime 建立一組 path，
並隨著 user 的 click 新增 node，
是一項重要的流程。

以下是我利用 path 畫出一個正方形的範例，
並以 canvas 為其父物件。為了讓範例簡化，
click、clip、image 等部分的處理，並沒有加入範例中。

Path path = new Path();

PathGeometry pathGeometry = new PathGeometry();
path.Data = pathGeometry;
pathGeometry.Figures = new PathFigureCollection();

PathFigure figur = new PathFigure();
pathGeometry.Figures.Add(figur);

figur.StartPoint = new Point(0, 0);

LineSegment seg1 = new LineSegment();
seg1.Point = new Point(100, 0);
figur.Segments.Add(seg1);

LineSegment seg2 = new LineSegment();
seg2.Point = new Point(100, 100);
figur.Segments.Add(seg2);

LineSegment seg3 = new LineSegment();
seg3.Point = new Point(0, 100);
figur.Segments.Add(seg3);

path.Fill = new SolidColorBrush(Colors.Blue);
Canvas.SetTop(path, 200);
Canvas.SetLeft(path, 300);

Canvas canvas = new Canvas();
canvas.Background = new SolidColorBrush(Colors.DarkGray);
canvas.Width = 50;
canvas.Height = 50;
canvas.HorizontalAlignment = HorizontalAlignment.Left;
canvas.VerticalAlignment = VerticalAlignment.Top;
canvas.Children.Add(path);

this.LayoutRoot.Children.Add(canvas);

[refernece]
How to draw a path at runtime

2009年4月17日

Design Patterns

最近使用 silverlight 撰寫一些程式，在規劃模組時，覺得有點生疏，所以把 Head First Design Patterns 這本書拿來複習一下。為了方便以後可以經常檢視自己的設計，乾脆把重點記錄一下。

Strategy Pattern (策略模式): 把程式中需要更動的部分獨立出來，例如不同鴨子的飛行與叫聲，可以拆成兩個不同的介面。不要用繼承方式，而要用 composition 方式來處理。
Observer Pattern (觀察者模式)：提出一對多關係，以及 loose coupling 的意義。出版者稱為Subject，訂閱者稱為 Observer。Subject 提供 register, remove, motify Observer 的 method, 而 observer 則是提供 update method 給 Subject。這本書舉了一個氣象觀測的例子，提供目前資訊、統計以及預報看板。
Decorator Pattern (觀察者模式)：每個元件都可以單獨使用，或被其他的裝飾者包起來使用。'裝飾者'可以在乎叫其'被裝飾者'之前或之後加上自己的行為。作者舉了一個星巴茲咖啡的例子，不過我覺得這個例子，會讓不懂咖啡的人搞得頭暈。在處理 IO Stream 時，經常會用到這樣的技術，例如把 File Stream 丟給 Text File Stream, 而增加了處理文字內容的功能，我想大概是這樣吧。我曾經把這個 pattern 應用在通訊封包加解密的處理，但是覺得處理得不理想，因為當封包收得不夠完整時，必須將不完整封包的前半段存在 buffer 中，這會讓後續的處理變得不太直覺。
Factory Pattern (工廠模式)：把建立一堆類似的物件，獨立成一個 class，然後以字串或代碼來對應，建立後傳回 interface。這樣可以把可能不斷新增的類似物件，加入這個工廠，而不會影響到其它的程式。我經常利用這個 pattern 來設計 UI 或處理通訊封包。當我把寫好的工廠，放到 API 時，使用工廠的 AP 還可以利用 Decorator Pattern 來延伸新的工廠。
Singleton Pattern (獨體模式)： Singleton pattern 可以確保一個類別只有一個實體。把建構式宣告成 private，並利用用 public static GetInstance() 的第一次呼叫來建立唯一的實體。可以應用在 thread pool, catche, registry object 等。
Command Pattern (命令模式)：這個模型是將「發出需求的物件」和「接受與執行這些需求的物件」分割開來。發出命令與執行命令的中間，必須要先宣告一個 ICommand 的物件，使發出命令物件只看到單純的 ICommand 介面，然後再由不同的 ICommand 來連接多樣性的執行物件。書中使用了一個可以控制家中所有家電的遙控器為例子，簡單清楚。而我經常將 command pattern 應用在通訊封包的傳送處理。

...

2009年3月29日

App Store

自從我知道了 iPhone 的 App Store 平台服務後，才發現 Google 與 Microsoft 也有類似的服務。 Apple - App Store Google - Android Market Microsoft - Windows Mobile Marketplace BlackBerry - BlackBerry App World

2009年3月28日

iPhone Programming Tutorial

iCodeBlog: http://icodeblog.com/

2009年3月12日

SEO

有幾個正正當當的 SEO 規則：

讓 Google 與 Yahoo 知道這個網站或網頁的存在：Google 可以透過網站管理工具，Yahoo 則透過 siteexplorer。
找出與網站相關的熱門關鍵字：既然想透過 Google 或 Yahoo 的關鍵字搜尋，當然不要選擇冷門的關鍵字。列出想到的關鍵字，到 Google 打一下，便可以看到數字的大小；至於 Yahoo，則可以透過關鍵字建議工具測試看看。
提供 Search Engine 明確的訊息：根據適當的關鍵字，設定好對應的 Title, Description 以及 Keyword；注意字串不要太長，否則搜尋機器人，會認為你想騙它。
讓更多的人連結你的網頁：趕快鼓勵你的親朋好友，連結你的網頁吧；當搜尋引擎到他的網頁而發現你的網址時，也會順便幫你加分。

meta tag sample:

<head>
  <title>JQuery Dialog Practice</title>
  <meta name="description" content="Try jQuery Popup Dialog" />
  <meta name="keywords" content="jQuery,Dialog" />
  <meta name="author" content="Dyson Liu" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>