SlideShare ist ein Scribd-Unternehmen logo
Frontend Formulare
in TYPO3 8 LTS
TYPO3 User Group Munich
7. Februar 2017
TYPO3Munich User Group
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/
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
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
Zielgruppe von EXT:form
Redakteure Integratoren
Entwickler /
Admins
formhandler ✔ ✔
formz ✔
powermail ✔ ✔ ✔
form ✔ ✔ ✔
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
Struktur
• Forms (Backend Modul)
• Form Manager mit Assistent zum Kickstart neuer Formulare
• Form Editor zum Bearbeiten der Formulare
• Inhaltselement „Mail form“
Form Manager
Form Editor
Form Editor
• hoch konfigurierbar
• komplett anpassbar
• JavaScript API zur Erweiterung
des Editors
Konfiguration
• YAML Dateien für Formulare und den
Editor selbst
• Datei basiert => Formulare sind
versionierbar
• Konfiguration kann überschrieben
werden
• Konfiguration kann vererbt werden
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
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
Formular Elemente
• Eigene Formularelemente
• Google Maps Einbindung zur Positionsbestimmung
• Bewertung mit Sternen
• alle HTML5 Attribute werden unterstützt
• Datei Uploads werden durch FAL verarbeitet
Validatoren
• Standard Validatoren werden mitgeliefert
• Eigene Validatoren möglich
• Es gibt keine mitgelieferte browserbasierte Validierung
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
Weitere Features
• Mehrsprachige Formulare
• Formulare mit mehreren Schritten
• mehrere Formulare auf einer Seite
• Spam Schutz
• Starke Voreinstellungen für benutzerfreundlichen Editor
• TypoScript Unterstützung
Migration alter Formulare
• bislang gibt es keine Migration
• Alte EXT:form Extension wird ins TER wandern
• Parallelbetrieb möglich!
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!
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
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.

Weitere ähnliche Inhalte

Andere mochten auch

Composer und TYPO3
Composer und TYPO3Composer und TYPO3
Composer und TYPO3
Peter Kraume
 
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerkTYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
die.agilen GmbH
 
TYPO3 CMS 8.4 - Die Neuerungen - pluswerk
TYPO3 CMS 8.4 - Die Neuerungen - pluswerkTYPO3 CMS 8.4 - Die Neuerungen - pluswerk
TYPO3 CMS 8.4 - Die Neuerungen - pluswerk
die.agilen GmbH
 
TYPO3 and t3kit overview
TYPO3 and t3kit overviewTYPO3 and t3kit overview
TYPO3 and t3kit overview
Jozef Spisiak
 
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
jweiland
 
Rsyslog log normalization
Rsyslog log normalizationRsyslog log normalization
Rsyslog log normalization
Rainer Gerhards
 
TYPO3 & Composer
TYPO3 & ComposerTYPO3 & Composer
TYPO3 & Composer
Armin Vieweg
 
Caretaker TYPO3 Monitoring
Caretaker TYPO3 MonitoringCaretaker TYPO3 Monitoring
Caretaker TYPO3 Monitoring
Peter Kraume
 
Umfragen mit TYPO3
Umfragen mit TYPO3Umfragen mit TYPO3
Umfragen mit TYPO3
Peter Kraume
 
WordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellenWordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellen
frankstaude
 
Chef Fundamentals Training Series Module 2: Workstation Setup
Chef Fundamentals Training Series Module 2: Workstation SetupChef Fundamentals Training Series Module 2: Workstation Setup
Chef Fundamentals Training Series Module 2: Workstation Setup
Chef Software, Inc.
 
Q&A Session zur TYPO3 Association
Q&A Session zur TYPO3 AssociationQ&A Session zur TYPO3 Association
Q&A Session zur TYPO3 Association
Peter Kraume
 
TYPO3 CMS 7.6 - Die Neuerungen - pluswerk
TYPO3 CMS 7.6 - Die Neuerungen - pluswerkTYPO3 CMS 7.6 - Die Neuerungen - pluswerk
TYPO3 CMS 7.6 - Die Neuerungen - pluswerk
die.agilen GmbH
 
How leadership of employees via Objectives and Key Results (OKR) speeds up th...
How leadership of employees via Objectives and Key Results (OKR) speeds up th...How leadership of employees via Objectives and Key Results (OKR) speeds up th...
How leadership of employees via Objectives and Key Results (OKR) speeds up th...
die.agilen GmbH
 
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - PluswerkInnovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
die.agilen GmbH
 
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - PluswerkDWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
die.agilen GmbH
 
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
die.agilen GmbH
 
The agile enterprise - Digital Transformation as a practical application
The agile enterprise - Digital Transformation as a practical applicationThe agile enterprise - Digital Transformation as a practical application
The agile enterprise - Digital Transformation as a practical application
die.agilen GmbH
 
Infrastructure Automation with Chef
Infrastructure Automation with ChefInfrastructure Automation with Chef
Infrastructure Automation with Chef
Adam Jacob
 
HP ArcSight
HP ArcSight HP ArcSight
HP ArcSight
Mohamed Zohair
 

Andere mochten auch (20)

Composer und TYPO3
Composer und TYPO3Composer und TYPO3
Composer und TYPO3
 
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerkTYPO3 CMS 8.0 - Die Neuerungen - pluswerk
TYPO3 CMS 8.0 - Die Neuerungen - pluswerk
 
TYPO3 CMS 8.4 - Die Neuerungen - pluswerk
TYPO3 CMS 8.4 - Die Neuerungen - pluswerkTYPO3 CMS 8.4 - Die Neuerungen - pluswerk
TYPO3 CMS 8.4 - Die Neuerungen - pluswerk
 
TYPO3 and t3kit overview
TYPO3 and t3kit overviewTYPO3 and t3kit overview
TYPO3 and t3kit overview
 
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
Spark Plugs, Oil Change, Filter - How to keep your TYPO3 site running with re...
 
Rsyslog log normalization
Rsyslog log normalizationRsyslog log normalization
Rsyslog log normalization
 
TYPO3 & Composer
TYPO3 & ComposerTYPO3 & Composer
TYPO3 & Composer
 
Caretaker TYPO3 Monitoring
Caretaker TYPO3 MonitoringCaretaker TYPO3 Monitoring
Caretaker TYPO3 Monitoring
 
Umfragen mit TYPO3
Umfragen mit TYPO3Umfragen mit TYPO3
Umfragen mit TYPO3
 
WordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellenWordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellen
 
Chef Fundamentals Training Series Module 2: Workstation Setup
Chef Fundamentals Training Series Module 2: Workstation SetupChef Fundamentals Training Series Module 2: Workstation Setup
Chef Fundamentals Training Series Module 2: Workstation Setup
 
Q&A Session zur TYPO3 Association
Q&A Session zur TYPO3 AssociationQ&A Session zur TYPO3 Association
Q&A Session zur TYPO3 Association
 
TYPO3 CMS 7.6 - Die Neuerungen - pluswerk
TYPO3 CMS 7.6 - Die Neuerungen - pluswerkTYPO3 CMS 7.6 - Die Neuerungen - pluswerk
TYPO3 CMS 7.6 - Die Neuerungen - pluswerk
 
How leadership of employees via Objectives and Key Results (OKR) speeds up th...
How leadership of employees via Objectives and Key Results (OKR) speeds up th...How leadership of employees via Objectives and Key Results (OKR) speeds up th...
How leadership of employees via Objectives and Key Results (OKR) speeds up th...
 
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - PluswerkInnovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
 
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - PluswerkDWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
DWX 2016 - Atomic Design – Frontend und Design im RWD-Zeitalter - Pluswerk
 
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
4DX - Die 4 Disziplinen der Umsetzung: Strategien sicher umsetzen und Ziele e...
 
The agile enterprise - Digital Transformation as a practical application
The agile enterprise - Digital Transformation as a practical applicationThe agile enterprise - Digital Transformation as a practical application
The agile enterprise - Digital Transformation as a practical application
 
Infrastructure Automation with Chef
Infrastructure Automation with ChefInfrastructure Automation with Chef
Infrastructure Automation with Chef
 
HP ArcSight
HP ArcSight HP ArcSight
HP ArcSight
 

Ähnlich wie Frontend Formulare in TYPO3 8 LTS

Warum gerade TYPO3?
Warum gerade TYPO3?Warum gerade TYPO3?
Warum gerade TYPO3?
Wolfgang Wagner
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
David Schneider
 
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - KölnTipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Viktor Vogel
 
Unit Testing einer Zend-Framework 2 Anwendung
Unit Testing einer Zend-Framework 2 AnwendungUnit Testing einer Zend-Framework 2 Anwendung
Unit Testing einer Zend-Framework 2 Anwendung
Ralf Eggert
 
Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2
Wolfgang Wagner
 
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
Sebastian Springer
 
Interaktives Zusammenarbeiten mit Collaboration
Interaktives Zusammenarbeiten mit CollaborationInteraktives Zusammenarbeiten mit Collaboration
Interaktives Zusammenarbeiten mit Collaboration
Stefan Hilpp
 
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision AusbildungenGratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
Eduvision Ausbildungen
 
Moderner Webentwicklungs-Workflow
Moderner Webentwicklungs-WorkflowModerner Webentwicklungs-Workflow
Moderner Webentwicklungs-Workflow
PLUSPOL interactive GbR
 
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
Manuel Aghamanoukjan
 
Wordpress Crashkurs
Wordpress CrashkursWordpress Crashkurs
Wordpress Crashkurs
Coworking Akademie
 
TYPO3 Website Monitoring mit Caretaker
TYPO3 Website Monitoring mit CaretakerTYPO3 Website Monitoring mit Caretaker
TYPO3 Website Monitoring mit Caretaker
Peter Kraume
 
Deployment
DeploymentDeployment
Deployment
Christian Händel
 
Webinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
Webinar Joomla!, Drupal & TYPO3 im Vergleich - EduvisionWebinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
Webinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
Eduvision Ausbildungen
 
TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)
Marcus Schwemer
 
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
get on top gmbh
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Andreas Wissel
 
Das Kung Fu des Code Reviews
Das Kung Fu des Code ReviewsDas Kung Fu des Code Reviews
Das Kung Fu des Code Reviews
Christian Erhardt
 
Probestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
Probestunde Typo3 Professional und für Anwender - Eduvision AusbildungenProbestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
Probestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
Eduvision Ausbildungen
 

Ähnlich wie Frontend Formulare in TYPO3 8 LTS (20)

Warum gerade TYPO3?
Warum gerade TYPO3?Warum gerade TYPO3?
Warum gerade TYPO3?
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
 
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - KölnTipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
Tipps & Tricks für Erweiterungsentwickler - JoomlaDay Deutschland 2014 - Köln
 
Unit Testing einer Zend-Framework 2 Anwendung
Unit Testing einer Zend-Framework 2 AnwendungUnit Testing einer Zend-Framework 2 Anwendung
Unit Testing einer Zend-Framework 2 Anwendung
 
Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2Upgrade auf TYPO3 6.2
Upgrade auf TYPO3 6.2
 
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
10 Dinge die ich an dir hasse - Stolpersteine in der Webentwicklung
 
Interaktives Zusammenarbeiten mit Collaboration
Interaktives Zusammenarbeiten mit CollaborationInteraktives Zusammenarbeiten mit Collaboration
Interaktives Zusammenarbeiten mit Collaboration
 
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision AusbildungenGratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
Gratis Wordpress Webinar - Web-Blogsystem Einführung mit Eduvision Ausbildungen
 
Moderner Webentwicklungs-Workflow
Moderner Webentwicklungs-WorkflowModerner Webentwicklungs-Workflow
Moderner Webentwicklungs-Workflow
 
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
Gentics Webinar: IT-Kosten sparen mit Unified Content & Collaboration Archite...
 
Wordpress Crashkurs
Wordpress CrashkursWordpress Crashkurs
Wordpress Crashkurs
 
TYPO3 Website Monitoring mit Caretaker
TYPO3 Website Monitoring mit CaretakerTYPO3 Website Monitoring mit Caretaker
TYPO3 Website Monitoring mit Caretaker
 
Deployment
DeploymentDeployment
Deployment
 
Webinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
Webinar Joomla!, Drupal & TYPO3 im Vergleich - EduvisionWebinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
Webinar Joomla!, Drupal & TYPO3 im Vergleich - Eduvision
 
TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)TYPO3 Performance (TYPO3camp München)
TYPO3 Performance (TYPO3camp München)
 
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
Wie projektiere ich eine expired Domain mit Wordpress - SEO Campixx 2012
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
 
Das Kung Fu des Code Reviews
Das Kung Fu des Code ReviewsDas Kung Fu des Code Reviews
Das Kung Fu des Code Reviews
 
Probestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
Probestunde Typo3 Professional und für Anwender - Eduvision AusbildungenProbestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
Probestunde Typo3 Professional und für Anwender - Eduvision Ausbildungen
 
imatics FormEngine
imatics FormEngineimatics FormEngine
imatics FormEngine
 

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“
  • 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.