28
JAN09Gadgets zum selbst machen
Ich möchte heute noch zum Abschluss ein kleines Tutorial über Gadgets und wie man sie progrogrammiert veröffentlichen. Jeder Windows Vista Benutzer kennt diese kleinen “Mini-Anwendungen” in der Sidebar am rechten Rand auf dem Desktop und so komplex manche auch aussehen mögen, sind sie garnicht.
Was brauch man dazu?
Naja zunächst braucht ihr mal Windows Vista (Werbung für Microsoft mach *hehe) dann braucht ihr eignetlich nur noch ein bisschen HTML und je nach Anwendung auch Javascript. Anwendungen mit WMI wollen wir nicht machen … sowas machen nur pro’s und das sind wir noch nicht.
Das Hello World Gadget
Wie in jeder Programmiersprache gibt es das sogenannte “Hello World” beispiel. Geht zunächst in den Ordner in dem alle Gadgets liegen:
{DeineHauptplatte}\User\{Benutzername}\AppData\Local\Microsoft\Windows Sidebar\Gadgets
In diesem Ordner erstellen wir jetzt einen Ordner mit dem Namen “HelloWorld.gadget” Der Ordner muss hier die Dateiendung .gadget bekommen sonst wird er vom System nicht angenommen. Wenn wir den Ordner erstellt haben müssen wir zunächst eine “Info” Datei für das Gadget, erstellen (Manifestdatei). Diese kann wie folgt aussehen:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
xml version="1.0" encoding="utf-8" <gadget> <name>Mein erstes HelloWorld</name> <namespace>HelloWorld</namespace> <version>1.0.0</version> <author name="Dennis Schmitt"> <info url="www.peppies-life.de" /> </author> <copyright>© 2008 by Dennis Schmitt</copyright> <description>Deine Beschreibung</description> <hosts> <host name="sidebar"> <base type="HTML" apiVersion="1.0.0" src="helloworld.html" /> <permissions>full</permissions> <platform minPlatformVersion="0.3" /> </host> </hosts> </gadget> |
Ihr könnt euch den kompletten Text vorerst mal rauskopieren und am besten in euer Notepad kopieren. Das ganze speichert ihr dann in euren Ordner mit dem Namen “gadget.xml” ab. Wie ihr in Zeile 13 sehen könnt, wird hier die “helloworld.html” als Basisdatei verwendet, also lasst sie uns erstellen :D
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html>
<head>
<style>
body
{
width: 130px;
height: 150px;
}
</style>
</head>
<body onload="init();">
HelloWorld ist mein erstes Gadget.
</body>
</html>
|
Ich habs so einfach und simpel wie es ging gehalten. Mittels CSS könnt Ihr eure Anwendung jetzt auf die benötigte Größe bringen. Sprecht daher das Element “Body” an und setzt einmal die Breite auf 130px und die Höhe auf 150px. Speichert das ganze unter dem Namen “helloworld.html” ab und legt diese Datei auch in euren Gadget Ordner.
Wenn ihr nun alles richtig gemacht habt, dann müsstet ihr eure Mini-Anwendung in der Liste mit den anderen Gadgets mit dem Namen “Hello World” finden. Ihr müsst die Anwendung jetzt nur noch aktivieren und dann kann es auch schon los gehen :D
Ich hoffe ich hab mit diesem Tutorial euch mal einen kleinen Einblick in das leben der Gadgets zeigen können und das sie doch relativ simpel zu programmieren sind. Eure ersten Gadgets dürft ihr mir natürlich vorstellen, wenn genug kommen dann werde ich sie in einem Beitrag veröffentlichen.
3 Kommentare
Da könnteste auch mal wieder was neues machen xDD
wie aktivert man die ?
Hi Hans, also mit Windows7 kommst du über einen Rechtsklick auf dem Desktop zu den “Minianwendungen” bei Vista ging das glaub ich über die Systemsteuerung, oder unten an der Uhr bei so nem Tryicon. :>
Kommentar schreiben