In meinem letzen Blogpost habe ich durchscheinen lassen, dass es Bereiche der Web-Entwicklung gibt, die mir weniger Spaß machen als andere.
Dazu gehört insbesondere das Design. Ich bin durchaus ein “visueller” Typ Mensch, der Ästhetik und Design zu schätzen weiß und auch gerne mal kreativ aktiv wird. Leider sieht es in der Realität in der Regel so aus, dass ich nur etwa 10% der Zeit mit dem kreativen Part verbringe. Die restlichen 90% verbringe ich damit, CSS- und HTML-Code gegeneinander auszuspielen, um irgendwann ein Ergebnis zu bekommen, das mich dann trotzdem nicht so richtig zufriedenstellt.
Auch bei diesem Projekt sollte es nicht groß anders sein. Aber wie heißt es so schön: “Das Bessere ist der Feind des Guten.” Ein gutes Mantra für kleine Perfektionisten wie mich.
Das Gute
Richten wir also den Blick auf das Gras auf unserer Seite des Zaunes. Im Vergleich zum Devblog #01 hat sich schließlich einiges getan!
Das improvisierte Design-Debakel habe ich mit kräftigeren Farben und professionellen UI-Elementen aus dem Bootstrap-Framework aufgemotzt. Dies war ohnehin nötig, um all die Informationen, die ich hatte, platzsparend aber zugänglich unterzubringen. In der Detailansicht werden nun, je nach Verfügbarkeit, die folgenden Daten angezeigt:
Je eine farbcodierte Legende am oberen und unteren Ende
Ein Panel je Pronomen-Typus (Relativ- und Demonstrativpronomen werden bis jetzt noch zusammengefasst), enthält:
Grundform
Aussprache
Button für Anmerkungen (öffnet als Dialogfenster)
Die deklinierte Form für die vier Fälle direkt sichtbar und farbcodiert. Wenn man eine Form anklickt, öffnet sich ein Dialogfenster mit:
Fallbezeichnung
Aussprache (bis jetzt nicht vorhanden)
Testfrage (bsp. Nominativ “Wer oder was?”)
Zugehörige traditionelle Pronomen (Deklination von er/sie/es)
Beispielsatz mit traditionellen Pronomen
Beispielsatz mit dem geschlechtsneutralen Pronomen
Das Possessivpronomen ist zusätzlich unterteilt in vier Geschlechter: Maskulinum, Femininum, Neutrum und Geschlechtsneutral mit je einem Button für Anmerkungen
Das ganze sieht relativ schick aus (auch wenn es noch nicht so richtig zum Rest der Seite passt) und funktioniert auch problemlos auf meinem Smartphone.
Wer mag, kann die Seite wie immer unter http://beta.jhoeke.de/ testen. Screenshots vom aktuellen Entwicklungsstand kommen ab jetzt auf imgur, Tumblr macht da nicht ganz das was ich will.
Das Bessere
Ich würde es an diesem Punkt begrüßen, ein wenig Feedback zu bekommen.
Sind irgendwo Fehler im Datensatz?
Ist die Bedienung klar?
Fehlt etwas wichtiges in der Struktur der Seite?
Fehlt dein bevorzugtes Pronomen?
Die Seite hat natürlich noch nicht den Anspruch, vollständig zu sein. Trotzdem interessant für mich, da verschiedene Pronomen eventuell verschiedene Darstellungen benötigen.
Ich habe, wie im Devblog #00 angekündigt, mich zunächst ein wenig der Strukturierung der Detailansicht gewidmet. Das ist nicht gerade meine Lieblingsarbeit, weshalb die ganze Sache auch etwas gedauert hat und auch weiterhin dauern wird.
Die ganze Sache ist also noch nicht fertig, nimmt aber immerhin langsam Form (und Farbe) an. Apropos Farbe - Im Zuge der Änderungen habe ich auch das penetrante Orange durch ein dunkles Grau ersetzt. Das aktuelle Farbschema gefällt mir zwar auch noch nicht zu hundert Prozent, geht aber schon in die richtige Richtung. Die Struktur hingegen gefällt mir eigentlich soweit ganz gut.
Die Website unter http://beta.jhoeke.de/ habe ich aktualisiert, es folgen aktuelle Screenshots zu Dokumentationszwecken.
Edit: Screenshots jetzt auf http://imgur.com/a/vmSgj
Es ist eine Art magischer Moment, wenn man ein Projekt zu dem Punkt gebracht hat, dass man es anderen mit einem guten Gefühl zeigen kann.
Nach dem ich mich ein paar Stunden mit den Tücken der deutschen Grammatik auseinandergesetzt hatte, hatte ich endlich ein Datenmodell, welches ich für solide und flexibel genug hielt. Da das Projekt an eine englischsprachige Website angelehnt ist, welche mit vier Formen auskommt, erwartete ich hier eigentlich relativ wenig Gegenwind.
Doch weit gefehlt: Das Pronomen xier, welches nun schon in der Version 3.2 vorliegt, deckt alle vier Fälle, also Nominativ, Genetiv, Dativ und Akkusativ, in vier verschiedenen Pronomen ab: Personalpronomen, Relativpronomen, Demonstrativpronomen bzw. bestimmte Artikel und Possessivpronomen. Relativ- und Demonstrativpronomen sind zwar in allen vier Fällen gleich, dafür wird das Possessivpronomen in 16 verschiedenen Kombinationen aus Fall und Genus dekliniert.
Ich hoffe, dass nicht nur ich mich gerade wie im Deutschunterricht fühle.
Um so zufriedener war ich natürlich, als das Werk vollendet war, und ich meinem Laptop alle Wörter, Bedeutungen, Zusammenhänge und Erklärungen eingetrichtert hatte.
Als nächstes ging es um die visuelle und interaktive Aufbereitung. Das ist mit Hilfe von Python, Django, CherryPy und initializr schnell gemacht, sodass ich relativ fix eine Website am laufen hatte. Jetzt nur noch die Wörter an die richtigen Stellen packen, und ab geht die Post.
Screenshots
Um das Projekt zu dokumentieren, habe ich ein paar Fotos gemacht.
Startseite
Detailansicht
Das schöne an initializr ist, dass die Seite direkt auch für Mobilgeräte optimiert wird. Dafür ist das Orange etwas aufdringlich.
Bitte den Schriftzug “Diese Website ist illegal” ignorieren. Entstammt einem früheren Projekt.
Ach ja
bevor ich es vergesse: Wer möchte, kann sich die Seite auch in Live ansehen: beta.jhoeke.de
Vorerst wird die Seite dort zu finden sein. Falls das Projekt anklang findet, bekommt es natürlich eine eigene Adresse. Dann wäre ein besserer Name als Pronomen vielleicht auch ganz sinnvoll...
Und jetzt?
Als nächstes werde ich mich ein bisschen der Strukturierung der Detailansicht widmen, sodass die wichtigsten Informationen direkt sichtbar sind.
Außerdem steht schon tonnenweise Material bereit, das noch gar nicht angezeigt wird, wie Beispielsätze (sowohl mit xier als auch mit er/sie/es zum Vergleich), “Fürwort”-Übersetzungen, Testfragen für die vier Fälle und natürlich die Quizfragen zum üben.
Dann wird es noch eine kleine Anleitung geben, wie ihr auch selbst Datensätze beisteuern könnt, falls gewünscht.
