Joomla 3.0 Alpha 2

Wichtig: Nicht für den Produktiven Einsatz verwenden!

Ich weiss, das wird einem immer und immer wieder vorgekaut. Trotzdem sage ich es nochmal: Bitte nutzen Sie diese Alpha-Version nicht in fertigen Produkten. Diese Veröffentlichung dient ausschließlich zwei Zwecken:
1. Eine Entwicklerpreview, damit die Entwickler ihre Erweiterungen zu Ende entwickeln können.
2. Marketingvorschau, um der Welt zu zeigen, was kommen wird.

Ein großes Dankeschön an das JUX Team

Das JUX wurde offiziell am JoomlaDay Chicago 2011 gegründet. Tatsächliche Arbeitszusammenkünfte fanden aber erst auf dem JandBeyond 2012 statt. Verglichen mit dem Talent, und der Hingabe, mit der das Team monatelang rund um die Uhr gearbeitet hat, und dabei jede einzelne Datei bearbeitet hat, komme ich mir so unsagbar klein vor. Einen speziellen Dank möchte ich hier an Rouven Weßling aussprechen, der das Bindeglied unserer Kette war, und in seinen Anstrengungen bis ans Ende seiner Kräfte gegangen ist. Aber fangt noch nicht zu feiern an, Leute, wir haben noch immer jede Menge Arbeit vor uns, bevor es stabil läuft.

Neue Features

Viele Features der Version 3.0 wollen wir nicht wieder abgeben. Dazu zählen zum Beispiel der neue Installationsvorgang, und die Benutzeroberfläche. Andere vermeintliche Schmuckstücke mussten in der neuen Version weichen. Sicher ist, dass die entfernten Teile nur Ballast gewesen wären.

Zusammengefasste Installation

Die Installationsprozedur wurde komplett umgeworfen, und auf die größtmögliche Benutzerfreundlichkeit hin optimiert. Der gesamte Prozess umfasst jetzt nur noch drei Schritte. Optional ist es auch möglich, die Einstellungen per E-Mail zu versenden, um später die Einstellungen übernehmen zu können. Außerdem ist es möglich, das Passwort per E-Mail zu übertragen. Letztgenannte Möglichkeit ist allerdings standardmäßig aus Sicherheitsgründen deaktiviert. Erwähnenswert ist außerdem, dass sich die Installation nur beginnen lässt, wenn Ihr System den minimalen Systemanforderungen entspricht.

Isis, die neue Benutzeroberfläche

Isis ist der Name der neuen Benutzeroberfläche. Der Name folgt damit der Tradition der bisherigen Oberflächen Hathor und Khepri, die ebenfalls nach ägyptischen Göttern und Göttinnen benannt wurden. Mit Bootstrap als Grundlage, nutzt Isis die Vorteile der neuen Bootstrap-Markups voll aus. Natürlich reagiert Isis auch komplett auf diese neue Erweiterungen. Isis benutzt ebenfalls jQuery UI für Drag 'n Drop, Icomoon-Iconsymbole für alle Icons, und Chosen Auswahlfelder für alle Auswahlen. All diese Funktionen sind verfügbar für Entwickler, doch mehr davon in Kürze.

Protostar, das neue Webtemplate

Die Alpha-2 kommt mit einer verbesserten Version von Beez. Eine vorzeitige Vorschau auf Protostar ist aber möglich, wenn sie im Template Manager aktiviert wird. Protostar führt die Tradition der "Weltraum"-Namen von Solarflar und Milkyway fort. Wie Isis ist auch Protostar rein dazu entwickelt worden, um Bootstrap zu unterstützen, und ist ebenfalls mit diesem kompatibel. Daher kommt auch der Name Protostar. Ein Protostern ist ein Stern, der sich im ständigen Wandel befindet, und seine Größe ständig ändert. Falls Sie ein Entwickler sind, und Ihre Erweiterung gegen den totalen Bootstrap testen wollen, testen Sie sie gegen Protostar.

JUI - Joomla User Interface Library

Die neuen JUI-Dateien, die für alle neuen Features benutzt werden, können in /media/jui gefunden werden. Stellen Sie sich JUI wie ihr persönliches Joomla-SDK vor. Alle Werkzeuge, die Sie brauchen, sind jetzt im Kern konzentriert, und werden kontinuierlich verbessert. JUI beinhaltet:

• Bootstrap
• Ein erweitertes Bootstrap für Joomla
• jQuerry
• jQuerry UI
• Icomoon Iconsymbole
• Chosen js Auswahlfelder

jQuerry Migration

In der 3.0 Alpha 2 sind sowohl jQuery - das im no conflict-Modus läuft- als auch Mootools standardmäßig aktiviert. jQuery ist die selbstverständliche Javascriptbibliothek der Wahl für das JUI, da Bootstrap für jQuery entwickelt wurde, und wir jQuery UI für Drag 'n Drop - und andere Dinge - nutzen. Das Ziel besteht darin, Version 3.0 stabil laufen zu lassen, in dem nur jQuery benötigt und im Kern aktiviert wird. Trotzdem wird Mootools weiterhin zur Unterstützung für die Entwickler von Erweiterungen, sowie die Hintergrundstabilität, beibehalten.

Neufassung von Drag 'n Drop: Auswählen, um zu sortieren

Die Sicht auf den Admin Content Manager zeigt, dass jQuery UI jetzt für das Neuordnen von Drag 'n Drop genutzt wird. Um eine Vorschau zu erhalten, stellen Sie sicher dass die Sortierung der Ordner ausgeführt wird, indem sämtliche neuen Auswahlfelder genutzt werden. Falls Sie ein Entwickler sind, und die neuen Möglichkeiten für Drag 'n Drop, Sortierungen, und Anderes, in Ihren Programmen nutzen wollen, sehen Sie hier nach. Das Team von JoomlaShine hat die Drag 'n Drop-Boxen geliefert, und Michael Babker hat hat die Sort/Order-Boxen geliefert.

Bootstrap JHtml-Behaviors im Kern

Die Version 3.0 Alpha-2 biett für Benutzer von Bootstrap neue Tooltipps, Tabs, und Möglichkeiten, collapsible accordions zu schreiben. Entwickler können optional auch das ursprüngliche Bootstrap-Markup nutzen, oder sie können die JHtml-Behaviors zu ihrem eigenen Vorteil nutzen. Falls Sie in der Vergangenheit JPane genutzt haben, sollten diese Behaviors sehr bekannt aussehen. Eine detaillierte Dokumentation wurde von Dave Horsfall von HWD beigesteuert. Rechnen Sie mit der Veröffentlichung neuer Bootstrap-Behaviors in den kommenen Versionen.

Zeichenbasierte Icons von Icomoon

145 grafische Vektor-Icons sind in JUI als Standard- sowie feste Icons in Front- und Backend integriert. Der Reiz dieser Icons liegt darin begründet, dass es möglich ist, sie unbegrenzt größer und kleiner zu machen, indem einfach die Font Size geändert wird. Außerdem sind sie per Retina zugänglich, erfreulich frisch, benötigen nur eine Http-Anforderung, und ermöglich noch dazu einfachen Zugriff. Retina-Unterstützung ist vor allem deshalb wichtig, um für die neuen Macs, iPhones, iPads, und andere Geräte, auf denen Symbole mit mehr als 72 dpi verpixelt dargestellt werden, gerüstet zu sein. Wir haben die Icons von Icomoon exakt genauso wie Bootstrap-Symbole implementiert, was bedeutet, dass Sie das ""-Markup auf genau die selbe Art und Weise wie in Bootstrap benutzen können. Noch besser ist die Tatsache, dass die "Icon-white"-class von Bootstrap nicht nicht benutzt werden muss, weil diese Icons automatisch die Farbe der Schriftart annehmen. Sie finden die 145 Icons die momentan in Version 3.0 unterstützt werden hier.

Fortgeschrittenen Optionen für Google Chrome

Unter dem Menüpunkt "Fortgeschrittene Optionen" finden Sie nun Optionen, mit denen die Module-Sektion von einer div in einen html5-Wrapper wie die Sektion geändert werden kann. Die Bootstrap-Größe kann ebenso geändert werden wie die Bootstrap span grid class. Auch die Kopfzeile kann jetzt in Header h3's in h1, h2, usw, zwecks Seo, geändert werden. Die Header-Klassen können jetzt um eine Klasse wie die Bootstrap "page-header"-Klasse zu erweitern. Der Modulstil des Joomla-Chrome-Moduls kann jetzt in jeden installierten Chrome-Modul-Stil, von jedem installierten Template, geändert werden.

Bootstrap-Gitter-Layouts

Eine der größten Neuerungen des Wechsels zu Bootstrap ist die integrierte Unterstützung des Supports für Webdesign für alle denkbaren Browser. Entwicklern von Erweiterungen wird eindringlich nahegelegt, ihre Komponentenlayouts mit diesen Layouts zu versehen, damit sie die Vorteile des wechselseitigen Supports automatisch nutzen können. Während das Frontendlayout mehr Abwechslung bieten wird, wird dem Admin nahegelegt, folgende Layouts zu nutzen:
"span2/span6/span4" für Bedienpanels n linker und rechter Seitenleiste
"span2/span10 für "List/Table Views" mit linker Leiste und Untermenü (Mehr Infos hier)
"span10/span2" für die Bearbeitungssicht mit rechter Seitenleiste
"span12" für die gesamte Weite.

Neue Modulpositionsauswahl

Anderson Grüdtner Martins hat eine weit einfachere Auswahlmöglichkeit für die Positionen der Module entwickelt, als die bisherige Fensterauswahl. Das Auswahlfenster benutzt Chosen js für Echtzeitsuchen, und Anderson Martines hat es so geändert, dass es die Möglichkeit bietet, eine eigene Modulposition auszuwählen, falls die Suche keine Ergebnisse erbracht hat.

LESS CSS für Templates Version 3.0

Eine der größten Veränderungen in den Entwicklungstemplates für Joomla 3.0 wird die Nutzbarmachung der Macht von LESS. Seiten- und Admintemplates werden jetzt ein /less-Verzeichnis, sowie eine template.less-Datei zur Verfügung haben, die alle less-Dateien von Bootstrap und JUI-less-Dateien von /media/jui/less importieren wird. Templateentwickler können jetzt leicht auswählen, welche LESS-Dateien sie von JUI importieren wollen, und welche sie in ihr Template einbinden wollen. Zum Beispiel kann man, um alle Farben im Hintergrund zu ändern, die eigene variable.less nutzen, statt dem Standard von Bootstrap. Außerdem ist es möglich, die Icons icomoon.less zu ändern. Prüfen Sie zum Beispiel einfach /templates/protostar/less und /administrator/templates/isis/less in Version 3.0 Alpha 2. Der Reiz dieses Vorgehens liegt darin, dass Sie Ihr gesamtes CSS für Ihre gesamte Seite mitsamt Unterstruktur in nur einer kompilierten template.css-Datei haben. All das ohne das Duplizieren von CSS, wie in den "alten" Joomla-Tagen.

Falls Sie natürlich nostalgisch sein wollen, besteht auch die Möglichkeit einfach CSS in Ihrem Template zu nutzen, und die JUI/Bootstrap-CSS von /media/jui/css zu importieren, aber das macht doch keinen Spaß.

Bootstrap-Button-Gruppen für Radiofelder

Sie werden schnell feststellen, dass Radio buttons in Version 3.0 Alpha 2 als umschaltbare Gruppen zusammengefasst werden. Erweiterungsentwickler können einfach class="btn-group" an ihre Feldparameter in .xml-Form anhängen, und die Radios werden wie durch Zauberei in Buttongruppen für den Admin umgewandelt.

Features in der Enwicklung

Wir fahren damit fort, die Features der Version 3.0 zu erweitern und zu verbessern, bis zum Release der Beta, in welcher die Features festehen werden. Hier sind einige Dinge, die noch in Entwicklung sind:

Neue Modulmenüzuweisung

Pedro Gonçalves (iMaQma) und Peter van Westen (NoNumber) haben zusammengearbeitet, um alle neuen UIs der Zuweisungsmodule für Menüigegenstände zu entwickeln. Das ist eine der komplexeren UIs für Joomla-Admins, also haben wir viele Updates entwickelt, um alle verschachtelten Menüs, Menügegenstände, und die potentielle Anzahl der Menügegenstände, zu ordnen. Das neue UI wird natürlich Bootstrap und jQuery nutzen. Hier gibt es eine Vorschau darauf.

Administratoren-Menü-Manager

Jeremy Wilken (gnomeontherun) und Daniel Dimitrov (Compojoom) portieren den aufgeblasenen Adminmenümanager von SquareOne auf Joomla 3.0 um, um vollen Zugriff auf das Adminmenü zu gewährleisten.

Bootstrap-Menü-Modul-Verbesserungen

Philip Locke und René Kreijveld spendieren einige Zusatzfeatures aus ihrem Joostrap-Menü-Modul, um das normale Joomla mod_menu einfacher alle Bootstrap menu/nav-Features verwalten zu lassen.

Bootstrap 2.1 und jQuery 1.8

JUI wird weiterhin fortentwickelt wie geplant, um das Neueste und Modernste für Erweiterungsentwickler zu bieten. jQuery 1.8 wurde kürzlich veröffentlicht, und Bootstrap 2.1 erscheint am Montag, also werden wir die beim nächsten Release updaten.

Mehr jQuery-Features

Wir fahren fort, Features von Mootools in jQuery zu portieren, damit beide Bibliotheken nicht zum Laden benötige werden. Dinge wie die Farb- und Datenauswahl werden vermutlich beim nächsten Release in jQuery UI integriert.

Mehr RTL-Unterstützung

Chalak Kareem hat bei der RTL-Unterstützung für Bootstrap und JUI enorm geholfen. Er wird damit fortfahren, die gesamte RTL-Unterstützung für Version 3.0 zu verbessern, und Chosen js zu integrieren.

Einfachere Bedienbarkeit

Andrea Tarr hat kürzlich einem Meeting zur Verbesserung der Bedienbarkeit von Bootstrap beigewohnt, und wird Version 3.0 noch zugänglicher machen.

Feedback und Hilfe willkommen!

Wie bisher können Sie sich im Entwicklungsprozess engagieren, indem Sie im Forum posten, oder mich bei Twitter direkt anschreiben. Außerdem können Sie diese Kontaktmöglichkeiten nutzen, falls Sie interessiert daran sind, Code für Version 3.0 zur Verfügung zu stellen. Wir werden bald weitere detaillierte Dokumentationen veröffentlichen. Entwicklergebrauch und Feedback können den Kurs ändern, den Joomla 3.0 gehen wird, also arbeiten Sie daran!

Ein Beitrag über die neue Joomla 3 Alpha2 Version von Kyle Ledbetter ins deutsche übersetzt. Bilderquelle und Text von: Joomla.org