Dabei stelle ich mir die Frage, bis zu welchem Grad ich das eigentlich alles planen soll. Bisher geschieht das alles eher aus dem Bauch heraus. Vielleicht sollte ich mir mal ein Beispiel an Caits Planung bis zum nächsten Prüfungstermin oder Sonjas Masterplan nehmen. Aber wenn ich daran denke, was zusätzlich momentan im Job alles noch auf mich zu kommt, lass ich das lieber erstmal und mach einfach erstmal weiter wie bisher

Daher ging ich also mit einer gehörigen Portion Bammel in die Klausur und hoffte, mein Glück diesmal nicht überzustrapazieren. Es waren vier Aufgaben für zwei Zeitstunden aus den Bereichen CSS, XSLT, JavaScript und ASP.NET. Ich gab mir also für jede Aufgabe eine halbe Stunde und nahm mir vor, dann auch wirklich abzubrechen und mit der nächsten Aufgabe weiter zu machen. Das musste ich aber zum Glück gar nicht. Als ich mit allem durch war, hatte ich noch 15 Minuten Zeit.

Anschließend fand das für alle WMI-Studenten verpflichtende Präsenztagsprogramm statt. Viele zwischenzeitlich neu hinzugekommene kannte ich bisher nur online und hatte nun Gelegenheit, diese auch persönlich kennen zu lernen. Alleine dafür hat sich das schon gelohnt.

Zusätzlich zu Herrn Prof. Balzert und Frau Wolff (“ich bin das Prüfungsbüro”) von W3L waren (zumindest zeitweise) auch Prof. Dr. Klug (SQL und relationale Datenbanken), Dr. Schmidt (Mathematisch-logische Grundlagen der Informatik), Prof. Dr. Lenze (Mathematik für Informatiker und Angewandte Mathematik), Herr Wischmann (BWL 1 – externes Rechnungswesen) sowie Dr. Ostermann (BWL 1 – internes Rechnungswesen) anwesend, die uns ihre jeweiligen Module in wirklich sehr interessanten Redebeiträgen vorstellten.

Herr Balzert hielt auch noch einen Fachvortrag über Wissenschaftliches Arbeiten und legte allen Studierenden nochmal ans Herz, das gleichnamige Modul in einem der beiden Wahlkataloge zu wählen.

Herr Prof. Dr. Zeppenfeld gab uns in seiner Funktion als Vorsitzender des Prüfungsausschusses und Dekan des Fachbereichs Informatik der Fachhochschule Dortmund einen Überblick über die Einordnung des Studiengangs WMI in den Informatikbereich der FH Dortmund und in seiner Dozentenrolle einen Einblick in das Modul Programmierkonzepte, in dem die einzelnen Programmierparadigmen wie prozedural, objektorientiert, funktional und logisch miteinander Verglichen werden, sowie in das Modul Mobile-Computing.

Dabei fand sich auch immer die Gelegenheit Fragen zu stellen oder Kritik zu üben (die auch sehr ernst genommen wurde).

Unterbrochen war das ganze durch ein Mittagsbüffet und später Kaffee und Kuchen.

Dr. Schmidt nahm dann auch gleich die Gelegenheit wahr, die beiden Mathe-Klausuren zu korrigieren (beides Einsen, herzlichen Glückwunsch). Wir anderen müssen uns noch bis nächste Woche gedulden.

Prof. Klug hat mich auch gleich so für sein Modul SQL und Datenbanken begeistert, dass ich meinen ursprünglichen Plan, mit Web-Anwendungen weiter zu machen, nochmal überdacht habe. Ich habe vor zum nächsten Klausur-Termin (20./21. Juni) SQL und Datenbanken sowie Mathematisch-logische Grundlagen zu beenden.

Insgesamt hat das ganze viel Spaß gemacht und ich bin froh dabei gewesen zu sein.

Hat sich also auf alle Fälle gelohnt, die Online-Abschlussklausur noch zu schreiben. Die Bonuspunkte, die ich damit und dem Abschlusstest gesammelt habe, rechne ich später aus. Jetzt muss ich erstmal ganz schnell zur Arbeit.

Um etwa 21:40 Uhr drückte ich aufs Start-Knöpfchen. Ich konnte ja nur gewinnen (und zwar Bonuspunkte, die dann auf die Präsenzklausurnote draufgeschlagen werden) aber nichts verlieren (die Zulassung zur Präsenzprüfung hatte ich ja schon durch den bestandenen Abschlusstest).

Trotz miserabler Vorbereitung wagte ich es. Lediglich die Maßnahmen gegen Zeitkiller während der Klausur konnte ich noch durchführen, als da wären:

• Apache Webserver gestartet
• MySQL gestartet
• PHPMyAdmin und MySQL Query Browser gestartet
• Eclipse und MonoDevelop gestartet
• Alle Referenzen wie SelfHTML, MySQL-Referenz und so weiter im Browser öffnen
• Für alle möglichen Projektarten schon Projekte erstellen (XHTML, XML, JavaScript, PHP, JSP, ASP.NET) und mit Beispieldateien füllen (sozusagen Templates für arme).
• Shells für die XML-Tools und XSP2 öffnen und nochmal mit den Beispieldateien testen
• Das Kursbuch griffbereit haben

Wie sich später herausstellte, hatte ich dabei lediglich vergessen, den Link zum XHTML-Validator schon zu öffnen. Insgesamt hatte ich ca. 90 Minuten für drei Aufgaben. Es lief besser als erwartet. Punkt 23:00 Uhr der Klick auf Klausur auswerten. Dabei hätte ich fast vergessen noch ein zweites Mal draufzuklicken, weil beim ersten Mal nur eine Warnung kommt, ob man wirklich jetzt abgeben möchte. Also diesmal keine Zeitnot. Mal sehen was dabei rauskommt.

Und da ich die neue Regelung gewählt habe, bin ich somit offiziell zur Präsenzklausur zugelassen

Hm, das geht anscheinend nicht. Echt schade. Diesem IBM-Artikel Debugging techniques for PHP programmers nach, soll es aber schon gehen mit dem PHPeclipse Plugin. Allerdings hab ich das noch nicht ausprobiert, sondern mich doch erstmal auf die JSP-Aufgabe konzentriert und abgegeben.

Aber dann komme ich endlich dazu, den ominösen Umschlag zu öffnen. Enthalten ist ein Studienzertifikat zum bestandenen Modul Grundlagen der Informatik 1 farbig gedruckt auf Karton. Außerdem auf einer zweiten Seite eine Modulbeschreibung mit Inhaltsangabe. Also das sieht richtig gut aus, das freut mich, das jetzt auch offziell in den Händen zu halten. Und falls einer danach fragt (ich meine, es macht keiner, aber wenn), dann hab ich was schickes zum Vorzeigen.

Meine letzten Aufgaben über XML/XSLT und PHP sind nun auch korrigiert. Bis auf die zweite PHP-Aufgabe. Da hab ich in der Aufgabenstellung übersehen, dass für die Spaltennamen der MySQL-Tabelle Namen vorgegeben sind. Ich hab die Spalten anders benannt und bekam die Aufgabe prompt zurück. Aber ich durfte sie nochmal abgeben. Dabei hab ich auch gleich wieder etwas über die W3L-Plattform gelernt. Nämlich dass man eine schon bearbeitete Aufgabe nochmal in den Bearbeitungsmodus versetzen und nochmal eine Datei hochladen kann.

Ach und außerdem gibt es Musterlösungen. Noch eine Sache, die mir bisher nicht bewusst war. Das kommt davon, wenn man immer nur die Benachrichtigungsmails liest und nicht auf die Seite Mitteilungen zu Aufgaben. Dort sind nochmal alle Aufgabenbewertungen zu sehen und in der Spalte Lösung steht jetzt bei den bearbeiteten Aufgaben ein verlinktes ja. Der Tooltipp offenbart dann, dass man hier zur Musterlösung kommt. Von der nun angezeigten Seite sollte man sich nicht verwirren lassen (was mir aber gleich passiert ist). Wenn man sich den Seitensourcecode anguckt, dann sieht man, dass dort mehrere HTML- oder PHP-Dateien aneinander gepappt sind.

Dabei ist PHP für mich komplettes Neuland. Aber ich bin mittlerweise dazu übergegangen, den Kurstext nicht mehr von vorne bis hinten durchzugehen. In der U-Bahn lese ich ja immer vor und auch nicht so genau, wenn ich etwas nicht verstehe oder es mir zu langweilig ist, blätter ich erstmal drüber hinweg. Online nehme ich mir die Wissensbausteine vor, lese erstmal nur die Zusammenfassung und mache dann den Online-Test. Erst wenn ich hier sehe, dass ich was nicht weiß, guck ich nochmal nach. Dann setz ich mich erstmal an die Einsendeaufgaben und bearbeite die und schaue dabei nach Bedarf wieder in die jeweiligen Texte rein. Das ist im Endeffekt (momentan für Web-Programmierung) am effektivsten und den größten Teil des Stoffes arbeite ich dann eh durch (nur nicht notwendigerweise von vorne nach hinten). Für den Online-Abschluss-Test und die Online-Klausur muss ich dann sowieso alles nochmal komplett durchgehen.

Jedenfalls hab ich heute erstmal die beiden PHP-Einsendeaufgaben abgegeben. Mal sehen.

Ach ja, dann drück ich noch ganz fest die Daumen für Marc-A. und Andreas. Die beiden haben gestern bei einem Zwischentermin ihre Grundlagen der Informatik 1 Klausur geschrieben. Die Ergebnisse gibt es wohl nächste Woche.

Mit dem XML-Schema hab ich angefangen und bin damit auch durch. Jedenfalls lässt sich nun die XML-Datei validieren. Das XSLT zu erstellen muss ich (da es ja wieder etwas spät geworden ist) auf morgen verschieben. Aber durch die freiwillige Aufgabe, die ich vorher bearbeitet hab, bin ich hoffentlich halbwegs gerüstet. XSLT geht ja mehr in Richtung funktionale Programmierung. Ein Glück, dass ich (vor langer Zeit) in meinem früheren Studium Miranda bis zur Schmerzgrenze hatte. Das kam dort als erste Programmiersprache dran, um sicherzustellen, dass alle auf dem gleichen Level anfangen (nämlich bei Null ). Der eigentliche Sinn des ganzen erschließt sich einem erst viel später, wenn man merkt, dass Rekusion auch in prozeduralen Sprachen Sinn macht.

Die letzten drei Einsendeaufgaben kamen gestern zurück (jeweils volle Punktzahl )

Zum XML-Schema-Bereich gibt es keine Einsendeaufgabe aber es trägt sehr zum Verständnis bei, wenn man ein bisschen damit selbst rumprobiert. Der nächste Bereich behandelt XSLT.

Exchanger XML Lite scheint (zumindest vom Handbuch her) eine gute Alternative zu sein. Für nicht-kommerzielle Zwecke kann man das Programm kostenlos benutzen und die Einschränkungen gegenüber der Vollversion sind gering. Leider hab ich es unter Linux nicht zum Laufen bekommen, obwohl es in Java entwickelt wurde. Das speziele Linux-Setup schlägt wegen nicht vorhandener Abhängigkeiten fehl. Und die reine Java-Installation, die man als JAR-Datei startet, meldet Fehler und verweist für die Details auf die Log-Datei, die allerdings nirgends zu finden ist. Naja, sowas liebe ich …

Daher hab ich zum Testen erstmal xmllint und xmlstarlet verwendet. Diese Kommandozeilentools reichen völlig aus, um eine einfache Validierung vorzunehmen. xmllint kann man sogar in einem Shellmodus starten und sich dann wie in einem Dateisystem mit cd, ls und cat bewegen oder XPath-Aausdrücke auswerten. Die einfachsten Dinge sind doch manchmal die besten.

Heute habe ich die zweite Einsendeaufgabe zu JavaScript bearbeitet: Zahlen raten. Einige vorgebene Zahlen im Bereich 1-50 sind die Gewinnzahlen und der Benutzer soll eine davon raten. Dabei soll die Eingabe validiert und entsprechende Fehlermeldungen ausgegeben werden. Das erinnert mich ein bisschen an mein erstes selbstgeschriebenes Programm, das muss gut 25 Jahre her sein. Das war auch Zahlenraten in etwas abgewandelter Form. Damals lernte ich mit meinem ersten Computer – einem gebrauchten Sinclair ZX-80 mit Folientastatur und defekter Kassettenschnittstelle – Basic. Das beste an diesem Rechner war das Handbuch, das seinen Namen wirklich verdiente und einen echten Basic-Einführungskurs enthielt. Das Handbuch der damals aufkommenden C64 Heimcomputer war dagegen echt grauenvoll. Mein Chemielehrer hatte damals einen C64, den er mal mit in die Schule brachte und mit seinem Zahlenratenspiel vorführte. Das hab ich dann gleich auf meinem eigenen Rechner nachprogrammiert. Da ich nichts abspeichern konnte, tippte ich das Programm auf der Schreibmaschine ab. Ein oder zweimal hab ich es dann sogar tatsächlich nochmal abgetippt und vorgeführt.

Naja, unabhängig davon, dass mir dabei mein Alter erschreckend bewusst wird (damals war ich etwa 12 oder 13, d.h. heute müsste ich so ungefähr 37 Jahre alt sein Zumindest gehöre ich nicht mehr zu denen, die die Lochkartenära noch selbst miterlebt haben), ist das wohl der Hauptgrund, warum mir die Aufgabe heute so viel Spaß gemacht hat.

Mit den richtigen Werkzeugen ist es aber noch besser. Im Kurs wurde auf Aptana hingewiesen. So richtig anfreunden konnte ich mich zuerst nicht damit, aber da es auch als Eclipse-Plugin verfügbar ist, hab ich es mal installiert und ausprobiert. Als besonders hilfreich stellte sich die Autovervollständigung raus. Sowohl für HTML, CSS und vor allem JavaScript ist das richtig gut gelungen. Und mit Firebug lässt sich im Firefox nicht nur JavaScript debuggen, sondern auch das von JavaScript geänderte HTML der Seite betrachten und die CSS-Wirkungsweise nachvollziehen. Richtig schick.

Im nächsten Kapitel geht es um XML. Na mal schauen.

Im Kurs wird als Beispiel ein Schwarzweiß-Foto farbig, wenn die Maus drüber steht.

Als Aufgabe soll man selber eine Tabelle erstellen, bei der die Zeilen einen Hover-Effekt haben (indem die Hintergrundfarbe gewechselt wird). Außerdem soll man durch Klicken die Zeile markieren können (mit einer anderen Hintergrundfarbe). Diese Markierung soll dann nicht wieder weggehen, wenn man mit der Maus die Zeile verlässt, erst beim nächsten mal Draufklicken. Diese Aufgabe ist allerdings keine von den zu korrigierenden Einsendeaufgaben, aber da man ja am meisten lernt, wenn man es selbst ausprobiert …

Die Tabelle zu erstellen und die CSS-Klassen war ja erstmal einfach. Für die Zeilen gibt es drei unterschiedliche Klassen: normal, highlight und selected.

Erstmal mit dem Hover-Effekt anfangen: Die Events onmouseover mit onmouseout rufen jeweils eine JavaScript-Funktion auf. Dabei soll die CSS-Klasse der Zeile auf highlight bzw. normal geändert werden. Aber wie geht das? Das stand so nicht im Wissensbaustein. Also bei SelfHTML nachgeschaut und die style-Eigenschaft gefunden. Damit kann man per JavaScript jeden einzelnen Wert entsprechend der CSS-Eigenschaft setzen. Also z.B. mit style.backgroundColor die Hintergrundfarbe. Das geht dann zwar, ist aber nicht ganz das, was ich mir vorstelle. So würde ja das Aussehen nicht zentral in einem Style-Sheet festgelegt werden sondern wäre über den ganzen JavaScript-Code verteilt. Bei sowas werd ich gleich total unruhig, weil ich mir dann vorstelle, wie nervig es wäre, in einer umfangreichen HTML-Datei alle Stellen zu finden, an der ein bestimmtes Element einen Style zugewiesen bekommt.

Einfach this.class = “highlight” funktioniert leider nicht, um die CSS-Klasse zu ändern. Ein bisschen weiter suchen also. Die Lösung ist: className statt class. Und schon geht es. Hover geht schon mal.

Das Klicken und Selektieren ist auch kein Problem. Beim Klicken einfach den momentanen Klassennamen abfragen und dann entweder auf highlight oder selected setzen (also umdrehen). Und die Hover-Methoden müssen auch angepasst werden. Wenn die CSS-Klasse gerade selected ist, dann nicht hovern und die Auswahl bleibt.

Alles in allem hab ich etwa 50 Minuten gebraucht. Angegeben waren 60 Minuten, was ein super Ergebnis ist. Bei GDI hab ich meistens doppelt so lange wie angegeben benötigt.

Morgen ist dann Formulare mit JavaScript validieren dran. Inklusive der zweiten Einsendeaufgabe für JavaScript.

Beim nächsten Kapitel geht es darum, das Dokument mittels JavaScript zu verändern. Bei der ersten JavaScript-Einsendeaufgabe muss ein dargestelltes Bild auf Knopfdruck vergrößert bzw. verkleinert werden. Beim Klick auf den dritten Button soll wieder die Originalgröße verwendet werden. Vor einer Stunde war ich im Prinzip schon fertig (und auch ziemlich müde). Aber ich wollte es dann trotz Müdigkeit noch abgeben. Aber das kostet ja auch immer noch etwas Zeit. Hier noch einen Kommentar dazu, alles etwas besser formatieren. Nochmal validieren, usw. Da kommt dann glatt nochmal ne Stunde zusammen.

Dabei bin ich auch auf IEs4Linux gestoßen, ein Installationsskript, mit dem man gleich mehrere Internet Explorer Versionen auf einmal inklusive Flash-Plugin unter Linux (mit Wine) installieren kann. Echt praktisch. Das Skript brauchte ca. 3 Minuten, um alles runterzuladen und zu installieren. Anschließend waren vier neue Icons auf meinem Desktop (IE 5.0, 5.5, 6.0 und 7.0). Wobei die 7.0 noch als Beta ausgewiesen wird. Gerade die 7er Version ist ein bisschen langsam, aber das ganze ist ja auch nur dazu gedacht, selbst erstellte HTML-Seiten damit zu testen.

Damit hab ich nun endlich das Kapitel CSS abgeschlossen. Als nächstes steht JavaScript an, aber für heute reicht es erstmal.

Bei der zweiten Aufgabe soll ein ähnliches Layout mittels absoluter Positionierung erstellt werden. Das heb ich mir dann für morgen auf.

Mein Mathe-Kurs hat sich auch wieder angefunden. Es war tatsächlich so, dass versehentlich die normale Ablauffrist eingeschaltet war. Aber das wurde ja schnell behoben.

Ok, dann kann ich jetzt also mit Fug und Recht behaupten, dass ich wieder dabei bin

Dabei wird im Kurs Wert darauf gelegt, dass Inhalt und Gestaltung möglichst getrennt werden. Aber das ganze kommt nicht dogmatisch rüber sondern orientiert sich eher an der Praxis. So werden auch erst Beispiele für Formatierungen allein mit XHTML-Attributen gegeben und dann wird darauf eingegangen, wie man die Gestaltung in Style-Sheets auslagern kann. Auf Browser-relevante Probleme  wird dabei auch eingegangen und man wird immer wieder ermuntert, selber mit den Beispielen zu experimentieren. Das sollte man natürlich vor allem auf dem eigenen Rechner tun (man muss sich ja auch mit den entsprechenden Tools anfreunden), aber es gibt auch interaktive Beispiele, bei denen im linken Frame der CSS-Code editierbar ist. Die Änderungen kann man dann mit einem Button-Click auf die Seite, die im rechten Frame dargestellt ist, übernehmen.

Sicherlich gibt es noch viel mehr über CSS zu sagen, aber es reicht völlig, um ein Gefühl dafür zu bekommen. Bleiben mir jetzt nur noch die beiden Einsendeaufgaben (die ersten des Moduls). Dabei soll man ein vorgegebenes Layout einmal mit absoluter Positionierung und einmal mit Floats realisieren.