Wir sind sehr stolz, dass wir die neue Internetpräsenz des Projektes in Zusammenarbeit mit dem Institut für Klinische Molekularbiologie an der CAU Kiel entwerfen und realisieren durften. Als Grundlage für das umfangreiche Onlineportal diente dabei das Content-Management-System Drupal, mit dem sowohl die Organisation des umfangreichen Informationsangebotes sowie die geforderten Community-Funktionen realisiert werden konnten.

RTG1743 – Praxisorientiertes Graduiertenkolleg für Doktoranden

Das neue Graduiertenkolleg, mit dem etwas kryptischen Namen RTG1743, soll es Studenten zukünftig ermöglichen, innerhalb von 3 Jahren ihren Doktortitel zu erreichen.

Das Kolleg ist stark praxisorientiert, wobei viel Wert auf Teamwork gelegt wird sowie auf das gemeinsame Forschen und andere Fähigkeiten, die nach dem Abschluss im medizinischen Alltag wichtig sind.

Das Institut forscht vor allem nach Ursachen und Zusammenhängen zwischen Umwelteinflüssen und chronischen Entzündungen. Insbesondere inwiefern Zellen sich mit der Zeit verändern, wenn sich chronische Entzündungen entwickeln und wie spezielle Diäten diese Entwicklung beeinflussen können.

Ein anderer Schwerpunkt liegt auf der Erforschung von Darmmikrobiomen und deren Einfluss auf Entzündungen. Das Forschungsfeld erstreckt sich über Molekularbiologie, Biochemie, Humangenetik, Mikrobiologie, Immunologie, Epidemologie, Bioinformatik und Statistik.

Neue Wege die Ergebnisse der Erforschungen (Statistik und Bioinformatik) zu präsentieren, stehen dabei ebenfalls im Fokus des neuen Onlineportals.

Informationsportal und Community mit Drupal

Mit dem Content-Management-System Drupal konnte sowohl das umfangreiche Informationsangebot organisiert werden, als auch der geschlossene Community-Bereich, der den Studenten und Dozenten zur Verfügung steht.

Mit Hilfe von verschiedenen Inhaltstypen wie Kursen, Dozenten und Veröffentlichungen können die einzelnen Informationen übersichtlich gepflegt und miteinander verknüpft werden. So werden beispielsweise zu jedem Forschungsbereich die verantwortlichen Dozenten sowie die bereits veröffentlichen Publikationen dargestellt – ohne diese mehrfach anlegen zu müssen.

Auch der Community-Bereich, der traditionell zu den Stärken von Drupal zählt, ist übersichtlich strukturiert. Veranstaltungskalender, Forum und Datenaustausch können einfach über diverse Benutzergruppen und Zugriffsrechte gesteuert werden.

Beim Webdesign hatten wir nur wenige Vorgaben und konnten, ausgehend von Logo und Schriftart, die Internetpräsenz frei gestalten. Heraus gekommen ist ein heller, freundlicher Auftritt mit übersichtlich strukturierten Themenbereichen, der durch die Auswahl von passendem Fotomaterial – teilweise mit gezielter Tiefenunschärfe – aufgelockert wird.

Alle Informationen zum Graduiertenkolleg, Dozenten und medizinischen Veröffentlichungen ab sofort unter:

www.genes-environment-inflammation.de

Übersichtliche Startseite des Onlineportals

Bereich Research mit Forschungsergebnissen

Kursübersicht des Graduiertenkollegs

Wie auch schon in den letzten Versionen haben die Entwickler den Fokus auf die Optimierung der Bedienung gelegt und an technischen Details geschliffen. Insofern bleibt WordPress sicherlich auch weiterhin das beliebteste Redaktionssystem weltweit.

Neue Funktionen in WordPress 3.6

1. Unterschiedliche Beitragsformate

Auswahl der Beitragstypen

Auch bisher war es schon möglich beim Anlegen von Artikeln zwischen verschiedenen Beitragstypen zu unterscheiden. Die Auswahlmöglichkeit war jedoch etwas unscheinbar in einem Widget-Bereich untergebracht, man bekam keine grafische Rückmeldung nach der Auswahl und der Redakteur sah das Ergebnis erst nach der Veröffentlichung auf der Webseite – wenn überhaupt. Insofern fristete die Funktion bisher ein Schattendasein und wurde von Theme-Designern und Redakteuren eher ignoriert.

Ab WordPress 3.6 wandert diese Auswahl nun deutlich sichtbar direkt über den Editorbereich. Bevor man anfängt zu schreiben, wählt man nun den gewünschten Artikeltyp aus. Die Art des Beitragstypen ist durch passende Icons optisch klar erkennbar.

Nachdem man seine Wahl getroffen hat, werden die Eingabeoptionen erweitert, d.h. beim Anlegen eines Filmbeitrages wird zusätzlich zum Titel- und Textfeld eine Upload-Option für Video eingeblendet.

Beispiel Video-Beitrag

Die angebotenen Beitragstypen in WordPress 3.6 sind:

• Standardartikel (wie üblich mit Titel und Text)
• Bildbeitrag (direkte Upload-Funktion für ein Bild)
• Galerie-Beitrag (hier wird bisher noch auf die Galerie-Funktion des normalen Media-Buttons hingewiesen)
• Link-Beitrag (zusätzliches Feld für eine URL)
• Video-Beitrag (direkte Upload-Funktion für ein Video bzw. Zugriff auf Mediathek)
• Audio-Beitrag (direkte Upload-Funktion für eine Audio-Datei bzw. Zugriff auf Mediathek)
• Chat-Betrag (ein Beitragstyp für FAQs mit Frage und Antwort, jedoch ohne besondere Funktion)
• Statusmitteilung (spezielle Darstellung des Beitragstextes, der Titel wird unterdrückt)
• Zitat (zusätzliche Felder für Zitat, Quelle und Quellenverlinkung)
• “Aside”-Beitrag (Beitragstyp für Kurzmeldungen und Gedanken, der Titel wird unterdrückt)

Zitat-Anzeige auf der Webseite

Die einzelnen Beitragstypen können je nach Theme-Design unterschiedlich dargestellt werden, so dass die Blog-Seite aufgelockert wird und das Layout an die Inhalte grafisch optimal angepasst werden kann.

2. Audio- und Video-Einbindung

Ab sofort können Audio-und Video-Dateien ohne zusätzliche Plugins in Artikel eingebunden werden. WordPress 3.6 enthält von Hause aus eine HTML5-Lösung für beide Medienformate. Wir haben es mit einem Video im MPG4-Format ausprobiert und es lief problemlos auf Desktop-Rechnern und Smartphones.

3. Überarbeitete Menüverwaltung

Neue Menüverwaltung

Navigationsmenüs können nun über eine Akkordeon-basierte Benutzeroberfläche einfach verwaltet werden – die vorherige Widget-Optik ist passé. In einem separaten Reiterbereich können Menüs im installierten Theme plaziert werden.

Interessant ist die Option, dass man auch Beitragstypen als Menüpunkt anlegen kann. So kann man beispielsweise als Video-Beiträge einfach mit einem Klick im Menü hinzufügen.

4. Erweiterte Autosave-Funktion

Beiträge werden nun automatisch lokal im Cache gespeichert. Falls der Browser abstürzt oder der Webserver offline geht, der angefangene Beitrag bleibt erhalten.

5. Revisionen – einfach mit Einschränkungen

Revisionen mit Slider und Avataren

Der Revisionsbereich, d.h. die Historie der vorherigen Bearbeitungsschritte, wurde komplett überarbeitet. War es bisher schon immer sehr beruhigend, dass man problemlos in alten Bearbeitungsständen stöbern konnte, so ist es nun auch noch sehr komfortabel geworden. Die neue Optik mit Schieberegler, interaktiver Anzeige und Avataren ist sehr intuitiv zu bedienen.

Anmerkung: Leider erfasst sie bisher nur die standardmäßigen Titel- und Textfelder. Die Felder der neuen Beitragstypen wie beispielsweise Video, Bilder und URLs werden nicht aufgezeichnet.

6. TwentyThirteen – Neues Standard-Theme

Twenty Thirteen Theme

Wie bei jeder neuen WordPress-Version gibt es einen neues Standard-Theme. Während die letzten Themes sehr reduziert und farblich zurückhaltend waren, setzen die WordPress-Entwickler ein Zeichen. TwentyThirteen ist farblich sehr prägnant und intensiv, wobei die Struktur wie bisher klar und aufgeräumt ist. Die neuen Beitragsformate werden alle unterstützt und individuell passend dargestellt.

Dabei versteht es sich schon fast von selbst, dass das Theme über ein Responsive Layout verfügt, welches sich automatisch an die kleineren Bildschirmauflösungen von Tablets und Smartphones anpasst.

In der Summe ist es fantastisches Theme, um sich Best Practice-Funktionalitäten abzuschauen oder es direkt als Basis für eines eigenes Child-Theme zu verwenden.

Fazit

Alles richtig gemacht – hoffentlich müssen wir nicht mehr lange auf die Stable-Version warten!

Durch zahlreiche Fernsehdokumentationen, Vorträge sowie die Veröffentlichung von 16 Büchern und zahlreichen Artikeln in Zeitschriften wie National Geographic, SZ und Stern macht er regelmäßig aufmerksam auf Umweltproblematiken und die Schönheit der Natur.

Wir sind sehr stolz, dass wir den umfangreichen Internetauftritt konzeptionieren und das neue Webdesign entwickeln durften.

Reduziertes Webdesign vor beeindruckender Fotokulisse

Bei der Gestaltung ließ uns das Team von Arved Fuchs freie Hand und wir entwarfen ein klares Erscheinungsbild, bei dem die beeindruckenden Landschaftsaufnahmen, die während der vergangenen Expeditionen entstanden, gut zur Geltung kommen.

Durch Bildausschnitte und gezielte Unschärfen wirkt die Webseite authentisch und die Atmosphäre während der Expeditionen wird für den Leser greifbar.

Der Kontrast der teilweise grobkörnigen Fotos zu den feinen Schriften unterstreicht diesen Effekt noch, und es entsteht eine klare Formensprache, die je nach Inhaltstyp variiert – aber immer genügend Weißraum bietet und niemals chaotisch wirkt.

Drupal als Content-Management-System

Die alte Webseite, die noch kein Redaktionssystem besaß, war im Verlauf der Jahre durch die zahlreichen Expeditionen immens angewachsen und war für Redakteure nur noch mit großem Aufwand pflegbar. Ein Überdenken der alten Inhaltsstrukturen und der Navigation war deswegen unumgänglich.

Nach Sichtung aller Inhalte und Entwicklung eines redaktionellen Konzeptes lag die Wahl von Drupal als Content-Management-System nah.

Mit Drupal konnten die zahlreichen unterschiedlichen Inhaltstypen (Expeditionen, Workshops, Termine, Galerien, Teamprofile, etc.), die die Redakteure benötigen, problemlos realisiert und miteinander verknüpft werden. Zugleich konnte eine weitere Anforderung, die einfache Einbindung von Video-Inhalten, komfortabel integriert werden.

In Zukunft kann sich das Team um Arved Fuchs nun wieder mehr auf die redaktionellen Arbeiten konzentrieren und die Webseite ist bereit für die Dokumentation weiterer Abenteuer.

Besuchen Sie Arved Fuchs auf einem seiner Vorträge – oder auf der Webseite unter:

www.arved-fuchs.de

Eindrucksvolle Bilder bereits auf der Startseite

Übersicht eines Klimacamps

Wir haben für Jamasi, einen der führenden Floorball-Ausstatter in Deutschland, den neuen Onlineshop realisiert.

Technisch auf der Höhe der Zeit

Das junge Team von Jamasi, das selbst aus aktiven Floorball-Spielern besteht, möchte mit dem neuen Shop in der Szene ein Zeichen setzen und technisch mit den etablierten Shops anderer Sportarten gleichziehen.

Realisiert wurde der Onlineshop mit der aktuellen Version 1.7 der eCommerce-Lösung Magento. Neben dem übersichtlichen Dropdown-Menü mit Infotexten und Herstellerübersicht, konnte auch die komfortable Filterfunktionalität innerhalb der Kategorien verwirklicht werden. Insbesondere in der Schläger-Kategorie können Spieler einfach per Schieberegler (für Schlägerlänge und Preisspanne) sowie diverser anderer Filter das Sortiment durchsuchen und die enorme Auswahl eingrenzen.

Aufgrund der jungen Zielgruppe wurde besonderes Augenmerk auf die Einbindung von Social Media-Diensten gelegt. Neben Youtube-Produktvideos, sind Sharing- und Like-Buttons für die gängigen Plattformen wie Facebook, Twitter und Google+ integriert. Am Ende eines Bestellvorganges besteht zusätzlich die Möglichkeit den Neuerwerb stolz seinen Freunden auf Facebook zu präsentieren.

Floorball-Ausrüstung, passende Sportswear und Accessoires ab sofort unter:

www.floorball-shop.de

Dass WordPress bei den Anwendern sehr beliebt ist, überrascht nicht. Dass der Marktanteil aber über 54% beträgt, ist beeindruckend. Mit deutlichem Abstand folgen Joomla (8,5%), Drupal (7,2%) und TYPO3 (1,9%).

Mehr Reports und Trends auf W3Tech.com.

Bei den aktuellen Neuerungen handelt sich diesmal jedoch eher um Produktpflege und Verbesserungen in der Useability. So bietet Piwik nun eine verbesserte Besucherkarte, diverse Bugfixes sowie die komplette Eliminierung von Flash-Elementen und läuft somit problemlos auf iOS-Geräten.

Besucherkarte – in Echtzeit

Kartendarstellung der Zugriffe in Echtzeit

Bisher gab es schon auf dem Dashboard einen Live-Ticker der aktuellen Besucher. Diese Live-Auswertung wurde nun auf den Kartenbereich erweitert. Ab sofort erscheinen alle Zugriffe auf einer Karte, die je nach regionaler Aktivität als unterschiedlich große Kreise dargestellt werden … und mit Zeit wieder langsam verblassen. Für die Karten wird dabei das SVG-Format verwendet, so dass Piwik bei die Darstellung nun komplett Flash-frei ist und auch problemlos auf iOS-Geräten verwendet werden kann.

Mehr Komfort und technischer Feinschliff

Neben grafischen Änderungen, wie der neuen Login-Maske sowie dem neu gestalteten Adminbereich, wurde an diversen technischen Details gearbeitet.

So ist es jetzt beispielsweise durch die Anpassung des Javascripts der Tracking-Codes möglich, dass die Klicks zwischen Subdomains nicht als ausgehender Link gewertet und auch in der Liste dementsprechend vereinfacht gekennzeichnet werden können. Die Übersicht von Besucherströmen bei Domains mit diversen Zusatzdiensten, die in Subdomains organisiert sind, erhöht sich dadurch deutlich und das parallele Auswerten von getrennten Piwik-URLs entfällt.

Im Besucher-Bereich wurde die Auswertung der eingestellten Sprache in den Browsern der Besucher ergänzt.

Darüber hinaus wurden über 40 Fehler behoben – und das ist unser völlig subjektives Empfinden – die Performance leicht erhöht. Die Seiten bauen sich trotz der dargestellten Datenmengen schnell auf und die Navigation zwischen den einzelnen Bereichen wirkt etwas flüssiger als in der Vorgängerversionen.

Ab sofort ist Piwik 1.11.1 für alle vektorrausch-Kunden verfügbar!

Auf der Basis des Redaktionssystems WordPress wurde eine aufgeräumtes Design-Theme entwickelt, welches sich automatisch an kleinere Auflösungen anpasst. Bis zu einem gewissen Punkt passen sich die Layoutspalten deswegen fliessend an kleinere Bildschirme, wie beispielsweise bei Tablet-PCs, an. Wenn die Auflösung noch weiter verringert wird, springt das Webdesign auf eine einspaltige Darstellung um – und das Hauptmenü dehnt sich auf die volle Breite aus.

Auf diese Weise kann die Webseite auch gut am Smartphone mit dem Finger bedient werden. Als kleines Gimmick kann die Telefonnummer am Smartphone direkt angeklickt werden, wodurch automatisch die Telefon-Funktion aufgerufen wird.

Probieren Sie es doch einmal aus!

www.lu-sturm.de

Nachdem wir im vergangenen Jahr bereits bereits die Webseite für das Projekt Koordinierung vor Ort realisieren durften, war nun der offizielle Internetauftritt des Verbandes an der Reihe.

Startseite des Jugendaufbauwerks Schleswig-Holstein

Die beteiligten Institutionen finden auf der Webseite eine Veranstaltungsübersicht sowie aktuelle Nachrichten. Zusätzlich können sie sich einen Überblick über die laufenden Jugendprojekte verschaffen.

Das Onlineangebot wird begleitet durch eine integrierte Mailing-Lösung, über die regelmäßig Rundschreiben an alle Abonnenten verteilt werden.

WordPress + MailPress

Technische Basis wurde das Redaktionssystem WordPress, welches für die Veröffentlichung der regelmäßigen Nachrichten optimal geeignet ist und schon bei der Projektwebseite Koordinierung vor Ort zum Einsatz kommt. Auch bei diesem Projekt kam wieder die Newsletter-Erweiterung MailPress zum Einsatz, die es erlaubt, sowohl klassische Newsletter zu versenden, als auch thematische Mailing-Listen zu abonnieren.

Das Design der Emails kann dabei, wie beim Redaktionssystem selbst, über Design-Themes gesteuert werden. Die gesetzteskonforme An- und Abmeldeoption (Double-Opt-In) ist ebenso selbstverständlich wie die Möglichkeit, zeitgesteuert zu versenden oder nur spezielle Gruppen zu adressieren.

Alle Informationen des Jugendaufbauwerks ab sofort unter:

www.jaw-sh.de

Das Webdesign wurde in diesem Zuge ebenfalls modernisiert, wobei vor allem im Bereich der Produktkonfiguration auf eine intuitive Bedienung geachtet wurde.

Produktansicht mit Konfigurator

Übersichtliche Strukur – komfortable Filter

Das Kalendersortiment ist in die drei Kategorien nach Dekorations-, Planungs- und Themen-Art unterteilt. Innerhalb der Katgeorien können Kunden das große Sortiment durch das Setzen von Filtern weiter einschränken, so dass Sie komfortabel die gewünschten Produkte finden können.

Filter wie beispielsweise nach Preis, Format oder der verfügbaren Werbefläche helfen den Interessenten schnell, die Auswahl einzugrenzen und sich alle infrage kommenden Kalender anzeigen zu lassen.

Konfigurierbare Kalenderoptionen

Wenn der gewünschte Kalender ausgesucht wurde, können die Kunden die Art des persönlichen Werbeeindrucks bestimmen. Schwarz-Weiß oder Farbe, mit Designservice oder direktem Upload der fertigen Grafikdatei – alle wichtigen Parameter können direkt ausgewählt werden.

Kategorieansicht

Der Preis für die Stückzahl sowie die individuelle Konfiguration ist dabei immer sichtbar und zeigt jede Änderung sofort an. Auf diese Weise sind die Preisänderungen für den Kunden immer transparent und nachvollziehbar.

Ab sofort können Händler und gewerbliche Kunden direkt Kalender für das Jahr 2014 bestellen:

www.neumann-wolff.de

Wir hatten die Ehre, die Webseite für den Kieler Club Soroptimist Kiel Baltica realisieren zu dürfen.

Relaunch mit Responsive Layout

Basierend auf dem Webdesign des deutschen Muttervereins Soroptimist International Deutschland entwicklten wir ein Responsive Layout, welches sich fliessend an unterschiedliche Layouts anpasst.

Man kann dies leicht nachvollziehen, wenn man das Browserfenster schmäler macht. Die Texte und Bilder der Webseite werden automatisch kleiner skaliert. Zeitgleich wird aus dem horizontalen Dropdown-Menü ein einspaltiges Menü mit großen Menüpunkten, welches auch am Tablet-PC oder Smartphone komfortabel mit den Fingern bedient werden kann. Die Informationsblöcke im Fussbereich passen sich dabei ebenfalls an, aus ursprünglich drei Spalten wird in der Smartphone-Ansicht eine Spalte.

Probieren Sie es doch einmal aus:

www.si-kielbaltica.de