Einleitung

Für meinen Zweck läuft die Firewall mit DHCP-Server, DNS-Dienst und NAT auf einem eigenen Server. Daher verwende ich diese Features von DD-WRT nicht. Wer sie nutzen möchte, findet im DD-WRT Wiki viele Anregungen.

Diese Anleitung beschreibt »lediglich« die Nutzung eines DD-WRT Accesspoints für mehrere SSIDs. Dabei wird jeder SSID ein eigenes VLAN zugeordnet. Das Routing, sowie DHCP und DNS wird nicht weiter beschrieben, da das bei mir der Server erledigt.

Interessanterweise habe ich für diesen einfachen Anwendungsfall keine Anleitung im Netz finden können. Falls mein Router also einmal die Konfiguration vergessen sollte, habe ich hier die Schritte zum Einrichten dieser Konfiguration festgehalten. Hoffentlich hilft es dem Einen oder Anderen weiter:

Vorbereitungen

Als erstes muss natürlich DD-WRT auf dem Router installiert werden. Das geht ziemlich einfach und problemlos, sofern man sich sklavisch an die Anleitung hält. Jede Abkürzung kann dazu führen, dass man anschließend nur noch einen blau-schwarzen Briefbeschwerer mit zwei Antennen hat. Also, auch wenn 90 Sekunden Taste drücken für einen Factory-Reset etwas übertrieben erscheinen, die (insgesamt 3) Extraminuten sollte es einem wert sein. Anschließend hat man einen Wireless-Router, der alles kann, was man je brauchen wird und dazu noch viele Features bietet, von denen man nicht einmal wusste, dass man sie brauchen könnte.

Gut bewährt hat sich die Firmware-Version »DD-WRT v24-sp2 (10/10/09) mini - build 13064″. Das mini-Build enthält auch schon alles, was für die hier beschriebene Konfiguration notwendig ist. So dass man nicht unbedingt auf eines der größeren Builds wechseln muss.

Nach der Installation sollte man sich erst einmal um die Grundeinrichtung kümmern. Also Kennwort setzen, IP-Adresse vergeben, primäres WLAN einrichten, etc. Danach, kann es mit dem Einrichten des Gastnetzes weitergehen.

Ports

Da der Linksys Router fünf Ports besitzt, muss man sich zuerst entscheiden wie man diese nutzen möchte. Intern sind diese mit einem VLAN-Switch verbunden, welcher eine Trennung zwischen den Ports ermöglicht. Die nachfolgend dargestellte Konfiguration macht den mit »WAN« beschrifteten Anschluss zum VLAN-Trunk (dieser führt die VLANs also zu einem 802.1q fähigen Switch — in meinem Fall einem HP ProCurve den ich wirklich empfehlen kann). Die anderen vier LAN-Ports sind dem VLAN 1 zugeordnet und sind somit einfach mit dem internen (privaten) Netzwerk verbunden. So hat man dort, wo der Router installiert ist, noch vier interne LAN-Ports zusätzlich.

Wenn man sich hier für eine andere Konfiguration entscheidet, sind die einzelnen Punkte der Anleitung ggf. entsprechend abzuwandeln.

Multi-SSID

Um mehrere WLANs mit unterschiedlichen Namen nutzen zu können, muss die Funkhardware des WRT54GL dies auch können. Da es hier unterschiedliche Hardwarerevisionen gibt, muss man zuerst prüfen, welche in der Kiste steckt. Hierfür gibt es ein Konsolenkommando. Nach dem Login per Telnet gibt man also auf der Konsole des Routers folgenden Befehl ein.

nvram get wl0_corerev

Dabei wird eine einzelne Zahl ausgegeben, die wie folgt zu interpretieren¹ ist:

Hardwareversion	Multi-SSID fähigkeit
0 bis 4	Schade, keine Multi-SSID-Unterstützung.
5 bis 8	Multi-SSID ist möglich, allerdings nur mit der gleichen MAC-Adresse. Das kann bei einigen Wireless-Geräten zu Problemen führen. Probieren geht über studieren.
9 oder höher	Perfekt. Die Multi-SSID-Unterstützung ist komplett vorhanden. Auch mit einer eigenen MAC-Adresse je virtuellem WLAN.

Gut, nachdem das geklärt ist und hoffentlich eine 9 auf der Konsole aufgetaucht ist, geht es jetzt an die Konfiguration des zweiten WLANs. Ich gehe davon aus, dass das erste WLAN bereits konfiguriert ist. Dieses wird als internes (privates) WLAN verwendet. Also muss jetzt noch das Gastnetz hinzugefügt werden.

Wichtig: Wie bei allen Konfigurationsänderungen sollte man diese lieber über die normale Netzwerkverbindung als über das WLAN durchführen. Bei mir hat es zwar auch über das WLAN gut geklappt. Das ständige Auf– und Abbauen der Verbindung kann aber ganz schön nerven. Außerdem geht über Funk doch schnell mal die Verbindung verloren. Also besser doch ein Kabel in den Router stecken.

Zweites WLAN einrichten

Weiter geht es auf dem Reiter »Wireless« — »Basic Settings«. Hier kann nun das zweite, virtuelle WLAN eingerichtet werden. Einfach den »Add«-Button drücken und eine weitere (natürlich von der ersten verschiedene) SSID für das Gast-WLAN vergeben:

Einrichten des zweiten WLANs (gast)

Die Einstellungen werden anschließend über die Schaltfläche »Apply Settings« gespeichert.

Sicherheit

DD-WRT Wirless Security

Auch hier werden die Einstellungen wieder über die Schaltfläche »Apply Settings« gespeichert.

Sind die Sicherheitseinstellungen korrekt konfiguriert geht es jetzt mit dem Einrichten der VLANs weiter.

VLANs

Diese Konfiguration lässt sich paradoxerweise am einfachsten über das WLAN durchführen. Da hierbei die Einstellungen des in den WRT54GL integrierten Switches verändert werden, ist über WLAN die Gefahr sich auszusperren am geringsten.

Auf der Seite »Setup« — »VLANs« müssen nun die VLANs konfiguriert werden. Dabei habe ich folgende VLAN-Zuordnung gewählt. Natürlich können auch andere VLANs verwendet werden:

VLAN	Zweck
1	Internes Netzwerk
12	Gastnetz

Wie das nachfolgende Bild zeigt, müssen nun die einzelnen VLANs den Anschlüssen des WRT54GL zugewiesen werden. In diesem Fall müssen also die VLANs 1 und 12 auf den WAN-Anschluss. Zusätzlich werden die anderen Switchports dem VLAN 1 zugeordnet, damit diese ebenfalls noch als LAN-Ports nutzbar sind.

DD-WRT VLAN Einstellungen

Wichtig ist der Haken »Tagged« in der Spalte »W«. Dieser macht aus dem WAN-Anschluss einen VLAN-Trunk, bei welchem die Pakete mit einem 802.1q-Tag versehen werden. Die verwendeten Ports sollte man, ebenso wie das WLAN, noch der LAN-Bridge zuordnen.

Anschließend natürlich nicht das Speichern über die Schaltfläche »Apply Settings« vergessen.

Verbinden der einzelnen Interfaces

Jetzt müssen die einzelnen Interfaces noch passend miteinander verbunden werden. Die folgende Tabelle gibt erst einmal einen Überblick über die relevanten Interfaces:

Interface	Beschreibung
eth1	Primäres Wireless-Interface (erste SSID — internes Netzwerk)
wl0.1	Sekundäres Wireless-Interface (zweite SSID — Gast-Netzwerk)
vlan1	VLAN mit ID 1 (intern) auf dem internen Switch
vlan12	VLAN mit ID 12 (Gast) auf dem internen Switch

Es sind also zwei Bridges notwendig um die Interfaces korrekt zu verbinden. Aktuell müssten alle Interfaces der Bridge br0 zugeordnet sein. D.h. die vier Netzwerkinterfaces sind alle miteinander verbunden. Korrekt wäre jedoch folgende Zuordnung:

Um das zu erreichen muss zuerst eine weitere Bridge angelegt werden. Hierzu dient die »Add«-Schaltfläche im Abschnitt »Create Bridge« der DD-WRT Verwaltung. Man sollte sich bei der neuen Bridge nicht von der Beschriftung der ersten Zeile irritieren lassen. Hier steht zwar »Bridge 0″ aber in das erste Feld muss trotzdem »br1« eingetragen werden (»br0« ist immer vorhanden und zählt daher anscheinend nicht). STP kann normalerweise abgeschaltet werden. Die restlichen Werte lässt man einfach auf den Standardeinstellungen.

Jetzt braucht die Bridge noch eine IP-Adresse aus dem Netzwerksegment des Gastnetzes (VLAN 12).

Ist alles eingestellt kann die Bridge über die »Apply Settings«-Schaltfläche angelegt werden. Was jetzt noch fehlt ist die Zuordnung der Interfaces zur neuen Bridge.

Über die »Add«-Schaltfläche im Abschnitt »Assign to Bridge« können Interfaces einer Bridge zugeordnet werden. Nach dem ersten Klick auf »Add« wird die Bridge »br1« ausgewählt und das Interface »wl0.1″ zugeordnet. Die Standardpriorität kann man hierbei getrost beibehalten. Anschließend muss man nochmals auf »Add« klicken und auch das Interface »vlan12« der Bridge »br1« zuweisen.

Die Änderungen werden wieder über die Schaltfläche »Apply Settings« gespeichert. Am Ende sollte alles so aussehen wie auf dem folgenden Screenshot:

DD-WRT VLANs und Bridges

Finale Konfiguration

Jetzt sind die VLANs passend eingerichtet. Auf dem WAN-Port erscheinen nun Pakete mit dem 802.1q VLAN-Tags 1 und 12. Je nach verwendetem WLAN bzw. Port am WRT54GL. Was jetzt noch fehlt ist die Konfiguration am zentralen Netzwerkswitch. Hier muss der Anschluss, an welchem der WAN-Port des Wireless-Routers angebunden ist, noch als Trunk für die VLANs 1 und 12 konfiguriert werden. Natürlich ist es auch hilfreich das »Ingress Filtering« passend für die verwendeten VLANs zu konfigurieren und zu aktivieren³.

Falls ein DHCP-Server verwendet wird (wovon ich fast einmal ausgehe), muss dieser noch für das neue VLAN konfiguriert werden. Läuft der VLAN-Trunk bis zur Firewall/zum Server auf welchem der DHCP-Server sitzt, braucht dieser natürlich noch ein neues, virtuelles Interface im passenden VLAN um die DHCP-Anfragen zu beantworten.

Test, Test

Ist alles konfiguriert, kann man zuerst einmal versuchen, die IP-Adresse der Bridge »br1« zu pingen. Klappt das, ist das VLAN schon einmal korrekt von der Firewall/vom Server bis zum Wireless-Router eingerichtet. Sobald der DHCP-Server läuft kann man versuchen einen Client mit dem neuen Gastnetzwerk zu verbinden, was eigentlich auf Anhieb klappen sollte. Wenn nicht: Viel Spaß beim Fehler suchen

Alte Hardware, alte Leier

Wie immer gibt es für alte Hardware vom Hersteller keinen Support und keine neuen Treiber mehr. Ich wollte jedoch keine Treiber aus irgendwelchen Foren einspielen. Hier weiß man einfach nicht, was man bekommt. Im besten Fall fehlen einige wichtige Dateien, im schlechtesten erhält man einen Trojaner oder ein Backdoor gratis dazu. Also habe ich mich auf der Acer-Seite auf die Suche nach einem aktuelleren Notebook/Netbook-Model gemacht, welches ebenfalls einen Atheros Chip unterstützt.

Neue Treiber auf alter Hardware

Fündig wurde ich beim Aspire One AO722. Dieses Netbook findet man auf der Acer-Seite über »Support« > »Treiber & Downloads«. Anschließend wählt man »Netbook« > »Aspire One« > »AO722« und wählt dann das korrekte Betriebssystem (in meinem Fall »Windows 7 Professional x86«) aus. In der Treiberliste taucht dann der aktuelle Atheros Treiber mit der Versionsnummer 9.2.x.x auf. Diese Datei sollte man jetzt herunterladen.

Auswahl des Acer Aspire One 722

Installation

Da ich die Installationsprogramme der Hersteller (welche immer allerlei Schrott mit installieren) nicht mag und diese auf dem Netbook nur für noch mehr träge Masse sorgen, habe ich den Treiber über den Gerätemanager installiert.

Hierfür entpackt man die heruntergeladene ZIP-Datei. Im Unterordner WLAN_Atheros_9.2.0.469_W7x86\ndis6xWin7\ findet man nun alle für die Installation nötigen Dateien. Über den Gerätemanager sucht man nun den Wireless-Adapter heraus und vergewissert sich noch einmal auf dem Reiter Details, dass man es wirklich mit einem Atheros-Adapter zu tun hat. Ist dies der Fall, wechselt man auf den Reiter »Treiber« und wählt »Treiber aktualisieren…«. Dort klickt man »Auf dem Computer nach Treibersoftware suchen.« an und wählt als Speicherort den vorhin entpackten Ordner ndis6xWin7 aus. Nun installiert Windows den neuen WLAN-Treiber.

Ergebnis

Die sporadischen Disconnects, welche mein Aspire One geplagt hatten, sind mit der neuen Treiberversion verschwunden. Nun ist die WLAN-Verbindung auch mit dem neuen Accesspoint und DD-WRT stabil.

Mediatomb Einstellungen

Die wichtigste Einstellung, damit die Wiedergabe nicht stottert, ist <protocolInfo extend="yes"/>. Diese stellt sicher, dass der Player alle notwendigen Informationen erhält um MP3-Dateien problemlos wiederzugeben. Ansonsten gibt es Aussetzer oder die Wiedergabe funktioniert überhaupt nicht.

Zusätzlich sollte man die Einstellungen für den Zeichensatz im Abschnitt import prüfen und ggf. anpassen. Unter Linux kann man heutzutage fast alles auf UTF8 stellen. Falsche Sonderzeichen können sonst auch den Player zum Absturz bringen.

<filesystem-charset>UTF-8</filesystem-charset>
<metadata-charset>UTF-8</metadata-charset>
<playlist-charset>UTF-8</playlist-charset>

Blindbedienung

Wenn man den Player als Musikspieler einsetzt, möchte man natürlich nicht immer den Fernseher einschalten um Musik abzuspielen. Leider lässt sich das Hauptmenü blind nicht wirklich gut bedienen. Nur durch Zufall ist mir jedoch aufgefallen, dass wenn man die Home-Taste drückt, der Player die zuletzt genutzte Funktion erneut aufruft. Wenn man also vor dem Ausschalten immer kurz auf die Medienauswahl für das LAN wechselt, kann man diese beim nächsten Einschalten blind über die Home-Taste aufrufen. Wenn man nur einen Medienserver hat und die Playlist so benennt, das sie an erster Stelle steht, kann man einfach durch wiederholtes Drücken der »Nach rechts«-Taste die Playlist auswählen, ohne den Fernseher einschalten zu müssen.

Das date-Kommando, welches die meisten Linux-Distributionen standardmäßig mitliefern, wird meist nur zur formatierten Datumsausgabe verwendet. Das Kommando date +"%d.%m.%Y" gibt das aktuelle Datum in deutscher Schreibweise [Tag].[Monat].[Jahr] aus. Doch date kann noch viel mehr:

Datum mit Format

Das date–Kommando kann das Datum in unterschiedlichen Formaten ausgeben. Hierbei wird das gewünschten Format nach einem +–Zeichen übergeben. Bestimmte Zeichenkombinationen werden hierbei durch Werte aus dem aktuellen Datum ersetzt. Einen Überblick gibt die folgende Tabelle:

Zeichen	Bedeutung
%%	Ein %-Zeichen.
%a	Abgekürzter Name des Wochentages (z.B. Son, Mon). Abhängig von der aktuell eingestellten Locale.
%A	Der vollständige Name des Wochentages (z.B. Sonntag). Abhängig von der aktuell eingestellten Locale.
%b	Abgekürzter Name des Monats (z.B. Jan, Feb). Abhängig von der aktuell eingestellten Locale.
%B	Der vollständige Name des Monats (z.B. Januar). Abhängig von der aktuell eingestellten Locale.
%c	Datum und Uhrzeit in der Formatierung der aktuellen Locale.
%C	Das Jahrhunder. Im Prinzip die ersten beiden Stellen der Jahreszahl.
%d	Tag im Monat inkl. führender Null. (z.B. 01, 11, etc.).
%D	Das aktuelle Datum. Entsprich date +"%m/%d/%y".
%e	Tag im Monat. Bei den Tagen 1–9 mit vorangestelltem Leerzeichen. Entsprich %_d.
%F	Vollständiges Datum. Entsprich date +"%Y-%m-%d".
%g	Die letzten beiden Stellen des Jahres der aktuellen ISO-Woche. D.h. zum Jahreswechsel zählt das Jahr, zu welchem die aktuelle Kalenderwoche (nach ISO) gehört.
%G	Das Jahr der aktuellen ISO-Woche (vierstellig). D.h. zum Jahreswechsel zählt das Jahr, zu welchem die aktuelle Kalenderwoche (nach ISO) gehört. Wird normalerweise in Kombination mit %V verwendet.
%h	Entspricht %b.
%H	Stunde im 24-Stunden-Format (00–23).
%I	Stunde im 12-Stunden-Format (01–12).
%j	Tag des Jahres (001–366).
%k	Stunde ohne führende 0 im 24-Stunden-Format (00–23).
%l	Stunde ohne führende 0 im 12-Stunden-Format (0–12).
%m	Monat mit führender 0 (01–12).
%M	Minute mit führender 0 (00–59).
%n	Ein Newline-Zeichen (\n).
%N	Nanosekunden (000000000..999999999)
%p	Darstellung von AM und PM in der lokalen Schreibweise.
%P	Wie %p nur in Kleinbuchstaben (nicht ganz logisch — ich weiß)
%r	Uhrzeit im 12-Stunden-Format in der lokalen Schreibweise.
%R	Uhrzeit im 24-Stunden-Format in der lokalen Schreibweise.
%s	Sekunden seit 01.01.1970 00:00:00 Uhr UTC.
%S	Sekunden
%t	Ein Tab.
%T	Uhrzeit im Format %H:%M:%S.
%u	Wochentag (1..7). 1 entspricht dem Montag.
%U	Wochennummer im Jahr. Dabei wird der Sonntag als erster Tag der Woche angenommen.
%V	ISO-konforme Wochennummer (01..53).
%w	Wochentag (0..6). 0 entspricht dem Sonntag.
%W	Wochennummer im Jahr. Dabei wird der Montag als erster Tag der Woche angenommen.
%x	Datumsangabe in der aktuellen, lokalen Schreibweise.
%X	Zeitangabe in der aktuellen, lokalen Schreibweise.
%y	Die letzten zwei Stellen der Jahreszahl.
%Y	Vierstellige Jahreszahl.
%z	Zeitzone als nummerische Repräsentation (z.B. +0100 für MEZ).
%:z	Zeitzone in der Darstellung Shh:mm (z.B. +01:00 für MEZ).
%::z	Zeitzone in der Darstellung Shh:mm:ss (z.B. +01:00:00 für MEZ).
%Z	Darstellung der Zeitzone als Abkürzung (z.B. MEZ).

Wird nach dem Prozentzeichen eine Längenangabe eingefügt, füllt date die fehlenden Stellen standardmäßig mit Nullen auf. Die folgenden zusätzlichen Flags können dem %–Zeichen folgen um dies zu ändern:

Zeichen	Bedeutung
-	Das Feld nicht auffüllen.
_	Das Feld mit Leerzeichen auffüllen.
0	Das Feld mit Nullen auffüllen.
^	Wenn möglich Großbuchstaben verwenden.
#	Wenn möglich Kleinbuchstaben verwenden.

Nach diesen Flags wird dann noch eine Zahl für die Feldlänge eingefügt. So gibt beispielsweise date +"%09Y" das Jahr mit 9 Stellen (z.B. 000002012) aus.

Gestern, heute, morgen

Der häufig nicht beachtete, dafür aber um so nützlichere, Parameter heißt -d. Er erlaubt es, das Datum, welches Date ausgeben soll, zu spezifizieren. Das alleine ist noch nicht sehr spektakulär, jedoch kann -d auch ungewöhnliche Datumsangaben wie »gestern« (yesterday) oder »morgen« (tomorrow) verarbeiten. Die folgenden Beispiele zeigen, was mit Datumsberechung alles möglich ist:

# Gibt das Datum des gestrigen Tages aus:
date -d "yesterday" +"%d.%m.%Y"
 
# Gibt das morgige Datum aus:
date -d "tomorrow" +"%d.%m.%Y"
 
# Gibt das Datum von heute in einer Woche aus:
date -d "+1 week" +"%d.%m.%Y"
 
# Gibt das Datum des gestrigen Tages vor 2 Jahren aus:
date -d "yesterday 2 years ago" +"%d.%m.%Y"

Zeit und… äh, Zeit

Natürlich funktionieren diese Angaben auch mit Zeitwerten. Dass heißt, auch die folgenden Angaben sind möglich und liefern das gewünschte Ergebnis:

# Datum und Uhrzeit vor 2 Stunden
date -d "2 hours ago"
 
# Datum und Uhrzeit in einer Woche und zwei Stunden
date -d "+1 week +2 hours"

Nicht jetzt, später

Ich hoffe das Prinzip ist inzwischen klar geworden. Nun stellt sich nur noch die Frage: »Was tun, wenn ich nicht mit dem aktuellen Datum rechnen will?» Auch daran haben die Macher von date gedacht. Man kann die Datums-Offsets auch mit einer Datumsangabe kombinieren: date -d "2011-01-01 +1 month" gibt wie gewünscht Tue Feb 1 00:00:00 CET 2011 aus. Man stellt also ein, von date akzeptiertes Datum, vor den Zeitoffset und schon verwendet date dieses Datum als Basis für die Offset-Berechnung.

Wer mehr über das date Kommando erfahren möchte, der sollte sich die meist installierte Info-Seite über den Befehl info date ansehen.

#!/bin/bash
fullScriptName=$(readlink -qe "$0")
fullScriptPath=${fullScriptName%/*}
pushd $fullScriptPath

Dieses Stück Bash-Shellscript setzt den aktuellen Pfad auf das Verzeichnis, in welchem das Shellscript abgelegt ist. Da pushd verwendet wird, wird der Pfad beim verlassen des Scriptes automatisch wieder auf das vorhergehende Verzeichnis zurückgesetzt. So arbeitet das Script immer in seinem Installationsverzeichnis, ohne das das aktuelle Arbeitsverzeichnis der aufrufenden Shell verbogen wird.

Diese Datei enthält die Eclipse DLTK Datenbank. Aus Gründen, welche mir nicht ganz klar sind, wird diese bei umfangreichen Änderungen im Projekt immer größer. Eclipse nimmt es aber offensichtlich nicht übel, wenn diese Datei einfach gelöscht wird.

Wenn also der Eclipse-Workspace immer größer wird, einfach die Entwicklungsumgebung schließen. Die Datei .metadata.plugins\org.eclipse.dltk.core.index.sql.h2 löschen und Eclipse anschließend neu starten. Danach baut Eclipse den DLTK-Index neu auf. Bei mir schrumpfte die neue Index-Datei auf etwas 10% der alten Größe.

Wer also etwas über meinen — ich denke sehr interessanten — Ansatz zum Thema Multithreading in C# wissen möchte, der kann sich den Artikel hier ansehen.

Je nach Bewertung werde ich den Sourcecode und evtl. noch etwas »Bonusmaterial« hier veröffentlichen… Den Aufwand mache ich mir aber nur, wenn der Artikel auch ankommt.

Erfreulicherweise wird der Touchscreen von eGalax bei Debian automatisch über das Modul usbtouchscreen erkannt. Klickt man auf den Bildschirm, springt der Cursor also gleich nach der Installation fröhlich durch die Gegend. Dummerweise fehlt allerdings das Tool, um den Touchscreen zu kalibrieren…

Tools nachinstallieren

Zuerst braucht man also das Tool xinput_calibrator. Da es dieses nicht im Standardrepository von Debian gibt, muss man es gesondert herunterladen. Auf der Homepage gibt es glücklicherweise ein Debian-Paket, so dass die Installation anschließend durch einen Doppelklick und auswählen des »Installieren«-Buttons erledigt ist.

Anschließend sollte man in einer Root-Shell noch schnell über den Befehl apt-get install xinput sicherstellen, dass xinput installiert ist.

Zielübungen (Kalibrieren)

Touchscreen Kalibrierung

Möchte man die Kalibrierung also permanent übernehmen, so ist man auf die Konsole angewiesen. Am einfachsten geht es, wann man die nachfolgende Befehlszeile in ein Konsolenfenster (keine Root-Shell!) kopiert:

xinput_calibrator --output-type xorg.conf.d|sudo grep -A 20 "Section" > newcal && sudo cp newcal /usr/share/X11/xorg.conf.d/99-calibration.conf

Nun öffnet sich das Kalibrierungsfenster und man muss wieder die angezeigten Punkte anklicken. Wird der Kalibrierungsvorgang erfolgreich abgeschlossen, so werden die neuen Einstellungen permanent in der Konfigurationsdatei /usr/share/X11/xorg.conf.d/99-calibration.conf gespeichert. Ggf. muss man hierfür im Konsolenfenster noch das eigene Kennwort eingeben. Beim Abbrechen des Vorgangs mit der ESC-Taste wird keine Änderung vorgenommen.

Rechts klicken

Der Rechtsklick lässt sich unter Debian wie im Artikel Touchscreen Rechtsklick in Ubuntu beschrieben einrichten. Im Gegensatz zu Ubuntu funktioniert in Debian Squeeze die Einstellung sogar meistens

Leider klappt es gerade bei Firefox eher weniger gut. Wenn jemand also einen besseren Weg gefunden hat, mit nur einer Maustaste einen sekundären Klick hin zu bekommen, würde ich mich über einen Kommentar freuen.

Vorbereitungen

Zuerst benötigt man ein wenig Software. Diese sollte man sich zuerst herunterladen und ggf. installieren:

• Inkscape

  Vektorzeichenprogramm welches seit Kurzem auch XAML speichern kann. Ich verwende es zum Vektorisieren der Grafiken.

• Paint.NET

  Rasterzeichenprogramm welches ich zum Einlesen des Scans und zur Aufbereitung der Vorlage benutzt habe. Hier funktioniert auch jeder andere Grafikeditor. Wer sich jedoch genau an das Tutorial halten will, sollte Paint.NET herunterladen und installieren.

• Visual Studio 2010

  Eigentlich ist Visual Studio nicht unbedingt notwendig. Ich verwende es jedoch für dieses Beispiel und daher habe ich es hier aufgeführt. Es funktioniert natürlich auch jedes andere IDE mit XAML-Support.

Nachdem die ganze Software installiert ist, geht es erst einmal offline weiter.

Icons entwerfen

Scan der Icons in Rohform

Anschließend wird erst einmal alles eingescannt. Dafür gibt es in Paint.NET den Menüpunkt »Datei« — »Übernehmen«. Dieser erlaubt es Daten von einem Scanner zu importieren. Das Ergebnis zeigt das nebenstehende Bild.

Aufbereiten des Scans

»Kurven«-Dialog mit Sprungfunktion

Erst wenn das Bild (fast) schwarz-weiß aussieht, geht es weiter. Der nachfolgende »Optimierte Scan« zeigt, wie die Grafiken aussehen sollten, bevor sie mit Inkscape weiterverarbeitet werden können.

Optimierter Scan

Vektorisieren

Um die Grafiken schlussendlich in Vektorinformationen zu übersetzen (welche anschließend in XAML genutzt werden können), muss zuerst eine der Zeichnungen ausgeschnitten werden. Hierbei muss man nicht auf das letzte Pixel exakt arbeiten. Nach dem Vektorisieren werden weiße Bereiche noch entfernt. Als Beispiel habe ich habe mich für einen Zeichenstift entschieden. Dieser wird in Paint.NET markiert, kopiert (Strg+C) und anschließend in Inkscape eingefügt (Strg+V).

Bitmap-Grafik in Inkscape

Einstellungen des Vektorisierers

Einstellungen auf dem Reiter »Optionen«

Anschließend startet man mit einem Klick auf »Ok« die Vektorisierung. Der Dialog verschwindet aber danach nicht und muss über das »X« geschlossen werden. Ich habe beim ersten Mal ungefähr zehn vektorisierte Kopien erzeugt, bevor mir das aufgefallen ist.

Nun schiebt man erst einmal die vektorisierte Kopie von der Vorlage herunter und löscht die Vorlage aus dem Bearbeitungsfenster (»Entf«-Taste).

Bitmapvorlage und vektorisierte Kopie

Unterschiedliche Ebenen

Seite einpassen

Einbinden in XAML

Nun erhält man eine XAML-Datei folgenden Inhalts (ich habe den Output einer einfacheren Grafik genutzt, um das Beispiel kurz zu halten):

<?xml version="1.0" encoding="UTF-8"?>
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Name="svg2" Width="10" Height="356">
  <Canvas.Resources/>
    <Canvas Name="layer1">
      <Canvas>
        <Canvas.RenderTransform>
          <TransformGroup>
          <!--g-->
          <TranslateTransform X="-139.77038" Y="-89.362155"/>
        </TransformGroup>
      </Canvas.RenderTransform>
      <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path2996" Fill="#000000" Data="m 144.86526 434.61216 c -0.25947 -20.70258 -0.27379 -24.77728 -0.0993 -28.25 0.4676 -9.30421 -0.72411 -42.24365 -1.73517 -47.96132 -0.62841 -3.55372 -1.08318 -9.85372 -1.0106 -14 0.22408 -12.80188 0.32971 -30.33989 0.20802 -34.53868 -0.0638 -2.2 0.39953 -7.6 1.02953 -12 0.63 -4.4 1.06019 -8.45282 0.95597 -9.00626 -0.10421 -0.55345 -0.65714 -7.52845 -1.22873 -15.5 -1.1062 -15.42733 -1.35521 -17.68739 -2.80146 -25.42587 -0.52064 -2.78581 -0.55322 -6.26717 -0.0749 -8 0.4658 -1.68733 1.0748 -8.91787 1.35334 -16.06787 0.27855 -7.15 0.7603 -14.8 1.07057 -17 0.74087 -5.25328 0.66618 -47.32431 -0.1145 -64.5 -0.33749 -7.425 -0.58912 -15.975 -0.55917 -19 0.17463 -17.64079 0.33842 -21.12155 1.28224 -27.250005 0.9638 -6.258213 1.22187 -6.75 3.54206 -6.75 l 2.50252 0 -0.78419 7.25 c -0.43131 3.987495 -0.69388 10.258335 -0.58349 13.935185 0.1104 3.67684 -0.141 6.89766 -0.55867 7.15736 -0.41766 0.2597 -0.66199 4.45137 -0.54294 9.31482 0.81612 33.34021 0.96444 80.05177 0.26006 81.90442 -1.99696 5.2524 -3.09784 39.3782 -1.43355 44.43822 0.63315 1.925 1.01348 5.75 0.84519 8.5 -0.64719 10.575 -0.53962 14.22376 0.53723 18.2229 0.68838 2.55643 0.89403 8.27246 0.53814 14.95738 -1.43311 26.91945 -1.53547 31.67156 -1.18078 54.81972 0.13483 8.8 0.68888 16.675 1.23121 17.5 0.54233 0.825 1.08922 7.8 1.21531 15.5 0.1261 7.7 0.36953 20.75 0.54097 29 0.17144 8.25 0.11291 19.1625 -0.13008 24.25 -0.24654 5.16189 -0.41226 7.93524 -0.93581 8.95244 -0.30537 0.59328 -0.7533 0.29756 -1.35516 0.29756 -0.62892 0 -0.51137 0.26848 -1.26949 -0.17118 -1.07778 -0.62504 -0.63814 -4.49248 -0.71442 -10.57882 z"/>
    </Canvas>
  </Canvas>
</Canvas>

Da Inkscape versucht, die einzelnen Layereigenschaften zu exportieren, ist der XAML-Output stärker geschachtelt als er eigentlich sein müsste. Das Canvas mit dem Namen »Layer1« und das darin enthaltene Canvas können entfallen. Auch die xmlns– und Name-Angaben sind überflüssig, wenn das Icon als Ressource genutzt wird. Ich habe den XML-Quelltext zuerst einmal in ein neues ResourceDictionary kopiert um ihn dort zu bereinigen. Wichtig ist dabei natürlich, dass der <?xml–Header ebenfalls entfernt wird. Das erste Canvas benötigt dann natürlich noch ein x:Key-Tag, über welches auf die Ressource zugegriffen werden kann. Der endgültige Code sieht dann folgendermaßen aus:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Canvas x:Key="VLine" Width="10" Height="356">
    <Canvas.Resources/>
    <Canvas.RenderTransform>
      <TransformGroup>
        <TranslateTransform X="-139.77038" Y="-89.362155"/>
      </TransformGroup>
    </Canvas.RenderTransform>
    <Path Fill="#000000" Data="m 144.86526 434.61216 c -0.25947 -20.70258 -0.27379 -24.77728 -0.0993 -28.25 0.4676 -9.30421 -0.72411 -42.24365 -1.73517 -47.96132 -0.62841 -3.55372 -1.08318 -9.85372 -1.0106 -14 0.22408 -12.80188 0.32971 -30.33989 0.20802 -34.53868 -0.0638 -2.2 0.39953 -7.6 1.02953 -12 0.63 -4.4 1.06019 -8.45282 0.95597 -9.00626 -0.10421 -0.55345 -0.65714 -7.52845 -1.22873 -15.5 -1.1062 -15.42733 -1.35521 -17.68739 -2.80146 -25.42587 -0.52064 -2.78581 -0.55322 -6.26717 -0.0749 -8 0.4658 -1.68733 1.0748 -8.91787 1.35334 -16.06787 0.27855 -7.15 0.7603 -14.8 1.07057 -17 0.74087 -5.25328 0.66618 -47.32431 -0.1145 -64.5 -0.33749 -7.425 -0.58912 -15.975 -0.55917 -19 0.17463 -17.64079 0.33842 -21.12155 1.28224 -27.250005 0.9638 -6.258213 1.22187 -6.75 3.54206 -6.75 l 2.50252 0 -0.78419 7.25 c -0.43131 3.987495 -0.69388 10.258335 -0.58349 13.935185 0.1104 3.67684 -0.141 6.89766 -0.55867 7.15736 -0.41766 0.2597 -0.66199 4.45137 -0.54294 9.31482 0.81612 33.34021 0.96444 80.05177 0.26006 81.90442 -1.99696 5.2524 -3.09784 39.3782 -1.43355 44.43822 0.63315 1.925 1.01348 5.75 0.84519 8.5 -0.64719 10.575 -0.53962 14.22376 0.53723 18.2229 0.68838 2.55643 0.89403 8.27246 0.53814 14.95738 -1.43311 26.91945 -1.53547 31.67156 -1.18078 54.81972 0.13483 8.8 0.68888 16.675 1.23121 17.5 0.54233 0.825 1.08922 7.8 1.21531 15.5 0.1261 7.7 0.36953 20.75 0.54097 29 0.17144 8.25 0.11291 19.1625 -0.13008 24.25 -0.24654 5.16189 -0.41226 7.93524 -0.93581 8.95244 -0.30537 0.59328 -0.7533 0.29756 -1.35516 0.29756 -0.62892 0 -0.51137 0.26848 -1.26949 -0.17118 -1.07778 -0.62504 -0.63814 -4.49248 -0.71442 -10.57882 z"/>
  </Canvas>
</ResourceDictionary>

In XAML kann das Icon nun beispielsweise als Hintergrund für einen Button genutzt werden. Über das Fill-Attribut des Path-Tags lässt sich die Farbe des Icons nachträglich noch anpassen.

<Button Width="32" Height="32" Style="{StaticResource FlowDocumentButton}">
  <Button.Background>
    <VisualBrush Stretch="Uniform" Visual="{StaticResource SaveIcon}"/>
  </Button.Background>
</Button>

Eclipse das Handling des .svn-Ordners abgewöhnen

Einstellung in Eclipse