
Kỹ thuật lập trình gadget cho Window Vista
Tên bài vi t: K thu t l p trình gadget cho Window Vistaế ỹ ậ ậ
Tác gi : Ph m H i - caulacbovb.comảạả
C p đ bài vi t: Ch a đánh giáấ ộ ế ư
Tóm t t: H ng d n l p trình gadget cho Window Vistaắ ướ ẫ ậ
I.D n nh p ẫ ậ
Windows Vista cùng v i v hào nhoáng c a nó đã làm say mê r t nhi u ng i và m tớ ẻ ủ ấ ề ườ ộ
trong các đ c tr ng n t ng nh t chính là Windows sidebar v i các ti n ích nhặ ư ấ ượ ấ ớ ệ ỏ
nh :l ch ,đ ng h ,CPU ( g i là gadget )... chi m m t ph n trên desktop, b n có thư ị ồ ồ ọ ế ộ ầ ạ ể
d dàng tùy ch nh nh ng công c này đ phù h p cũng nh hi n th trên cùng, ễ ỉ ữ ụ ể ợ ư ể ị ở ở
d ng c a s l n và cũng có th đ t c ch nào trên màn hình b ng các đi u ch nhạ ử ố ớ ể ặ ứ ỗ ằ ề ỉ
trong Windows Sidebar properties..Đi u tuy t v i h n n a là l p trình các gadget nàyề ệ ờ ơ ữ ậ
c c kỳ d dàng ,trong gi i h n bài vi t này tôi s h ng d n các b n làm hai gadgetự ễ ớ ạ ế ẽ ướ ẫ ạ
ti n ích đ y s c m nh ch trong vòng 15 phút v i ch a đ n 20 dòng code b ngệ ầ ứ ạ ỉ ớ ư ế ằ
javascript , b n đ ng lo mình không th o java vì tôi cũng s demo b ng c ngôn ngạ ừ ạ ẽ ằ ả ữ
k ch b n thông d ng nh t trên window hi n nay :- VbScript - .Nh ng ng i có kinhị ả ụ ấ ệ ữ ườ
nghi m không nhi u v VB cũng s n m b t d dàng thôi !ệ ề ề ẽ ắ ắ ễ
B n s h c đ c nh ng gì t bài vi t này:ạ ẽ ọ ượ ữ ừ ế
- B n ch t c a vista gadget hay k thu t l p trình v i html dùng JavaScript và VbScriptả ấ ủ ỹ ậ ậ ớ
- K thu t vi t và cài đ t gadget b ng Visual studio 2008 –Visual studio 2005 step byỹ ậ ế ặ ằ
step trong vòng 15 phút
- K thu t vi t,debug html nhanh chóng v i Microsoft FrontPage 2003ỹ ậ ế ớ
II.Gi i thi u Vista Gadgetớ ệ
Gadget là m t ti n ích nh g n trên thanh sidebar ,th ng có kích th c 139 pixel ,ộ ệ ỏ ắ ườ ướ
cung c p nhi u thông tin h u ích nh : CPU,ngày tháng ,nh t ký,th i ti t… b n có thấ ề ữ ư ậ ờ ế ạ ể
tìm th y r t nhi u gadget tuy t v i n a t i đ a ch nàyấ ấ ề ệ ờ ữ ạ ị ỉ
http://vista.gallery.microsoft.com/vista/SideBar.aspx?mkt=en-us v i m t th viên đ sớ ộ ư ồ ộ
g n 2K gadget. Th c ch t gadget không ph i là m t d ng file th c thi ki u m i trênầ ự ấ ả ộ ạ ự ể ớ
Vista mà đ n gi n ch là m t hay nhi u trang HTML đ c host b i ti n ích Windowơ ả ỉ ộ ề ượ ớ ệ
sidebar do v y k thu t l p trình ch đ n gi n là x lý HTML v i các đo n script ,ậ ỹ ậ ậ ỉ ơ ả ử ớ ạ
đ ng nhiên n u mu n làm các gadget cao c p thì b n c n tìm hi u thêm v gadgetươ ế ố ấ ạ ầ ể ề
api c a vista .V i các gadget cao c p b n có th code b ng Visual Studio 2K5 hay 2K8ủ ớ ấ ạ ể ằ
dùng WPF r t d dàng ( xin l u ý là gadget ch có trên Vista m c đ nh đã có Net 3.0 ).ấ ễ ư ỉ ặ ị

II Gadget có th làm đ c nh ng gì? ể ượ ữ
N u d a trên tiêu chí là các công ngh đ c u thành lên gadget thì có t t c 3 lo iế ự ệ ể ấ ấ ả ạ
gadget ;
-Mini web application: ng d ng web nh s d ng HTML,CSS và các scriptứ ụ ỏ ử ụ
( Vbscript,Java,J..etc)
- Data application : ng d ng có truy xu t d li u s d ng HTML ,DHTML, DOMứ ụ ấ ữ ệ ử ụ
Ajax.Gadget lo i này có th k t n i đ n các d ch v web đ truy xu t d li u và hi nạ ể ế ố ế ị ụ ể ấ ữ ệ ể
th ra cho ng i dung cu i nh : khai thác d ch v rss, ch s ch ng khoán,thông tinị ườ ố ư ị ụ ỉ ố ứ
th i ti t các mi n..etcờ ế ề
-Mini utilities :Có tác d ng nh m t ti n ích dùng :ActiveX object, gadget API vàụ ư ộ ệ
DHTML…ví d nh các gadget đo CPU,hi n th đ ng h s ..hay th m chí là các ti nụ ư ể ị ồ ồ ố ậ ệ
ích truy xu t tài nguyên h th ng và r t nhi u công vi c khác.ấ ệ ố ấ ề ệ

V.C u trúc m t gadgetấ ộ
Ngoài các gadget chu n , các gadget mà chúng ta thêm vào s n m t i th m c sau :ẩ ẽ ằ ạ ư ụ
C:\user\<user_name>\app data\local\microsoft\windows side bar\gadgets
C:\ --> là đĩa cài vistaổ
<user_name> --> là tên ng i dùng hi n th i ví d , ví d haipt.ườ ệ ờ ụ ụ
T t c các file c u thành lên Gadget th ng đ c đ t trong th m c này,ấ ả ấ ườ ượ ặ ư ụ
Các file chính c a m t gadget g m cóủ ộ ồ
- gadget.xml : Đây là file r t quan tr ng , nó l u tr các thông s c u hình c a 1 gadgetấ ọ ư ữ ố ấ ủ
nh là tên tác gi ,phiên b n s n ph m.. d i d ng th c XML.B n không c n bi tư ả ả ả ẩ ướ ạ ứ ạ ầ ế
nhi u v format này v n có th s a đ i d dàng ,trong đó có hai dòng đ c bi t quanề ề ẫ ể ử ổ ễ ặ ệ
tr ngọ
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" src="gadget.html" />
<permissions>full</permissions>
<platform minPlatformVersion="1.0" />
<defaultImage src="" />
</host>
</hosts>
</gadget>
Dòng bôi đ đ u tiên cho bi t file html đ c đ a lên sidebar là file gadget.html cùngỏ ầ ế ượ ư ở
th m c, dòng bôi đ th 2 xác đ nh quy n han cho ,n u chúng ta không đ tư ụ ỏ ứ ị ề ế ặ ϑgadget
này là toàn quy n truy xu t h th ng là full thì các ch c năng truy xu t h th ng c aề ấ ệ ố ứ ấ ệ ố ủ
gadget có th s không dung đ c do b l i c m truy nh p.ể ẽ ượ ị ỗ ấ ậ

-File [Gadget_Name].html : đây là file đ c xác đ nh thông qua tag : src trong file XMLượ ị
chính, ví d này nó có tên gadget.html, file html này s đ c đ a lên sidebar khiở ụ ẽ ượ ư
gadget đ c cài đ t ượ ặ
-Các file .CSS : vi t t t c a ch cascades style sheet, các file này l u c u hình c a fileế ắ ủ ữ ư ấ ủ
html t ng ng ,r t quen thu c v i dân làm web, ví d d i là n i d ng 1 file CSSươ ứ ấ ộ ớ ụ ướ ộ ụ
body
1. {
2. width :129;
3. height:70;
4. font-family:Calibri;
5. font-size:11px;
6. margin: 0;
7. padding: 0;


