Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Easy and Effective
The New Dynamic Content Elements Extension (DCE)
TYPO3 Conference 2013, 30th October 2013

Seite 1
About Me
Armin Rüdiger Vieweg
Assistant Team Leader - Development

Personal information
 30 years old
 Hobbies:
 TYPO3
...
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)

Seite 3
The Idea Behind DCE

Dynamic Content Elements (DCE)
Name and basic functionality inspired
by TemplaVoila‘s FCE feature
FCE...
The Idea Behind DCE
Content Elements in TYPO3

TYPO3 has just a few basic content elements (CE)
No possibility to create n...
The Idea Behind DCE
The DCE Approach

Audience
 Developers
 Integrators
 Intermediate frontend developers

Goals
 Easy...
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)

Seite 7
DCE Features
Fields and tabs
 Create as many fields as required
 Separate multiple fields with tabs (better overview)
 ...
DCE Features

Detail pages
 Use different templates for single DCE instances
 Controlled by $_GET parameters

Easy templ...
DCE Features

DCE user conditions
 Check if the current page contains a specified DCE
 Add CSS and JS only on pages wher...
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)

Seite 11
The Bright Future of DCE

1

New major version of DCE

2

Bye-bye flexforms

3

DCE == Package

4

Fancy backend module

E...
The Bright Future of DCE
1

New major version of DCE
Version 1.0

No longer supporting TYPO3 4.x
Massive change of code
Ev...
The Bright Future of DCE
2

Bye-bye flexforms
Currently all entered contents are stored as nested Flexform-XML
in tt_conte...
The Bright Future of DCE
3

DCE == Package
DCE configurations changed to file-based packages
 Field configurations
 Temp...
The Bright Future of DCE
4

Fancy backend module
Creation of DCE in new backend module only
Much more comfortable than TYP...
The Bright Future of DCE
Roadmap

Version 1.0
 DCE packaging
 TCA instead of Flexforms
 Fancy backend module
Version 1....
Easy and Effective – The New Dynamic Content Elements Extensions (DCE)

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

Seite 19
Alle in dieser Präsentation dokumentierten Vorschläge und Ideen sind geistiges
Eigentum der sunzinet AG. Sie unterliegen s...
Upcoming SlideShare
Loading in …5
×

Easy and Effective - The New Dynamic Content Elements Extension (DCE)

5,714 views

Published on

Talk on T3CON13 about the DCE extension.

Published in: Technology

Easy and Effective - The New Dynamic Content Elements Extension (DCE)

  1. 1. Easy and Effective The New Dynamic Content Elements Extension (DCE) TYPO3 Conference 2013, 30th October 2013 Seite 1
  2. 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. 3. Easy and Effective – The New Dynamic Content Elements Extensions (DCE) Seite 3
  4. 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. 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. 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. 7. Easy and Effective – The New Dynamic Content Elements Extensions (DCE) Seite 7
  8. 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. 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. 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. 11. Easy and Effective – The New Dynamic Content Elements Extensions (DCE) Seite 11
  12. 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. 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. 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. 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. 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. 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. 18. Easy and Effective – The New Dynamic Content Elements Extensions (DCE) Seite 18
  19. 19. Easy and Effective – The New Dynamic Content Elements Extensions (DCE) Seite 19
  20. 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

×