drupal.icio.us

Um Erfahrungen in den Bereichen XUL 1, AJAX2, Drupal und XML3 zu vertiefen, möchten wir das beliebte Lesezeichen System delicious (del.icio.us) nachbilden.

Wir behalten die Anforderungen gering:

  • Lesezeichen (URL) mit Titel
  • Optionale Beschreibung (Backend)
  • Freie Kategorisierung (Tags)
  • Neue Beiträge mittels Firefox Add-on

Die Anpassungen für drupal.icio.us sind unter Download verfügbar.

  1. 1. XML User Interface Language, kurz: XUL, ist eine auf XML basierende Beschreibungssprache für grafische Benutzeroberflächen (GUI). Sie wurde ursprünglich für das Mozilla-Projekt entwickelt, wird aber inzwischen auch von anderer Software genutzt.
  2. 2. Ajax ist ein Apronym für die Wortfolge „Asynchronous JavaScript and XML“. Es bezeichnet ein Konzept der asynchronen Datenübertragung zwischen einem Server und dem Browser, das es ermöglicht, innerhalb einer HTML-Seite eine HTTP-Anfrage durchzuführen, ohne die Seite komplett neu laden zu müssen.
  3. 3. Die Extensible Markup Language ist eine Auszeichnungssprache zur Darstellung hierarchisch strukturierter Daten in Form von Textdaten. XML wird u. a. für den Austausch von Daten zwischen Computersystemen eingesetzt, speziell über das Internet.

Skin

Das Aussehen der Benutzeroberflächen kann mit CSS und Bilder angepasst werden. Die Erweiterung liegen in folgendem Ordner chrome/skin

Diese werden mit einer Packetdatei in das Add-on eingebunden.contents.rdf

1
2
3
4
56
7
<?xml version="1.0"?>
<rdf:RDF xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:chrome="http://www.mozilla.org/rdf/chrome#">
</rdf><rdf:Seq about="urn:mozilla:skin:root">
<rdf:li resource="urn:mozilla:skin:classic/1.0" /></rdf><rdf:Description about="urn:mozilla:skin:classic/1.0">
<chrome:packages>

Download

Die erstellte Dateien aus dem Projekt drupal.icio.us können als Archiv herunter geladen werden.

Demo

Erfahrene Internetanwender sammeln Lesezeichen und kommen so häufig auf tausende von Einträgen. In Unternehmen gehören Lesezeichen zum Link Management.

Das realisierte drupal.icio.us System, kann ohne grossen Aufwand eingerichtet werden und bietet die wichtigste Funktionen eines Link Managements Systems.

Lokalisierung

In der Regel möchte man mehrere Sprachversionen für eine Extension bereitstellen, ohne dafür wirklich für jede Sprache eine Extension anbieten zu wollen.

Menu

Linked PopUp Window

Um eigene Elemente und Funktionen zum Firefox hinzuzufügen werde sogenannte “XUL Overlays” erzeugt. Damit hat man die direkte Möglichkeit in die Benutzeroberfläche von Firefox einzugreifen - und neue Elemente hinzuzufügen oder zu manipulieren.

Menu Overlay: menuoverlay.xul

Über die Rechte Maustaste kann man neue Beiträge erfassen:

1
2
3
4
<?xml version="1.0"?>
<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<popup id="contentAreaContextMenu">
<menuitem id="tagthis" label="fabforge linked ..." accesskey="L"

Schlagwörter

Linked Schlagwörter Block

Um die Schlagwörter anzuzeigen erstellen wir einen Block, welcher den Name und die Anzahl URL von 9 Tags anzeigt.

Wörterbuch

Linked Taxonomie Konfiguration

Taxonomie Wörterbuch

Zur Kategorisierung der Lesezeichen, verwenden wir Taxonomien. Diese lassen sich gruppieren und in hierarchien unterteilen.