KDE: Plasmoiden mit JavaScript

Fri, 23 Jul 2010 01:14:18 +0000

: Image via Wikipedia

Der freie Desktop KDE hat mit der Version 4.0 eine neue Desktop-Shell namens Plasma eingeführt. Die ganze Oberfläche wird dabei aus einer Vielzahl von Widgets, sogenannter Plasmoiden, zusammengesetzt. Plasmoiden können dabei prinzipiell jede mögliche Funktion realisieren. Es existieren bereits eine Vielzahl von Uhren, Kalendern, Taschenrechnern aber auch komplexere Applikationen wie etwa ein Twitter-Client oder . Auch die Grundelemente des Desktops wie die Taskleiste aber auch der Desktop selbst sind spezielle Widgets. Der Benutzer kann dabei selbst entscheiden welche Plasmoiden er wo verwenden möchte. Neue Plasmoiden können einfach über das Netz nachgeladen werden.

In den Anfangszeiten war die Entwicklung von Plasmoiden recht kompliziert und erforderte neben Kenntnissen in C++ tiefe Einblicke in das Plasma-Framework. Seit KDE 4.4 können Plasmoiden nun sehr einfach mit Hilfe von Skriptsprachen wie JavaScript erstellt werden. Wie einfach das von statten geht, möchte ich euch hier gerne demonstrieren.

Los gehts

Ganz traditionell fangen wir hier mit einem einfachen “HelloWorld” an. Zunächst müssen wir einen Ordner anlegen, der unseren Plasmoiden erhalten soll. Dieser erhält den Namen hello_world:

mkdir hello_world

In diesem Ordner benötigen wir eine Datei mit dem Namen metadata.desktop.

touch hello_world/metadata.desktop

Diese Datei beschreibt den Plasmoiden, kann mit jedem Editor (z.B. KWrite) bearbeitet werden, und sollte in etwa folgenden Inhalt haben:



[Desktop Entry]

Name=Hello World

Comment=Eine kurze Beschreibung des Plasmoiden

Icon=kate

Type=Service

X-KDE-ServiceTypes=Plasma/Applet

X-Plasma-API=javascript

X-Plasma-MainScript=main.js

X-Plasma-DefaultSize=300,100

X-KDE-PluginInfo-Author=Steffen Schloenvoigt

X-KDE-PluginInfo-Email=steffen@schloenvoigt.de

X-KDE-PluginInfo-Name=hello_world

X-KDE-PluginInfo-Version=0.0.1

X-KDE-PluginInfo-Website=http://plasma.schloenvoigt.de/

X-KDE-PluginInfo-Category=Examples

X-KDE-PluginInfo-Depends=

X-KDE-PluginInfo-License=GPL

X-KDE-PluginInfo-EnabledByDefault=true

Die Datei ist größtenteils selbsterklärend. Als Icon für das Plasmoid hab ich hier einfacherweise das bereits im System vorhandene des Programms KWrite verwendet. Man könnte hier aber auch einen Dateinamen eines eigenen Icons angeben. Wichtig ist noch der Parameter X-Plasma-MainScript. Er gibt den Namen der Datei an, die später unseren Code enthält.

Alle weiteren Dateien, die zum Plasmoid gehören, müssen in einem Unterordner namens contents abgelegt werden. Diesen erstellen wir nun:

mkdir hello_world/contents

In diesem Ordner legen wir nun die Datei main.js an, die später den Code des Plasmoids enthält:

touch hello_world/contents/main.js

Das erste Programm

Um einfach den Schriftzug “Hallo Welt” anzuzeigen, reicht folgender Code aus:



layout = new LinearLayout( plasmoid );

label = new Label( );

label.text = "Hallo Welt";

layout.addItem( label );

In Zeile 1 erstellen wir ein LinearLayout für den Plasmoiden. Die Variable plasmoid ist eine statische Variable, die vom Plasma Framework bereitgestellt wird. Das LinearLayout ist ein Container, der alle in ihm enthaltenen Elemente nacheinander (oder untereinander wenn die Orientierung auf Vertikal umgestellt wurde) in gleichmäßiger Größe anordnet. In der zweiten Zeile erstellen wir dann ein Label-Objekt, dessen Eigenschaft “text” wir in der dritten Zeile den später anzuzeigenden Text “Hallo Welt” zuweisen. Zu guter Letzt wird das label in Zeile 4 zum Layout-Container hinzugefügt.

Das ist im Prinzip auch schon alles. Nun können wir uns den Plasmoiden mit dem Programm plasmoidviewer einfach ansehen:

plasmoidviewer hello_world

Wenn wir alles richtig gemacht haben, sollte sich nun folgendes Fenster öffnen:

Benutzerinteraktion

Natürlich wollen wir nich nur einfach einen Schriftzug anzeigen sondern auch auf Benutzereingaben reagieren können. Wir erweitern das Programm deswegen folgendermaßen:



layout = new LinearLayout( plasmoid );

label = new Label( );

label.text = "Hallo Welt";

layout.addItem( label );
layout.orientation = QtVertical;
inputField = new LineEdit( );

layout.addItem( inputField );
button = new PushButton( );

button.text = "Klick mich";

button.clicked.connect( onButtonClick );

layout.addItem( button );
function onButtonClick( )

{

 if( inputField.text != "" )

 {

   anotherLabel = new Label( );

   anotherLabel.text = inputField.text;

   layout.addItem( anotherLabel );

   inputField.text = "";

 }

}

Zunächst setzen wir hier zusätzlich die Orientierung auf vertikal indem wir der orientation Eigenschaft des Layouts die globale Konstante QtVertical zuweisen. Als nächstes erzeugen wir in den Zeilen 8 und 9 ein einfaches Texteingabefeld und fügen es zum Layout hinzu. In den Zeilen 11-14 erzeugen wir einen Button mit der Aufschrift “Klick mich”, der die Funktion onButtonClick aufruft, wenn er gedrückt wird.

In den Zeilen 16-25 wird dann diese onButtonClick Funktion implementiert. Hier prüfen wir zuerst, dass das Eingabefeld nicht leer ist. Ist etwas im Eingabefeld enthalten, wird ein neues Label Objekt erzeugt und der Inhalt des Eingabefelds an dessen text Eigenschaft zugewiesen. Das neue Label wird dann ebenfalls an das Layout angehängt und der Inhalt des Eingabefelds geleert.

Wenn wir uns den Plasmoiden nun wieder im plasmoidviewer ansehen, sollte nach ein paar Eingaben der Inhalt in etwa folgendermaßen aussehen:

Installieren und Paketieren

Wenn wir mit unserem Plasmoiden zufrieden sind, können wir ihn mit Hilfe des Tools plasmapkg installieren:

plasmapkg -i hello_world

Haben wir alles richtig gemacht, können wir unseren Plasmoiden jetzt einfach zum Beispiel zum Desktop hinzufügen indem wir diesen mit der rechten Maustaste anklicken und im erscheinenden Kontextmenu den Eintrag “Miniprogramme hinzufügen…” wählen (Falls diese Option nicht vorhanden ist, muss man eventuell erst die Option “Miniprogramme entsperren” anklicken). Nun können wir nach unserem Plasmoid in der Auswahlliste suchen. Da wir in den Meta-Daten die Vorgabekategorie “Example” eingestellt haben, sollte sich unser Plasmoid im Reiter “Beispiele” befinden.

Wenn wir unseren Plasmoiden nun aus der Liste auf den Desktop ziehen, sollte er sich dort genauso problemlos öffnen.

Solange wir den Plasmoiden nur für uns entwickeln, ist die bisher vorgestellte Vorgehensweise natürlich ohne weiteres gangbar. Wollen wir den Plasmoid allerdings auch mit anderen teilen oder gar etwa auf http://opendesktop.org zum Download bereitstellen ist dieser Weg so nicht sinnvoll. Das größte Hindernis ist sicherlich die Verzeichnisstruktur und die Vielzahl der darin enthaltenen Dateien (Später können hier ja auch weitere Quelltexte, Bilder, Übersetzungen usw. hinzukommen). Das Plasma-Framework setzt daher auf .plasmoid Dateien, die im Grunde genommen nichts anderes sind als ganz normale ZIP Dateien mit einer anderen Endung (So wird das im übrigen bei vielen Dateien wie z.B. von OpenOffice oder den neuen MS Office Formaten auch gemacht). Um aus unserem Plasmoiden also ein Paket zu schnüren, gehen wir folgendermaßen vor:

cd hello_world
zip -r hello_world.zip *
mv hello_world.zip hello_world.plasmoid

Die Datei hello_world.plasmoid kann nun problemlos verteilt werden. Installiert werden .plasmoid Dateien übrigens genauso wie vorher das Verzeichnis:

plasmapkg -i hello_world.plasmoid

Wollen wir einen installierten Plasmoid wieder entfernen, verwenden wir den Schalter -r:

plasmapkg -r hello_world

Hierbei spielt es allerdings dann keine Rolle, ob aus einem Verzechnis oder aus einer .plasmoid-Datei installiert wurde, wichtig ist allein der Name des Plasmoiden, den wir in den Meta-Daten mit dem Feld X-KDE-PluginInfo-Name angegeben haben.

Weitere Informationen

Natürlich hat dieser Beitrag nur die absoluten Grundlagen der Entwicklung von Plasmoiden mit JavaScript beleuchtet. Das Framework bietet eine unmenge an weiteren Funktionalitäten wie die Abfrage oder auch Implementierung von Plasma-DataEngines (Plasma-Programme, die Daten aus verschiedensten Quellen bereitstellen), die Ausgabe von Graphen, Animationen, den Zugriff auf das Netzwerk oder das Starten vor Programmen. Einen guten Überblick bieten folgende Development Tutorials in der KDE Techbase:

SWT SS2010 – Übung 2 – FOAF und Jena

Mon, 10 May 2010 09:26:12 +0000

: Image via Wikipedia

In der heutigen Übung geht es vor allem darum, dass sie mit dem Jena Framework vertraut werden. Anhand von Friend-Of-A-Friend (FOAF) Profilen soll die Funktionsweise der Bibliothek gelernt werden. FOAF ist ein Internet-Standard, um Menschen und ihre Beziehungen untereinander in einer maschinen-verständlichen Form zu beschreiben.

Ziel der Übung soll es sein, einen Crawler zu schreiben, der sich von einem Startpunkt aus durchs Netz angelt und weitere Informationen findet.

Uebung 2 – FOAF (PDF)

Interessante Links:

Java Code um einen InputStream von einer Remote-URL zu bekommen:

URL location = new URL( "http://www.w3.org/People/Berners-Lee/card" );
 InputStream in = location.openStream();

SWT SS2010 – RDF(S) Frameworks

Mon, 10 May 2010 09:07:23 +0000

SWT_SS10_05_Frameworks (PDF)

[Semantic Web Technologies] Slides zu Vorlesung 6: RDF(S) Frameworks

Mon, 16 Nov 2009 16:39:07 +0000

Nach den theoretischen Grundlagen vom letzten Mal, wenden wir uns nun wieder den eher praktischen Gefielden zu. In der aktuellen Vorlesung beschäftigen wir uns mit RDF(S)-Frameworks aus der Java Welt.

Zunächst wird mit Sesame eines der bekanntesten Frameworks vorgestellt. Durch sein Storage and Inference Layer (SAIL) kann es semantische Daten mit praktisch beliebigen Mechanismen persistieren.

Der Mulgara Semantic Store ist ein Triple Store, der nativ in Java als Triple Store implementiert ist und nicht auf relationale Datenbanken angewiesen ist. Als wichtigstes Feature gibt es bei Mulgara das Resolver-SPI, mit dem es möglich ist, entfernten Content zu integrieren.
Mit dem Topaz Projekt existiert eine Erweiterung zu Mulgara, die die Idee eines Objekt Relational Mappers ala Hibernate in die Semantic Web Welt transferiert.

Abschließend beschäftigen wir uns mit Jena, dem marktführenden Semantic Web Framework, dass ursprünglich von Hewlett Packard als Open Source entwickelt wurde und seit kurzem als OpenJena verfügbar ist. Viele Beispiele demonstrieren, wie man mit dem Jena API die wichtigsten Aufgaben erledigt.

PDF Download

Literatur:

Schloenvoigt.de » Programming