Drupal 8 Hivemind – Der Designprozess

Wenn man als als Webdesigner den Auftrag bekommt sich auszutoben klingt das für Aussenstehende wie eine lässige Angelegenheit. Wie jeder, der in einem kreativen Feld arbeitet, weiß, ist die absolute Freiheit eine schreckliche Sache. Mein erster Ansatz für so ein Projekt ist demnach mir selbst Restriktionen zu setzen. Für das Drupal 8 Release Gewinnspiel hieß das für mich:

  • Keine Stockfotos
  • Keine Farbe
  • Keine Flat Vector

Warum? Ich wollte eine Website machen, die uns nicht täglich im Web begegnet. Die drei oben genannten Dinge sind nicht schlecht und haben durchaus ihre Legitimation. Sie sind einfach nur allgegenwärtig und zum Austoben brauchts da etwas mehr.

Der Drupal 8 Tropfen stand bei der Konzeption im Zentrum und von dort ausgehend wurde die Assoziationskette weitergesponnen, die die Website zusammenhält.

Tropfen ist Teil des Regens, Regen entsteht aus Wolken, Regen landet im Meer. Logisch, oder? 😉 Des weiteren wollte ich noch die Zahl 8 möglichst oft unterbringen.

Jeder, der schon mal beruflich mit mir zutun hatte, weiß, dass als erster Arbeitsschritt bei mir die Skizze steht. Wenn der Bleistift einmal in der Hand ist, lege ich ihn nicht so leicht wieder weg. So entschloss ich mich diesmal statt hübscher Vektor-Icons die benötigten Bildelemente einfach selbst auf Papier zu zeichnen. Die Koloration (grau und weiß) erfolgte dann in Photoshop. Neben den vielen gezeichneten Achtern (und ja, wir haben einige wieder herausgenommen 😉 ), musste natürlich ein Oktopus her. Sebastian, der Halbgott der diese Seite umgesetzt hat, bestand darauf, dass sich der Oktopus bewegt. Das erfordert, dass alle beweglichen Teile einzeln gezeichnet und angeliefert werden. Natürlich mit einer Vorlage, damit der Developer weiß wo welches Teil dann ungefähr sitzen soll. Gesagt, getan!

Zusammen haben wir uns im Team beim ersten Konzeptmeeting überlegt, welche Statistiken wir ausgeben können und wollen. Die Bugs zeigen uns an wieviel bei Drupal 8 noch zu tun ist. Während ich diese Zeilen schreibe steht der Bug-Count bei 2.653. Da geht also noch einiges! Des weiteren boten sich noch Teilnehmer und natürlich die Tipps an. Da wir das Gewinnspiel mit Twitter verknüpft hatten, lag es auch nahe die Tweets zu zählen in denen unser Hashtag verwendet wird. Die Illustrationen sind in meinem persönlichen Stil gehalten, weshalb sie schnell von der Hand gingen. Man darf mich beglückwünschen für eine Agentur zu arbeiten, die keine Probleme mit Gehirnglühlampen und Pupillenlosen Augen hat. Cheers! Sabrina bestand noch auf Fische im Meer. Nach anfänglichem Gemaule meinerseits (zu unruhig auf der Seite/ keine Zeit/ Ich hab jetzt aber Hunger), bin ich doch sehr froh über die Fischlein und sie sind nach dem Oktopus mein Lieblingselement auf der Seite.

Was hat es mit dem Hivemind auf sich?

Die Weisheit der Vielen besagt, dass eine Gruppe schlauer ist als ein Individuum. Dazu gibts ein Beispiel aus dem Jahr 1906 als im Rahmen eines Gewinnspiels das Schlachtgewicht eines Rindes zu schätzen war. 787 Schätzungen wurden abgegeben. Keine einzige davon war korrekt. Aber der Mittelwert aller Schätzungen traf genau ins Schwarze. Wir veranstalten hier also nicht nur ein Gewinnspiel sondern unser eigenes psychologisch-ökologisches Experiment.

Was man vielleicht auf den ersten Blick nicht bemerkt und was wir aber nicht extra kommunizieren wollten (je kürzer desto besser!) ist, dass die Wölkchen immer blasser werden je älter der Tipp ist und immer größer je mehr Leute auf den Tag getippt haben. Die vertikale Position ist dem Zufall überlassen. Wenn man noch keinen Tipp abgegeben hat, gibt es auch keine Möglichkeit zu sehen welche Tage oder Monate die anderen Teilnehmer ausgewählt haben. Nachdem man seinen Tipp abgegeben hat, sieht man was unsere kollektive Intelligenz zustande gebracht hat. Ich bin gespannt wie weit die Gruppenschätzung vom Drupal 8 Release Tag entfernt sein wird.

Was ist dein Lieblingselement auf der Seite? Wie stehst du zur Weisheit der Vielen? Ich freue mich auf Kommentare :)a

Drupal Hivemind – when will Drupal 8 be released?

Eine Frage, die sich Drupal-Entwickler weltweit stellen und die natürlich auch uns schon des längeren beschäftigt. Wir haben dazu das Gewinnspiel The Drupal Hivemind entwickelt, dessen Ziel es ist möglichst genau das Erscheinungsdatum der neuen Version des Content Management Systems Drupal 8 vorherzusagen und als Tipp auf drupal8release.com einzutragen. Drupal 8 Release ist mittlerweile das zweite Projekt, das von uns auf Basis von Drupal 8 realisiert wurde.

So funktioniert es

Die Anmeldung zur Teilnahme erfolgt via Twitter-Login oder E-Mail-Registrierung. Nach Platzierung des Tipps erscheint dieser als Wolke in einer Timeline. Je größer eine Wolke, umso mehr Personen haben auf dieses Datum getippt. Twitter-Benutzer können den Tipp jederzeit und nach Senden eines Tweets mit dem Hashtag #drupal8release ändern. Zu gewinnen gibt es abhängig vom tatsächlichen Release-Date entweder zwei Tickets für die DrupalCon Los Angeles im Mai 2015 oder für die DrupalCon Barcelona im Herbst 2015.

Headless Drupal8 und AngularJS

Wir haben uns bei diesem Projekt einem aktuellen und viel diskutierten Thema in der Web Community, der Headless Architektur von Web-Applikationen, unter Einsatz von Drupal 8 und AngularJS, angenommen. Dabei wird das Backend vom Frontend komplett entkoppelt und dient nur mehr der Datenverwaltung. Der große Vorteil dieser Herangehensweise liegt in der Ausnutzung der enormen Flexibilität beider Systeme und ermöglicht es verschiedene Frontends mit einem einzigen Backend zu verknüpfen aus dem die Daten geliefert werden. Für das Frontend viel die Wahl auf AngularJS. Einerseits auf Grund der gefühlten Popularität von AngularJS aber auch wegen der Verfügbarkeit von leicht verständlichen Tutorials und Beispielen, da wir dieses Projekt zu einem späteren Zeitpunkt auch als Proof of Concept veröffentlichen werden. Um das Drupal Frontend zu ersetzen bieten sich übrigens immer mehr Möglichkeiten. Ein besonders grosse Rolle spielen aktuell die verschiedenen JavaScript MV* Frameworks wie z.B. Ember.js, Knockout.js, Angular.js, Backbone.js oder React.js. Bei der Evaluierung der verschiedenen Optionen hinterließ besonders React.js einen bleibend positiven Eindruck und wird mit Sicherheit Gegenstand zukünftiger Projekte sein.

Durch die Einbindung externer Komponenten wie z.B. Guzzle (HTTP Client) und die Bereitstellung der zuvor erwaehnten Module und APIs wird es in Drupal 8 künftig wesentlich einfacher sein Web Services bereitzustellen oder zu konsumieren. Diese Entwicklungen erklären den Hype um das Thema „Headless Drupal“, also der Trennung zwischen Frontend und Backend, den wir aktuell erleben. Ein detaillierter Beitrag dazu folgt in Kürze.

Geplant ist, das Projekt noch vor Weihnachten als Proof of Concept zu veröffentlichen. Die entwickelten Module und das AngularJS Frontend werden dafür auf GitHub veröffentlicht.