Das Camp fand in Potsdam am 30.04. und 01.05.2022 im NH Potsdam Hotel statt. Wir hatten etwa 65 Teilnehmer. Am Freitag, dem 29.04.2022, fand ein Workshop zu MetaModels und zu Matomo statt.
Link zur Webseite: https://2022.camp.contao.org/
Contao TV Stage Time über das Contao Camp von Joe Ray Gregory mit Contao-TV bei YT.
Eindrücke vom Contao Camp 2022 von Christian und Dennis von Contao-TV bei YT.
Es folgt eine Auflistung der Sessions und deren Themen. Die Namen geben den „Moderator“ der Session wieder, d.h. derjenige der entweder die Session vorgeschlagen oder sich bereit erklärt hat, zu dem Thema was zu sagen/machen.
- Erste Schritte mit Twig
- Core Templates mit Twig nachbauen
- GitHub-Repro von Maren: https://github.com/mlwebworker/contao-twig-templates
- Custom Elements unterstützen ebenfalls Twig
- Fazit: Bereits jetzt sich damit beschäftigen und nicht erst warten, bis man gezwungen wird
- Folien zu Twig I und II: https://speakerdeck.com/mlweb/twig-templates-in-contao
- Grundlagen zu den Google Web Vitals (https://web.dev/vitals/)
- Austausch über verschiedene Techniken zu Optimierung dieser Vorgaben
- Lazyloading von Bildern (Vergleich HTML-Tag "lazy" vs. Javascript-basiertes Nachladen)
- Einsatz von Platzhalter-Grafiken (z.B. leere SVG Grafiken) um Wackeln bein Laden zu vermeiden oder Einsatz von unscharf maskierten Miniaturen der Originalgrafik
- Wo möglich auf große Javascript-Bibliotheken verzichten und Vanilla JS einsetzen
- Allgemeiner Austausch über Workflows und Herangehensweisen zum Deployment von Contao-Projekten
- Best Practice und Umgang mit lokalen Installationen, Staging* und Produktiv-Systemen
- Vorhandene Unterstützungen des Deployment-Prozesses durch Hosting-Anbieter wie IONOS
- Unterstützung der Workflows durch IDE's wie PHPStorm
- Automatisierte Deployment Möglichkeiten über GitHub und GitLab
- Docker
- Deployer
- Fazit: Im Allgemeinen wurde festgestellt, dass wie so oft viele Wege zum Ziel führen und jeder nach Belieben und dem vorhandenen Kenntnisstand auf die verschiedensten Werkzeuge zurückgreift. Dabei wurden Deployment-Prozesse über eigene Shell-Skripte vorgestellt als auch der Weg über vorhandene Open Source Tools. Ein weitverbreitetes und gern eingesetztes Tool war dabei Deployer. Dazu gibt es für Contao zusätzlich zur Dokumentation bereits vorgefertigte Recipes, welche bereits die wichtigsten Tasks zur Verfügung stellen.
- Image-Studio und Filter in Twig nutzen
- Vererbung und Import
- Moritz gibt einen Ausblick, wie uns Twig die Arbeit in Contao erleichtern wird
- Wiederverwendbare Fragmente erstellen
- Verzeichnisstruktur in Twig-Templates nutzen
- Folien zu Twig I und II: https://speakerdeck.com/mlweb/twig-templates-in-contao
- Mindestens Symfony 4 verwenden!
- Core-Erweiterungen analysieren und daran lernen.
- Woran kann man sich "entlanghangeln"?
- Wie ist Contao mit der Symfony-Struktur verknüpft?
- Weiterhin bekannte und gute Erweiterungen heranziehen um deren Struktur zu verstehen.
- Erfahrungsaustausch über Zielgruppe für Isotope und wie Isotope genutzt wird
- Erfahrungsaustausch über Vorgehensweisen bei Übersetzungen von Websites
- Manuelles kopieren der Seitenbäume, manuelles Austauschen von Inhalten (Ein Großteil der Teilnehmer machen es so)
- Automatisierungsmöglichkeit über xliff/xliff-php Erweiterung (Eher weniger etabliert bis jetzt)
- Externe Übersetzungsbüros die NICHT mit/in Contao arbeiten, Export/Import manuell
- Wie lösen es andere CMS? Beispiel Typo
- Viele Eigenentwicklungen für Firmendaten/Elemente/Module
- Import/Export Möglichkeiten (xliff/xliff-php)
- Welche Erweiterungen sind hilfreich?
- terminal42/contao-changelanguage
- wangaz/xliff-translations-bundle
- markocupic/contao-php2xliff
- oneup/contao-language-dependent-modules-bundle
- madeyourday/contao-rocksolid-custom-elements
- oveleon/contao-company-bundle
- exploreimpact/contao-i18nl10n wird (aktuell) nicht weiter entwickelt YT
- Contao2xliff https://www.contao2xliff.de/
- Language Tools http://menatwork.github.io/language-doku/
- MetaModels bietet Mehrsprachigkeit - edit der Sprachenvarianten in einer Eingabemaske
- XLIFF-Ex-Import
- Infos Seitenbaum (Zeigt Titel der Seite vom Fallback an)
- Contao 4.13 nutzen für kanonische URLs (Stichwort: Duplicate Content), startpunktabhängige Module, URL-Prefixing, Routing
- Fazit: Einen „perfekten“ Weg für die Übersetzung einer Website gibt es nicht, es wird immer „Handarbeit“ notwendig sein. Es gibt allerdings Erweiterungen, als auch die neue Contao Version 4.13, die mit ihren Features vieles erleichtert.
- Paperless-ngx als DMS für die strukturierte Ablage von Dokumenten
- schlankes Open-Source-Tool, welches von Stefan für die Ablage aller Dokumente genutzt wird
- wichtige Features
- OCR-Texterkennung
- Organisation mit individuellen Tags
- Volltextsuche
- speichert die Originaldokumente auf der Festplatte
- Möglichkeit Dokumente nachträglich zu bearbeiten um bspw. fehlerhafte Texterkennung zu korrigieren
- übersichtliches Dashboard und vieles mehr
- für die Installation steht auch ein Installationsskript für eine Docker-Compose-Umgebung zur Verfügung
- https://github.com/paperless-ngx/paperless-ngx
- Fazit: Ein Tool welches sich lohnt mal zu testen, wenn man Dokumente nicht nur papierlos ablegen möchte, sondern diese auch schnell wiedergefunden werden sollen.
- ausgefallen, da keine Teilnehmer erschienen sind...
- Offene Gesprächsrunde
- Was ist eigentlich Tracking und was ist Analytics aka Reichweitenmessung
- Was darf man unter Berücksichtigung der DSGVO und TTDSG zur Wiedererkennung von Nutzern ohne Einwilligung verwenden
- Zu welchem Zweck will man überhaupt die Reichweite erfassen?
- Als Alternative zur Analytics die Logfileanalysen durchführen, reicht für diverse Kundenanforderungen vollkommen aus.
- Was spricht gegen den Einsatz von Contao
- Mit welcher Strategie können wir Contao für junge Entwickler an den Unis bekannter machen?
- Wie könnten wir an Projektmanager in den Agenturen kommen?
- Welches Ziel verfolgen wir? (mehr Downloads, mehr Entwickler, mehr Erweiterungen, mehr Aufträge)
- Warum soll Contao wachsen?
- Session ohne konkrete Lösung beendet - siehe Teil 2
- Austausch über existierende API-Bundles
- kein empfehlenswertes bekannt
- allgemeiner Konsens darüber, dass es besser ist, APIs, welche gebraucht werden, projektspezifisch zu bauen
- Dank Symfony Controller sind API-Routen schnell umsetzbar
- Austausch über den Stand einer API im Contao Core
- noch ein langer Weg, da vorher noch einige Umbauten im Core Notwendig sind, bspw. Prüfung der Nutzerrechte durch Security Voter
- Datenstruktur grafisch festhalten Tools oder einfach auf Papier
- die 5 Relationen aus MM erklärt
- einige Beispielseiten angesehenen BE & FE
- Stand MM 2.2 und MM 2.3 (für Contao 4.13)
- Vorstellung IONOS Agentur-Partnerprogramm (https://www.ionos.de/agentur-partner)
- Vorteile des Partnerprogramms für Agenturen & Kunden erläutert und Demo des IONOS Agentur-Partnerportal
- Der sichere Umgang mit Passwörtern und personenbezogenen Daten dank einfacher Kundenadministration über Single-Sign-On
- Vorstellung IONOS Deploy-Now - Websites und Apps direkt via GitHub deployen (https://www.ionos.de/hosting/deploy-now)
- Exemplarische Einrichtung von Gridsome & Hugo Starter Samples über Deploy-Now
- Exemplarische Einrichtung einer Staging-Umgebung
- Developer Doku: https://docs.ionos.space/
- Contao CMS Use Cases & Tester gesucht sprecht uns gerne an: info@DeployNow.dev
- Offener Austausch zu verschiedenen CSS Frameworks
- Bootstrap
- Foundation
- Tailwind
- Bulma
- Spectre
- Frameworks (oder auch nur Teile davon) können gut verwendet werden
- Einsatz für Redakteure ist mitunter komplex, da diverse Klassen verschachtelt vergeben werden können/müssen. Hier können die folgenden Erweiterungen helfen
- kompletter Einsatz von CSS Frameworks ist meist nicht zielführend. Meistens wird nur das Grid sowie ein paar Resets benötigt
- Analysetools und DSGVO
- Problematik von zu viel Daten und zu wenig Daten für die Auswertung
- Unterschied zwischen Statistik und Tracking
- Fazit: Einsatz von Matomo ohne user-consent ist möglich, wenn bestimmte Einstellungen beachtet werden und es können auch ohne personifizierte Daten sehr nützliche Erkenntnisse über die Website und deren Benutzer gewonnen werden.
- Gespräch, wie Newsletter allgemein gehandhabt werden - oft Tools, welchen man DSGVO-Konformität nicht zutraut
- Vorstellung der privaten Newslettererweiterung Maildrum
- Diskussion über mögliche Öffnung und Monetarisierung
- Keine endgültige Lösung gefunden, aber einige Ideen ausgetauscht
- Keine Session, die die Funktionsweise von CSS Grid erklärt (dazu gibt es bereits https://youtu.be/5K6a-kQOl9o)
- Es werden verschiedene Lösungsansätze diskutiert CSS Grid zu nutzen und Redakteuren im Contao Backend dafür passende Möglichkeiten zu geben
- Für einfache Spaltendarstellungen muss nicht zwingend CSS Grid verwendet werden – meistens reichen dafür die älteren Möglichkeiten
- Es wird diskutuert ob Contao eine Variante des
fe_page-Template mitbringen sollte, die besser mit CSS Grid zu layouten ist (wenigerdiv-Verschachtelung) - Grundsätzlich bestehen auch Überlegungen CSS Grid im Contao Backend zu nutzen
- Vorstellung einiger aktueller Bundles von Heimrich & Hannot, insbesondere
- Filter-/List-/Reader-Bundle
- Encore-Bundle
- Ein paar Informationen zur Historie der Entwicklung der H&H-Bundles
- Diskussion: Wer testet manuell vs. automatisch
- Regelmäßiger Test von Formularen sehr häufig gewünscht
- Tool, das regelmäßig Screenshots erstellt und Abweichungen erkennt (Name von Stefan Linde nicht genannt - private Lösung von Andreas Schempp)
- Tool https://www.cypress.io/ von Mathias Arzberger gezeigt
- Weitere Tools erwähnt:
- Offener Austausch zu Agentur-Tools die im Einsatz sind
- PM Tools bieten umfassende Lösung für komplette Projekt-Planung
- HelloHQ
- ActiveCollab
- MS365
- Asana
- ScopeVisio
- Redmine/Planio
- verschiedene PM Tools, die teilweise nur stiefmütterlich benutzt werden / schlechte Oberfläche bieten
- Vorstellung eigener beliebter Erweiterungen der Teilnehmenden - zur Linkliste
- Tipp: kontinuierlich mal auf https://extensions.contao.org nachsehen und auch bei Github nach "Contao" suchen
- neue Contentelemente für Contao 5, zugeschnitten auf die optimale Nutzung von Twig
- alte Contentelemente mit PHP-Templates bleiben weiter verfügbar
- einen Überblick über den Stand der Entwicklung bekommt man auf Github contao/contao#4444
- einer der ersten PR zum Thema contao/contao#4671
- Moritz bittet um Feedback von Entwicklern und Nutzern
- Neue Features seit Contao 4.9
- Kurze Vorstellung ausgewählter Features aus Sicht der Anwender & Entwickler
- Fragen der Teilnehmer beantworten
- Hinweise zum Updateprozess (siehe auch: https://www.trakked.io/de/blog/update-von-contao-4-9-auf-contao-4-13)
- Kompatibilität von Erweiterungen
- Umstellung auf PHP 8
In lockerer Runde haben wir uns über klimafreundliches Webdesign unterhalten. Dazu gehören Webseiten, Hosting und die eigene Infrastruktur, genauso wie Ansätze zur Aufklärung des Kunden zu diesem Thema und die Vorteile die daraus resultieren. In unserem Beitrag "Sustainable Web - Energieeffizientes Webdesign ist mehr als nur umweltfreundlich!” vom Agenturtag 2021, beleuchteten wir die Gründe und Fakten, die dieses Thema so wichtig machen und gaben praktische Tipps zur Umsetzung nachhaltiger Webprojekte sowie Hintergründe zur Entstehung unseres klimafreundlichen Contao Themes 01.
Wer nochmal nachlesen möchte - unseren Beitrag inkl. Folien als PDF, findest du in unserem Blog unter Sustainable Web - Energieeffizientes Webdesign ist mehr als nur umweltfreundlich
- uebersichtliche 3er Runde.
- Abklärung der Begrifflichkeiten
- Aufzählung vorhandener Systeme und Möglichkeiten, LastVerteilung, Primary/Secondary Server, SQLProxy
- Ausgiebiger Informationsaustausch ohne kurzfristiges Ergebnis
- Christian de la Haye beendet die Weiterentwicklung
- Derzeit immer noch große Userbase
- Gutes Branding
- Christian sucht jemand der das Branding (dlh_googlemap) übernehmen will und die Erweiterung fortführt
- Erweiterung veraltet, kompletter Rewrite nötig
- Ideen ausgetauscht, wie grundsätzlich neue Maintainer gefunden werden könnten
- Wie könnte man bekannt machen, dass ein Nachfolger gesucht wird (Contao Manager, Datei im Repro hinterlegen?)
- Idee: Wenn ein neuer Entwickler gefunden ist, dann könnte dieser einen Antrag an die Association für finanzielle Unterstützung stellen
- Ressourcen: Symfony cast, udemy kurse, Hello World Bundle
- gute Erweiterungen heraussuchen die funktionieren und diese versuchen zu verstehen --> anhand von bestehenden Dingen lernen
- Grundlagen Symfony + PHP sehr wichtig um die Konzepte zu verstehen
- allgemeine Diskussion: wie kann die Developer Dokumentation sinnvoll ergänzt werden für Neulinge; Idee eine Art Hackathon zu starten, wo Probleme vorgestellt + gelöst werden können und die Dokumentation anhand dessen ergänzt werden kann.
- gute IDEs wie PHPStorm empfehlenswert (Autoersetzung, Fehlerhinweise usw); wenn mehrere im Team arbeiten, dann macht sich selbes Codestyling gut (von der CCA gibt es eine Code-Style-Definition für PSR1/2 zum Download)
- Lockere Diskussionsrunde mit dem Ziel herauszufinden, wer wie wann und wo Backups macht
- Einigkeit darüber, dass Backups Pflichtprogramm sind
- Einigkeit darüber, dass Backups Aufgabe des Hosters sind
- Viele machen aber dennoch für ihre Kunden selber Offsite-Backups aber die Ansätze sind ganz unterschiedlich. Manche tun es im Rahmen von Wartungsaufträgen, andere haben bisher noch kein Konzept, das sie bei allen Kunden einsetzen.
- Grundsätzlich kann man aber die Backup-Bedürfnisse in zwei Anwendungsfälle aufteilen:
- Backups um User-/Entwickler:innen-Fehler abzufangen (also bspw. falscher Seitenbaum gelöscht oder falsche Datenbank-Migrationen ausgeführt). Hier wären häufige Datenbankbackups wünschenswert, was dank Contao 4.13 und den neuen Backup-Kommandos und Cronjobs deutlich einfacher ist. Komplette Backups des gesamten Dateisystems sind aber hierfür nicht unbedingt eine Anforderung.
- Komplette Offsite-Backups als Art "letzte Bastion" um eine zusätzliche Absicherung zu haben, falls Hoster ihr Backup-Angebot nicht einhalten können, das Rechnungszentrum abbrennt o.ä. wie es leider in den letzten Jahren vorgekommen ist. Hier wäre entsprechend ein Komplettbackup gefordert.
- Als Software für Komplettbackups wurde diverse Male restic genannt
- siehe oben - Teil I
- Contao an sich ist super schnell. Mit Cache nochmal schneller.
- Die Contao Doku hat ein Kapitel zu dem Thema Performance (https://docs.contao.org/manual/de/performance/).
- Aus der Sicht eines Neu-Users / Agentur
- Besseres Onboarding
- Lösung: Schnelleinstieg
- 10 Schritte zur fertigen Installation inkl. Demo
- Schnelleinstieg für Dokufaule ;-)
- Lösung: Follow Up Email
- 5 personalisierte E-Mail über mehrere Tage verteilt
- Tipps für den Einstieg
- Wo finde ich die Community
- Lösungsbeispiele / Fallstudien
- Kurze Videos (z. B. Contao Academy)
- Lösung: Onboarding E-Mail-Verteiler direkt über Contao-Manager nach Installation erreichbar machen
- Fachvorträge über die IHK (gemeinsam mit anderen CMS-Systemen mittels CMS Garden)
- TechTalk beim VGSD www.vgsd.de
- Kleinere Runde
- Kurze Vorstellung, was die Software DELOS überhaupt ist und kann
- Kurze Vorstellung und Diskussion der Arbeitsweise vom DELOS-Team
- Branch-Struktur
- Gitlab-Pipelines und Deployment
- Code Reviews
- Kurzer Einblick und Diskussion in die technische Software-Struktur
- verwendete Pakete und Bundles
- Sourcen-Organisation
- Beantwortung der Frage: warum Contao in der Software enthalten ist
- Wir machen das "hohe C" ;-)