Frontend Formulare in TYPO3 8 LTS
4 gefällt mir7,818 aufrufe
Das Dokument beschreibt die Evolution und Entwicklung der TYPO3-Extension ext:form, die von der Agentur Tritum betreut wird, sowie die geplanten Verbesserungen für TYPO3 8.x. Es werden technische Details zur Architektur, Konfiguration und Funktionalität von Formularen erläutert, einschließlich einer API und Support für mehrsprachige Formulare. Zudem werden Best Practices für Integratoren und nächste Schritte in der Entwicklung aufgezeigt.
Frontend Formulare in TYPO3 8 LTS
- 1. Frontend Formulare in TYPO3 8 LTS TYPO3 User Group Munich 7. Februar 2017 TYPO3Munich User Group
- 2. Peter Kraume Senior TYPO3 Developer Mitglied im Vorstand der TYPO3 Association Twitter: @cybersmog Mail: peter.kraume@bgm-gmbh.de Slides: http://de.slideshare.net/pk77/
- 3. Evolution von EXT:form • Form Wizard gibt es schon lange als mitgelieferte Systemextension in TYPO3 • Umfangreicher Rewrite in TYPO3 4.6 durch Patrick Broens • Seit TYPO3 7.4 (Sommer 2015) hat die Jenaer Agentur TRITUM die Pflege der Extension übernommen • August 2015: Code Sprint bei TRITUM
- 4. Dilemma • Zu viele offene Bugreports • Viele Hürden durch veraltete Architektur • Kein Vertrauen in der Community in EXT:form Plan: • Codebasis auf Extbase und Fluid heben => realisiert in TYPO3 7.5 • Form Wizard neu erstellen => geplant für TYPO3 8.x Realität: • Rewrite des Form Wizard allein nicht zielführend • Plan zum kompletten Rewrite von EXT:form
- 5. Zielgruppe von EXT:form Redakteure Integratoren Entwickler / Admins formhandler ✔ ✔ formz ✔ powermail ✔ ✔ ✔ form ✔ ✔ ✔
- 6. Architektur von EXT:form • Analyse von anderen CMS und 3rd Party Formular Erweiterungen • Grundlage ist das Flow Form Framework von Sebastian Kurfürst • EXT:form wurde noch generischer ausgelegt • Umsetzung des Editors nur mit jQuery um nicht wieder ein weiteres JavaScript Framework in den TYPO3 Core integrieren zu müssen
- 7. Struktur • Forms (Backend Modul) • Form Manager mit Assistent zum Kickstart neuer Formulare • Form Editor zum Bearbeiten der Formulare • Inhaltselement „Mail form“
- 8. Form Manager
- 9. Form Editor
- 10. Form Editor • hoch konfigurierbar • komplett anpassbar • JavaScript API zur Erweiterung des Editors
- 11. Konfiguration • YAML Dateien für Formulare und den Editor selbst • Datei basiert => Formulare sind versionierbar • Konfiguration kann überschrieben werden • Konfiguration kann vererbt werden
- 12. Speicherorte für Formulare • FAL • site package / theme extension Best Practice für Integratoren: • Formular im Editor erstellen • YAML Datei in Site Package / Theme Extension verschieben • Theme Extension braucht Basiskonfiguration, damit Formulare gefunden werden
- 13. PHP API • Methoden zum Zugriff auf jeden Schritt während der Lebensdauer eines Formulars bzw. der Daten • Eigene Renderer • Ausgabe als PDF Formular • TCA Ausgabe (Extension Kickstarter) • Formulare via API • dynamisch erstellte Formulare • Formulare mit Bedingungen
- 14. Formular Elemente • Eigene Formularelemente • Google Maps Einbindung zur Positionsbestimmung • Bewertung mit Sternen • alle HTML5 Attribute werden unterstützt • Datei Uploads werden durch FAL verarbeitet
- 15. Validatoren • Standard Validatoren werden mitgeliefert • Eigene Validatoren möglich • Es gibt keine mitgelieferte browserbasierte Validierung
- 16. Finisher • Mitgelieferte Finisher • Speichern in Datenbank • Versand von Mails • Weiterleitungen • Finisher können aufeinander aufbauen • Datenübernahme aus Vorgänger • Eigene Finisher • Finisher können überschrieben werden
- 17. Weitere Features • Mehrsprachige Formulare • Formulare mit mehreren Schritten • mehrere Formulare auf einer Seite • Spam Schutz • Starke Voreinstellungen für benutzerfreundlichen Editor • TypoScript Unterstützung
- 18. Migration alter Formulare • bislang gibt es keine Migration • Alte EXT:form Extension wird ins TER wandern • Parallelbetrieb möglich!
- 19. Nächste Schritte bis TYPO3 8 LTS • Integration in TYPO3 8.5 ✔ • Viele Verbesserungen in TYPO3 8.6 (erscheint am 14. Februar 2017) • Design / UI / UX Verbesserungen des Editors • EXT:form-legacy ins TER • Dokumentation • Snippet Datenbank • Beispiel Extensions • Testen, Feedback geben!
- 20. Links • Beispiele für Extensions: https://code.tritum.de/explore/projects • Slack Channel: https://typo3.slack.com/archives/ext-form • Demo Video: https://www.youtube.com/watch?v=F9sTAOEcTI0
- 21. Vielen Dank! Twitter: @cybersmog Mail: peter.kraume@typo3.org Slides: http://de.slideshare.net/pk77/ This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.