• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Les nouveautés de TYPO3 4.2
 

Les nouveautés de TYPO3 4.2

on

  • 3,744 views

Présentation qui liste l'ensemble des nouveautés de la version 4.2 du CMS TYPO3. La présentation se découpe en plusieurs parties (installation, fonctions édimestres, fonctions administrateurs et ...

Présentation qui liste l'ensemble des nouveautés de la version 4.2 du CMS TYPO3. La présentation se découpe en plusieurs parties (installation, fonctions édimestres, fonctions administrateurs et développeurs).

Cette présentation a été donnée à Québec.

Statistics

Views

Total Views
3,744
Views on SlideShare
3,740
Embed Views
4

Actions

Likes
0
Downloads
34
Comments
0

2 Embeds 4

http://www.slideshare.net 3
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Les nouveautés de TYPO3 4.2 Les nouveautés de TYPO3 4.2 Presentation Transcript

    • TYPO3 4.2 : Une mise à jour majeure Présenté par Yannick Pavard – 20 février 2008
    • 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
    • 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
    • Comment réussir sa mise à jour vers TYPO3 4.2
    • 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
    • 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
    • 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
    • Mise à jour : Procédure pas à pas  Connectez-vous et allez dans l'outil d'installation puis choisissez l'option Update wizard 8 / 49
    • 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
    • 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
    • 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
    • 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
    • L'UTF-8 : À quoi ça sert ? Qu'est ce que ça change ?
    • 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
    • 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
    • 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
    • Les nouveautés importantes de la version 4.2
    • 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
    • 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 quot;skipExtendToSubpagesCheckingquot;) ✗ 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
    • Les édimestres
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Les administrateurs
    • 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
    • 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 : quot;yearquot; and quot;dayofyearquot; 36 / 49
    • 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=quot;FILE: fileadmin/répertoire/fichier.tsquot;> 37 / 49
    • 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
    • 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
    • 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
    • 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
    • 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
    • Les développeurs
    • 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
    • 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
    • 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
    • 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
    • Conclusion
    • 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
    • Blogue  Visitez notre blogue et retrouvez des astuces sur TYPO3 http://blogue.infoglobe.ca 50 / 49