Kommentare sind willkommen.

Meinen persönlichen Bug habe ich schon gefunden: Es gibt Probleme, wenn man seine DPI-Zahl anders eingestellt hat. Das tritt glücklicherweise bei den wenigsten Leuten auf.

Positives gibt es vieles zu berichten. Mein Favorit ist die Ressourcennutzung: 200 Tabs in Firefox 2 waren 870 MB schwer. Die gleichen Tabs in Firefox 3 sind erstens mit 550 MB wesentlich platzsparender untergebracht und zweitens gibt Firefox 3 Speicher auch wieder frei, wenn er nicht mehr benötigt wird!

Die Geschwindigkeit vom neuen Browser ist ein zusätzliches Plus.

the terms.[/english]

Habt ihr schonmal Blumen online bestellt? Das ist gar nicht so einfach. Bevor ihr weiter lest: Probiert es aus. Geht auf die Fleurop-Website und sucht euch einen netten Strauß aus. - Machen wir die Sache etwas schwerer: Sucht eine einzelne gelbe Rose. Ich warte hier so lange. Stoppt (oder schätzt) eure Zeit und packt sie in einen netten Kommentar!

Auf der Seite verteilt sind jede Menge große Bilder von Sträußen und die großen Buttons "Geschenkideen" etc. Wie lange habt ihr gebraucht, um die "normalen" Produktlisten zu finden? Ich habe ungefähr zwei Anläufe gebraucht. Ich dachte erst, es kann ja wohl nicht sein, dass man nur ca. zehn Sträuße dort bekommt. Dann hätte ich fast einen bestellt und habe mehr durch Zufall die kleine unscheinbare Pulldown-Box oben rechts gefunden.

Fleurop, ich sag euch jetzt 'mal was: Es gibt etliche Anwender - insbesondere in eurer Zielgruppe - die wissen nicht einmal, dass es sowas wie Pulldown-Menüs gibt! Wie kommt ihr darauf, eure Hauptnavigation so zu verstecken? Ich habe ungefähr jeden Link auf der Seite angeklickt, bevor ich darauf gekommen wäre, dass sich hinter "Blumensträuße" euer Produktsortiment befindet?!

Die restliche Seite geht in Ordnung, aber dieses Menü bedarf etwas mehr Aufmerksamkeit! Leider hab ich im letzten Schritt der Bestellung erfahren, dass mein Strauß nach Neuseeland ca. 125 Euro kosten würde. Daraufhin hab ich mir's dann doch noch anders überlegt und die teuerste Rose meines Lebens verschickt.

Positives gibt es aber auch: Fleurop hat mit Abstand die verständlichsten AGB, die ich je gelesen habe! Noch dazu sind sie hübsch aufbereitet und klingen so gar nicht nach dem üblichen Knebelvertrag bei dem erst einmal alles ausgeschlossen wird. Sehr positiv.

Hinterlasst mir einen Kommentar und schreibt mir, wie lange ihr gebraucht habt! Vielleicht bin ich auch nur mit Blindheit geschlagen.

Seit einiger Zeit existiert ein Firefox-Plugin namens "Greasemonkey". Damit kann man eigene Javascripts schreiben, die auf bestimmten Websites ablaufen. Ich schrieb mir Kurzerhand einen Filter für die "Courses Quick View". Ihr könnt das Script gerne nach eigenem Belieben verändern. Ich werde es eventuell in Zukunft noch für die anderen Views (My Announcements und My Courses) anpassen.

Blackboard-Cleaner Greasemonkey-Script hier herunterladen (zip) (Zum anwenden wird noch Greasemonkey benötigt)

An die eigenen Kurse anpassen ist sehr einfach: Ihr seht direkt am Anfang das Array "DontBugMeWith" - Dort könnt ihr einfach die Namen der Kurse eintragen, die ihr nicht mehr sehen könnt wollt.

// ==UserScript==
// @name           Blackboard Cleaner
// @namespace      bbc
// @description    This Script shall reduce your information-overload induced by the blackboard
// @include        http://bb2.sdi.h-da.de/webapps/portal/tab/_1_1/index.jsp
// ==/UserScript==
 
// This array contains the names of the courses you don't want anymore:
DontBugMeWith = ['Business Management',
				 'MD-BPS-IP-Begleitseminar',
				 'MSD-AVT/Audiovisual Technology',
				 'MSD-GS2/Management and Labour',
				 'MSD-GS3/Legal Aspects of Multimedia',
				 'MSD-GS4/Assessment of Information and Communication Technology',
				 'MSD-I5/Media System Engineering 1',
				 'MSD-TP: Textproduktion'];
 
// this calls the main working function.
bbc();
 
// The following functions are used in this script. If you wish to do something else,
// the easiest thing to do would be to edit "hideEntry()"-Function to your liking.
// I removed the whole line including the leading "coursebook".
 
function bbc() {
	var allLinks = document.getElementsByTagName('a');
	for (var i = 0;i < allLinks.length;i++){
		if (isBlacklisted(allLinks[i].text)) {
			hideEntry(allLinks[i]);
		}
	}
}
function isBlacklisted(needle) {
	for (var i=0;i < DontBugMeWith.length;i++)
		if (DontBugMeWith[i] == needle) {
			return true;
		}
	}
	return false;
}
function hideEntry(node) {
	// Example 0: Shouting out the names of the courses:
	// alert(node.text + " nervt wie sau!");
 
	// Example 1: Make those courses less visible:
	// node.setAttribute('style','color:#ddeeff;');
 
	// Example 2: Making the row invisible (removing lead to strange results.
	// The HTML-Structure is: tbody -> tr -> td -> font -> our anchor node. so we need 3x parentNode.
	node.parentNode.parentNode.parentNode.setAttribute('style','display:none;');
}

Außerdem gibt es natürlich von offizieller Seite eine Menge Dokumentation zum Thema eigene Plugins. Derzeit habe ich ein Plugin, das folgendes kann:

Ich gebe im Editor ein Tag ein, und es wird gegen statischen Text ersetzt:
Eingabe: <!--ag3 about-->
Ausgabe: amenthes gallery v3 Plugin

Einige Funktionen sind ähnlich wie beim Ende des Monats erscheinenden iPhone. Allerdings waren sie dort schon nicht ganz neu. Außerdem hat man direkt einen Opera Mini gegen iPhone Mini-Clip produziert - natürlich im Apple Stil. Der Clip ist eher schlecht geraten. Aber die Kernaussage stimmt mit meiner Meinung überein: Das iPhone kann nichts, was nicht fast alle Geräte auf dem Markt können. Neu ist nur die massenmarkt-taugliche Version des Multi-Touch-Screens.

Leider komme ich zur Zeit noch nicht in den Genuss des Programms, da die Beta auf meinem Telefon noch Probleme macht. Der Opera Mini 3 tut's so lange auch noch.

Update: bei Praegnanz.de gibts ein Opera Mini 4 Video!

Ich habe mich mal an das erstellen von WordPress-Themes gewagt. Basis ist ein Layout von Mathias von meso.

Startseite und Normale Posts sind glücklicherweise ziemlich fertig. An allen anderen Ecken muss aber noch viel getan werden.

Dann sind noch einige kleine Features geplant, die aber hier noch nicht verraten werden. Sie sind hoffentlich noch vor meiner Reise fertig.

Was es mit RSS auf sich hat ist schnell erklärt: Irgenwann kam man auf die Idee, man muss nicht immer eine Website besuchen festzustellen, dass sich nichts geändert hat. Diese Arbeit kann der PC nämlich auch schön alleine machen.

Sogenannte Newsfeeds sind der Schlüssel dazu. In einem maschinenlesbaren Format werden die aktuellsten Änderungen abgelegt und können von Gästen der Seite abonniert werden. Somit meldet sich einfach der PC, wenn sich etwas tut und man muss nur auf den Seiten nach Änderungen schauen, wo sich auch wirklich etwas getan hat.

Woran erkenne ich Newsfeeds?

Sehr viele Seiten bieten mittlerweile diese praktische Funktion an. Man sieht in neueren Browsern in der Titelzeile, ob ein Newsfeed angeboten wird oder nicht. Das erkennungssymbol von RSS-Feeds ist normalerweise ein kleines oranges Quadrat mit weißen Streifen.

Newsfeeds im Firefox

Links sieht man das orange Standard-Symbol in der Adressleiste. Es zeigt an, dass diese Seite einen Newsfeed anbietet.
Im Firefox abonniert sieht das dann aus wie ein normales Lesezeichen, das sich selbst verändert..

Newsfeeds im Internet Explorer

Der Internet Explorer versteht seit Version 7 auch RSS. Hier werden RSS-Abonnements auch in den Lesezeichen gespeichert. Wer eine ältere Version besitzt kann entweder ein Update machen, zum Firefox wechseln oder ein eigenes Programm für Newsfeeds verwenden.

RSS im Thunderbird

Mozilla Thunderbird kann auch RSS und stellt die Änderungen wie einzelne E-Mail Nachrichten dar. Übersichtlich ist die Darstellungsweise, weil sie ungelesene "Nachrichten" fett markiert. Außerdem hat man alle Such-, Sortier- und Filtermöglichkeiten, die man aus den E-Mailprogrammen kennt.

Wenn das schon Abonnement heißt

Der Ausdruck abonnieren hat hier nichts mit Verträgen oder Zeitschriften zu tun. Ein RSS-Feed ist völlig kostenlos. Er ist nur eine kleine Erleichterung für Seitenbenutzer.

Dann brauche ich ja die Seite nicht mehr besuchen

Leider ist das nicht ganz korrekt: Es kommen nicht alle Inhalte in den Newsfeed. Derzeit ist zum Beispiel das Gästebuch nicht im Newsfeed enthalten.

Und jetzt?

Wenn ihr es einmal ausprobieren wollt könnt ihr entweder auf das Feed-Symbol in eurem Browser klicken oder auf das kleine orange Symbol neben "Letzte Änderungen" auf der Startseite.
Die URL des Newsfeed lautet:
http://www.t-z-o.de/changes.xml

So sieht ein RSS-Feed übrigens im Textformat aus. Das können Sie sehen, wenn Sie zum Beispiel einen älteren Browser benutzen.

Die Galerie basiert auf der Lightbox JS v2. Kommt aber auch ohne Javascript aus. Besondere Features, die ich selbst umgebaut habe sind:

• Deeplinks in die Lightbox gehen Test: Der große Wurf
• Deeplinks gehen auch, wenn kein Javascript aktiviert ist (daher das kurze aufblitzen bevor sich die Lightbox richtig öffnet)
• Die Links auf der Thumbnailseite werden als *.jpg vom Server gesendet und von der Lighbox in *.html umgeschrieben. Damit braucht man auf der Seite nur "rechte Maustaste -> Link Kopieren" um einen Link zum Beispiel in ein Forum zu posten.
• Durch oben genannte Funktion kann man auch mit Lightbox endlich brauchbar "im neuen Fenster" oder "im neuen Tab" öffnen - nämlich im Kontext der Seite.

Bei gelegenheit will ich noch einen Parameter übergeben, an dem der Server erkennt, das JS aktiviert ist - so kann ich auch das kurze aufblitzen noch verhinden ohne dass die Seite für irgendwen unzugänglich wird.

Eine andere nette Technik, mit der ich im Moment viel experimentiere ist das mod_rewrite-Modul vom Apache. Wie man sehen kann sind die URLs alle sehr hübsch und genau, wie im technischen Konzept gefordert.

Ich hatte sie. Die typische "Ich bin ein Teenager und präsentiere mich selbst"-Seite (und im Grunde habe ich sie heute noch). Mit dem Unterschied, dass ich heute sieben statt einer Domain habe. Auf meiner Startseite hatte ich News, und in einem "Über mich"-Bereich habe ich niedergeschrieben, was ich den Tag über so gemacht habe. Ich habe 2000 den Blog erfunden. So wie die anderen zehn Millionen Internet-Kiddies auch. - Aber die waren bei metropolis.com irgendwo mit einer einzigen HTML-Seite... ich war unter einer eigenen Domain mit richtig (naja) Inhalt!

Ich habe meine klassiker-URLs nun zu meinem Hosteurope-Portfolio hinzugefügt. Außerdem gleich noch eine weitere registriert. Mal sehen, was ich mit den ganzen Namen anstelle. Jedenfalls werde ich nächstes Jahr am ersten Februar sicher irgendwas hier anstellen - acht Jahre eigene Internetseite kann man ja mal feiern.

Ich hatte es extrem vage angedeutet. Jetzt ist es so weit: Der Fachbereich Media hat sich von den Stock-Photos gelöst und hat "echte" Bilder aus den eigenen Reihen in seiner Unterseite eingebaut.

Zwei der Aufnahmen (die rote Header-Grafik von der Medianight 2005 und das Foto bei "Media System Design") stammen von mir.

Links zu Bildern:
Alle Fotos der "Sounds Getting in Touch"-Ausstellung
Exponat Würfelmusik
Alle Fotos der Medianight 2005
Außenansicht Aula

Außerdem erwähnenswert: Die Medianight 2006 steht vor der Tür!
Am Freitag, den 1.Dezember findet sie statt, Informationen kann man unter http://www.media.h-da.de/GoMediaNight finden.

Captchas sind Bildchen mit Buchstabensalat drin. Maschinen können sie nur mit Aufwand entschlüsseln (es gibt für fast alle Captchas mittlerweile Programme zum lösen). Bei "guten" Captchas fällt es Menschen ebenso schwer. Blinde gehen völlig leer aus.

Captchas sind also nicht die Lösung, vor allem nicht, wenn es einfach und zugänglich sein soll. Vielerorts etablierten sich daher Minifragen im Stil von: "Summe von 2 + 4" - Jeder zweitklässler kann die Frage beantworten, heutige Spamscripts zum Glück noch nicht. Es ist ziemlich sicher, dass das bald kommen wird. Spätestens wenn der Großteil der Dienste vergleichbares zum Schutz einbaut. Dann bleiben aber immernoch andere Möglichkeiten zum beispiel abstraktere Fragen.

Das Tanzschulgästebuch ist seit heute durch etwa 200 verschiedene winzige Rechenaufgaben geschützt. Es gibt außerdem ca. 5 "Textaufgaben". Es wird mehr geben, wenn mir mehr einfallen.

Die letzte Datenbanksäuberung fand am 21. August statt, da entfernte ich rund 500 Einträge. Bis heute, also innerhalb von zwei Wochen kamen 384 neue Spam-Einträge hinzu - ca. einer pro Stunde! Seit bestehen des (neuen) Gästebuchs wurden ca. 250 Einträge von Besuchern gemacht. Im gleichen Zeitraum hatten wir aber über 2500 Spam-Einträge.

Wir dürfen gespannt sein, ob es besser wird!

Passend zum Thema:

Das Ende der Kommunikation
Stress mit Gästebüchern

Nachtrag: Die Erweiterung läuft nun eine Woche. Exakt seit einführung haben wir null Spam-Einträge mehr. Null. Zero.

"Erfolgreicher Start" ist also fast schon untertrieben. Bisher war nichts negatives von Benutzern der Seite zu hören. Ob Leute an den Fragen gescheitert sind weiß ich nicht. Kann ich mir auf jeden Fall mal nicht vorstellen.

Zwei positive Rückmeldungen habe ich jedoch: Ein Eintrag, der die Fragen amüsant fand, sowie Sarathai, der nun nicht mehr von Spam überflutet wird.

Nachtrag 2: Eine ganz ähnliche Sache hat auch drweb im Einsatz.

Vor etwa einem Monat habe ich verschiedene Web-Comics auf ihre Präsentationsformen untersucht. Ziel war es genaue Anforderungen an die zukünftige TZO-Comic-Sektion abzuleiten.

Dabei ergab sich eine Liste mit nötigen und möglichen Funktionen. Außerdem wurde dabei schnell klar, wo andere Systeme in meinen Augen Probleme haben. Bleibt abzuwarten ob wir es besser machen können.

Grundfunktionen Front-End:

• Comic anzeigen (logisch, oder?)
• Alte Comics anzeigen
• Einteilung in Staffeln, da der Comic Staffel-Orientiert erscheint
• Suchfunktion
• Anzeige in RSS-Feed und im "Letzte Ändeungen" auf der Startseite
• Einfache, kurze URLs, die auch ohne Probleme weitergegeben werden können
• Die Archiv-Ansicht muss weitere Informationen anzeigen können, zum Beispiel Links zum Making-Of oder zu Charakter-Biografien

Grundfunktionen Back-End:

• Upload per Browser
• Angabe von Einstellzeitpunkt
• Angabe von Stichwörtern und Kategorie

Nice to have:

• Tags, die von Besuchern erstellt werden, die dann auch Einfluss auf die Suche haben
• Referer-Auswertung
• Anzahl der Clicks
• Auflistung von Suchbegriffen
• Wählen des Thumbnailausschnittes im Browser per AJAX oder anderer Buzzword-Technik

Tun und Lassen:

• - Suche/Archiv ohne Thumbnails
• - Suchfunktion, die undurchsichtig ist
• + Indizieren mindestens der Dialoge
• + Überthema des Comics erleichtert das Auffinden "des richtigen" ungemein
• + Konzept der Kategorien sollte vorbereitet werden falls es einmal genug Comics gibt und klare Kategorien sich herausbilden

Anzeige der Comics

Hierfür möchte ich gerne auf Lightbox JS zurückgreifen. Vorteile liegen auf der Hand. Nachteile sind relativ gering. Im Gegensatz zur normalen TZO-Bildergalerie müssen die Comics ohnehin "alleine" im Fenster angezeigt werden, um ordentlich lesbar zu sein.

Einziges tatsächliches Problem, dass ich mit der Lightbox noch lösen möchte ist die Deeplink-fähigkeit. Ich kann derzeit nicht steuern, dass die Lightbox sich beim Seitenaufruf automatisch mit Bild XY öffnet. Das wäre aber mein erklärtes Ziel (nicht nur für Comics).

Mit den Vor- und Zurückbuttons sollte man natürlich alle Comics lesen können, dazu ist es nötig entsprechende Links auf der Seite zu haben.

Die sonst so üblichen "erster" und "neuester" Links sollen nicht direkt beim jeweiligen Comic angezeigt werden, sondern in der übergeordneten Navigation. Ich verstehe gar nicht, warum die immer beim einzelnen Comic sein sollen? Erstens braucht man sie nicht oft und zweitens haben Sie nichts mit dem einzelnen Comic zu tun sondern eher mit der Gesamtheit. Vorstellen könnte ich mir Buttons wie "Anfang der Staffel" bzw. "Ende der Staffel".

Die Archiv-Thumbnails werden Seitenweise in Staffeln angezeigt. Für die Thumbnails wäre es toll, wenn man ein "repräsentatives" Thumbnail selbst definieren könnte - auf 100 Pixel klein skaliert sehen alle Comics gleich aus.

Verwaltung der Comics

Ausgeliefert werden die Bilder jeweils und in allen Fällen durch eine PHP-Datei. Einfach nur, um überschauen zu können, wie oft die Comics abgerufen wurden und von wo sie gegebenenfalls verlinkt wurden.
Man kann dadurch auch verhindern, dass ein bereits hochgeladener aber noch nicht veröffentlichter Comic entdeckt wird.
Außerdem könnte es sein, dass man einzelne Referer gezielt sperren möchte.

Die URL der Comics sollte in etwa so aussehen:

• Für ein Bild. Ein Link, der beispielsweise in Foren oder Mails verwendet werden kann.

  http://www.t-z-o.de/comic/Staffel1/004-Dango.jpg

• Für einen bestimmten Comic (der aber in einer HTML-Seite angezeigt wird)

  http://www.t-z-o.de/comic/Staffel1/004-Dango.html

• Für die Archiv-Übersicht der Comics

  http://www.t-z-o.de/comic/Staffel1/

• Für den letzten Comic, der hinzu kam.

  http://www.t-z-o.de/comic/neu

Der Upload der Comics soll browsergesteuert ablaufen, natürlich für Leute mit entsprechenden Berechtigungen. In einem weiteren Schritt werden die Metadaten erfasst sowie Start- und Endzeitpunkt.

Ablauf, Prioritäten

• Grobkonzept in Textform
• Wireframes zeichnen
• Datenmodell erstellen
• Lightbox JS einarbeiten und oben genannte Problematik lösen.
• Mit Mod-Rewrite experimentieren
• Schreiben des Frontends
  • A Archiv-Übersicht erstellen mit Thumbnails
  • A Anzeige einzelner Comics
  • C Suchfunktion
• Schreiben des Backends
  • B Uploadfunktion
  • B Zeitgesteuerte Anzeigen
  • C Einpflegeautomatik für Daten für die Suchfunktion

Diese Liste wird natürlich entsprechende Updates erfahren, wenn die Arbeiten abgeschlossen sind.

Jedenfalls bastelte ich die Tanzschulseite ein wenig um und traf dabei einen alten bekannten wieder: Meinen Opera-Menübug. Den hatte ich vor einiger Zeit einfach zu den Akten gelegt, weil ich mir nicht erklären konnte, warum der Hilfe-Button nicht mehr ins Menü passt.

Zur Erinnerung: So sollte es aussehen, und so sieht es im Firefox 1.5.0.4 (WinXP) auch aus.

Im Opera habe ich nun das <ul> Tag um zwei EM verbreitert, dass auch der Hilfe-Button noch rein passt. Nicht schön, aber dafür ist er jetzt wenigstens zu sehen. Die Punkte vor den Wörtern muss ich noch weg machen.

Der Internet Explorer (7, Beta 2) zeigt mir leider ein völlig unbrauchbares Bild... mal sehen, wo hier der Fehler liegt.

Naja... hauptsache in Lynx stimmt die Darstellung

Update: Der IE war diesmal unschuldig. Bin ich froh, dass ich nicht über die CSS-Unterstützung gemeckert habe... denn der Fehler saß vorm PC. Ich hatte vergessen den <li>-Elementen float:left; zu geben.

Update 2: Ich habe zwei Fliegen mit einer Klappe geschlagen: Der Opera-Bug ist komplett geschichte und IE zeigt auch keine Treppen mehr!

Update 3:

Jetzt ist ein Dropdown-Menü für "TZO-Aktiv" fertig und funktioniert in allen Browsern (das heißt Firefox, Opera und IE7) gleich. An der Darstellung will ich noch etwas feilen.