Blogthemen filtern:

Unsere Blogthemen
02. Apr 2015

TYPO3: Fehlerprotokollierung mit Sentry

Komfortables Monitoring für TYPO3

Sentry ist ein modernes Tool zur Fehlerprotokollierung, im Grunde ein Dienst, der Fehlermeldungen entgegen nimmt und in einem Web-Frontend darstellt.

Wenn Fehler auftreten, wird man per Mail benachrichtigt und kann zügig reagieren. Wer nun an eine Flut von Mails denkt, der irrt, denn gleichartige Fehler werden aggregiert für jeden Fehler wird nur eine Benachrichtigung verschickt.

Neben den Fehlermeldungen erhält man noch diverse, oft vermisste Zusatzinformationen: welche PHP-Version wurde genutzt, welche Daten wurden beim Request mitgeschickt, welcher Browser wurde verwendet etc. Die Sichtung von Fehlerprotokollen auf dem Webserver gehört mit Sentry der Vergangenheit an.

weiterlesen
2. April 2015
Christoph Lehmann

Christoph Lehmann

networkteam macht O!

Weil Surfen olympische Disziplin ist.

Am 18.02.2015 startete die Kampagne der Kieler Wirtschaft zur Unterstützung der Landeshauptstadt bei der Bewerbung um die olympischen Segelwettbewerbe im Jahr 2024. Von Kiel Marketing und bdrops initiiert, waren wir auch bereits seit der ersten Minute mit dabei und unterstützen die Kampagne "Kiel macht O!" durch eine eigene Webseite unter www.kiel-macht-o.de.

Hierbei haben wir uns zu einem schlichten OnePager entschieden, der sämtliche Informationen zu der Kampagne übersichtlich aufbereitet und dem Benutzer auf einer zentralen Seite präsentiert. Natürlich wird hierfür ein responsives Template verwendet, um mobilen Smartphone Besuchern ebenso einen einfachen Zugang zu den Inhalten zu gewähren wie am Tablet oder aber vor dem Desktop. Neben der Erläuterung der Kampagne sind die Sponsoren-Logos genauso vertreten wie die offiziellen Kampagnenmotive. Diese finden sich offline unter anderem an Plakatwänden, auf Postkarten oder den Kieler Bussen wieder. Und auch ich darf als Motiv mitwirken und habe dabei das für uns passende Statement “Christian macht O! Weil Surfen olympische Disziplin ist.” ausgewählt.

Ein Kampagnenmotiv von #KielMachtO

Wichtige Entscheidung

Bereits heute ist ein wichtige Entscheidung gefallen: Das Präsidium des DOSB empfiehlt Hamburg anstelle von Berlin in das Rennen für die Olympischen Spiele 2024 zu schicken. Kiel wäre der perfekte Partner, um die Segelwettbewerbe auszutragen, schließlich finden hier seit 1882 das nunmehr größte Segelsportereigniss der Welt - die Kieler Woche - statt.

An diesem Samstag findet die endgültige Wahl auf der DOSB-Mitgliederversammlung statt und bis zum 15. September muss dann die Kandidatur beim Internationalen Olympischen Komitee eingereicht werden. Hoffentlich dann mit Kiel als starken Partner!

Unterstützen auch Sie die Kampagne und machen ein O für Kiel! Posten Sie Ihr Bild mit Statement auf Facebook oder Twitter mit den Hashtags #KielMachtO und dieser erscheint dann in der integrierten Social Media Wall auf www.kiel-macht-o.de.

zum Artikel
Christian Lange

Christian Lange

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