{"id":36586,"date":"2018-03-26T11:51:46","date_gmt":"2018-03-26T09:51:46","guid":{"rendered":"https:\/\/owncloud.com\/?p=36586"},"modified":"2023-01-16T15:15:11","modified_gmt":"2023-01-16T15:15:11","slug":"neues-user-interface-owncloud","status":"publish","type":"post","link":"https:\/\/owncloud.com\/de\/blogs\/neues-user-interface-owncloud\/","title":{"rendered":"ownCloud bekommt ein neues User Interface"},"content":{"rendered":"<p>Mit \u201ePhoenix\u201d integriert ownCloud ein komplett neu gestaltetes Frontend in seine Software. Die Oberfl\u00e4che soll k\u00fcnftig nur noch HTML-, JavaScript- und CSS-Dateien enthalten und vollst\u00e4ndig vom Server entkoppelt sein. Die neue WebUI schafft eine \u00fcbersichtlichere und leichter verst\u00e4ndliche Code-Struktur. Durch den modularen Aufbau entsteht ein Entwurfsmuster (Design Pattern), das ohne weitere Anpassungen der CSS-Dateien verwendet werden kann.<\/p>\n<p>Die Entscheidung f\u00fcr den kompletten Relaunch erfolgte vor allem aus technischen \u00dcberlegungen heraus. Das ownCloud-Frontend wurde in den vergangenen Jahren kontinuierlich weiterentwickelt \u2013 sowohl mit Blick auf die User-Erfahrung, aber auch aus technischer Perspektive. Auf diese Weise entstand eine Vielzahl paralleler JavaScript-Bibliotheken, Frameworks und Komponenten, die das bestehende Frontend zunehmend komplexer, aber auch un\u00fcbersichtlicher werden lie\u00dfen.<\/p>\n<p>Die Entwickler suchten in der Folge nach einer einfachen M\u00f6glichkeit, HTML-Templates zu schreiben, sie vom Datenmodell zu entkoppeln und dadurch eine saubere und verst\u00e4ndliche Struktur zum Schreiben von Code zu erhalten. Phoenix macht nun an dieser Stelle einen radikalen Schnitt und liefert eine von Grund auf neu gestaltete Oberfl\u00e4che auf Basis neuester Frontend-Technologien wie WebPack, Vue.js oder UIKit.<\/p>\n<p>Eine gro\u00dfe Neuerung ist der modulare Aufbau (UIKit), der ein sogenanntes \u201eatomares Design-Muster\u201d vorsieht, das ohne gro\u00dfen Programmieraufwand implementiert und weiterentwickelt werden kann.<\/p>\n<h2><strong>Neustart auf der gr\u00fcnen Wiese<\/strong><\/h2>\n<p>Mit dem Relaunch erfolgt eine vollst\u00e4ndige Trennung des Frontend vom ownCloud-Server. Phoenix ist damit ein reiner Web-Client, der nur HTML-, JavaScript- und CSS-Dateien enth\u00e4lt und nur \u00fcber \u00f6ffentliche APIs wie <a class=\"wpil_keyword_link \" href=\"https:\/\/owncloud.com\/features\/webdav-integration\/\"  title=\"WebDAV\" data-wpil-keyword-link=\"linked\">WebDAV<\/a> oder OCS Share mit dem Server kommuniziert.<\/p>\n<p>Der Grundstein f\u00fcr Phoenix wurde im Jahr 2017 im Rahmen des Google Summer Of Code gelegt. Der Community-Entwickler Noveen Sachdeva implementierte im Rahmen seines Projektes die js-owncloud-client-Bibliothek und das entsprechende Feature, um dom\u00e4nen\u00fcbergreifende Anfragen an den ownCloud Server zu erm\u00f6glichen.<br \/>\nDie Integration von Cross-Origin Resource Sharing (CORS) erm\u00f6glicht es jeder Webseite, \u00fcber APIs kontrolliert auf ownCloud zuzugreifen. Der Prototyp f\u00fcr Phoenix stammt von <a href=\"https:\/\/github.com\/felixheidecke\" target=\"_blank\" rel=\"noopener\">Felix Heidecke<\/a>.<\/p>\n<p>Aus Deployment-Sicht kann Phoenix in einer komplett isolierten Umgebung betrieben und auf einem separaten Webserver gehostet werden. Ein Betrieb als konsolidierte Anwendung innerhalb desselben Webservers, der auch das ownCloud-Backend zur Verf\u00fcgung stellt, ist ebenfalls m\u00f6glich.<\/p>\n<p>Die erste Version von Phoenix zielt vor allem auf gr\u00f6\u00dfere und geclusterte Installationen, bei denen die Betreiber der ownCloud mehr Kontrolle \u00fcber die Ressourcennutzung und Netzwerktopologie haben m\u00f6chten. Phoenix wird \u00fcber den ownCloud Marketplace installiert und aktualisiert und ist sofort nach der Installation einsatzbereit.<\/p>\n<p>Aktuell befindet sich Phoenix in der Testphase und wird demn\u00e4chst parallel zum bestehenden Frontend \u00fcber den ownCloud Marketplace verf\u00fcgbar sein. Der n\u00e4chste Entwicklungsschritt wird anschlie\u00dfend im Rahmen des Google Summer of Code erfolgen. Die Auswahl der Studenten und die Bestimmung der konkreten Themen f\u00fcr das bekannte Programmierstipendium erfolgt durch ownCloud in Zusammenarbeit mit den Partnern CERN und AARNet.<\/p>\n<p>Im Anschluss folgt der Release des App-Plugins und die Suche nach ersten Kandidaten f\u00fcr die Testphase. Phoenix ist Open Source und als Community-Projekt offen f\u00fcr alle, die zum Projekt beitragen wollen. Interessierte Entwickler k\u00f6nnen sich \u00fcber den Phoenix-Channel auf <a href=\"https:\/\/talk.owncloud.com\/channel\/phoenix\">ownCloud Talk<\/a> oder im entsprechenden <a href=\"https:\/\/github.com\/owncloud\/phoenix\" target=\"_blank\" rel=\"noopener\">GitHub-Thread<\/a> beteiligen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit \u201ePhoenix\u201d integriert ownCloud ein komplett neu gestaltetes Frontend in seine Software. <\/p>\n","protected":false},"author":7,"featured_media":36589,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[48,55],"tags":[],"class_list":["post-36586","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-owncloud-product"],"acf":[],"_links":{"self":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts\/36586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/comments?post=36586"}],"version-history":[{"count":1,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts\/36586\/revisions"}],"predecessor-version":[{"id":61605,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts\/36586\/revisions\/61605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/media\/36589"}],"wp:attachment":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/media?parent=36586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/categories?post=36586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/tags?post=36586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}