D’ailleurs vendredi avait lieu un événement unique à Montréal qui avait pour thème l’accessibilité Web, je veux parler ici de la journée-conférence « a11yMTL« . Cette journée a été organisée par AccessibilitéWeb, plus précisément Denis Boudreau et toute son équipe : Catherine Roy, Christophe Belanger, Jean-Marie D’amour et bien d’autres ! Vous pouvez avoir un aperçu des autres personnes présentes en suivant les échanges sur Twitter.

À l’occasion de cet événement, j’ai pu en profiter pour faire une courte présentation en après-midi sur TYPO3 et l’accessibilité Web, mais avant d’en dire plus parlons de l’organisation en générale. Pour une première, il y avait énormément de monde, l’accueil était parfait, les bénévoles en nombre et la salle convenable avec deux écrans de chaque bord. Une salle juste pour les conférences n’aurait pas fait de mal c’est sûr. Je ne parle même pas de la retranscription, un pur bonheur malgré le peu d’interventions en anglais.

Enfin le seul défaut de cette journée, ce fut quand même les intervenants qui auraient pu parler dans un anglais convenable, ce sont forcé dans un français endormant !

Voyons maintenant les conférences de la journée et mes commentaires :

• Améliorer l’accessibilité des documents PDF avec Adobe Acrobat : je n’ai rien compris à cette conférence d’un anglophone qui tentait péniblement de parler en français. Et puis les conférenciers qui restent assis sur leur chaise y’a rien de plus ennuyant. On ne voyait rien à l’écran en plus. Enfin bref, une conférence qui aurait pu être intéressante, dommage !
• Outils de validation de l’accessibilité du Web : Conférence qui semblait intéressante, mais même problème, le conférencier avait un français hésitant et on ne voyait rien a l’écran (pour une conférence sur l’accessibilité la taille du texte était pas toujours au rendez-vous). Ce fût sa première présentation en public donc forcément il ne savait pas créer un intérêt pour son contenu, aucun cheminenement, etc.. Copie à revoir je pense !
• HTML5 – Une carte postale du front : J’ai suivi cette conférence avec la retranscription audio, le contenu était pertinent, mais des fois les exemples l’étaient moins. On nous montrait des choses en nous disant de ne pas les utiliser que ça n’était pas mature, alors pourquoi nous les montrer ?
• L’accessibilité n’est pas une option! : Très bonne conférence de François Vachon, on comprend bien toutes les facettes de l’accessibilité, des défis à franchir, etc … À visionner sur uStream pour ceux qui n’étaient pas présents.
• Étude de cas sur la mise en accessibilité d’un site Web : Cette conférence a changé de thème pour devenir : l’accessibilité en 6 étapes il me semble. Malheureusement le support de conférence était plutôt mal présenté (aucune image, que des listes à puces), et le contenu était complexe à comprendre. Les idées n’étaient pas simples non plus. J’ai eu du mal avec cette conférence, mais je n’étais pas très attentif non plus.
• TYPO3 et l’accessibilité Web : J’ai fait ma présentation dans les temps, en présentant Infoglobe, TYPO3 au gouvernement et quelques fonctionnalités d’accessibilités en terminant sur l’avantage numéro 1 de TYPO3 : le Typoscript et la flexibilité que celui-ci apporte.

Voici ma présentation disponible sur uStream

• Certification des compétences en accessibilité du Web : Voici une présentation classique (des tonnes de listes à puces), mais qui a le mérite d’expliquer les choses clairement. J’ai hâte de participer au programme.
• Projet Uniweb : outil de développement d’application Web accessible : Un projet qui semble bon sur le papier mais qui ne réunira personne a mon avis. Il s’agit de créer un environnement de développement qui permettrait de développer rapidement à l’aide (principalement si je comprends bien) de code XML des projets Web accessibles le plus possible. Malheureusement qui aura envie d’utiliser un tel outil quand il utilise déjà un framework ou un CMS ? J’avoue ne pas avoir compris
• Principes de design accessible selon les standards SGQRI 008 : Une des conférences que j’attendais avec impatience, mais je ne l’ai pas entendu entièrement. La fille qui a fait cette présentation n’était pas très à l’air, stressé et n’a même pas su répondre à une question posée dans la salle. Dommage, car son contenu était bien préparé et il y avait pas mal d’exemples. Dans l’ensemble bien, dommage que c’est la seule retransmission sur uStream qui a bogué.
• Accessibilité dans Flash/Flex/Air : Conférence en anglais que je n’ai pas écouté en transcription audio, juste en langage des signes c’est peut être pour çà que j’ai rien compris ! Le peu que j’ai vu semblait démontrer que le développement avec FLEX (Flash) supportait les lecteurs vocaux (démo avec « Voice Over »).
• Pas seulement pour l’inclusion sociale… pour les $$$! : Je n’ai pas vu cette conférence, mais sur uStream on peut entendre beaucoup d’arguments qui peuvent aider vos clients à s’intéresser à l’accessibilité.
• Terre [en grande partie] inconnue : des contributions de la société civile à l’inclusion numérique : Je n’ai pas vu cette ci aussi, mais j’ai fait connaissance avec Catherine pendant la journée, sympa !

Dommage que Denis Boudreau n’ai pas fait d’intervention ça aurait été de qualité je pense. Ah oui, Jean-Marie d’Amour a également fait une courte intervention en après-midi pour faire un test vocal sur le site de l’événement et montrer quelques petites erreurs difficiles à identifier.

Enfin voilà donc un peu la journée de cet événement qui je pense va devenir un événement plus que majeur dans les années à venir. À se demander pourquoi cela n’a pas eu lieu plus tôt ?

Les présentations devraient être disponibles sous peu sur le site Web.

À l’année prochaine.

Mais pour l’instant, parlons de ce qui s’en vient cet été en France. Du 28 juin 2010 au 2 juillet 2010 aura lieu la troisième édition consécutive de l’Université d’été TYPO3 à Annecy ! Toutes les informations sont sur le site Web : http://uni.typo3.ma/ Pendant une semaine retrouvée des experts TYPO3 de la communauté francophone. Cette année je ne pense pas y aller, il faut dire que ça fait un peu loin, malgré que l’ambiance est vraiment géniale ainsi que le paysage ! Si vous voulez rencontré des passionnés, alors faites l’effort de vous y déplacer, je passe un coucou à tous ceux et celles que j’ai rencontrés l’an dernier et avec qui j’ai eu le plaisir de discuter de TYPO3 ou tout simplement me promener dans les rues d’Annecy.Alors quoi de neuf cette année ? Vous avez une page qui présente tout le programme de la semaine ici : http://uni.typo3.ma/programme.html. Cela débutera le lundi après-midi et se terminera le vendredi midi, de quoi vous laisser le temps de prendre la route ou le train pour rentrer chez vous tranquillement.

Lundi

• La journée de lundi est plutôt grand public, on y parle de TYPO3 en général et de ses extensions, sans oublier la présentation récurrente sur l’installation de TYPO3.

Mardi

• Mardi cela enchaîne avec une nouvelle conférence de Aude Joly sur l’accessibilité. Je pense que cette année, elle va rentrer dans quelques choses d’un peu plus pratique et proche de TYPO3. D’ailleurs elle va animer un atelier aussi sur le sujet en après-midi. Mais la conférence à ne pas rater sera sans doute celle de Dmitry Dulepov qui parlera de TYPO3 et du Web Mobile ! Dmitry qui était déjà venu l’an dernier et qui animera un atelier également sur le même thème en après midi.

Plusieurs autres ateliers seront présentés ce mardi après-midi, sans oublier la séance sur les Trucs et Astuces qui avaient fait fureur l’an dernier que vous pouvez retrouver sur notre page Youtube (http://www.youtube.com/user/infoglobeqc).

Les soirées se termineront par un BEER3 dans un bar du coin où vous pourrez parler encore de TYPO3 si vous le souhaitez ou de plein d’autres choses

Mercredi

• Pour ce mercredi matin, Rachel Foucard sera présente et fera une présentation sur la GED et TYPO3. J’avoue ne pas trop savoir ce qu’elle pourrait dire à ce sujet, mais le mystère est là, donc vous devriez être nombreux je l’espère.

Vous l’aurez peut-être remarqué, mais la pause pour manger se fera entre 11h30 et 12h30, car dès 12h30 les stands seront ouverts pour rencontrer les intégrateurs français et ce toute la semaine.

• L’après-midi débutera avec un atelier sur Powermail par…. Julia… Pardanaud ! Eh oui, mon ex-collègue s’est fait la main sur des  projets québécois pour explorer Powermail et est devenue maintenant THE SPECIALISTE lol (profitez-en pour lui faire dire quelques expressions québécoises …)
• Une autre conférence ce mercredi après midi sur tt_news. Avec tout ce qui a été ajouté dans la version 3.0 de tt_news, je pense qu’une conférence ne fera pas de mal et que vous aurez beaucoup à y apprendre !
• L’après-midi du mercredi se terminera avec Dmitry (encore !!?) pour venir parler de TYPO3 et du développement sous Zend Studio… pourquoi pas.
• Rachel nous fera un atelier sur l’ergonomie du backend et TYPO3, une sorte de suite de ce qu’elle a donné l’an dernier sous forme d’atelier. Ça risque d’être fort intéressant !
• Et enfin pour terminer ce mercredi après midi, une conférence donnée par (R.) sur l’intégration de TYPO3 avec Flash ! Cela risque d’être très intéressant, même si Flash c’est pas opensource, pas accessible, mais des fois ça peut rendre pas mal de service si on en en abuse pas trop, n’est-ce pas ?

Une journée pas mal chargée et puis … ah oui j’allais oublié qu’en après-midi il va être possible pour ceux qui voudraient, de passer votre certification « TYPO3 Integrateur » ! Alors entraînez-vous un peu, il existe un livre pour cela, que je vous conseille fortement d’acheter si vous voulez passer la certification haut la main

Jeudi

• Jeudi matin, une conférence sur les différentes techniques de Templating avec Paul Blondiaux, un des organisateurs de l’événement et Dmitry de nouveau (çà veux-tu dire qu’il va rester 3 jours sur place ? Si vous avez possibilité de parler de TYPO3 avec lui, profitez-en !). J’ai bien hâte d’avoir l’avis de Dmitry sur les différentes techniques de TemplaVoilà surtout depuis qu’il a quitté le groupe sur TV.
• V’la la conférence à ne pas rater ! Celle de Gregory Duschênes qui portera sur l’optimisation de TYPO3. Si vous cherchez sur le forum de TYPO3 FR, vous trouverez un long sujet qu’il a élaboré et qui lui a donné envie de faire cette conférence. En une heure vous devriez retrouverez toutes les informations pour optimiser TYPO3, les extensions et votre serveur. Voici la conférence à ne pas rater ! D’ailleurs la même chose sous forme d’atelier en après-midi sera disponible.
• En après-midi, retrouvez aussi un atelier sur la sécurité dans le développement d’extensions avec l’équipe de Onext. Je n’ai pas d’informations à ce sujet, espérons que l’on y retrouvera des choses assez faciles à mettre en place et pratique.
• L’après-midi continuera avec une conférence sur « comment créer des graphiques avec TYPO3″, par Laurent Foulloy à la fois un des organisateurs et directeur de  l’université d’Annecy. Laurent n’a pas l’air comme çà, mais c’est un sacré bon développeur TYPO3 ! Il va sûrement parler d’une de ces extensions qu’il a déjà abordées l’an dernier.
• La conférence intitulée « TYPO3 en France, à l’international et le métier d’intégrateur » par Cyril aura lieu également en fin d’après-midi, mais je n’ai pas d’information à ce sujet. S’il a besoin de quelqu’un pour discuter du côté international, il peut m’inviter J’ai eu bien du plaisir à faire sa connaissance l’an dernier et des dames qui l’accompagnait
• La journée se terminera avec les nouveautés de TYPO3 par Paul. J’espère qu’il va parler de TYPO3 4.4 ?

Vendredi

• Le vendredi matin sera consacré aux développeurs avec un atelier sur le développement d’extensions (mais ou est passé Popy ?)
• Laurent présentera un nouveau kickstarter pour développer autour de Fluid et extBase. Je l’ai déjà dit tantôt, vu le niveau du bonhomme, cela risque d’être impressionnant !
• Et enfin une conférence de clôture.

Personnellement, j’aurais aimé voir celle sur le Web Mobile avec Dmitry même si mon niveau d’anglais ne me le permet pas, j’aurais regardé les images , sur la G.E.D. par curiosité, mais peur d’être déçu si cela ne s’arrête qu’au DAM. Les nouveautés de tt_news, mais j’aurais aussi ici peur d’être déçu si on ne parle pas assez des nouveautés. TYPO3 et le Flash ça pourrait être très intéressant aussi, mais juste pour voir les mécanismes à mettre en place (XML ou Mysql dans du Flash ?), car le Flash c’est pas trop ma tasse de thé, même si des fois on a pas trop le choix. La conférence sur l’optimisation avec Greg ! Et enfin une conférence plus technique sur « sav_library » pour voir ce que sont Fluid et extbase. Finalement ça m’aurait fait venir toute la semaine cette histoire-là sauf lundi !

Bref, comme vous le voyez un programme assez complet avec des conférences en matinée et ateliers en après midi et Dmitry Dulepov comme invité de marque. Une université d’été 2010 qui s’annonce donc très prometteuse ! Si j’étais là, ce serait encore mieux, mais peuvent pas se payer les meilleurs lol.

Non plus sérieusement, qui sait, peut être que je pourrais me retrouver en France à ce moment-là ! J’avoue que c’est toujours intéressant de discuter TYPO3 avec autant de passionné(e)s et dans un endroit aussi chaleureux !

Je vous rappel le site  : http://uni.typo3.ma/ ainsi que tous les intervenant(e)s : http://uni.typo3.ma/programme/intervenants.html

Cette année, je ne comptais pas me rendre à l’événement pour diverse raisons, mais il se trouve que j’étais de passage à Montréal jeudi et j’ai décidé d’aller voir mes collègues de travail sur le stand du salon d’emploi qui a lieu depuis 2 ans maintenant et qui permet à des recruteurs de trouver de nouveaux développeurs entre autres.

Aussi je ne vous parlerais pas des conférences, je n’ai même pas eu le temps de regarder le programme à vrai dire. Par contre du côté du réseautage c’est toujours aussi intéressant ! Il faut dire que tous les ans, j’ai la chance de discuter avec plein de connaissances et d’amis du milieu ! S’il y a un bien un événement à noter dans votre calendrier, c’est bien celui-ci et juste pour cela, j’espère y retourner l’an prochain.

J’ai ainsi pu discuter avec des gens comme Sylvain Carle, que j’avais invités dans le cadre de l’émission « La voix du libre » sur ZapQuébec, ou encore Rémi Prevost pour l’émission sur le Macintosh. Ou bien le webmestre du site Agendadulibre.qc.ca et bien sûr toutes l’équipe de Confoo que je connais maintenant depuis plusieurs années, pour avoir animer le groupe de PHP Québec dans la ville de Québec il y a quelques années, mais aussi pour avoir participé en tant que conférencier et bénévole pour PHP Québec. Mais arrêtons de nous lancer des fleurs, parmi les rencontres que j’ai ratées, il y a eu celle avec Tarek Ziadé de la communauté Python que j’avais rencontré lors des RMLL2004 et que j’aurais eu plaisir à revoir.

Pourquoi prendre le temps de vous parler de Confoo si ce n’est pas pour vous parler des conférences ? Sans doute, parce que j’ai d’autres amis comme Christian Aubry qui est un excellent communicateur et vidéaste du Web et Marc-André Lanciault de Inbox International qui m’ont offert un 8mn d’entrevus pour parler d’Infoglobe et de TYPO3 ! Ouah quelle chance !

Alors, vous voulez en savoir plus sur Infoglobe et TYPO3 ? c’est par ici :

Comme j’en avais déjà parlé à l’époque, nous nous étions bien préparés grâce au livre et nous avons été récompensés puisque parmi les 8 personnes présentes, tous ont réussi le test des 75 questions. Il n’y a plus qu’à attendre la prochaine session au Québec pour y envoyer mes nouveaux collègues tout nouveaux adeptes de TYPO3

Cette certification va nous permettre ainsi de renforcer notre expertise avec le SGC TYPO3 auprès de notre clientèle et pour nos futurs mandats. Sans oublier que nous allons pouvoir nous vanter d’être l’une des entreprises avec le plus de certifiés au Québec, au Canada et aux USA !

Voici la liste des heureux élus :

• Boivin Pierre
• Guermazi Mehdi
• Miousse Michael
• Ouellet Simon
• Pardanaud Julia
• Pavard Yannick
• Ricard Christian
• Tremblay Michel

S’ajoute à cela Patrick Gaumond, qui avait déjà passé la certification il y a un an à Dallas.

Les quelques explications qui suivent sont destinées à un public déjà connaissant avec le SGC TYPO3, mais jugé non expert avec ce qu’est le Typoscript.

Mais qu’est-ce que le Typoscript ? Je me souviens qu’a mes débuts avec TYPO3, aux alentours de 2004 lors de mes premières lectures, il y avait des polémiques autour du TS (appelons-le comme çà par la suite ce sera plus simple). On disait alors que c’était comme du XML et donc pourquoi réinventer la roue ! On parlait alors d’un nouveau langage à apprendre, un énième ! Bref, tout un tas de raison pour dévaloriser TYPO3 et freiner tout novice que j’étais dans mon apprentissage de TYPO3. Je vous dirais que comprendre la mécanique de TYPO3 tout seul dans son coin est assez long, même si on vous montre quelques petits trucs, il y en a toujours et encore à apprendre. Donc faire le tour et comprendre l’intérêt réel du Typoscript ne se fait pas du jour au lendemain.

Maintenant après plusieurs années d’utilisation de TYPO3, je peux vous dire que je comprends mieux l’intérêt d’utiliser du Typoscript dans des projets de sites Web. J’irais même jusqu’à dire que Typoscript est l’avantage numéro 1 pour le CMS TYPO3 par rapport à tous les autres CMS de la planète (c’est un peu gonflé çà non ?), opensource ou non d’ailleurs. Il y a quelques années, je n’aurais sûrement pas été à l’aise pour dire çà et j’aurais sûrement mis en avant en avant d’autres avantages : les nombreuses extensions, le TER (le serveur qui gère les extensions et permet de pouvoir en importer facilement dans TYPO3), les Hooks ou les XCLASS. Sauf que maintenant les autres CMS ont déjà intégré ces mécanismes. Sur Wordpress c’est extrêmement simple d’installer une nouvelle extension ou de la mettre à jour, de même qu’avec Drupal, l’étendre, le « hacker » ça se fait aussi avec des Hooks. Mais toutes ces solutions n’ont pas encore compris l’intérêt d’avoir un outil de configuration intermédiaire comme le Typoscript.

J’ai dit « outil » ? Sans doute, parce qu’il est difficile de décrire ce qu’est le Typoscript. Il n’a jamais été considéré comme un vrai langage a proprement dit comme le PHP, car il n’y a pas vraiment de fonctions ou de classes. Mais pourtant il y a des conditions, des « sortes » de variable, des d’objets typés …

Voici ce que l’on peut lire dans la littérature de référence :

TypoScript is neither a programming language nor a script language, so it cannot be compared with Java, PHP, or JavaScript. It is not possible to use loops (for, while,…), for example. TypoScript serves as an « information carrier ». You don’t have to learn any new, and above all, proprietary languages. TypoScript itself is not run at any time.

D’ailleurs il existe un outil dans TYPO3 (object browser) qui permet d’avoir un aperçu du code Typoscript et celui-ci se compare aisément à la base de registre de Windows.

En voici un aperçu :

Base de registre de Windows

Navigateur d'objets Typoscript

Mais ça n’est pas suffisant pour décrire ce qu’est le Typoscript. En écrivant ce billet, je voulais faire un hommage au TS et à son créateur Kasper Skaarhoj qui a eu la géniale idée de créer ce pseudo langage, alors allons y !

Maintenant que vous êtes capable de situer la place de TYPO3 et du Typoscript par rapport aux autres CMS, je vais tenter de vous expliquer à quoi cela peut-il servir et pourquoi nous ne pouvons nous en passer.

Comment ça marche ?

Le Typoscript est au coeur de TYPO3, d’ailleurs une des premières étapes lors de la création d’un site à l’aide de TYPO3 s’est d’inclure un fichier externe d’environ 2500 lignes de code Typoscript.

Ajouter un de ces fichiers

Voici un aperçu des dernières lignes de ce fichier :

2500 lignes de Typoscript

Ces lignes ont pour effet de définir comment doit s’afficher le contenu sur les pages du site. Par exemple un bloc avec son titre, son texte provenant du RTE, un lien « haut de page », etc.. Ou bien encore ce même contenu avec une série d’images alignée à gauche ou en haut. Le code Typoscript contient toute la syntaxe de comment afficher ces informations.

Voici un aperçu de ces champs et du résultat :

Ajouter un contenu de type "texte"

Résultat d'un contenu de type "texte"

Si par exemple, nous voulions modifier le code HTML qui permet de générer le lien « Lien vers le haut » cela se retrouverait à travers les 2500 lignes de code proposées de base par TYPO3. Cela peut vous paraître compliqué, mais c’est un avantage de pouvoir avoir le contrôle entièrement sur le résultat final, ne serait-ce que si l’on veut que notre site réponde à tout les règles d’accessibilité en vigueur au gouvernement.

Voici la ligne a modifiée pour changer le code HTML du lien « haut de page » :

tt_content.stdWrap.innerWrap2 = | <p class="csc-linkToTop"><a href="#">
{LLL:EXT:css_styled_content/pi1/locallang.xml:label.toTop}</a></p>

Comme vous pouvez le constater, il y a un lien entre ce qui s’affiche sur une page de votre site et le code TS. Si vous ne le saviez pas encore, sachez que TYPO3 est programmé avec le langage PHP, c’est un langage de programmation très populaire aussi utilisé par le site Facebook ou Wikipedia. Sauf qu’à la différence de ces sites-là, le code PHP de TYPO3 a souvent besoin d’instructions supplémentaires pour afficher de quoi sur une page. Bien entendu, des parties de code PHP sont autonome et agissent entre elles sans avoir besoin de code TS, mais dans beaucoup d’actions, comme celles d’afficher le contenu « standard » sur le site, le TS est essentiel.

Ainsi si le code PHP se sert du code Typoscript pour générer du code HTML, il vous donne aussi la possibilité à vous administrateur du site de pouvoir contrôler le rendu du site, sans avoir aucune connaissance en PHP. C’est là une différence entre les autres CMS, ou souvent il faut aller « taponner » dans le code PHP pour pouvoir modifier le comportement de vos pages. Que ce soit avec Wordpress ou Drupal, c’est flagrant quand vous jouer dans vos gabarits HTML, il y a plein de code PHP qui s’entremêlent avec le code HTML.

Capture de Wordpress dans un gabarit :

Exemple de gabarit HTML dans Wordpress

Heureusement tout ceci n’existe pas avec TYPO3, ainsi maintenir un gabarit HTML c’est très facile. Mais attention ! si le développeur (que ce soit un membre du core de TYPO3 ou vous mêmes), ne prend pas la peine d’ajouter les mécanismes nécessaires pour connecter son code PHP à du code TS équivalent alors l’avantage est perdu et le Typoscript perd tout son sens.

Le code Typoscript ne s’apparente pas à un langage, il a sa propre syntaxe et beaucoup de monde le sait (surtout ceux qui le dénigrent), il faut du temps avant de pouvoir écrire aisément des lignes de Typoscript.

Mais revenons-en au mécanisme, comme je le disais plus haut, des bouts de code PHP dans TYPO3 attendent après du code Typoscript pour afficher le code HTML des pages de votre site. Voyons un premier exemple de ce que le PHP attend. Avant tout chose, il faut savoir que le code Typoscript est organisé hiérarchiquement via des objets prédéfinis. Certains de ces objets sont des objets de haut niveau (Top Level), par exemple l’objet PAGE qui permet de définir le rendu de la page ou l’objet CONFIG qui permet lui de modifier une partie de la configuration de la page.

Voici donc un premier exemple qui permet de modifier le doctype d’une page HTML :

config.doctype = xhtml_11

Cette ligne de code va générer les lignes suivantes dans votre code HTML :

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Et un autre qui permet de définir si l’interface de votre site (les extensions par exemple ou le contenu) doit s’afficher en français :

config.language = fr

Jusqu’à la c’est assez simple ? Rien de très excitant, on pourrait comparer cela à des constantes ou des variables dans un langage comme le PHP. Ce qui est un peu déroutant au début, c’est la syntaxe, on se demande : mais ou est le point virgule à la fin ??

Une fois que vous avez configuré le code Typoscript, le code PHP peut alors se fier à vos valeurs et ainsi générer le bon code HTML en sortie, sinon dans la plupart des cas il va générer des valeurs par défaut.

Voici un exemple des propriétés que vous pourriez retrouver sur un site Web :

Code Typoscript pour configurer un site Web

Code Typoscript pour configurer la langue

La documentation officielle

Et pour connaître, tout ce code et ces valeurs, j’en entends déjà me demander où aller ? Rien de plus simple, il existe un guide de référence, qu’on appelle le TSref (pour Typoscript reference), qui peut être consulté dans différents formats. Par exemple sur le site de TYPO3 ici, vous pourrez le lire en ligne, et pour ceux comme moi qui préfère le consulter directement depuis leur navigateur Firefox hors ligne, il existe une extension pour Firefox à télécharger ici.

Dans ce guide, vous pourrez découvrir toutes les propriétés existantes pour chacun des objets. Par exemple si je consulte le TSref, j’apprends qu’il est possible d’indiquer au PHP sur quelle « locale » se fier lorsque celui-ci doit afficher des dates tout simplement en ajoutant cette ligne dans mon code :

config.locale_all = fr_CA

De cette manière, si le code PHP doit afficher une date, il pourra afficher les jours de la semaine ou du mois en français (si le tout est disponible sur le serveur bien entendu, le Typoscript ne fait pas de miracle non plus !)

Pour ceux et celles qui se seraient déjà jetés sur le TSref, attention car celui-ci n’est pas un guide pour apprendre le Typoscript, il existe pour cela des tutoriaux qui vous permettent de commencer doucement par la base.

En voici quelques-uns :

• Le Typoscript en 45mn (anglais et partiellement en français)
• Modern Templating (anglais et français)
• Typoscript par l’exemple (anglais et français)
• Syntaxe Typoscript (anglais)

Par contre, pour devenir meilleur, je vous encourage à lire le TSref le plus possible et si vous cherchez des exemples de quelques propriétés et bien faites appel à Google pour voir comment les autres TYPOistes les utilisent. Même si le TSref offre des exemples pour certaines propriétés, des fois c’est un peu obscur et dans ce cas Google reste votre ami.

Maintenant que vous avez vu des exemples de configuration possible, nous allons voir les nombreux avantages que cela offre dans la vraie vie !

Avantages

Comme je le disais en introduction, le Typoscript est l’avantage numéro 1 lorsque vous choisissez TYPO3 pour créer vos projets Web. Maintenant je n’hésite même plus à le dire à nos clients, ce qui n’était pas le cas il y a quelques années car peu familiarisé avec le TS. D’ailleurs à mon sens un client à plus d’avantages à aller modifier une constante quelque part dans le TS que d’aller jouer dans le code PHP, vous n’êtes pas d’accord ? Et si une entreprise a une équipe de développeurs PHP, l’apprentissage du Typoscript n’est pas une si haute marche à gravir pour eux autres.

Mise à part le faite que vous pouvez contrôler le rendu de la page via du TS, quels sont les autres avantages ? Il y en a de nombreux, comme par exemple modifier un comportement sur une section particulière de votre site. Ça paraît évident dans le cadre d’une utilisation multisite de TYPO3. Vous avez un site principal et de petits portails à l’intérieur pour des thématiques ou des événements spécifiques et vous voulez changer le comportement d’une extension, alors le TS est là pour vous aider. Car toutes les lignes de TS que vous allez ajouter au fil du temps via l’interface d’administration de TYPO3 sont CONTEXTUELLES ! C’est important de comprendre que le code TS ne se met pas toujours à la racine du site. En effet, on applique du code TS là ou l’on en besoin et celui-ci va se propager par lui même sur toutes les sous-pages. Ainsi il est facile de formater une date d’une certaine façon dans une liste de nouvelles, par exemple sur la page d’accueil et d’une autre façon sur une autre section du site. Pour cela, il suffit d’ajouter la ligne dans la bonne section du site et le comportement du code PHP se verra modifié en conséquence.

Voici comment se propage du code Typoscript sur une page spécifique :

Hierarchie du Typoscript

Si vous vouliez faire ce type de mécanisme avec un autre CMS, il faudrait créer une exception dans le code PHP ou bien encore prévoir un outil de configuration pour le faire. D’ailleurs en parlant de cela, on pourrait alors se demander pourquoi ne pas afficher toutes les options du TS dans un outil de configuration avec plein de case à cocher, de champs d’entrées pour y saisir des valeurs ? La réponse est assez simple : d’abord il en faudrait beaucoup d’options (ce que le système TikiWiki se vante d’avoir, environ plus de 1000 options) et ça deviendrait rapidement le foutoir.

Panneau d'administration de Tikiwiki

D’un autre côté le code TS n’est pas qu’un simple outil de configuration, car il existe ce qu’on appelle des fonctions et ce serait difficile de les exploiter via des « widget » dans une interface de contrôle.

Allez plus loin avec le TS

Vous voulez aller plus loin en Typoscript ? Il y a les fonctions pour cela, il en existe plusieurs, elles sont décrites au début du TSref. Par exemple si vous connaissez un peu le Typoscript, vous avez sans doute déjà entendu parlé de « stdWrap » ou « typolink » ou encore du « if ». À partir du moment où vous faites appel à une des propriétés décrites dans une de ces fonctions, ça veut dire que vous avez commencé à exploiter pleinement la puissance de TYPO3 et du Typoscript.

Les fonctions sont à mon sens, ce qui se fait de mieux dans le Typoscript, mais en arriver à les utiliser avec aisance prend un certain temps. En tout cas, cela m’en a pris pas mal avant d’arrêter de faire de bête copier-coller et de comprendre la finesse de ces fonctions. C’est grâce à ces fonctions que l’on peut dire que TYPO3 offre toute sa flexibilité !

Je vais vous donner deux exemples d’utilisation de la fonction « stdWrap » pour mieux comprendre.

Imaginez que vous avez une liste de nouvelles qui s’affichent à l’écran, mais que vous voulez tronquer le texte qui résume la nouvelle (le « teaser ») à une certaine longueur. Là encore, le réflexe serait d’aller dans le code PHP et d’utiliser la propriété « substr » du PHP. Mais pourquoi ne pas regarder du côté de la fonction « stdWrap » ? Le TSref nous indique une propriété « crop » qui en plus de pouvoir indiquer à partir de combien de caractères vous souhaiter couper votre texte, vous pouvez prendre aussi en compte les mots et de ne pas tronquer un mot en plein milieu. Elle n’est pas belle la vie ?

Voici un aperçu de la documentation pour cette propriété :

Propriété "Crop" du TSref

Un autre exemple serait de faire appel à la fonction « typolink », qui permet de pouvoir créer ou modifier facilement un lien. Exemple avec le lien de détail d’une nouvelle. Il y a de grandes chances que tous les liens générés par les extensions de TYPO3 fassent appels à cette fonction, ce qui vous ouvre beaucoup de possibilités, par exemple l’ajout de paramètres ou la modification d’attributs (Exemple modifier ou ajouter l’attribut « title »).

Voici un aperçu de la documentation pour cette fonction :

Propriétés de la fonction "typolink"

Bien entendu, il est difficile de comprendre toutes ces propriétés sans avoir déjà de bonnes connaissances du TS et de TYPO3, mais je voulais juste vous démontrer ici que tout problème à sa solution avec TYPO3, tant que l’on sait comment lire les guides mis à notre disposition et en cherchant un peu.

Menu de navigation

Un autre des avantages du TS est le contrôle que nous avons sur les menus de navigation. Il faut savoir que tous les menus de navigation qui s’affichent sur un site Web sont codés entièrement via du TS. Entre 10 et 15 lignes grand maximum pour faire un menu.

En voici un exemple :

Exemple de code TS pour un menu

La plupart du temps, c’est à coup de copier-coller que vous faites tous vos menus, tant il est simple d’en monter par la suite. Un des avantages de faire les menus en TS c’est que l’on peut facilement le modifier sans allé dans du code PHP. Iil est rare de faire planter le site en procédant de même, même si un des désavantages est de ne pas avoir de débogueur lorsque l’on écrit notre code et si une accolade est manquante, cela pourrait désactiver une partie du code qui suit.

Conclusion

Bref, je pourrais en écrire encore beaucoup sur le TS, par exemple vous présentez les outils (constant editor, object browser, template analyzer) qui existent pour gérer notre code, car au fil des années ils sont devenus de plus en plus puissants et indispensables, mais je me réserve cela pour un autre billet.

Pour faire suite à ce billet, je pourrais également vous présenter ce qu’est le TSConfig, c’est du code TS pour influencer l’interface d’administration (rédacteurs ou administrateurs), mais ceci fera partie peut être d’un autre billet.

J’espère que ces quelques lignes vous seront utiles lorsque vous devrez défendre TYPO3 par rapport à d’autres outils, libres ou non. TYPO3 aura toujours un pas d’avance sur les autres CMS tant que ces CMS n’auront pas trouvé de solutions équivalentes.

S’il n’y avait qu’une chose à retenir : TYPO3 reste le CMS le plus flexible du marché grâce au Typoscript !

Grâce à cette page qui avait été montrée en version préliminaire lors de la Vitrine Technologique en décembre dernier, on peut, d’un seul coup d’œil, visualiser les pré-requis à l’installation de TYPO3.

Le cycle de vie des anciennes versions s’y retrouve également.

Bonnes mises à jour !

Patrick

Pour rappel, cette certification dure 2 heures environ, mais si on retire les préparatifs, l’accueil, les explications, il reste un bon 90 minutes pour réaliser les 75 questions. Le tout s’effectuant à la bonne vieille méthode sur papier, style fourni (un stylo à 250$ comme dirait mon collègue Mehdi, ca se garde !)

Il va s’en dire que vous signez un papier stipulant que vous ne pouvez parler du contenu du test, aussi je ne vais pas pouvoir vous énumérer les questions les unes après les autres. Mais ou est il marqué que je ne peux vous parler du livre qui permet de se préparer à la certification ?

Et oui vous n’avez pas rêvé, il existe bien un livre pour se préparer à la certification. Ce livre est disponible ici à l’achat : https://www.opensourcepress.de/index.php?26&tt_products=294 et est écrit en anglais. Pourquoi en anglais d’après vous ? Parce que les questions de l’examen sont écrite en anglais tout simplement et que la documentation de TYPO3 est toujours disponible en anglais. D’ailleurs je ne serais trop vous conseiller de mettre votre interface d’administration (Backend) en anglais pour apprendre dès maintenant les bons termes. Il est certain qu’au Québec, nous ne pouvons pas faire ce genre de chose, car l’Office Québécois de la Langue Française oblige notre employeur à nous fournir des interfaces de travail en français quand celles ci existent ! Ceci afin de préserver la langue française bien sûr.

En préparant la certification avec le livre, je me souviens que j’ai raté des questions, parce que je ne me souvenais pas avec exactitude des termes que l’on retrouve dans l’interface en anglais, tellement habitué de voir la traduction en français.

Je vais être honnête avec vous, le test n’était pas très compliqué, faut dire qu’on c’était bien entrainé ! D’ailleurs 30% des questions se retrouvaient dans le livre de pré-test, donc si vous voulez réussir ce test je ne serais que vous conseillez de vous procurez le livre et vous augmentez de beaucoup vos chances de réussites !

Nous étions 28 personnes hier soir, je n’en reviens pas, qu’il y est autant de personnes intéressés par TYPO3 dans la région de Québec. Toutes les firmes étaient présentes et du coté d’Infoglobe nous avions amené une partie de notre équipe, c’est à dire 8 personnes.

Maintenant, si vous ête parmis les heureux élus qui allez passer la certification bientôt ou dans quelques mois (par exemple lors de la T3UNI2010 qui aura lieu pour la troisième année consécutive à Annecy en France ou à Dallas dans quelques mois), la suite devrait vous intéresser.

Le livre comprend 250 questions en anglais (of course !) suivi de la réponse détaillées. Première des choses, je vous conseil de faire le test comme si vous y étiez, c’est à dire répondre à toutes les questions, les unes après les autres et noter vos réponses dans une feuille de calcul (openoffice est votre ami !). Une fois cette étape passée, vous pourrez voir l’ampleur des dégats et si comme moi vous vous en sortez avec 107 erreurs sur 250 questions, vous allez avoir un peu de révision à faire ! Je dis un peu, car peut être que la plupart de vos erreurs viendront d’un manque d’inattention de votre part ou mieux encore, d’un manque de compréhension pour certains.

Il existe une page sur le site de la certification qui permet de savoir sur quoi ce préparer, elle est disponible ici : http://certification.typo3.org/index.php?id=29, ainsi qu’une autre avec quelques petites questions pour voir à quoi s’attendre. Ah oui j’oubliais ! Ce sont 250 questions sous forme de QCM (Questions à Choix Multiples ou vous pouvez répondre à au moins une réponse, voir plusieurs), ca à l’air simple, mais détrompez-vous D’ailleurs nous avons décortiqué les 250 questions avec mes collègues et quand certaines réponses semblaient fausses, nous nous sommes rendu compte que ca n’était pas le cas en les testant les uns après les autres.

Voici le plan du bouquin, pour savoir quels sont les thèmes à réviser :

• Information générale
• Installation
• Performance
• Documentation
• Extensions
• Interface d’administration (backend)
• Gabarit (templating)
• Typoscript

Comme vous pouvez vous en rendre compte, y’a du stock ! Malheureusement je ne peux rien vous dire sur le test d’hier soir, je voudrais bien vous donner quelques exemples ou vous donner la proportion de code typoscript, mais non rien ;-(

Mais voici quand même quelques exemples du livre

• Une facile

How may you spell TYPO3?

a) TYPO3
b) Typo3
c) typo3
d) TyPo3
e) TYPO 3

• Une tordue
  

Which directories are absolutely required so that TYPO3 can be
called up in the frontend?

a) typo3conf/
b) typo3temp/
c) t3lib/
d) typo3/
e) fileadmin/
f) uploads/

• Une difficile
  

We have pages A (ID = 179) and B (ID = 178).
What is the output of the following menu?

page = PAGE
page.10 = HMENU
page.10.special = list
page.10.special.value = 178,179
page.10.1 = TMENU
page.10.1.NO.after = |*||*|-

a) AB
b) BA
c) AB
d) BA
e) AB
f) BA
g) AB
h) BA

Voici donc 3 exemples à vous mettre sur la dent. Je ne pense pas dévoiler d’informations sur la certification, ce sont des exemples tirés d’un livre que l’on peut acheter sur internet, donc je n’ai rien à craindre.

Je le repète encore ! Achetez ce livre si vous voulez passer la certification haut la main !

Voici quelques conseils pour finir :

• Bien lire les questions, certains mots sont importants, « only » par exemple
• Dans certains cas, ne vous demandez pas si la réponse est bonne quand on vous demande de répondre si le code est fonctionnelle. Hier j’ai raté une question parce que je trouvais une condition illogique, mais ca n’était pas la question posée
• Intéressez vous à TYPO3 dans son ensemble, pas seulement au code ou au Typoscript, mais à la communauté aussi.
• Lisez la documentation sur TSconfig.. et peut être remarquerez vous que l’on peut appeler une configuration du TSConfig PAGE via l’objet TSconfig USER, et oui
• Ne mélangez pas les nouvelles fonctionnalités de TYPO3 4.3, car y’a de grande chance que les futures tests à venir soient en rapport avec TYPO3 4.2 seulement. De toute manière c’est spécifié assez clairement.

Si après toutes ces informations, vous ne réussisez pas votre examen, alors il vous reste à switcher vers Drupal

A dans 3 semaines pour les résultats et bonne chance !

C’est maintenant disponible avec le nouveau site http://www.typo3quebec.ca/ auquel vous êtes invités à participer puisqu’il est possible en remplissant un petit formulaire de proposer vos réalisations. Un script automatique se chargera d’effectuer une capture d’écran de votre page d’accueil et après validation du site (ne serait-ce que pour s’assurer que c’est un site réalisé avec TYPO3), il apparaîtra sur l’annuaire.

Nous avons commencé par ajouter 99 sites, mais il en existe bien plus encore ! Alors soyez le premier à y déposer le 100e site TYPO3.

L’autre site que nous venons de mettre en place est un laboratoire qui permet de présenter une sélection d’extensions que nous apprécions. Si vous vous souvenez, nous avons déjà publié il y a quelques années, un document qui présentait une trentaine d’extensions indispensables pour TYPO3. Mais au lieu de mettre à jour ce document au fil des années, nous nous sommes dit qu’une version en ligne qui pourrait présenter bien plus qu’une description, serait sans doute plus attractif. C’est chose faite avec le laboratoire TYPO3 que vous pouvez consulter à cette adresse : http://labotypo3.infoglobe.ca/. Les quelques extensions présentes sont agrémentées d’une description, de captures d’écran et quelques fois de vidéos trouvées par ci, par là et d’une page de démonstration.

Il va sans dire qu’à l’avenir, lorsque nous aurons à parler d’une extension spécifique sur le blogue, vous pourrez aller sur le laboratoire pour en apprendre plus l’extension.

Une fois de plus avec ces deux projets, nous souhaitions appuyer notre engagement dans la promotion du SGC TYPO3 au Québec, comme nous le faisons depuis plusieurs années. Que ces deux sites vous servent aussi dans la promotion de TYPO3 !

Il faut dire que je suis devenu un vrai accro de la représentation sous forme de carte, que ce soit pour des cartes heuristiques ou des cartes conceptuelles que je commence a appréhender, on peut faire pratiquement n’importe quoi avec ces outils la.

Commençons par les trois gros joueurs du monde de l’opensource (que j’ai découvert d’ailleurs grâce au blogue de André Cotte ici) : CMAP, VUE et XMind. Certains me diront : Et freemind alors ?? Freemind est sans doute très puissant avec des possibilités presque infinies concernant l’exportation, mais pour ma part je trouve ça vraiment trop moche comme résultat et je préfère alors faire appel à Xmind pour faire des cartes rapidement que d’utiliser Freemind.

J’ai donc fait l’exercice de créer des cartes autour de TYPO3.

XMIND

Voici la première que j’ai créée alors que j’utilisais et découvrais le logiciel XMind. XMind est un logiciel opensource depuis récemment qui est multiplateforme, car il s’appuie sur le logiciel Eclipse pour vous offrir un maximum de convivialité. D’ailleurs je viens de voir que la version 3.1 vient de sortir !

Avec lui, je me suis lancé dans la recherche de tous les sites sous sous-domaine qui gravitent autour de la communauté officielle de TYPO3. Je vous laisse découvrir le résultat ci-dessous, comme vous le voyez la communauté de TYPO3 est assez active.

La communauté TYPO3

La communauté TYPO3 (version complète)

Après coup, je ne suis pas certain d’avoir choisi le bon logiciel, mais disons qu’à l’époque c’est le seul que j’utilisais.

Pour ceux qui voudraient en savoir plus sur l’ensemble des fonctionnalités de la version opensource (car oui il existe une version payante), voici une fonctionnalité de Xmind qui résume les possibilités de l’outil.

Il faut voir avant tout Xmind comme un remplaçant de Freemind pour mettre vos pensés rapidement sur votre écran, car même s’il existe pas mal de possibilités cotées mises en forme, on ne peut pas vraiment placer les éléments où l’on veut, c’est assez dommage.

Noter également que si vous exporter votre carte au format Freemind, vous pouvez facilement vous en servir pour créer l’arborescence d’un site web et l’importer facilement dans TYPO3 avec l’extension mindmap_import (merci à Julia ma collègue d’avoir trouvée ca !)

VUE

C’est ainsi qu’il existe d’autres applications qui peuvent vous permettre de placer les éléments ou vous voulez, c’est le cas du logiciel VUE qui lui aussi est 100% opensource.

Avec lui, j’ai mis en page les différentes fonctionnalités que j’ai découvertes avec la version 4.3 de TYPO3. J’en est profité pour les catégoriser par type d’utilisateurs. Ainsi vous retrouverez les fonctionnalités communes (pour tous les utilisateurs), celles pour les édimestres, pour les administrateurs et enfin pour les développeurs. J’ai bien aimé utilisé ce logiciel, car on peut jouer sur la mise en forme et placer les éléments où l’on veut. Par contre, pour ajouter des images c’est assez limité, j’ai donc du importer ma carte de Gimp pour l’agrémenter par la suite d’images supplémentaires dont le logo de TYPO3.

Fonctionnalités de TYPO3 4.3

La version PDF est aussi disponible ici : Fonctionnalités de TYPO3 4.3 ainsi que Notes pour les fonctionnalités de TYPO3 4.3.

Il existe énormément d’autres possibilités en lien par exemple avec la sémantique (comme importer une ontologie par exemple) ou bien utiliser ce logiciel pour faire des chemins (passer d’un noeud à l’autre) et en faire une présentation comme vous le feriez avec Openoffice Impress (comprenez Powerpoint)

Mais ça reste un très bon outil avec la possibilité aussi de créer des cartes conceptuelles.

CMAP

D’ailleurs en parlant de cartes conceptuelles, le petit dernier s’appelle CMAP, contrairement aux autres ça n’est pas un logiciel libre a proprement dit, mais il est gratuit et développer par une université, donc peu de chance de devenir payant un jour.

Avec ce logiciel, nous sommes limités au principe des cartes conceptuelles, cela veut en gros que pour chaque branche, vous êtes obligé d’indiquer une action. Résultat des courses, je vous est fait un petit exemple de ce qu’il est possible de faire avec ce logiciel en créant une carte qui représente les différentes actions possibles réalisables avec TYPO3 et les extensions rattachées à l’action. C’est une carte qui m’a pris 5mn, il est possible sur ce principe d’élaborer alors une carte bien plus complète qui permettrait alors de représenterles soit la liste de groupe d’extension ou bien des actions possibles par type d’utilisateurs (que peut faire un administrateur TYPO3 ?)

Je vous laisse découvrir le résultat ci-dessus :

Extensions pour TYPO3

À noter qu’avec CMAP, vous pouvez travailler à plusieurs sur la même carte, soit en déposant la carte sur les serveurs de CMAP, soit sur vos propres serveurs. C’est un avantage non négligeable et en plus de cela, vous pouvez enregistrer toutes vos actions et les faire défiler après coup comme un film !

Bref, comme vous le voyez, ces logiciels offrent de nombreux avantages, il ne vous reste plus qu’à les expérimenter ! Mais soyez certains que j’en resterais pas là et que d’autres cartes vont s’en venir !

Mise à jour : Patrick Gaumond viendra parler de TYPO3 en introduction.

Pour ceux qui ne peuvent l’écouter en direct, vous pourrez consulter le podcast qui sera en ligne dès demain sur le site web de l’émission (réalisé avec TYPO3 bien sûr ! : http://www.lavoixdulibre.info/)

Voila, je me suis permis de faire cette petite pub, car plusieurs suivent le blogue d’Infoglobe parce qu’ils ont un intérêt pour TYPO3.