Notizen von Let's make sense!

PDFs mit PHP erstellen

Sun, 15 Apr 2012 15:00:42 GMT

Bei der Suche nach einer Bibliothek, mit der man aus PHP heraus PDFs erzeugen kann, stößt man normalerweise auf drei Kandidaten: fdpf, tcpdf und Zend_PDF. Es ist auch möglich, damit vernünftige PDFs zu erstellen, allerdings haben sie alle einen Haken: für eine optimale Layout-Kontrolle muss man Style-Eigenschaften des Dokuments im PHP-Code setzen.

Das sieht dann ungefähr so aus:

$pdf = new YourPdfLib();
$pdf->addPage();
$pdf->setFont('sans');
// Text an einer bestimmten Stelle zeichnen
$pdf->drawText('Hello World', 70, 120);
$pdf->render('output.pdf');

Echte Fronarbeit also, wenn man gewohnt ist, Ansichten mit CSS zu gestalten. Einen Ausweg bietet hier das Kommandozeilenwerkzeug wkhtmltopdf. Es verwendet die WebKit-Rendering-Engine (wie Safari und Google Chrome) und kann deshalb HTML mit den von WebKit unterstützten CSS-Angaben formatieren (und das sind die allermeisten von CSS2).

Für ein PDF muss man also nur eine HTML-Seite erzeugen, die die Besonderheiten von Druckformaten berücksichtigt (Seitengrößen, Seitenumbrüche bei Überschriften, etc.) und sie an wkhtmltopdf schicken.

Eine PHP-Klasse findet man auf der Google-Code-Seite von wkhtmltopdf

Aber natürlich lässt sich wkhtmltopdf auch über Cronjobs und mit anderen Programmiersprachen ansprechen. Das ist ja das schöne an einem Kommandozeilenwerkzeug.

Keine Ehre, wem keine Ehre geb�hrt

Mon, 05 Mar 2012 11:11:31 GMT

Die Raffgier nimmt kein Ende: "Wulff verlangt sämtliche Statussymbole". Ich bin der Meinung, dass Herr Wulff keinen Ehrensold verdient hat. Wer das genauso sieht, sollte die Petition des Deutschen Bundestag mitzeichnen.

Buba sells

Tue, 06 Dec 2011 09:44:10 GMT

Irgendwie bin ich auf der Website der Arvato Medienfabrik Gütersloh gelandet, einer Agentur aus dem mittelständischen Bertelsmann-Familienbetrieb. Liegt da ein ohnmächtiger, mundloser Teddybär auf der Homepage rum und ein Film beginnt um 7:30 Uhr mit einer Joggerin in Berlin zu laufen.

Sie bleibt an einer Litfaßsäule stehen. Ein Junge hat einen Zettel mit seinem verlorenen Teddybär darauf geklebt hat. Die Frau fotografiert den Zettel mit ihrem Smartphone und schickt es an ihre smarte Freundin bei der Medienfabrik. Dort werden dann sogleich die Dampfkessel angeheizt und alle Hebel in Bewegung gesetzt. Ein Rädchen der Maschine greift ins andere, rußverschmierte Malocher wischen sich den Schweiß von der Stirn, spucken in die Hände und der Stahl beginnt zu glühen.

Stop, äh, Mist - bei 'Fabrik' verrutschen einem so leicht die Metaphern. Natürlich sind es schöne, junge, glückliche und saubere Menschen in der Medien-Fabrik. Sie bearbeiten iPidPodPadPhoneWhiteboards, es wird wie verrückt ge-kick-off-t, ge-meet-et, ge-creat-et und ge-produc-et. Natürlich fehlt auch die Videokonferenz Gütersloh-München-London-Honolulu nicht.

Innerhalb von zwei Tagen schaffen es die Fabrikanten, die Medien-Republik mit Buba-Werbung zuzupflastern und das Internet viral zu verseuchen. Und - man mag es kaum glauben - die guten Menschen aus Ostwestfalen machen das Unmögliche möglich: der süße, kleine Junge bekommt seinen Teddy zurück.

Danke, Bertelsmann, danke! Du gibst uns den Glauben an das Gute im Kapitalismus zurück. Die wollen kein Geld verdienen, nein, sie wollen kleine Kinder glücklich machen. Das sollte uns allen ein Vorbild sein.

Wie ging der Spruch noch mal? "Ich kann gar nicht so viel essen wie ich ko.... möchte."

Aber das Allerbeste, das wirklich Allerbeste, ist die Jury in Cannes, die diesem Machwerk glatt einen Silbernen Delfin verliehen hat: "Die Jury zeigte sich begeistert von der »wunderbar in Szene gesetzten, wirklich berührenden Geschichte«."

Halleluja.

Der feine Unterschied zwischen '[A-z]' und '[a-zA-Z]'

Mon, 17 Oct 2011 12:58:22 GMT

Bei regulären Ausdrücken kommt es auf die Feinheiten an, wie ich heute festgestellt habe. Bisher dachte ich, der Ausdruck '[A-z]' würde alle großen und kleinen Buchstaben im ASCII-Zeichensatz finden und auch nur Buchstaben.

Dann sind wir über ein Backtick-Zeichen '`' gestolpert, was auch von '[A-z]' gefunden wird und jetzt weiß ich, dass

[A-z] alle Zeichen mit ASCII-Dezimalwerten von 65 - 122, d.h die Großbuchstaben ohne Umlaute, die Zeichen '[', '\', ']', '^', '_' und '`' sowie die Kleinbuchstaben ohne Umlaute findet
[A-Za-z] nur Groß- und Kleinbuchstaben ohne Umlaute (ASCII-Werte 65-90 und 97-122)
[\w] Groß- und Kleinbuchstaben, Ziffern und den Unterstrich aufspürt, also [A-Za-z0-9_] entspricht

MySQL startet nach Ubuntu-10.04-Update nicht mehr

Wed, 14 Jul 2010 11:26:12 GMT

Als Entwicklungsumgebung läuft bei mir ein Ubuntu 10.04 in einer Virtualbox. Die gestrige Softwareaktualisierung enthielt unter anderem ein Update der MySQL-Pakete. Leider blieb die Aktualisierung immer bei der Einrichtung von MySQL hängen.

Im Syslog fand ich folgende Meldungen:

May 28 11:07:35 vbox-dev mysqld: 100528 11:07:35 [Warning] Can't create test file /mnt/mysql/data/vbox-dev.lower-test
May 28 11:07:35 vbox-dev kernel: [ 5954.840470] type=1503 audit(1275037655.858:54): operation="mknod" pid=14264 parent=14132 profile="/usr/sbin/mysqld" requested_mask="c::" denied_mask="c::" fsuid=0 ouid=0 name="/mnt/mysql/data/vbox-dev.lower-test"

Die Dateiberechtigungen waren eigentlich korrekt gesetzt, der Benutzer mysql durfte Dateien anlegen in dem Verzeichnis. Aber durch einen Blogeintrag fand ich dann auf die richtige Spur: Apparmor ist der Bösewicht.

Da ich nicht das Standardverzeichnis für die MySQL-Datenbanken verwende, fehlte eine Regel in der Konfiguration von MySQL für Apparmor

# Datei /etc/apparmor.d/usr.sbin.mysqld
/usr/sbin/mysqld {
...
# man muss die Regeln für das Standarddatenverzeichnis
/var/lib/mysql/ r,
/var/lib/mysql/** rwk,
# ersetzen durch eine Regel für das eigene Datenverzeichnis
/mnt/mysql/data/ r,
/mnt/mysql/data/** rwk,
...
}

Danach Apparmor und MySQL neu starten:

/etc/init.d/apparmor restart
start mysql

Fehlermeldungen von Apparmor befinden sich in /var/log/kern.log. Hilfreich ist auch die Installation des Pakets apparmor-notify. Es zeigt in einem Popup-Fenster auf dem Desktop die durch Apparmor blockierten Zugriffe.

Auf ubuntuusers.de gibt es mehr Informationen zu Apparmor.

Was kann 'Social Media' und was nicht?

Wed, 14 Jul 2010 11:29:44 GMT

Das Beste, was ich bisher über die Möglichkeiten von Facebook, Twitter, etc. gesehen habe: talkabout-Präsentation "Wenn Social Media die Antwort ist".

Nach dem Durchblättern werden wohl einige Unternehmen enttäuscht Abschied von ihren "Web 2.0"-Projekten nehmen. Schließlich müssten Sie erst 'gut' werden, damit sie 'echte' Freunde im Netz finden.

Usability-Tests k�nnen auch in die Irre f�hren

Wed, 14 Jul 2010 11:41:12 GMT

Microsoft hat für Office 2010 die Programm-Icons geändert. Die Programme werden nun vorrangig durch ihren Anfangsbuchstaben identifiziert:

Zum Vergleich die Symbole von Office 2007, der Vorgängerversion:

In einem Blogeintrag begründet Keri Vandeberghe von Microsofts Office Design Group den Philosophie-Wechsel:

"The new icon designs respond to research that informs us that users can more easily associate icons by letter and color than by abstract design."

Das Ergebnis der Untersuchung leuchtet ein. Ein großes 'V' hat mehr mit 'Visio' zu tun als ein Quadrat und eine Raute. (Dass es nun allerdings drei 'P'-Icons gibt, die farblich eine Herausforderung für Menschen mit Rot-Grün-Schwäche sind, steht auf einem anderen Blatt).

In den Kommentaren zu Vandeberghes Beitrag stoßen die neuen Icons überwiegend auf Ablehnung. Sie seien ein Design-Rückschritt, ein Abklatsch von Adobes Rebranding 2006 oder einfach nur schrecklich und hässlich.

Usability vor Ästhetik?

Mir geht es nun nicht um die Frage, ob das Ergebnis gelungen ist oder nicht, sondern um die Vorgehensweise bei der Entscheidungsfindung. Die besagte Studie hat wohl eindeutig gezeigt, dass Buchstaben im Icon hilfreich sind. Usability definiert Ästhetik. Das klingt nach einer guten Nachricht. Ich bin immer dafür, wenn etwas einfacher und verständlicher wird.

Allerdings bleibt ein Unbehagen, wenn eine Änderung auf mehrfach geäußerte und so massive Ablehnung stößt. Das ist ein Zeichen, dass etwas nicht stimmt. Usability-Untersuchungen haben in den letzten Jahren immer mehr an Bedeutung gewonnen. Vor allem, wenn sie klare Zahlen liefern können wie die Marktforschung im Konsumgüterbereich. 70% finden das zweispaltige Layout besser, also nehmen wir das. Schöne und lehrreiche Beispiele liefert dafür Anne Hollands 'Which test won?'.

Was die quantitativen Tests aber unterschlagen sind die Meinungen der Minderheit. Warum fanden sie die 'Verlierer'-Lösung besser oder was stört sie an der Mehrheitslösung? In diesen Informationen steckt ein enormes Potenzial, um aus einer funktionierenden Variante eine noch bessere zu machen.

Wer Tests zur vorherrschenden Entscheidungsmethode macht, sollte auch den 'konservativen' Charakter von Testergebnissen bedenken. Marktforschungen sind sehr hilfreich, um die herrschende Meinung herauszufinden, da sie aus den aktuellen Erfahrungen und Haltungen der Befragten resultieren. Bei der Prognose zukünftiger Präferenzen können Sie aber ziemlich daneben liegen (wie man aus den Wahlumfragen weiß). Joan Rowlings 'Harry Potter' wurde zunächst auch von mehreren Verlagen abgelehnt. Was für ein kostspieliger Irrtum.

Verwirrende On-, Off-Anzeigen

Wed, 14 Jul 2010 11:54:19 GMT

In meinem Elternhaus gibt es einen Keller mit zwei Räumen. Die Lichtschalter für beide Räume befinden sich oben an der Treppe. Die beiden Kippschalter sind horizontal nebeneinander angeordnet und darüber gibt es zwei Lämpchen, die anzeigen sollen, in welchem Keller das Licht brennt. Dummerweise sind die Lämpchen vertikal positioniert. Noch heute rätsele ich jedes Mal, welcher Schalter für welchen Keller zuständig ist. Sicherheitshalber drücke ich deshalb immer beide Schalter.

Vor kurzem sind mir zwei ähnliche Probleme begegnet.

Auf Facebook gibt es die Anwendung RSS-Grafitti, die RSS-Feeds auswertet und die enthaltenen Nachrichten auf der Pinnwand des Nutzers veröffentlicht. Das ist sehr praktisch, wenn man z.B. seine neuesten Blogeinträge auch direkt auf Facebook posten will.

Die Anwendung ist auch durchaus empfehlenswert, allerdings kam ich an einer Stelle ins Grübeln. Der Statuseintrag, den RSS-Grafitti auf der Anwendungsseite für jeden Feed erstellt, sieht so aus:

Paradoxerweise wird erst ganz klar, was gemeint ist, wenn man auf 'ON' klickt. Dann verschiebt sich nämlich die Fläche mit dem weiß-grauen Farbverlauf und der Schalter steht auf 'OFF'. (Nur nebenbei: das ist fast wie früher bei Windows, als man auf 'START' klicken musste, um den Rechner herunterzufahren. Nachtrag: ironischerweise ist dieser Schalter ein Standardelement von Apples iPhone, wie ich inzwischen festgestellt habe)

Ähnlich irritiert bin ich, wenn ich die Kochplatten unseres Büros benutzen möchte. Wir haben zwei, die vom Kochenden aus betrachtet hintereinander liegen. Die Regler für die Platten sehen so aus:

Meiner Ansicht nach sollte der linke Regler das hintere Kochfeld steuern. Hell bedeutet für mich 'an', 'Feuer', 'rotglühendes Kochfeld'. Meine Kollegin meint, dass natürlich der ausgefüllte Punkt die Position des zugehörigen Kochfelds anzeigt. Und sie hat Recht (für Usability-Analysen ist es manchmal hilfreich, wenn man selber DAU ist. Smarte Menschen haben solche Probleme gar nicht ;-) ).

Wodurch entstehen nun aber die Verständnisschwierigkeiten und wie lassen sie sich lösen? Die drei missverständlichen Schalterdesigns haben Schwächen in der Kontextualisierung. Sie stellen keinen intuitiven Bezug zu dem Zustand her, den sie repräsentieren.

Die Lichtschalter müssten so angeordnet sein wie die Kellerräume. Am besten innerhalb einer Grundrissansicht der Kellerräume. Beim Button von RSS-Grafitti würde ein kleiner Link 'disable' genügen. Dann ist klar, das 'ON' die Statusanzeige ist und der Link 'disable' eine Möglichkeit bietet, diesen Status zu ändern. Die einfachste Lösung für unsere Büroküche wäre, die Regler neben den Kochfeldern zu platzieren. Oder die ausgefüllten Punkte deutlich größer zu machen als die leeren. Aber da ich offensichtlich der einzige DAU im Büro bin, lohnt sich das wohl nicht.

Facebook, Twitter - bringt das was?

Wed, 14 Jul 2010 12:00:24 GMT

CampaignMonitor ist einer der renommiertesten Anbieter von Newsletterdiensten weltweit. In einem Blogbeitrag haben sie den Traffic verglichen, den sie im Dezember über ihren monatlichen Newsletter und ihre Facebook- und Twitter-Aktivitäten erhielten.

Während Facebook-Fans und Twitter-Follower nur 9% des Gesamtpublikums ausmachten, gingen von ihnen 30% der Seitenaufrufe aus. Facebook-Fans riefen mehr als 5 Seiten pro Besuch auf, die Twitter-Nutzer nur etwa 2,6 und die Newsletterabonnenten 3,7. Die Twitter- und Facebook-Wirkungsdauer sei allerdings gering, nach 2-3 Tagen seien kaum noch Verweise messbar, der Newsletter bringe auch noch in der dritten Woche ein Zehntel der Besucher der ersten Woche.

Interessant sind auch die Zahlen des US-Amerikanischen SocialWeb-Dienstes ShareThis. Über einen ShareThis-Button haben Besucher von Webseiten die Möglichkeit, die Seite Freunden per E-Mail, über Tweets oder als Facebook-Eintrag weiterzuempfehlen.

Im Oktober 2009 gaben 46,4% der Nutzer ihre Links per E-Mail weiter, ein Drittel über Facebook und weniger als 6% als Tweet. Bei den Klicks, die daraus resultierten, sieht die Sache erstaunlicherweise umgekehrt aus. 40% aller Klicks kamen über Twitter, 25% über Facebook und nur 15% über E-Mail-Empfehlungen. Wenn es aber um die anschließende Aktivität auf der Seite geht, dreht sich das Blatt wieder. Facebook- und E-Mail-Nutzer kommen auf knapp 3 Seiten pro Besuch, Twitter-Leser nur auf 1,7 Seiten.

Fazit: Twitter- und Facebook-Nutzer sind noch in der Minderheit, allerdings sehr klickfreudig. Die Twitter-Freunde haben es jedoch eilig und verweilen nur kurz. Kein Wunder: das sind vor allem geschäftige Männer um die 30, die überwiegend in der Medien- und Marketingbranche arbeiten (vgl. deutschen Twitterumfrage).

B�rgerbeteiligung mit Hindernissen bei e-Konsultationen

Wed, 14 Jul 2010 12:10:30 GMT

Eine gute Sache. Die Bundesregierung fragt uns nach unserer Meinung. Über e-Konsultationen sollen Bürger bei Vorhaben der Politik und Verwaltung mitgestalten dürfen. So wurde zum Beispiel der Entwurf zum Bürgerportalgesetz aufgrund der Anmerkungen von Umfrageteilnehmern (ein bisschen) modifiziert.

Aber dann ist diese Seite zur Bürgerbeteiligung einfach eine Datenbanktextwüste mit verwirrenden Links. Kein Fokus, keine inhaltliche Hierarchie, nur nebensächliche Aktionsmöglichkeiten wie die Buttons für das Newsletterabo und die Weiterempfehlung der Seite.

Um festzustellen, dass es gerade keine aktives Beteiligungsprojekt gibt, muss man die Liste der 'E-Konsultationen' durchgehen und auch die Anmerkung finden, dass der Status entweder 'abgeschlossen' ist oder es gar keinen Link zur Beteiligung gibt.

Bei abgeschlossenen Beteiligungen heißt der Linktext 'Zur Online-Beteiligung' oder 'Zur e-Konsultation'. So als könnte man noch mitmachen. Wäre es nicht deutlicher zu schreiben: 'Zur Dokumentation und Auswertung der abgeschlossenen Online-Beteiligung'? Und für das aktuelle Projekt bietet die Seite nur diesen rätselhaften Hinweis:

Muss ich mich erst registrieren und freischalten lassen, um am Online-Dialog teilzunehmen? Oder muss der Minister den Link freischalten? Und wann wird diese Freischaltung sein? Wenn ich mich am angegebenen Datum orientiere, müsste die Aktion eigentlich schon laufen. Sehr verwirrend dieser Hinweis. (Nur nebenbei: heißt es nun offiziell 'Netz-Politk' oder 'Netzpolitik' oder gibt es da subtile Unterschiede?)

Schön fände ich auch, wenn ich ein ein Thema auswählen oder vorschlagen könnte, an dem ich mich beteiligen möchte oder sogar eine Umfrage selbst anlegen. Aber das wäre vielleicht etwas zu viel 'Netz' und zu viel 'Beteiligung'.