Talk on T3CON13 about the DCE extension.

1. Easy and Effective
The New Dynamic Content Elements Extension (DCE)
TYPO3 Conference 2013, 30th October 2013
Seite 1

2. About Me
Armin Rüdiger Vieweg
Assistant Team Leader - Development
Personal information
 30 years old
 Hobbies:
 TYPO3
 Playing the trumpet
Released 1000+ TYPO3 extensions
Dynamic Content Elements (dce)
Page Teaser (with Fluid) (pw_teaser)
pwComments (pw_comments)
Tiny Source (tinysource)
… and 12 more extensions
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 2

3. Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 3

4. The Idea Behind DCE
Dynamic Content Elements (DCE)
Name and basic functionality inspired
by TemplaVoila‘s FCE feature
FCE was one of the last missing major features
to replace TemplaVoila
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 4

5. The Idea Behind DCE
Content Elements in TYPO3
TYPO3 has just a few basic content elements (CE)
No possibility to create new CE without developing new extensions
or massively rearranging TCA
Abuse of layout or section frame attributes
Not easy to use for editors!
Abuse of RTE fields (using tables, etc.)
Too much flexibility for editors
Laying out CE in frontend may be a PITA, because of TypoScript
(CSS styled content)
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 5

6. The Idea Behind DCE
The DCE Approach
Audience
 Developers
 Integrators
 Intermediate frontend developers
Goals
 Easy creation of new custom content elements
 With as many configurable fields as required
 Flexible and comfortable templating for each CE (using Fluid)
 An easier learning curve for editors
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 6

7. Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 7

8. DCE Features
Fields and tabs
 Create as many fields as required
 Separate multiple fields with tabs (better overview)
 Name and configure them like you want
Schema loading
 Special handling for group, select and inline fields
 Convert comma separated lists of uids to ready to use arrays
 Uses extbase models (instead of assoc arrays)
if requested table has one configured
Sections
 Uses TemplaVoila implementation in TYPO3 core
 Create as many groups of fields as you want
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 8

9. DCE Features
Detail pages
 Use different templates for single DCE instances
 Controlled by $_GET parameters
Easy templating (using Fluid)
 All output of DCE (in FE and BE) runs with Fluid Templating Engine
 Even cached localconf- and ext_tables php files uses Fluid
 Fluid gives you all flexibility you need for laying out content elements
Backend preview templates
 Define tt_content header and bodytext attribute for each DCE individually
 Of course, using Fluid
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 9

10. DCE Features
DCE user conditions
 Check if the current page contains a specified DCE
 Add CSS and JS only on pages where you need it
 Modify any TypoScript configuration you want
Comfortable import/export
 Quick import and export of DCEs and DCE fields
 Uses ImpExp extension in TYPO3 core
 DCE instances (tt_content) have relation to DCE
 When importing DCE and DCE instances, the uid of DCE will be automatically
updated if uid is already assigned on target system
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 10

11. Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 11

12. The Bright Future of DCE
1
New major version of DCE
2
Bye-bye flexforms
3
DCE == Package
4
Fancy backend module
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 12

13. The Bright Future of DCE
1
New major version of DCE
Version 1.0
No longer supporting TYPO3 4.x
Massive change of code
Everything becomes better (eg. code quality, readability) ;-)
Unit tests (... maybe later)
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 13

14. The Bright Future of DCE
2
Bye-bye flexforms
Currently all entered contents are stored as nested Flexform-XML
in tt_content‘s column pi_flexform
Create for each DCE and section their own tables to store data
Fake TCA fields in tt_content
Ability to use palettes to group fields
Inline fields possible (for section fields)
No annoying flexform bugs anymore (i.e. eval)
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 14

15. The Bright Future of DCE
3
DCE == Package
DCE configurations changed to file-based packages
 Field configurations
 Templates
 Additional files, such as CSS, JS and custom viewhelpers
 Images (eg. TCA and content wizard Icon)
Easier to deploy and reuse in other projects
A public DCE repository?
Compatibility with TYPO3 themes
One file export, using JSON
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 15

16. The Bright Future of DCE
4
Fancy backend module
Creation of DCE in new backend module only
Much more comfortable than TYPO3 backend
Wizard for field configuration
Auto update of database schemes
Import/Export of DCE (package management)
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 16

17. The Bright Future of DCE
Roadmap
Version 1.0
 DCE packaging
 TCA instead of Flexforms
 Fancy backend module
Version 1.1
 Migration tool (from DCE 0.8.x)
 Documentation
Version 1.2
 Unit tests
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 17

18. Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 18

19. Easy and Effective – The New Dynamic Content Elements Extensions (DCE)
Seite 19

20. Alle in dieser Präsentation dokumentierten Vorschläge und Ideen sind geistiges
Eigentum der sunzinet AG. Sie unterliegen somit den geltenden Urheberrechten
und Gesetzen.
Die Präsentation kann Bildelemente enthalten, die Rechte Dritter berühren. Die
Präsentation ist für die kommerzielle Vervielfältigung nicht gestattet. Vor einer
Verbreitung ist die Abstimmung mit sunzinet erforderlich, die dazu führen kann, dass
Lizenzen erworben werden und/oder Bildelemente ausgetauscht werden.
Die unautorisierte Vervielfältigung, Nutzung als Ganzes oder auszugsweise sowie
jegliche Form der Weitergabe an Dritte ist nicht gestattet.
© sunzinet AG