Fabrice Mouron, responsable du Pôle Digital chez Atol CD a animé un webinar sur les nouveautés 2018 de TYPO3 et a notamment fait une présentation de la version 8 LTS et de la roadmap de la version 9.

1. Gevrey-Chambertin Paris Lyon
Atol C&D
Une Entreprise de Services Numériques aux valeurs fortes
#COLLABORATIF #PÉRENNITÉ # EXPERTISE

2. Gevrey-Chambertin Paris Lyon
Atol C&D
Une Entreprise de Services Numériques aux valeurs fortes
Webinar TYPO3
Présentation, nouveautés et cas d'utilisation
Le 20.03.2018

3. Atol C&D
Vos contacts
Jean-Philippe Porcherot
Directeur Général
jp.porcherot@atolcd.com
Jean-Luc Visele
Directeur technique
jl.visele@atolcd.com
Fabrice Mouron
Responsable Pôle Digital
f.mouron@atolcd.com

4. ● Le Pôle Digital
● Qu’est-ce que TYPO3 ?
● Les fonctionnalités du CMS
○ Quelles nouveautés dans la version 8 ?
○ Nouveautés et roadmap de la version 9
● Des exemples de réalisations : La Vie Communale,
Toute L’Europe
● Démonstration en ligne : TYPO3 v8
Au programme

5. Le Pôle Digital

6. DES SOLUTIONS OPEN SOURCE POUR VOS
SITES ET BOUTIQUES
Notre pôle digital au service de votre
transformation numérique
Notre pôle digitale vous accompagne pour la mise en œuvre
de vos sites internet, intranet, extranet.
Nous assurons toutes les étapes du projet, des réflexions en
terme d'ergonomie jusqu'à l'intégration finale au CMS, en
passant par l'architecture de l'information et l'habillage
graphique.
Sites internet, intranet
et extranet
Boutiques en ligne
Applications mobiles
Refontes ergonomiques et
fonctionnelles
Hébergement

7. Capitaliser sur notre expertise système d’information pour déployer vos
intranet, extranet en lien votre solution de GED et vos applications métiers
transverses.
Communication digitale & CMS
#CMS
ATOL Conseils et Développements propose le meilleur des solutions de portail,
gestion de contenu web et eCommerce, Open Source dans le cadre de ses
projets.

8. Un accompagnement à toutes les étapes
#CMS
Notre agence digitale vous accompagne pour la mise en œuvre de vos sites internet,
intranet et extranet. De la conception fonctionnelle, en passant par l'ergonomie des
interfaces, la charte graphique, l'adaptation aux différents terminaux, nos spécialistes vous
accompagnent tout au long de votre projet :
● Conseil éditorial
● Ergonomie et design, responsive design
● Accessibilité
● Intégration
● Référencement naturel
● Formations
● Médias sociaux
● Solutions mobiles
● Hébergement et maintenance

9. TYPO3, c’est quoi ?

10. Créée en 1997, par un danois Kasper Skårhøj et publié sous
license Open Source depuis 2000, TYPO3 est un CMS
(Content Management System) permettant d’assurer la mise en
place de sites internet ou extranet.
Il permet principalement:
● La publication de contenus éditoriaux (texte enrichi,
images, vidéos, audio)
● La publication de contenus structurés adhoc
● La publication de formulaire en ligne
● L’envoi de newsletter
● etc.
TYPO3, un CMS Open Source

11. ● Une forte adaptabilité par rapport aux besoins clients.
● Une multitude d’extensions proposées par la
communauté ou des entreprises privées.
● La gestion simple du multi-site, du multi-domaine, du
multi-langue.
● Une gestion fine des droits backend et frontend.
● Une organisation claire et logique du contenu.
● Une version LTS (Long Term Support).
● Une compatibilité ascendante.
● Un système de workflow paramétrable
TYPO3, un CMS Open Source

12. TYPO3
(oui, il en faut !)
● Une prise en main qui demande un temps d’adaptation
pour le développeur.
● Un manque d’extensions qui couvre les fonctions
collaboratives (forum, blog, chat)
● Un module e-commerce basique
● Peu d’extensions en français

13. Focus sur les versions TYPO3
#TYPO3
Version Released date LTS Full support Bug fixes et security
patch
v7.6.25 LTS novembre 2015 avril 2017 novembre 2018
v8.7.11 LTS avril 2017 octobre 2018 mars 2020
v9.5 LTS (en cours v9.1.0) octobre 2018 avril 2020 octobre 2021
NB : La sortie de la version 9.5 LTS est prévue
pour octobre 2018

14. TYPO3 v8 LTS
Les nouveautés

15. TYPO3 v8 LTS : Architecture
#CMS
● PHP version 7.0 minimum
● Abstraction de la base de données : Doctrine DBAL

16. TYPO3 v8 LTS : Coté backend
#CMS
● Personnalisation facile du backend
● Logo / page d’authentification

17. TYPO3 v8 LTS : Coté backend
#CMS
● Un backend responsive design

18. TYPO3 v8 LTS : Coté backend
#CMS
● Possibilité de copier un contenu via “drag and drop”

19. TYPO3 v8 LTS : Coté backend
#CMS
● Manipulation d’image (crop)

20. TYPO3 v8 LTS : Coté backend
#CMS
● Fonctionnalité de vidage de cache simplifiée :
○ Vider le cache frontend
○ Vider tous les caches
● Possibilité de vider le cache d’une page via le menu contextuel

21. TYPO3 v8 LTS : Coté backend : Workspaces
#CMS
● Refonte du module espace de travail
○ prévisualisation côté frontend
○ tableau de bord plus simple à
prendre en main

22. TYPO3 v8 LTS : Coté backend : Module Form
#CMS
● Module Form : nouveau framework permettant la publication de formulaires

23. TYPO3 v8 LTS : Coté backend : Module form
#CMS
● Des fonctionnalités proches du module “Powermail”
○ Paramétrage de l’email envoyé à
l’administrateur
○ Paramétrage de l’email envoyé à l’internaute
○ Validateur de saisie des champs
○ Notion de template de formulaire réutilisable
○ Page de redirection

24. TYPO3 v8 LTS : Coté backend : Rich Text Editor
#CMS
● Nouvel éditeur de texte riche : CKEditor
○ Configuration plus simple
○ HTMLArea toujours disponible

25. TYPO3 v8 LTS : Install Tool
#CMS
● Ajout d’un module d’analyse avant mise à jour
● Reprise du module d’installation avant refonte
● ainsi que d’autres fonctionnalités réservées aux développeurs

26. TYPO3 v8 LTS : Coté développements
#CMS
● TSConfig & TypoScript : nouvelles fonctionnalités
● Doctrine DBAL : couche d’abstraction de la BDD
● Gestion du cache : support de PECL-memcached
● Support Symfony Console
● Nouveau système de cryptage des mots
de passe : PBKDF2
● Extbase & Fluid : nouvelles fonctionnalités
● Deprecated/Removed Functions (PHP,
TypoScript, ExtJs, etc.)
● et bien d’autres encore

27. Les nouveautés
de la version 9

28. TYPO3 9.1
#CMS
● Refonte de l’arborescence de pages (suppression
d’ExtJS)
● Refonte de l’ergonomie (ajout de contenu plus rapide)
● Visualisation des éléments de contenus non utilisés
dans la page
● Reprise de “View Module”

29. TYPO3 9.1
#CMS
● Refonte complète de l’Install Tool
● Ajout du module “Site configuration” (paramétrage
langue, nom de domaines, redirections, etc)

30. TYPO3 9.1
#CMS
● Ajout d’un module de redirection

31. Roadmap version 9

32. TYPO3 9.1
#CMS
● Une version en LTS pour octobre 2018

33. TYPO3 9 : roadmap
#CMS
● v9.2 : Site configuration
○ Module de configuration du site (paramétrage langue, nom
de domaines, redirections, etc.)
● v9.3 : URL Routing
○ Intégration native de la réécriture d’URL
● v9.4 : Frontend editing
○ Intégration native de l’édition coté frontend
● v9.5 : sortie version LTS

34. Cas d’utilisation

35. Cas d’utilisation : La Vie Communale
#CMS
● Refonte du site Internet “Les éditions La Vie Communale et Départementale”
Axes du projet :
● Reprise des contenus
● Réflexion fonctionnelle et ergonomique
● Transition technologique
Caractéristiques techniques :
● CMS : TYPO3 version 7.6
● Moteur de recherche : Solr
● Base de données : MySQL
www.laviecommunale.fr

36. Cas d’utilisation : La Vie Communale
#CMS
● Reprise des données :
○ Import des utilisateurs
○ Import des articles juridiques
○ Import des lettres email
● Réflexion ergonomique :
○ reprise du processus de connexion pour les abonnés
○ recherche de documents juridiques
○ séparation claire entre les actualités et les articles juridiques (consultables après
authentification)
○ segmentation des grandes thématiques proposées (urbanisme, marchés publics,
état civil, vie intercommunale, …)
○ consultation sur terminaux mobiles (responsive design)
● Transition technologique
○ Accompagnement des rédacteurs sur la prise en main du CMS.

37. Cas d’utilisation : La Vie Communale
#CMS

38. Cas d’utilisation : Toute l’Europe
#CMS
● Refonte du site Internet de “Toute l’Europe”
Axes du projet :
● Reprise de contenus
● Stratégie de navigation et expérience utilisateur
● Moteur de recherche
Caractéristiques techniques :
● CMS : TYPO3 version 7.6
● Moteur de recherche : Solr
● Base de données : MySQL
www.touteleurope.fr

39. Cas d’utilisation : Toute l’Europe
#CMS
● Charte graphique
● Ergonomie générale et stratégie d’accès simplifié à l’information
● Amélioration de l’expérience utilisateur (parcours simplifié)
● Moteur de recherche (coeur de la navigation)
○ Navigation par facette
○ Autocomplétion,
○ Suggestions de contenus
● Reprise d'un grand nombre de contenus
● Refonte complète de la structuration des types de contenus
● Compatibilité avec les terminaux mobiles

40. Cas d’utilisation : Toute l’Europe
#CMS

41. Cas d’utilisation : Toute l’Europe
#CMS
Recherche : autocomplétion, suggestions de contenus

42. Démonstration en ligne
#Web et mobilité
TYPO3 version 8.7

43. Sources
#CMS
● TYPO3 : typo3.org
○ TYPO3-v8-LTS-whats-new.english.pdf
○ TYPO3-v9-1-whats-new.english.pdf
● Atol Conseil et Développements : www.atolcd.com

44. A bientôt
Gevrey-Chambertin (siège)
ZAE Les Terres d’Or
Route de St philibert
21 220 Gevrey-Chambertin
Atolcd Paris
32 avenue de la République
75 001 Paris
Atolcd Lyon
11 rue de la République
69 001 Lyon
Contact
Tél : 03 80 68 81 68
Courriel : contact@atolcd.com
Web : www.atolcd.com
suivez-nous @ATOLCD sur Twitter, Linkedin, Youtube