Liste des nouveautés de la version 4.2 de TYPO3

1. TYPO3 4.2 : Une mise à jour majeure
Présenté par Yannick Pavard – 20 février 2008

2. Objectifs
À la fin de cette présentation, vous serez en mesure :
– d'identifier le processus de mise à jour vers TYPO3 4.2
– de citer au moins 2 avantages de passer à TYPO3 4.2
– d'identifier les changements suite au passage à l'UTF-8
– de citer les avantages pour chaque niveau d'intervention
● Édimestre, Administrateur et Développeur
2 / 49

3. Comment réussir sa mise à jour vers TYPO3 4.2
➔ Préparation de l'environnement de production
S o m m a i r e
➔ Mise à jour : procédure pas à pas
L'UTF-8 : À quoi ça sert ? Qu'est ce que ça change ?
Les nouveautés importantes de la version 4.2
➔ Quoi de neuf pour :
✔ Les édimestres
✔ Les administrateurs
✔ Les développeurs
Conclusion
3 / 49

4. Comment réussir sa mise
à jour vers TYPO3 4.2

5. Préparation de l'environnement de production
Il y a plusieurs points à suivre pour préparer votre
nouvel environnement de production à TYPO3 4.2 :
➔ Effectuer une copie de sauvegarde du site à migrer
➔ Préparer votre futur environnement pour l'UTF-8
✗ Votre base de données MySQL
✗ Votre serveur Apache
✗ Votre fichier php.ini (mbstring)
✗ Réencoder vos fichiers textes au besoin (html, css)
http://wiki.typo3.org/index.php/UTF-8_support
5 / 49

6. Préparation de l'environnement de production
(suite)
➔ Vérifier votre version de PHP : La version PHP 5.2 est
requise
➔ Dupliquer au besoin le site pour effectuer des tests
dans un environnement de pré-production
Notes concernant les numéros
de versions de TYPO3
Version majeure Version mineure
TYPO3 4.x TYPO3 4.x.x
(4.1, 4.2, 4.3) (4.1.2, 4.1.5, 4.2.1)
6 / 49

7. Mise à jour : Procédure pas à pas
Voici un exemple de procédure classique de mise à
jour vers une nouvelle version majeure de TYPO3
 Attacher les nouvelles sources (4.2) à votre site
 Connectez-vous et découvrez le ou les messages
d'avertissements
7 / 49

8. Mise à jour : Procédure pas à pas
 Connectez-vous et allez dans l'outil d'installation puis
choisissez l'option Update wizard
8 / 49

9. Mise à jour : Procédure pas à pas
 Mettez à jour le numéro de version et les changements
Faites en sorte que les liens ne s'ouvrent pas
par défaut dans une nouvelle fenêtre
9 / 49

10. Mise à jour : Procédure pas à pas
 Mettez à jour vos types de pages à « standard »
Tous les types de pages AVANCES sont transformés
en type de page STANDARD avec la version 4.2.
Même chose pour le type de page « Hors menu »
(utiliser $TYPO3_CONF_VARS['SYS']['compat_version'] = '4.1';
pour conserver le fonctionnement par défaut)
TCA : Mettez à jour vos palettes (TCA) en rapport avec vos pages
10 / 49

11. Mise à jour : Procédure pas à pas
 Allez dans « Database Analyzer » pour mettre à jour vos
tables (base de données)
Laissez le système modifier votre base de données
Vous devriez avoir fait une sauvegarde de votre base
de données avant d'effectuer cette opération
11 / 49

12. Mise à jour : Procédure pas à pas
 Certaines extensions doivent être désinstallées
pour la version TYPO3 4.2 beta1
➔ « Date2cal » n'est pas compatible avec la version beta 4.2
➔ « ter_update_check » est déjà intégré dans la version 4.2
➔ Le dam « tx_dam » génère des erreurs
➔ « extdeveval » n'affiche plus la barre du haut
des raccourcis vers les ressources pour développeurs
12 / 49

13. L'UTF-8 : À quoi ça sert ?
Qu'est ce que ça change ?

14. L'UTF-8 : A quoi ça sert ?
 L'UTF-8 est un encodage utilisé
pour le texte produit par TYPO3
Frontend et Backend
 Cela permet de gérer des langues
comme le chinois ou l'arabe
14 / 49

15. L'UTF-8 : Qu'est ce que ça change ?
 Encodage par défaut en UTF-8
pour le backend (administration)
✗ Il est préférable de réencoder les
données qui étaient dans la base
de données
✗ Les fichiers de traductions restent
inchangés, mais pourront être
édités au besoin directement
✗ Certaines extensions risquent
d'afficher des caractères bizarres
(sauf si vous réencoder aussi les
fichiers)
15 / 49

16. L'UTF-8 : Qu'est ce que ça change ?
(suite)
 Encodage par défaut en UTF-8
pour le backend (administration)
✗ Faites attention en éditant les
fichiers textes (php, html, css)
depuis votre éditeur préféré.
✗ Certaines données peuvent ne pas
être réencoder (Gabarit
Templavoila, code typoscript ...)
parce qu'ils sont stockés au format
binaire ou sérialisé dans la bdd)
 L'encodage pour le Frontend
reste sous votre contrôle
16 / 49

17. Les nouveautés importantes
de la version 4.2

18. Les travaux repoussés pour TYPO3 4.3
 Le nouvel installateur et la configuration avancée
✔ Il permettra d'installer TYPO3 en français
 L'assistant de création de formulaire
✔ Il remplacera l'ancien assistant de
formulaire
18 / 49

19. Généralités
 Quelques changements pour tout le monde :
✔ Le message de génération de page ne s'affichera plus
✔ La vitesse a été augmentée :
✗ Le moteur de recherche (option "skipExtendToSubpagesChecking")
✗ Libération de la mémoire ($GLOBALS['TYPO3_DB']->sql_free_result())
✗ Gestion du cache MySQL optimisé ($ACCESS_TIME)
✗ Mise en cache des langues
✔ Amélioration de l'utilisabilité (interface d'administration)
19 / 49

20. Les édimestres

21. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée :
✔ Le backend n'utilise plus de cadre (frame) mais des DIV
(le chargement de la page est bien plus rapide !)
✔ Le menu de gauche est en AJAX (réduction des
modules plus rapide, rafraîchissement amélioré)
 Plusieurs options se retrouvent dans le menu du haut
21 / 49

22. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ L'arborescence des pages offre un filtre pour les pages
ainsi qu'un raccourci pour créer une nouvelle page
✔ Chaque élément se voit doté d'une barre en haut fixe
avec les options courantes d'enregistrements
✔ Les propriétés d'une page sont scindées sous forme
d'onglet
22 / 49

23. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ Édition de page/contenu : Les champs obligatoires sont
également notifiés dans chaque onglet
✔ Lors du déplacement d'une page, on peut à présent, en
faire une copie
✔ L'aide est accessible plus rapidement (survol de la souris)
23 / 49

24. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ Les types de page et types de contenu
sont plus explicites
✔ L'arborescence peut
être cachée par un
simple clic
24 / 49

25. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ Liste des utilisateurs connectés dans le backend
✔ Les options secondaires s'affichent directement par un
simple clic sur un bouton
25 / 49

26. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ La configuration des utilisateurs utilise des onglets
✔ Il est possible de choisir le module de démarrage
26 / 49

27. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ Déplacer ou copier un contenu depuis le presse-papier
✔ La gestion du cache est disponible pour les édimestres
✔ Le module « DOC » disparaît pour laisser la place à un
menu dans la barre du haut
27 / 49

28. Quoi de neuf : pour les édimestres
 L'interface a beaucoup évoluée (suite) :
✔ Il n'est plus possible de désactiver l'éditeur de texte ou
d'afficher la description des champs lors de l'édition d'un
contenu ou d'une page
✔ Plusieurs images peuvent être intégrées en une seule
fois
28 / 49

29. Quoi de neuf : pour les édimestres
 Le menu du haut :
✔ Nom de l'utilisateur connecté (+ lien vers son profil)
✔ Bouton de déconnexion
✔ Passer d'un espace de travail à l'autre
✔ Gestion du cache (tout effacer, effacer frontend, config.)
✔ Gestion des raccourcis
✔ Recherche dans tous les contenus du site
29 / 49

30. Quoi de neuf : pour les édimestres
 Les espaces de travail virtuel (workspace) :
✔ Déplacer des pages où l'on veut dans l'arbre du site
✔ Valider plusieurs changements pour un
traitement par lot
✔ Information concernant le nombre total
d'éléments dans un espace virtuel
30 / 49

31. Quoi de neuf : pour les édimestres
 Les espaces de travail virtuel (workspace) :
✔ Il est possible de générer une copie complète du site
pour prévisualisation
✔ Le module « Outils » reste disponible dans l'espace de
travail virtuel personnalisé
✔ Il est maintenant possible de personnaliser les courriels
envoyés pendant tout le processus de validation des
changements
31 / 49

32. Quoi de neuf : pour les édimestres
 L'éditeur de texte avancé (RTE) :
✔ De nouveaux boutons sont disponibles
✔ Il est maintenant possible d'ajouter
des conteneurs (DIV)
✔ Nouvelle API pour le développement des Plugins
✔ Ajouter facilement un nouveau paragraphe avant ou après
✔ Support pour Safari
✔ Cliquer et agrandir pour les images insérées dans le RTE
32 / 49

33. Quoi de neuf : pour les édimestres
 Corrections de bogues :
✔ L'exportation au format CSV a été bonifiée :
✗ Elle prend en compte tous les enregistrements
✗ Les données sont plus explicites
✔ Certaines données inutiles ne sont plus exportées
200 correctifs et améliorations
ont été envoyés via le bogue tracker
33 / 49

34. Les administrateurs

35. Quoi de neuf : pour les administrateurs
 Typoscript :
✔ Cacher un ou plusieurs enregistrement(s) lors de l'ajout
d'un nouvel élément.
TS PAGE: mod.web_list.deniedNewTables = tx_nomdelextension
✔ Changer la période (heures) lors de publication d'une
page ou d'espace virtuel temporaire (par défaut 48h)
TSUSER: options.workspaces.previewLinkTTLHours = 72
✔ Ajout des conditionnelles dans le TSCONFIG
[PIDupinRootline = 1]
Ajouter vos lignes typoscript ici
[end]
35 / 49

36. Quoi de neuf : pour les administrateurs
 Typoscript :
✔ Modifier les valeurs par défaut dans l'interface
administrateur (avant disponible seulement avec le Tsconfig USER)
TS PAGE: TCAdefault.maTable.MonChamp = valeur par défaut
✔ Modifier le titre des champs dans l'interface administrateur
TS PAGE:
TCEFORM.maTable.MonChamp.label = LLL:EXT:mon_ext/locallang_db.php:table.column
TCEFORM.maTable.MonChamp.label.default = nouveau titre par defaut
TCEFORM.maTable.MonChamp.label.fr = nouveau titre en francais
✔ Ajout de la propriété « stdWrap » pour .wrapItemAndSub
✔ Ajout de la propriété « stdWrap » pour minW et minH de la
fonction imgResource
✔ Deux nouvelles conditions : "year" and "dayofyear"
36 / 49

37. Quoi de neuf : pour les administrateurs
 Typoscript :
✔ Possibilité de définir le temps d'expiration d'un HMENU
✔ Possibilité de choisir si les META de la page sont
indexées par le moteur de recherche
Typoscript: config.index_metatags = 0
✔ La constante « PAGE_TARGET » est effacée ce qui
permet de ne pas avoir de lien qui s'ouvre dans une
nouvelle page (compatVersion doit être à 4.2.0)
✔ L'utilisation de Typoscript externe prend en compte
également les appels vers des scripts inclus
<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/répertoire/fichier.ts">
37 / 49

38. Quoi de neuf : pour les administrateurs
 Typoscript :
✔ Afficher le titre de navigation dans l'arborescence au lieu
du titre de la page
TS USER:options.pageTree.showNavTitle = 1
✔ Il est possible de mettre à part les pages qui sont HORS-
MENU et classées par ordre alphabétique
TS USER: options.pageTree.seperateNotinmenuPages = 1
options.pageTree.alphasortNotinmenuPages = 1
✔ Ajout de la condition pour IE et le CSS
Typoscript: file1.ieCondition = IE7
<!--[if IE 7]>
[css include of file1]
<![endif]-->
38 / 49

39. Quoi de neuf : pour les administrateurs
 Plusieurs améliorations des outils :
✔ Éditeur de constantes (constant editor) permet d'éditer
chaque constante plus rapidement
✔ L'arbre typoscript permet d'afficher les commentaires
✔ Les références typoscript sont accessibles depuis
l'interface
39 / 49

40. Quoi de neuf : pour les administrateurs
 Éditeur Typoscript :
L'éditeur typoscript permet d'améliorer l'édition de code
Typoscript pour les administrateurs.
✔ Colorisation syntaxique sur les objets PAGE,
TEXT ou les propriétés stdWrap, etc ..
✔ Affichage des numéros de ligne.
✔ Un astérisque (étoile) apparaît quand vous n'avez pas encore sauvegardé
votre code
✔ Un raccourci clavier CTRL+S pour sauvegarder et CTRL+F11 pour le
plein écran)
✔ Une complétion existe en appuyant sur les touches CTRL+Barre d'espace
(exemple : PA.. donnera PAGE)
✔ Les raccourcis bien connus CTRL+Z et CTRL+Y pour revenir en arrière
ou en avant)
40 / 49

41. Quoi de neuf : pour les administrateurs
 Le panneau d'administration Frontend
✔ Toutes les requêtes SQL sont affichées
clairement.
✔ Il est possible de limiter certaines fonctionnalités
du panneau d'administration. Ces fonctions limitées
seront surlignées d'une certaine couleur dans le
panneau d'administration pour indiquer à l'utilisateur
que ce sont des options temporaires.
41 / 49

42. Quoi de neuf : pour les administrateurs
 Nouvelles extensions intégrées dans le « core » :
✔ Mettez à jour vos extensions facilement
Après chaque installation, le menu de gauche se met à jour automatiquement !
✔ Intégration de l'extension « Newloginbox » par défaut
✔ dkd_media4url : Permet d'attacher des médias sur un
type de page « Raccourci »
✔ p2_limittolangfix : Corriger des problèmes avec les
langues
42 / 49

43. Les développeurs

44. Quoi de neuf : pour les développeurs
 Du code :
✔ Librairie externe pour contrer les attaques de type
Cross Site Scripting (XSS)
PHP: $filtered_string = t3lib_div::removeXSS($input_string);
✔ Fonction de « minification » en AJAX (permets de
supprimer des commentaires ou des espaces dans des
fichiers Javascript)
PHP: t3lib_div::minifyJavaScript
✔ Le développement de module Backend pourra utiliser le
principe des gabarits comme le Frontend : utilisation de
marqueurs ###MARQUEUR###
44 / 49

45. Quoi de neuf : pour les développeurs
 Du code (suite) :
✔ L'utilisation de IRRE prendra en compte le multilingue
✔ Mise à jour des librairies prototype et scriptacolous
✔ Il est maintenant possible de cacher un marqueur
###MARQUEUR### qui n'est pas utilisé dans un gabarit
 Configuration (TCA et autres) :
✔ Afficher une date en secondes plutôt que hh:mm:ss
TCEforms: « timesec » comme valeur pour eval
✔ Ajouter des icônes d'aide pour les Flexforms
45 / 49

46. Quoi de neuf : pour les développeurs
 Configuration (suite) :
✔ Ajout d'un nouveau type d'élément qui permet de
sélectionner un répertoire (pour galerie photo par exemple)
✔ Meilleur contrôle des éléments de type FICHIERS
✗ Cacher le bouton de dépôt direct (voir image ci-dessous)
✗ Cacher la possibilité d'attacher des images (fileadmin)
✗ Cacher l'aperçu des images
✗ etc ...
46 / 49

47. Quoi de neuf : pour les développeurs
 Les hooks :
✔ Possibilité d'ajouter des évaluations personnalisées pour
les champs de saisies (TCEforms)
✔ Possibilité d'agir sur la génération de l'arborescence et
ajouter du contenu HTML
$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['GLOBAL']['recStatInfoHooks']
✔ Modifier le rendu des liens générés de type « Typolink »
✔ Ajouter/modifier/supprimer des actions en mode liste
✔ Agir après les opérations liées à la BDD (TCEmain)
✔ IRRE : Modifier les options pour les enregistrements
✔ Modifier le cHash avec un hook
47 / 49

48. Conclusion

49. Conclusion
➔ Cette nouvelle version de TYPO3 devra passer
par plusieurs tests avant chaque migration.
➔ La migration devra sans doute nécessiter un
passage à l'UTF­8.
➔ La prise en main de l'interface a été grandement
améliorée et devient plus rapide à s'afficher.
➔ Les développeurs de TYPO3 sont à l'écoute des
demandes des utilisateurs et développeurs !
49 / 49

50. Blogue
Visitez notre blogue
et retrouvez des astuces
sur TYPO3
http://blogue.infoglobe.ca
50 / 49