Les nouveautés de TYPO3 4.2

1,402
-1

Published on

Liste des nouveautés de la version 4.2 de TYPO3

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,402
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Les nouveautés de TYPO3 4.2

  1. 1. TYPO3 4.2 : Une mise à jour majeure Présenté par Yannick Pavard – 20 février 2008
  2. 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. 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. 4. Comment réussir sa mise à jour vers TYPO3 4.2
  5. 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. 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. 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. 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. 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. 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. 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. 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. 13. L'UTF-8 : À quoi ça sert ? Qu'est ce que ça change ?
  14. 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. 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. 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. 17. Les nouveautés importantes de la version 4.2
  18. 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. 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. 20. Les édimestres
  21. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 34. Les administrateurs
  35. 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. 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. 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. 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. 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. 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. 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. 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. 43. Les développeurs
  44. 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. 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. 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. 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. 48. Conclusion
  49. 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. 50. Blogue  Visitez notre blogue et retrouvez des astuces sur TYPO3 http://blogue.infoglobe.ca 50 / 49
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×