 Hallo, in diesem Video geht es um die Überarbeitung von KD-Benutzeroberflächen. Ich bin einer von Dutzenden, von der Zeit ernapplich aktiven KD-Software-Entwicklern. Unsere Software wird tagtäglich weltweit von Millionen von Menschen verwendet und ist auch in vieler Hinsicht wirklich besser als die Konkurrenz. Aber dennoch ist die Konkurrenz in der Regel populärer, erfolgreicher. Da kann man jetzt verschiedene Gründe suchen. Vielleicht liegt es an unserem Maskottchen. Konki. Nee, der ist niedlich. Liegt es vielleicht daran, dass die Konkurrenz einfach besser ausschaut? Ehrlich gesagt, ich glaube, dass es ein Grund ist, historisch zumindest. Es gibt natürlich noch weitere Gründe, aber in diesem Video betrachten wir, wie wir jetzt die Benutzeroberflächen verbessern können und auch momentan verbessern. Schauen wir uns mal an, wie Däufe noch vor zwei, drei Jahren aussah. Und wir sehen hier, gut, es hat noch damals, haben wir benutzt, wir noch eine schwarze Titel-Leiste hier oben. Und ohne eine Werkzeug-Leiste sind die Köpfe alle ein bisschen an den linken Rand geschoben, obwohl hier rechts Platz wäre, was ganz leicht auflockern könnte, dann sah es vielleicht besser aus. Und eine der ersten Sachen, die ich gemacht habe, als ich angefangen habe, bei KDE mitzuwirken, ist eben einen solchen Abstandshalter zu programmieren, der uns dann erlaubt, in vielen KDE-Anwendungen die Köpfe an den Anrechten ranzuschieben oder halt generell das Erdabstand halten. Sobald ein solcher Abstandshalter programmiert war, hat sich dann die Visuel-Design-Gruppe von KDE im Kollektiv draufgestürzt und wir haben diskutiert und haben uns überlegt, wie können wir jetzt die Werkzeug-Leiste von Däufen überarbeiten, damit es schöner und auch benutzerfreundlicher ist. Und es haben zugeführt, dass viele von diesen Elementen an den rechten Rand geschoben sind. Das werde ich gleich zeigen. Aber für jetzt stellen Sie sich vor, werden also in der Mitte eine freie Fläche jetzt neuerdings und direkt unten drunter haben wir die Adresszeile hier. Und da war dann naheliegend die Adresszeile nach oben in den freien Platz schieben und dann ist plötzlich alles hoffentlich hübsch. Und genau das habe ich dann auch programmiert. Schauen wir uns jetzt an, wie Däufen neuerdings ausschaut. Genau, und wir haben eben Knöpfe an den rechten Rand geschoben. Wir haben die Adresszeile in der Werkzeug-Leiste hier oben und wir haben auch die Titel-Leiste, jetzt nicht mehr in schwarz, sondern in grause, weil sich hier eine homogene graue Fläche bildet. Zusätzlich habe ich auch noch den Hamburger Knopf hier. Da ist Hamburger weiter. Wir haben mit viel von, denken kann, diese drei Striche haben ein bisschen Ähnlichkeit im Hamburger. Und habe da sowohl die Inhalte überarbeitet, sodass nicht mehr ganz so viel drin ist und auch den Hamburger Knopf auf eine Weise programmiert, sodass auch in vielen anderen KDE-Anwendungen verwendet werden kann. Ich rede gerade darüber, aber nicht nur um mich selber zu beiräuchern, sondern eigentlich soll es in diesem Video um die Überarbeitung von QuinnFew geben, bei der ich mitwirke, bei der aber bislang zumindest vor allem andere Leute die Arbeit machen. Schauen wir uns mal an, wie QuinnFew, der Standardbildbetrachter von KDE, noch vor zwei, drei Jahren außer, das haben wir hier. Und ich bin gerade in einer Testumgebung, deswegen sind hier nicht noch weitere Ordner mit Bildern, was sonst in dieser Fläche hier wäre. Aber ich möchte mich hier auch gar nicht lange aufhalten, weil, ehrlich gesagt, sich bei QuinnFew in den letzten Jahren nicht viel getan hat. Ich kann also direkt jetzt drüber springen dazu, wie QuinnFew in der letzten, der neuesten Veröffentlichung ausschaut. Das haben wir hier. Und man sieht eigentlich keinen großen Unterschied. Also außer, dass die D-List ist eben hier auch schon grau, weil es eben die neue Version ist. Aber ansonsten hat sich tatsächlich nicht viel getan. Auch, ich meine, ich habe nicht so genau verfolgt, was hinter den Kulissen passiert, aber zumindest bei der Mürzsoberfläche habe ich keine Eränderungen gesehen. Dann werde ich jetzt mal hier ein bisschen QuinnFew verwenden und darauf hinweisen, was vielleicht verkehrt ist. Beim Ganzen, wir sind hier gerade auf der Startseite, die auf der landet man, wenn man QuinnFew einfach startet. Und dann sieht man hier eine Reihe von Ordnern, die Bilder enthalten. Ich klick also auf einen dieser Ordner drauf. Und die benutze Oberfläche verändert sich schon, was ein bisschen merkwürdig ist. Plötzlich hat man eine Seitenfläche. Okay, ich will ja gerade ein Bild anschauen, also klicke ich hier drauf. Und spätestens jetzt kann man sich wundern, okay, eigentlich will ich gerade ein Bild betrachten. Warum ist das Bild, warum nimmt es so eine kleine Fläche an, im Vergleich zu all den Steuerelementen außen rum? Brauchen wir gerade wirklich eine Menüleiste? Wird sich hier nicht auch, wie bei Dolphin, ein Hamburger Knopf anbieten. Brauchen wir gerade die Seitenfläche mit Informationen, die mich gerade nicht so interessieren? Ich will ja vor allem ein Bild betrachten. Will ich gerade hier einen Kommentar schreiben? Will ich gerade wissen, wie groß genau das Bild ist? Ich meine, die Informationen, die sind ja durchaus hilfreich, aber müssen wir sie wirklich staatmäßig Leuten anzeigen, gerade einfach irgendein Bild öffnen? Ich glaube nicht. Dann haben wir auch die Statusleiste unten. Die macht Sinn, wenn man nach, weil man eben rein ein Haus suchen kann, wo man sich da auch überlegen könnte. Würde es nicht vielleicht auch oben in die Werkzeugleiste reinpassen. Okay, so viel zu blutze Oberfläche, aber noch viel schwerwiegender war vielleicht das Problem, dass es wirklich auch nicht viele Leute gab, die überhaupt noch aktiv daran mitwirkten KDE, nicht KDE, Gwenview, schöner zu machen. Irgendwie gab es niemanden, der jetzt da immer zu dran programmiert hat, obwohl es ja der Standard-Bildbetrachter ist, den ja wirklich viele Leute verwenden. Und es lag teilweise daran, dass der Programmcode nicht so einsteigerfreundlich gestaltet war, als ich erstmals reingeschaut habe, ich gedacht, dass wir gerade ein bisschen zu viel arbeiten, ich arbeite lieber in Dolphin. Das Problem war also, Gwenview ist nicht so schön, keiner arbeitet wirklich, um die Situation zu verbessern. Es ist auch eigentlich mal ein bisschen schwierig, überhaupt damit zu wirken. Also war die Frage, was machen wir mit Gwenview, wenn sich keiner findet daran zu arbeiten, wenn keiner aufräumt, vielleicht lohnt sich es, vielleicht geben wir Gwenview auf, wir versuchen ein neues Projekt. Bildbetrachter sollten ja eigentlich so kompliziert sein. Wir schreiben mit Neu-Technologie ein neues Bildbetrachtungsbucher und da handeln auch, manche sind zu diesem Ergebnis gekommen und haben dann an einem alternativen Bildbetrachter weitergearbeitet, namens Coco. Und haben dort auch ein paar schöne Funktionen hinzugefügt. Aber wenn wir wirklich Gwenview jetzt einfach nochmal neu programmieren, ist es nicht leichter, es ist nicht leichter, das Bestehende zu verbessern, anstatt was Neues auf den Wunschzustand zu bringen. Und irgendwann, nachdem sich nach aller Zeit Gwenview nicht wesentlich verbessert hat und Coco auch nicht so aussah, als ob es direkt in die Schuhe von Gwenview springen könnte, war dann wohl irgendwann maßgerecht, wo sich fragt, okay, wir machen jetzt Gwenviews, erst mal zumindest jetzt die Lösung. Es benutzen jetzt Millionen von Menschen, wir sollten jetzt Gwenview erst mal auf einem, zumindest ein bisschen verbessern. Zwar zumindest meine Meinung, es gibt doch ein paar leichte Sachen, die wir direkt jetzt verbessern können. Und hat dann der Manuel Jesús de la Fuente aus Spanien, ein 17-Jähriger, weil man sieht, dass wir nicht all das diskriminierend sind, hat einen wunderschönen Entwurf erstellt, den ich jetzt zeigen kann. Wie den Quenche vielleicht aussehen könnte. Ich kann auf ein paar Änderungen hinweisen. Wir haben hier zum einen mal den Hamburger Knopf, den ich eben schon gesprochen habe, die Nuleiste standmäßig ausgeblendet. Wir haben nur noch die Seitenleiste. Die Knöpfe in der Werkzeugleiste wurden auch angepasst. Weiterhin hatten wir hier eine, die Statusleiste wird zu einem durchgehenden Band, der sich auch schön abschließt mit den Steuerelementen auf der Seitenfläche. Mit diesem Knöpfen hier kann man umschalten, was auf der Seitenfläche angezeigt wird. Eine weitere Erinnerung ist, dass andere Bilder, die eventuell im gleichen Ordner sind, durch die man durchschalten will, dass diese Fläche nun oberhalb der Statusleiste ist. Original war es sie unterhalb der Statusleiste, was ich nicht gezeigt habe, aber kann man sich denken, dann wäre die Statusleiste Zeit hier oben. Nachdem dieser Entwurf immer stellt wurde, hat Noah Davis, meiner Meinung nach, er angefangen, ihn wirklich umzusetzen. Noah Davis ist ein US-Amerikaner. Ich weiß eigentlich nur, was an der Zeit so ist, aber ich glaube, er lebt irgendwo an der Ostküste, der USA. Jedenfalls hat er angefangen, dass hier die Stausleiste eine klare Linie bildet, mit den Elementen der Seite. Er hat sich auch darum gekümmert, dass die Flächen hier nicht mehr mit Schrift beschriftet sind, sondern bei kleineren Größen auch so ein Boot zeigen. Ich sollte gar nicht davon reden, ich zeige es euch einfach. Ich werde es kurz kompilen und dann zeige ich die aktuelle Version mit diesen Änderungen. Hier haben wir jetzt Cranview. Das ist noch nicht die neueste Version vom Neuesten, aber schon ein bisschen aktueller. Ich habe es ein bisschen kleiner gemacht, damit ich ein bisschen mehr Platz habe. Man sieht, die Statusleiste unten hat schon mehr Abstände, das hatte Noah Davis gemacht. Einige andere kleinere visuelle Änderungen wurden auch gemacht. Die kann ich nicht unbedingt gerade aufzeigen, ich habe bloß gesehen, dass daran auch Noah Davis gearbeitet hat. Jetzt kommt die größere Sache, an der ich gearbeitet habe, ist wirklich die Werkzeugleisten anzupassen. Und zwar so, wie das auch in dem Entwurf von Manuel ungefähr gezeigt war. Man sieht schon, was ich gemacht habe in der Schalze, das hat sich in der weiteren Diskussion ergeben. Ursprünglich hatte ich es genauso, wie man hier in der Werkzeugleiste sieht, aber dann haben sich ein paar Probleme ergeben. Eine grundsätzliche Sache war, dass der Löschengnupf auch wenn er eigentlich eine nützliche Funktion ist, aber in Quinview kann man löschen, nicht einfach rückgängig machen. Man kann natürlich zum Papierkorb gehen und es dann wieder rauskamen, aber man kann nicht einfach in Quinview irgendwo rückgängig auswählen und das Bild ist nicht mehr gelöscht. Deswegen war es uns ein bisschen zu gefährlich, das einfach direkt als Knopfchen der Werkzeugleiste jederzeit verfügbar zu haben. Eine andere, ältere Sache, die ich anders gemacht habe, ist, dass ich hier diese Nächstes und letztes Bildknöpfe in die Werkzeugleiste gepackt habe. All das sind die Knöpfe, wenn man mehrere Bilder im gleichen Ordner hat, können wir dann zwischen den Bildern hin und her wechseln. Und auf dem Entwurf sind diese Knöpfe hier am Rand. Und das ist auch weiterhin noch der Plan, glaube ich, diese kleinen Runden Knöpfe am Rand zu haben. Allerdings für den Moment, weil ich gerade nicht forderte, diese Knöpfe zu programmieren, habe ich, was auch viel einfacher ist, einfach diese Pfeile hier in die Werkzeugleiste reingepackt. Eine weitere Anpassung war, dass in dem Entwurf die Knöpfe zum Bild um 90° nach rechts und links drehen, hier oben positioniert sind. Das hatte ich auch, wie gesagt, ursprünglich so. Allerdings kam dann Nate Cram her. Das ist ebenfalls ein US-Amerikaner, der kommt aus einer wüstenähnlichen Gegend im Südwesten der USA. Der hat mich beraten bei der Werkzeugleistenüberarbeitung und er hat gesagt, ja gut, wir können jetzt das links und rechts drehen, die Werkzeugleiste reinpacken. Aber es ist zum Beispiel mit zuschneiden. Aber man kann ein Knöpfe übrigens ziemlich leicht Bilder zuschneiden. Zeige ich hier kurz. Rückgängig, Kanzel. Was soll man schon mit zuschneiden? Oder was mit dem Größe verändern? Das ist noch auch sehr wichtige Funktionen. Seine Idee war, tun wir das einfach auch noch in die Werkzeugleiste. Und da ich dachte, wir überladen damit alles und kam dann auf die D. Oder vielleicht hat er es auch als erstes erwähnt, ist egal. Das wird doch eigentlich diese wunderschöne oder diese zumindest sehr funktionale Leiste haben, mit all diesen wichtigen Funktionen. Auch mit dem Löschen zum Beispiel. Also werden wir einfach einen Knopf hier oben haben, mit dem man diese Leiste jederzeit sich holen kann und auch verschwinden lassen kann. Ich habe es ein bisschen interessant programmiert, sodass wenn man gerade die falsche, halt eine andere Fläche am Link gerannt hat, man drückt den Knopf, dann wird eben auch einfach auf diese Fläche rübergewechselt. So wie wir die jederzeit zur Hand haben. Das geht nicht aus, dass wohl jeder Nutzer auch diese Funktion findet, weil nehmen wir mal an, wir wären noch einen Schritt weiter und die Menüleiste wäre weg. Und man sucht jetzt irgendeine Funktion. Natürlich schaut man in der Werkzeugleiste. Natürlich sieht man hier diesen Knopf mit den Werkzeugen zum Bearbeiten. Ich weiß noch nicht, wie es auf Deutschen übersetzt wird. Sie überlasse ich den Übersetzern. Und dann hat man all diese Funktionen zur Hand. Was dazu führt jetzt, dass wir eine viel schöner und aufgeräumter grundsätzliche Blutzoverfläche haben. Genau, also so viel dann zu meiner Arbeit. Der nächste Schritt wäre dann, war dann zu überlegen, wenn wir jetzt die Menüleiste wirklich ausgeplantet haben wollen, dann müssen wir uns überlegen, was in den Hamburger Knopf rein soll. Und noch bevor ich das, eigentlich war die Idee, dass ich es programmiere, weil sie auch meinen Knopf und ich kann den ja gut programmieren. Aber noch bevor ich dazu kam, hat nur Davis sich auch diese Arbeit angenommen. Und es wurde auch, das ist bereits passiert. Ich habe dabei geholfen, es zu überprüfen und sicherzugehen, dass es genauso funktioniert, wie wir es haben wollen. Das Ergebnis davon kann ich auch gleich zeigen. Aber davon muss ich jetzt nochmal auf eine noch neuere Version überspringen. Das dauert einen Moment. Ach, und eine Sache noch, eine Kleinigkeit eigentlich. Ich habe mich auch darum gekümmert, dass hier ein bisschen ein Abstand gehalten wird, der sich anpasst an die Kurse der Seitenfläche. So dass wir hier einen bündigen Abschluss haben zwischen Seitenfläche und Werkzeugleiste. Das gibt schon einiges für das Gesamtbild, aber es fast noch, wie hier ist, ist, wenn die Seitenfläche verschwindet, verschwindet auch diese Strich hier, aber der Abstand bleibt. Und dadurch haben wir dann noch eine Abtrennung zwischen den Steuerelementen, mit denen man allgemein Backquen-View an zu verschiedenen Orten hinspringt. Und zu den Steuerelementen hier, die die Auswirkungen auf das momentan betrachte Bild haben oder sich auf dieses beziehen. Und jetzt kommen wir zum neuesten von neuesten, das neueste aus der Schmiede von KDE unveröffentlicht nieder vorgesehen, hier in diesem Video diese Quen-Fu-Version. Man sieht den Hamburger Knopf hier oben mit den wichtigsten Funktionen, die zuvor nur in der Menüleiste verfügbar waren, hat wie gesagt nur Davis programmiert und woran er auch noch gearbeitet hat, ist, dass man, wenn man die Seitenleiste, die Seitenfläche reduziert in der Breite, das dann unten die Knöpfe zu Symbolen überspringen. Ein weiterer möglicher ist, wenn man es ganz breit macht, dann hat man sogar sowohl die Symbole als auch den Text. Zuvor war das einfach nicht möglich, da konnte man also nur die Seitenfläche ungefähr so breit machen und dann ging es einfach nicht weiter. Jetzt kann man es hier noch viel dünner machen und weiterhin ist jetzt auch diese Knöpfe von der Höhe her identisch mit der Höhe der Statusleiste, was viel tut für das Gesamtbild der Anwendung. Genau, das ist also das neueste vom neuesten. Was gibt es jetzt überhaupt noch zu sagen? Na, die Zukunft. Das, woran gerade sogar noch aktuell kabelt wird, daran woran ich auch noch arbeite. Aber das Video ist schon ziemlich lang, also mache ich das, wenn überhaupt, in einem weiteren Video. Eure einen schönen Tag und viel Spaß mit KDE Software.