Blogthemen filtern:

Unsere Blogthemen
06. Jan 2015

Alles Gute für 2015!

Wir wünschen unseren Kunden und Partnern alles Gute für 2015 und möchten uns auf diesem Wege für die tolle Zusammenarbeit im vergangenen Jahr bedanken!

In 2014 haben wir viele anspruchsvolle Webprojekte umgesetzt, zum Beispiel den Relaunch des Serviceportals der ev.-luth. Kirche in Hamburg, www.kirche-hamburg.de, sowie den Relaunch für die evangelischen Kindertagesstätten in der Metropolregion Hamburg, www.eva-kita.de und nicht zu vergessen der Launch unserer eigenen Website, umgesetzt mit TYPO3 Neos. Weitere realisierte Projekte finden Sie in unseren Referenzen.

Wir freuen uns auf weitere tolle Projekte in 2015! 

zum Artikel
6. Januar 2015
Thorge Larson

Thorge Larson

12. Dec 2014

TYPO3 Neos 1.2 veröffentlicht

Mehrsprachigkeit und Stabilisierung

Genau vor einem Jahr wurde die erste Version von TYPO3 Neos veröffentlicht. Passend zu diesem ersten Jubiläum erschien diese Woche die dritte Version des CMS: TYPO3 Neos 1.2.

Mit dieser neuen Version erhält Neos neben diversen Optimierungen und kleineren Features für eine verbesserte User Experience auch vollständige Unterstützung für mehrsprachige Webseiten. Die sogenannten Content Dimensions bieten sogar die Möglichkeit verschiedenste Arten von Inhaltsvariationen zu erstellen und pflegen. Variationen könnten verschiedene Ausgaben für A/B Testing sein oder unterschiedliche Ausgaben für andere Medien.

Haupt-Features

Mehrsprachige Webseiten

Content Dimensions bringen Neos nicht nur eine große Flexibilität in der Pflege unterschiedlicher Inhaltsvariationen, sondern direkt einen sehr mächtigen Unterbau für sämtlich denkbaren Anforderungen mehrsprachiger Webseiten. Alle benötigten Tools sind bereits in Neos enthalten, egal ob die Auswahl verschiedener Sprachen im Backend, die Ausgabe einer Sprach-Navigation auf der Webseite oder die Möglichkeit komplexe Fallback-Hierarchien zu nutzen, die aus mexikanischem Spanisch, Spanisch werden lassen oder auch Englisch, weil die beiden anderen Sprachen nicht verfügbar sind.

Sprach-Navigation

Kontextabhängige Inhalte

Neos verfolgt das Prinzip für verschiedene Anforderungen jeweils passende eigene Inhaltstypen zu definieren. Dieser Ansatz führt recht schnell zu einer großen Anzahl verschiedener Typen aus denen sich Redakteure bedienen können. Um diese reichhaltige Auswahl zu vereinfachen und sicher zu stellen, dass Inhalte nur dort genutzt werden wo sie passen, wurde in Neos 1.2 die Möglichkeit eingeführt zu definieren welche Inhaltstypen wo genutzt werden können. 

Klassische Beispiele sind dynamische Elemente wie Slider, Accordion oder Tabs. Die Einschränkungen können aber nicht nur auf inhaltlicher Basis gesetzt werden. Es kann ebenso definiert werden, dass z.B. ein produkt-spezifisches Inhaltselement nur auf Produkt-Seiten verwendet werden soll. Insgesamt wird sowohl die Liste der verfügbaren Inhaltstypen übersichtlicher und zudem vereinfacht es jedem Redakteur die Arbeit mit diesen flexiblen Möglichkeiten.

Kontextabhängige Inhalte

Optimierung von Bildern

Neos verfolgt das Ziel möglichst viele Tools für die Arbeit als Redakteur zur Verfügung zu stellen. Dazu gehört auch das Bearbeiten von Bildern und das Ziel dafür nicht in andere Programme wechseln zu müssen. Die neue Version verfügt daher über Funktionen für das Skalieren und Zuschneiden von Bildern. Zum Beispiel können verschiedene Vorlagen für das Zuschneiden von Bildern definiert werden oder das gewählte Seitenverhältnis kann gesperrt werden. Diese neuen Funktionen bieten eine einfache Möglichkeit Bilder in exakter Größe und exaktem Seitenverhältnis zu pflegen.

Zuschneiden von Bildern

Bearbeitungs-Features

Eine Vielzahl anderer Features zur Vereinfachung der täglichen Arbeit wurden ebenfalls in Neos 1.2 integriert. Dazu gehört die Optimierung von Verlinkungen in Inhalten oder die Möglichkeit ganze Seiten zu externen Adresse zu verlinken. Im Backend gibt es außerdem einen neuen Link, der direkt zu der Live-Ansicht der aktuell bearbeiteten Seite führt. Datum Felder geben nun auch die Möglichkeit Zeitangaben zu pflegen.

Von der Arbeit mit TYPO3 CMS kennt man bereits die Möglichkeit Inhaltsreferenzen zu erstellen. Dieses Features wird nun auch von Neos unterstützt. Damit ist es einfach möglich, Inhalte die an verschiedenen Positionen der Webseite eingefügt werden, nur einmal zu pflegen und an allen weiteren Positionen als Referenz einzufügen.

Auch die Arbeit mit Einstellungen im Inspector - dem Tool zur Bearbeitung von Inhalts- oder Seiteneigenschaften - wurde durch eine Tab-Funktion verbessert.  Damit können verschiedene Optionen in unterschiedliche Tabs aufgeteilt werden und gerade bei der Arbeit auf mobilen Geräten wird jeder einzelne Tab übersichtlicher.

Tabs im Inspector

Backend Optimierungen

Verschiedene Stabilitätsverbesserungen bei der Arbeit mit Neos optimieren die Benutzbarkeit. Der neue Re-Login-Dialog bietet einfach die Möglichkeit sein Passwort einzugeben und an der selben Stelle weiter zu arbeiten, an der man vorher unterbrochen wurde. Neue Warnungen verhindern den Verlust von Inhalten und der Publish Button zeigt nun deutlicher an, welche Aktionen gerade ausgeführt werden bzw. möglich sind. Auch der Texteditor Aloha wurde aktualisiert und bietet dadurch eine deutlich verbesserte Stabilität beim Bearbeiten von Texten. Außerdem haben verschiedene Funktionen Tastatur-Unterstützung erhalten, wodurch insgesamt die Barrierefreiheit optimiert wurde.

Features für Entwickler und Integratoren

In Neos 1.2 wurden auch Features eingeführt, die es Entwicklern und Integratoren vereinfachen gewisse Ziele zu erreichen. Auf Basis von Benutzer Feedback und Erfahrung wurden viele kleine Hilfsfunktionen und Optimierungen entwickelt. Diese führen dazu, dass komplexere Anforderungen schneller erreicht werden können.

Fazit

Mit Neos 1.2 gewinnt das CMS deutlich an Stabilität. Durch die Unterstützung von Mehrsprachigkeit wurde ein wichtiges Features integriert und der Aufbau nahezu aller erdenklicher Webprojekte wurde ermöglicht. Wir setzen bereits seit einiger Zeit auf TYPO3 Neos und werden es ab sofort auch für mehrsprachige Webseiten nutzen. Interesse bekommen?

zum Artikel
12. Dezember 2014
Berit Hlubek

Berit Hlubek

18. Nov 2014

TYPO3 Neos 1.2 Beta veröffentlicht

Das erste Beta-Release der nächsten Neos Version ist zum öffentlichen Test freigegeben

Das 1.2 Release von TYPO3 Neos bedeutet zunächst einen großen Schritt in Richtung mehrsprachiger Webseiten und der Möglichkeit zur Übersetzung von Inhalten. Zudem wurde viel Zeit in die Verbesserung der Arbeit im Backend investiert, so dass die Abläufe bei der Bearbeitung von Inhalten noch reibungsloser funktionieren dürften.

Insgesamt kann TYPO3 Neos damit für mehr und mehr Projekte produktiv eingesetzt werden.

TYPO3 Neos Beta 1.2 Screenshot

Das Backend von Neos 1.2 Beta mit der neuen Sprachauswahl und Tabs im Inspektor

Highlights von 1.2

Ein kleiner Ausblick auf die Features des nächsten Releases:

  • Unterstützung von Übersetzungen und mehrsprachigen Websites (basierend auf Content Dimensions)
  • Einschränkungen von erlaubten Inhaltstypen (Constraints) ermöglichen eine feinere Einstellung der zur Verfügung stehenden Inhaltstypen
  • Tabs im Inspektor machen Inhalte mit vielen Eigenschaften übersichtlicher
  • Der Rich-Text-Editor Aloha Editor wurde aktualisiert und bietet eine bessere Stabilität beim Editieren
  • Es können nun feste Zuschnittgrößen für Bilder in Inhaltstypen hinterlegt werden
  • Unterstützung von Zeitangaben (neben dem Datum) für die zeitgesteuerte Veröffentlichung von Inhalten

Mehr dazu in der Anleitung zum Download, Upgrade von Version 1.1 oder den umfangreichen Release-Notes.

Für uns ist das Release ein wichtiger Schritt, da wir bei passenden Kundenprojekten jetzt und in Zukunft auf Neos setzen. Auch waren wir persönlich im Rahmen einiger Code-Sprints und dauerhafter Mitarbeit an vielen Features beteiligt, so dass es natürlich schön ist, diese auch in echten Projekten einsetzen zu können.

zum Artikel
18. November 2014
Christopher Hlubek

Christopher Hlubek

07. Nov 2014

Welt-Hoodie-Tag 2014

"Von Kiel in die Welt" - networkteam ist dabei

Am 7. November 2014 findet der erste Welt-Hoodie-Tag statt. Eine Initiative aus unserer schönen Heimatstadt Kiel möchte dabei die gesamte Welt für das gemütliche Kleidungsstück im Rahmen des Casual-Friday begeistern. Gerade zum Beginn der kalten Jahreszeit kommt der Kapuzenpulli auch bei uns vermehrt zum Einsatz. Da kommt dieser Tag doch gerade recht und wir nutzen gerne die Chance den Lieblingshoodie aus dem Kleiderschrank zu holen und das gesamte Team einmal im Hoodie abzulichten.

Mehr zur Aktion von Kiel-Marketing ist unter facebook.de/kielsailingcity zu finden.

zum Artikel
7. November 2014
Christopher Hlubek

Christopher Hlubek

08. Oct 2014

T3Con 2014

10. internationale TYPO3 Konferenz in Berlin

Zum zehnten Mal startet heute die jährliche TYPO3 Konferenz in Europa, Berlin. Drei Tage mit drei Themenkomplexen: Business, Future und Knowledge drehen sich rund um TYPO3, die Produkte der Community und aktuelle Trends im Web Umfeld. Als TYPO3 Agentur sind wir natürlich auch wieder mit dabei. Zu dritt werden wir auf der Konferenz vertreten sein und dabei auch selber Talks halten.

Christopher Hlubek wird am Business Day im Rahmen einer Case Study eines unserer TYPO3 Flow Projekte vorstellen. Das Interaktive Handbuch für Viebrockhaus ist ein komplexes Dokumentenverwaltungs Management System. 

Im offizielle Abstract heißt es:

A responsive document management system based on TYPO3 Flow

This talk will show an internal application for Viebrockhaus - one of  Germany largest manufacturers for solid construction houses. The company has a strong focus on quality and guaranteed construction time. All subcontractors and craftsmen have to use up-to-date instructions and planning documents for the different types of houses. A responsive Flow application was implemented successfully to give different target groups access to documents and other assets. The system features multiple languages, a focus on usability and mobile usage, a comprehensive search based on Elasticsearch and a simple way of administrating the content.

Ich werde am Future Day einen Einblick in die Arbeit mit Atomic Design geben. Am Beispiel des Projektverlaufs für den Relaunch von Kirche Hamburg geht es um einen Einblick in unsere Arbeit mit dem Atomic-Design-Ansatz und unsere Erfahrungen.

Working with Atomic Design:

Reponsive webprojects have different requirements to the project workflow. Especially when it comes to design and the template creation, the typical way of creating several completely designed pages can lead to an inefficient way of working. Creating elements consistently across pages depends largely on the designer. A more systematic approach is introduced by the ideas of atomic design. Together with practical tools like Pattern Labs it can optimize the workflow especially for responsive and larger websites.
In this talk I will show the ideas of atomic design from different perspectives and the practical use of Pattern Labs in a CMS project. Based on an example I will demonstrate how the project workflow could be optimized and the design became a living style guide.

Wir freuen uns auf drei Tage mit guten Talks, interessanten Gesprächen und neuen Bekanntschaften.

networkteam bei der T3Con2014 in Berlin
zum Artikel
8. Oktober 2014
Berit Hlubek

Berit Hlubek

Zur Verstärkung unseres Kieler Teams suchen wir erfahrene Frontend-Entwickler. Als Teil des Teams bist Du verantwortlich für die Frontend-Entwicklung von anspruchsvollen Websites und Webapplikationen. In unserem Team kannst Du schnell Projektverantwortung übernehmen und Dich persönlich weiterentwickeln. 

Das bringst Du mit

  • Sehr gute Kenntnisse in HTML / CSS
  • Erfahrung in der Umsetzung von responsiven Webseiten
  • Kundenorientiertes Denken
  • Neugier und Spaß bei der Entwicklung moderner Webprojekte
  • Lust auf Neues und innovative Lösungen
  • Ein gutes Gespür für die grafische Umsetzung und Usability
  • Basiskenntnisse JavaScript und jQuery

weiterlesen
Christian Lange

Christian Lange

Letztes Jahr haben wir in unserem Blogeintrag Gridelements professionell nutzen die versionierbare Nutzung der Extension erklärt. Wir nutzen Gridelements überwiegend zur Realisierung verschachtelter Inhaltselemente. Für individuelle Inhalte mit vorgegebenen Eingabemöglichkeiten, zum Beispiel eine Teaser-Box, haben wir auf Basis eines kleinen PHP Helpers eine Fluid-Lösung entwickelt.

weiterlesen
4. April 2014
Berit Hlubek

Berit Hlubek

Captain Picard bei den Entwicklern

Nicht der selbe Captain wie aus der Serie Raumschiff Enterprise bekannt, aber phonetisch ähnlich: Piekarski. Seit Sternzeit 15102013 unterstütze ich mit meinen 32 Jahren Lebenserfahrung die junge networkteam Crew in Sachen Programmierung.

Dabei nehme ich den Posten des PHP Entwicklers ein und kontrolliere auch umfangreiche Subsysteme wie SQL, JavaScript und HTML.

In Kiel wohne ich seit ungefähr 2006 und habe davor in Berlin gelebt. Mich haben die unendlichen Weiten der Ostsee und die unendlichen Möglichkeiten des Kitesurfens nach Kiel gezogen. Hier habe ich zunächst als Kitesurflehrer gearbeitet, mich anschließend für ein Studium an der FH Kiel entschieden und bin, nach einigen Zwischenstopps, letzten Endes bei networkteam gelandet. Hier freue ich mich auf die gemeinsame Zukunft und hoffe auf umfangreiche und anspruchsvolle Projekte.

zum Artikel
6. März 2014
Dominik Piekarski

Dominik Piekarski

T3DD14 Logo

Neben der T3CON sind die TYPO3 Developer Days DAS offizielle Event für Entwickler, Integratoren und alle, die sich im TYPO3 Kosmos umtreiben. Im Gegensatz zu einer herkömmlichen Konferenz geht es hier jedoch nicht nur um Input und Austausch, sondern insbesondere auch um die Weiterentwicklung der TYPO3 Produkte (TYPO3 CMS, TYPO3 Flow und TYPO3 Neos). 

Das offizielle Event der TYPO3 Association ist also irgendwo zwischen Codesprint und Konferenz angesiedelt. Entwickler und Integratoren haben hier die Möglichkeit, Ihr Wissen aufzustocken und sich mit anderen Menschen aus der Community auszutauschen. Darüber hinaus wird die Entwicklung der TYPO3 Produkte z.B. in Workshops aktiv vorangetrieben.

weiterlesen
28. Februar 2014
Lars Lehners

Lars Lehners

Wir bedanken uns für die zahlreichen Ideen, mit denen wir unseren Weihnachtsbaum schmücken konnten und möchten einen kurzen Einblick in die Technik dahinter geben.

Die Technik hinter dem Weihnachtsbaum

So ein Weihnachtsbaum reagiert nicht von selbst auf Tweets aus dem Netz. So gab es auch hier Technik im Hintergrund, die dies ermöglichte. In diesem Fall war es eine Sammlung von mehreren Techniken die das Spiel möglich machten.

Erst einmal müssen die relevanten Tweets, aus den über 500 Milliarden Tweets die jeden Tag gesendet werden, herausgefiltert werden. Dies erfolgt durch eine nodejs Anwendung die mittels der Bibliothek nTwitter auf den Datenstrom von Twitter gelauscht hat. Immer wenn ein Tweet mit dem Hashtag #networktree gesendet wurde, informierte die Streaming API von Twitter unsere Anwendung über das Auftreten eines Tweets. Dieser wurde dann von der Anwendung weitergehend analysiert und für den Fall, dass es sich um einen für den Weihnachtsbaum relevanten Tweet handelt, wurde diese Information über unser Firmennetzwerk weiter gereicht.

weiterlesen
Sören Rohweder

Sören Rohweder