Für diese Artikel-Überschrift würden mich Juristen vermutlich gerne schlagen (beziehungsweise ihnen stehen die Haare zu Berge, da das Schlagen den Tatbestand einer Körperverletzung gem. §223 StGB erfüllen könnte, aber egal…). Doch eine Überschrift soll ja auch ein wenig die Neugierde wecken. Und wie geht das besser als mit irgendwelchen Fremdworten oder gar lateinischen Begriffen? Dazu noch das passende Bild (Sex sells!) und der Webserver sollte unter dem Besucheransturm eigentlich zusammenbrechen…

*</wunschvorstellung>* Mehr...

Im Rahmen des ersten Teil "Webdesign" unseres Blockunterrichtes "Konzipieren und Realisieren von Multimediaprodukten" (kurz gesagt also: HTML - siehe mein Beitrag vom 31.08.2007) haben wir nun mit einem Projekt in Partnerarbeit begonnen. Die Aufgabenstellung wurde dabei kurzfristig geändert: Ursprünglich war ein kleiner Webshop geplant aber letzten Donnerstag wurde das dann geändert und wir sollen nun eine art "Kochbuch" erstellen. Schade eigentlich, ich hätte gerne gesehen wie die Print-Mediengestalter nur mit HTML einen Webshop schreiben wollen, serverseitige Sprachen oder Datenbanken stehen ja nicht zur Verfügung - geschweige denn das nötige Know-How. (Nein, ich mach mich nicht lustig über Print'ler, ich bin schon lustig genug... mich hätte es wirklich interessiert wie das hätte funktionieren sollen.)

Zum Pflichprogramm des Kochbuches gehören folgende Website-Bereiche:

• Startseite
• Rezepte
  • 4 Vorspeisen
  • 12 Hauptgerichte
  • 4 Nachspeisen
• Länderkunde
• Impressum

Nach kurzer Beratung mit meinem Projektpartner Florian haben wir uns dazu entschlossen das ganze ein wenig zu "erweitern", so dass wir eine kleine Rezeptdatenbank erstellen werden. Zum Einsatz kommen wird dabei ASP.NET 2.0, C# 2.0, IIS 6 auf einem Windows 2003 Webserver und eine Microsoft SQL 2000 Datenbank. Die grafische Gestaltung übernimmt dabei Florian, gemeinsam werden wir diese in HTML umsetzen und von mir wird dabei die eigentliche Programmierung kommen. Und da Flo sowieso ein wenig mehr Programmierung lernen möchte nutze ich die Gelegenheit auch gleich dazu ihm ASP.NET und vlt. ein wenig C# näher zu bringen. Vielleicht gelingt es mir ja noch, ihn zu überzeugen PHP nicht weiter zu verfolgen ;-)

Das Projekt trägt den Codenamen "Ipoko"; und bevor jemand fragt: Der Name hat keine besondere Bedeutung und entstammt nur einem Namensgenerator. Aber heutzutage gibt doch jeder Entwickler seinen Projekten irgendwelche kunstvollen Namen. Klingt ja auch besser als "Rezeptdatenbank, Version 1 Beta". Als grobe Funktionsübersicht haben wir uns bisher überlegt:

• Benutzer können sich einen neuen Account registrieren
• registrierte Benutzer können selber neue Rezepte in die Datenbank eintragen und bestehende Rezepte bewerten / kommentieren
• intelligentes Umrechnen der Zutatenmenge anhand der Personenzahl (1,66 Prisen Salz und 2,25 Paprika sollen vermieden werden)
• registrierte Benutzer können Rezept-Favoriten anlegen in einem eigenen Kochbuch

Für das ganze Projekt stehen uns drei Wochen zur Verfügung. Die grafische Gestaltung und die Programmierung werden wir deshalb hauptsächlich ausserhalb der Schulzeit vornehmen. Während des Blockunterrichtes können wir dann das HTML-Gerüst anfertigen / optimieren und auch schon anfangen eigene Rezepte einzutragen.

Die URL zum Projekt werde ich demnächst hier schreiben damit man den Fortschritt mitverfolgen kann. Da zur Zeit aber noch ein provisorisches Layout von mir zu sehen ist warte ich damit lieber, bis wir ein halbwegs ordentliches Design haben. ;-) Am Schluss wollen wir den Quellcode ausserdem auch zum Runterladen für alle zur Verfügung stellen. Nur damit keiner hinterher sagt, wir hätten ja alles nur geklaut und kopiert.

Wenn man viel mit der Erstellung und Anpassung von Webseiten zu tun hat, kennt man sicher das Problem: Die Cascading Stylesheets (CSS) werden seit Veröffentlichung des Internet Explorers 7 zwar in den gängigsten Browsern gut unterstützt, aber es gibt immer noch zahlreiche Unterschiede in der Darstellung zwischen Mozilla (bsp. Firefox) und IE.

Eine Hilfe sind sicher die zahlreichen wysiwyg-Editoren, die eine Live-Bearbeitung ermöglichen. Bereits während der Eingabe / Änderung des CSS-Codes wird das Ergebnis in einer Vorschau der Webseite angezeigt. Doch diese Editoren haben meistens den Nachteil, dass sie nur eine Rendering-Engine für die Darstellung verwenden - im schlimmsten Fall eine eigene, die weder der Darstellung des IE- noch des Firefox-Browsers entspricht.

Abhilfe schafft hier das kostenlose Tool CSSVista der Firma litmus, dass im Augenblick noch in einer frühen Beta-Version 0.15 vorliegt. Es ermöglicht einem das Betrachten aller in einer Webseite eingebundenen CSS-Dateien. Gleichzeitig wird in einer geteilten Ansicht aber auch die Webseite in zwei übereinander angeordneten Fenstern angezeigt: Oben vom IE gerendert, unten von der Mozilla-Engine. Der Firefox muss dabei offenbar nicht installiert sein, auf meinem Testrechner im Büro (vor einer Woche neu aufgesetzt) fehlt dieser noch und dennoch wird die Split-View korrekt dargestellt. Das eigentlich interessante daran ist, dass man jetzt in der CSS Änderungen vornehmen kann, die sofort live in beiden Browseransichten dargestellt werden. So lassen sich die Unterschiede beider Rendering-Engines nebeneinander betrachten und ggf. auch durch das CSS anpassen.

Zusätzlich gibt es noch einige Hilfsmittel wie Outline bestimmter Elemente, Abschalten von CSS oder die Größenänderung auf eine feste Fenstergröße wie 800x600 oder 1024x768. Insgesamt eignet sich CSSVista sicher nicht für die umfangreiche CSS-Erstellung, dafür fehlen einfach wichtige Editor-Elemente. Auch lässt sich das geänderte CSS mit CSSVista nicht (lokal) speichern in der vorliegenden Version. Für die Fehlersuche und Optimierung für die beiden großen Browser ist das Programm allerdings ideal.

Zugegeben, es hat ein wenig gedauert. Aber schliesslich habe ich es doch noch geschafft die Seite fertig zu programmieren und rechtzeitig zu einem Event online zu stellen. Dem Kunden gefällts und unserem Designer auch - das ist doch die Hauptsache! ;-)

Wer mal einen Blick riskieren möchte: Jumalis Bar | Frankfurt am Main