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:
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.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
â Live Streamingâ Interactive Chatâ Private Showsâ HD Quality
Anya is LIVE right now
FREE
Free to watch âą No registration required âą HD streaming
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.
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.
