# T3CMD 2023 24.03.-25.03.2023 Deutsches Hygienemuseum, Dresden - Komplette Liste aller Sessions: https://t3cmd.lineupr.com/2023/schedule ## Live Stream - Aufzeichnung Raum 1 vom Freitag: https://www.youtube.com/watch?v=Ri6i1Y1vBJg - Aufzeichnung Raum 1 vom Samstag: https://www.youtube.com/watch?v=l9t0D22PyAs ## Diskussion: KI in der Praxis * chat.openai.com/chat * Midjourney prompt generator * Chrome extensions: webchatgpt und aiprm * TYPO3 Extensions: * ai_seo_helper: Generiert Meta Description * t3_cowriter: RTE mit AI-Text befüllen * solver: Lösungen für Exceptions suchen * midjouney für Bilder. Verfügbar über Discord Chat. ## Content Blocks - Slides: https://drive.google.com/file/d/1mkz-Zv4xIgDaMiSInoADsU5Z09XqYPmj/view ## Content Blocks Hands on - Beispiele: https://github.com/TYPO3-Initiatives/content-blocks-examples ## TYPO3-Dokumentation - Slides: https://brot.krue.ml/presentations/t3cmd23/docs.html ## TCA-Builder - Repo: https://git.spooner.io/spooner-web/tcabuilder - TCA über API modifizieren - https://extensions.typo3.org/extension/tcabuilder ## Komplexe Software-Projekte meistern > Ein mehrfach **gescheitertes Projekt** kann **ohne Lastenheft erfolgreich** durchgeführt werden ### Goldene Formel - Arbeite auf Augenhöhe! - Habe Verständnis füreinander und das Gesamtsystem! - Tue was der User braucht! - Sei kreativ und hab die Lösung im Blick! - Habe keine Angst vor Fehlern - Verbinde Experten mit funktionierenden Lösungen! - Habe Mut zur Lücke! - Beteilige die Stakeholder als Teil des Prozesses! > Starke Projekt-Owner sind essentiell für den Erfolg ### Projektowner - Brenne für dein Projekt - Kommunikation ist deine Leidenschaft - Verstehe soviel du musst - Vertraue den Experten - Gemeinsam finden wir die Lösung - Habe Lust zu entscheiden > Ich finde es genial, wie viele Fehler wir heute gefunden haben ### Zusammenarbeit - Fehler sind erkenntnisse zur Lösung - Verständnis füreinander ist ein Prozess - Zeige was du hast, und sei ehrlich was nicht - Miteinander Testen und lernen - Bringe alle Expertise ein - Denke nur an den nächsten Schritt(?!) - Testrunden sind für alle da > werde vom Dienstleister zum Teilzeit-Produkt-Owner - Verstehen ist dein Kerngeschäft - Helfe Dinge zusammenzuführen - Verantwortung endet nich am eigenen System - Not my Job? Vergiss es! - Bringe alle Expertise ein - Du kannst es lösen, also tue es > Setze um, was gerade gebraucht wird - 100% automatisieren geht nicht - Setze Timings mit klaren Zielen - finde Testpartner (Friends und Family Phasen) - Suche den besten aber kürzesten weg zum Ziel - Mache Erfahrungen und schärfe nach - Korrekturen und Nacharbeiten gehören dazu! ### Was haben wir getan - 100% zum Projekt bekannt - 120% von uns eingebracht - Teamgründung exklusiv für Projekt - Bereit sein Risiko mit Kunde zu teilen (mit Vorleistung ins Risiko gegangen) - Extrem reduziertes User-Interface - Viel investiert in Wissenstransfer ### Rahmenbedingungen - Ressourcen statt Features - Konzepte waren gemeinsame Dokumente - Jira & Wiki als zentrale Dokumentation - Kunde mit realistischen gefühl für Aufwand und Kosten - erstaunlich faires udn offenen Verhälstnis - Politik und Verhandlungen wurden von uns weggehalten - Extremes Vertrauen zwischen Kunden und DL - Fantastische Wertschätzung > Welche Geheimzutat braucht es noch? ### GLÜCK - Aus Arbeit wurde Erfolg! - Menschen mit Herzblut! - Die richtigen Techniken! - Vieles mehr... ## Diskussion TYPO3 Upgrade Workflows - Notizen zur Diskussion mit Best Practice und Linktipps https://notes.typo3.org/jZsw7YguRVeTldqkiwJTCA ## Caching - https://code711.de/talks/make-the-caching-framework-work-for-you ## Automatische (Stressfreie) Content-Migrations > Wie bekomme ich die Loginseite auf den LIVE? ### Ausgangslage: Mehrere Systeme (LIVE, STAGING, DEV, Local-DEV-x) ### Anforderung: - Dev baut Feature, welches Seiten/sysfolder uids benötigt - Lokal alles fertig machen - automatisch auf allen Systemen ausrollen - andere Lokale Entwicklungsumgebung - Test- und Staging-Systeme - Produktiv-System ### Lösung: Schritt 1 - EXT:px_dbsequencer [GitHub](https://github.com/portrino/px_dbsequencer) - Sequenzierte UIDs in festgelegten Schritten - Tabellen festlegen - Offset festlegen - UIDS pro System einzigartig Damit sagt TYPO3 Systemspezifisch, welche UID geschrieben werden soll. Wird sich mit einem DB-seitigen Offset beißen (z.B. Galera-Cluster) ### Schritt 2 - EXT:migrator - migration automatisch nach composer update ### Funktion - nummerierte migrationsdateien - abwandlung zu ˋtimestamp-description.sqlˋ möglich - werden in reihenfolge migriert - nach erfolgreichen durchführen in sys_registry gespeichert - ### Ablauf - Lokal seiten und Content anlegen - Migration erstellen - Einchecken - Nach Deployment die Migrationen durchführen ### Nachteile - kein Undo möglich - wenn sich Tabellen ändern, können alte Migrations fehlschlagen - px_dbsequencer kann kein FAL, also keine Bilder möglich ## Houskeeping - https://github.com/codeseveneleven/code711-housekeeping ## Strukturierte Daten - Slides: https://brot.krue.ml/presentations/t3cmd23/schema.html ## Tools & Apps - https://www.deepl.com/write (Texte verbessern) - https://www.perfexcrm.com/ (Rechnungen, PM, Aufgaben etc.) - https://invoiceninja.com/ (Rechnungen, PM, Aufgaben etc.) - https://storybook.js.org/ (Storybook is a frontend workshop for building UI components and pages in isolation.) - https://www.figma.com/de/ (Prototyping) - Adobe XD (Prototyping) - https://www.sketch.com/ (Prototyping) - https://unsplash.com/de (Lizenzfreie Stockphotos) - https://pixabay.com/de/ (Lizenzfreie Stockphotos) - https://apps.apple.com/us/app/flowchart-designer-3/id1512570906 (Flowcharts etc.) - https://www.mindmeister.com/de (Mindmaps, Flowcharts) - https://app.diagrams.net/ (EX draw.io - Diagramme jeglicher Art -> Mindmaps, UML, Flowcharts) - https://xmind.app/ (Mindmaps etc.) - https://www.microsoft.com/de-de/microsoft-365/visio/flowchart-software (Mindmaps, Diagramme) - https://fluid-to-inline-converter.com/ (Fluid Viewhelper in inlinxe Syntax konvertieren) - https://textexpander.com/ (Textersetzungen, Snippets) - https://www.alfredapp.com/ (Produktivitätsbooster) - https://ulauncher.io/ (ähnlich wie Alfred, aber für Linux) - https://affinity.serif.com/de/ (Adobe Alternative, kein Abo) - https://privatebin.info/ (Sichere Nachrichten, Einmalnachrichten) - https://daily.dev/ (Get one personalized feed for all the knowledge you need.) - https://www.useblackbox.io/ (KI gestützter Programmierungsassistent) - https://www.password-depot.de/ (Passwortmanager, Teamfähig) - https://bitwarden.com/de-DE/ (Passwortmanager, Teamfähig) - https://github.com/dani-garcia/vaultwarden (in Rust geschriebener Clone - wesentlich einfacher zu deployen) - https://keepass.info/index.html (Passwortmanager, Teamfähig) - https://www.lastpass.com/de (Passwortmanager, Teamfähig) - https://1password.com/de/ (Passwortmanager, Teamfähig) ## Matomo und TYPO3 - Slides: https://brot.krue.ml/presentations/t3cmd23/matomo.html - Darstellung je Mandant in Dashboard Widgets möglich durch Extensionpackage [typo3-matomo-widgets](https://packagist.org/packages/brotkrueml/typo3-matomo-widgets) ## goaccess.io und TYPO3 - Package: https://packagist.org/packages/xima/xm-goaccess - Community Quote „Das EXT:awstats der Moderne“ - Kann ich Echtzeit Apache Logs auslesen, Darstellung der Statistik in TYPO3 Backend Modul und Dashboard - Grundlage sind also serverseitige Logs, dadurch sehr viel einfacher in vorhandene TYPO3 Instanzen zu integrieren - Limitierung: Alle tieferen Analyse sind nicht Scope des Tools, dazu Analytics Software wie Matomo besser geeignet - Neues Feature zum Camp: Matching der Page Slugs, sodass Auswertung an jeder Seite angezeigt werden kann ## Barrierefreiheit - Wave Test für ersten Überblick - auch an barrierefreie PDF Dateien denken - Texte möglichst Genderneutral schreiben. `*:_` sind eher problematisch. - Slides: https://transfer.move-elevator.de/index.php/s/7cCbATSZA7a4qHD - https://www.move-elevator.de/so-gestaltet-ihr-eure-website-barrierefrei ## Digitale Souveränität am Beispiel von TYPO3 - Vortrag Freitag von Anastasia (CPS) - https://typo3.org/article/conception-of-an-index-for-digital-sovereignty-based-on-the-example-of-typo3 ## Barrierefreiheit Zertifizierung - Bachelor Arbeit von Carolin Jacob zum Thema: Umsetzung von barrierefreien Webseiten anhand des TYPO3 Introduction Packages (Link https://cmscensus.eu/about - Erfahrungswerte von https://www.bitvtest.de/sites_und_agenturen/empfehlenswerte_agenturen/coding_powerful_systems_cps_gmbh.html wurden geteilt - siehe auch Aufzeichnung des Live-Streaming des T3CMD von Oliver Thiele (Link: ...) - weitere Vertiefung auf TYPO3camp Berlin-Brandenburg 2023 vom 02.06. bis 04.06.2023 an der TH Brandenburg https://typo3camp-berlin.de/ - Codesprint vom 05.06. - 08.06.2023 bei www.cps-it.de in Berlin - Ziel: das Introduction Package im Frontend barrierefrei machen - Danach offiziell zertifizieren lassen, z.B. von www.bitvtest.de - Ansprechpartner für Codesprint: Sebastian Kreideweiß von CPS (s.kreideweiss@cps-it.de oder per TYPO3 Slack) - Vertiefung im Nachgang: Angebot/Zusammenarbeit der Community (CPS, Kay Strobach und DRK), um Menschen mit besonderen Fähigkeiten ## „Dinner for One“? Kollaboration in Open Source am Beispiel TYPO3 Government Package + EXT:CivilAdmin - Ausgangslage an Hochschulen und dem entstandenen Ökosystem rundum Universitäten - Frage: Übertragbar auf anderen Bereiche? z.B. Government - Untersuchung: cmscensus.eu zur Kategoriebezogenen CMS-Verteilung - Ergebnis: TYPO3 ist in Deutschland in mehreren Kategorien mit sehr hohem Marktanteil vertreten, konkret Universitäten, Krankenhäuser, Forschungseinrichtungen, NGO, Government und weitere. - Austausch: Was macht gutes Ökosystem aus, das Open Source und Kollaboration begünstigt (TYPO3 Membership, Zertifizierte Mitarbeitende, veröffentlichte Extensions, Austaushformate wie Camps, ...) - Ergebnisse aus Austausch, siehe auch Recap-Artikel www.cps-it.de wird in Kürze veröffentlicht - Vorstellung der Extension EXT:civiladmin von Konstantin - Extension als Demo dient als Beispiel für Fachdomainbezogene Komponenten innerhalb von Packages, hier konkret für Darstellung von ca. 550 Verwaltungsleistungen in Deutschland/Rathäusern (z.B. Personalausweis beantragen, Hundesteuer oder Kitaplatz), Vorgänger ist civserv-Extenion von Uni Münster (2005) - Bildet nur den Online-Weg hinzur Verwaltungsleistung ab, Anspruch ist nicht, den ganzen Prozess zu digitalisieren - Status: experimentell, Proof-of-Concept - Slides: https://www.cps-it.de/fileadmin/user_upload/presentations/2023/T3CMD/T3GovPackage_2023_de.pdf ## Editorfreundliches Backend Präsi: - https://www.slideshare.net/michaeldrauer/mitteldeutschland23pptx Backend customization - Login: Logo, Background, HightlightColor etc... - dediziertes Favicon - PageTree einfärben (UserTSconfig ˋoptions.pageTree...ˋ) - IDs im PageTree (UserTSconfig ˋoptiones.pageTree.showPageIdsˋ) - Backend CSS Customization ˋ$GLOBALS['TBE_STYLES']ˋ - BackendPreview Customization per Fluid ( ˋmodule.tx_backend.view.templateRootPathsˋ) ContentElement Editing - Labels/Description ˋTCEFORM.tt_content.bodytext.types.<ctype>.labelˋ - Labels in Dropdowns ˋTCEFORM.tt_content.layout.<more>ˋ - Felder disablen, wenn man sie nicht verwendet - Copy Elements: ˋTCEMAIN.table.pages.disablePrepentAtCopyˋ - Translate Elements: ˋTCEMAIN.translateToMessageˋ - Set Defaults: ˋTCAdefaults.tt_content.image_zoom = 1ˋ - Configuration Shorthand Elements: ˋmod.wizards.newContentElemenet.wizardItems.<...>.tt_content_defValues.<property>ˋ Backend Layouts - Overview für Editor: ˋmod.SHARED.colPos_listˋ PageProperties - Header in Backend-Preview ˋdrawHeaderHookˋ (bis v11) Module: - ListModule: ˋmod.web_list.listOnlyInSingleTableView = 1ˋ - hide "add" in list: ˋmod.web_list.deniedNewTables = fe_groups, fe_usersˋ - FileList: ˋ_recycler_ˋ pro Storage - ˋmod.recyclerˋ: ˋrecordsPageLimit = 100ˋ, ˋallowDelete = 1ˋ, Scheduler - Info: Localization Overview - DB Check: sinnvoll für Poweruser, CSV-Export ˋcomposer req mblunck/cozy-backend:dev-masterˋ ## Composer Installer - Migration to typo3/composer-cms-installers version 4+: https://brot.krue.ml/migration-typo3-composer-cms-installers-version-4/ - https://usetypo3.com/composer-changes-for-typo3-v11-and-v12.html ## TYPO3 v12 - Extension Updates - https://notes.typo3.org/s/EjM2zA7Dr# ## Videoanleitungen für Einsteiger: Slides: https://speakerdeck.com/wolfgangwagner/videoanleitungen-fur-einsteiger-number-t3cmd23