La balise canvas permet d’effectuer des rendus dynamiques d’images dans un navigateur ; c’est-à-dire réaliser des animations d’images, interprétées par le navigateur. Précédemment, pour les sites internet, les animations étaient la plupart du temps codées en Flash. La balise canvas permet de limiter l’utilisation du Flash et ainsi d’améliorer les performances en rendant les pages moins lourdes.

Wadda est une fonctionnalité permettant de zoomer dans une image à partir de la balise canvas. Il suffit d’appeler une librairie JavaScript dans l’entête de sa page puis d’insérer le code adapter pour l’affichage de l’image concernée.

Bien se rappeler que pour l’intégration d’un zoom dans une page, il est nécessaire d’avoir deux images distinctes ; l’une pour la miniature, l’autre pour la haute définition. Wadda se charge de faire le rapport de coordonnées du curseur et d’agrandissement entre les deux images.

Au chargement de la page, plusieurs paramètres sont configurables :

• Taille de la zone de vision
• Fondu sur les bords de la zone de vision
• Valeur du grossissement
• Décalage du curseur

Voir Introducing Wadda the image zoomer using canvas.

Articles similaires :

1. Graphiques (Charts) avec JavaScript
2. Le futur avec HTML5 par Bruce Lawson
3. Humble Finance: graphiques dynamiques avec HTML5
4. Video for Everybody!, lecture de vidéos avec HTML5 ou pas
5. Galerie d’images avec bxGallery sous jQuery

Comme pour la gestion de pages hier, ou encore l’assistant d’installation ; le module de gestion des extensions vient d’avoir un petit relooking. Désormais, il est possible de classer les extensions en fonction de leurs spécificités, de faire des recherches…

Encore un fois, nous observons un beau travail de la communauté avec la reprise de modules historiques. Le fonctionnement est conservé, le travail se porte principalement sur la gestion graphique et l’affichage. Il s’agit donc d’ne vision interface de l’administration dont la philosophie et le code pourront être repris pour d’autres modules dans le futur.

Articles similaires :

1. TYPO3 : Démonstration du nouveau Grid View pour le version 4.4
2. TYPO3 : Localization Manager, gestion des traductions
3. TYPO3 : version 4.3 ist da
4. TYPO3 : Extension d’édition FrontEnd
5. TYPO3 : le bilan des T3UXW09

Voici, une vidéo qui présente le nouveau système d’édition de contenu d’une page :

Dans la bataille entre Page Module et Templavoila, on pouvait préféré TemplaVoila pour sa capacité à formater la structure d’une page dans l’administration, en correspondance avec la page affiché sur le site, en Front.

Avec Page Module, seules 4 zones de contenus étaient disponibles : colonne gauche, colonne centre, colonne droite et bordure. Cette structuration est assez difficile à comprendre pour un rédacteur qui ne voit pas pourquoi il faut éditer la colonne de gauche pour changer une accroche dans une entête.

Sur ma page, le contenu est au dessus et, là, il faut l’éditer à gauche ; je ne comprends pas.

Franchement suffisait de developper un module un peu plus évolué pour l’ajout des zones contenus à volonté et pour le découpage de la page d’édition de contenu dans l’administration. Ainsi, les zones de contenu correspondraient graphiquement entre l’administration et le site affiché.

Grâce à ce week end à la montagne, ce nouveau module sera bientôt disponible sur la version 4.4 de TYPO3. Le nouveau Page Module ne souffre plus du désavantage de la flexibilité par rapport à TemplaVoila. De même, il garde son avantage de ne pas avoir une structure XML intermédaire pour la définition des contenus.

Ce fonctionnement permet de profiter de la pleine puissance du TypoScript avec les options : ColPos, Sorting… c’est-à-dire une vraie connection avec la base de données ; qu’il n’y a pas avec TemplaVoila

La gestion des traductions reste disponible, les contenus peuvent être déplacées en glisser/déplacer… cette nouvelle mouture du Page Module semble très fonctionnelle. Avec le départ de Dmitry Dulepov de l’équipe de TemplaVoila, je ne saurai vous dire quel sera l’avenir de ces deux très intéressants systèmes de templating pour le CMS TYPO3.

Articles similaires :

1. TYPO3 : un FrameWork pour TemplaVoila
2. TYPO3 : créer une version mobile de son site
3. TYPO3 : version 4.3 ist da
4. TYPO3 : nouveau plugin extension manager
5. TYPO3 : Safeedit Concept

Elle permet de gérer les gabarits principaux et les sous-gabarits disponibles, de modifier l’interface d’intégration BackEnd, pour la plus grande flexibilité possible.

Le très pointilleux Dmitry Dulepov quitte l’équipe de développement de cette extension phare du CMS pour divergence d’opinion avec les membres de l’équipe. Sage décision, mauvaise décision, ce qui compte après tout c’est que les oppositions ne limitent pas les évolutions et les compatibilités avec les nouvelles versions du CMS.

A vrai dire, seul le temps pourra nous dire si ce départ aura été ou non un handicap pour la communauté TYPO3.

Today I announced that TemplaVoila 1.4.2 will not be released any soon because of the major bugs in it. I was immediately accused of “stopping progress” by two different people. All these years of hard work meant nothing it seems. I was very much stressed by such views. I can’t bear that. And I won’t. Quality means very much to me but I am not going to listen to any more accusations. I would rather drop the project completely than being accused of stopping progress because I want to release a quality product. I am tired to fight for the quality!

Dmitryn, un faciste du code ? Un homme penché sur les problématiques de qualité, un peu trop ? Un développeur qui manque de « good enough » attitude ? Cette événement ne nous empêchera pas de continuer à le suivre.

Lire Farewell, TemplaVoila!.

Articles similaires :

1. TYPO3 : la réponse à Dmitry par l’équipe de TemplaVoila
2. TYPO3 : un FrameWork pour TemplaVoila
3. Une alléchante extension de Templavoilà
4. Du TYPO3 dans du flash
5. TYPO3 : éditer des actualités

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 a 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.

Dans cet article, il semble falloir comprendre que le TypoScript est vraiment quelque chose de génial. Pourtant, j’imagine que le novice n’aura pas tout à fait retenu ou compris les argurments principaux. Alors, j’en remet une couche.

Pour moi, le TypoScript offre l’avantage de séparer, de manière stricte, les couches d’intégration HTML, de configuration TypoScript et de développement PHP. Cette manière de procéder est évidemment mal acceptée par un développeur qui va réaliser toute la chaîne, à la fois une intégration de gabarits et le développement fonctionnel. Plutôt que d’aller taper directement dans le PHP pour définir les évenéments, il va devoir se familiariser avec un langage supplémentaire qui présente sa propre logique. Je comprends, c’est fastidieux.

Maintenant plaçons nous dans le cas d’une équipe constitutée de deux ou trois personnes pour la réalisation d’un site en TYPO3. La séparation stricte des parties du code va permettre de séparer les métiers.

Ainsi, le gabarit HTML ne contient que du HTML. Dans TYPO3, on appelle un fichier HTML et on demande d’aller cibler des zones (selon le chemin ou l’identifiant), il n’est pas nécessaire d’insérer de code (PHP) à l’intérieur. Le code PHP ne renvoie que des données, il n’est normalement pas nécessaire de mettre en place des méthodes spécifiques pour la gestion d’un effet sur une page. Entre les deux, le TypoScript gère un traitement des données (options d’un plugin, écriture d’un lien, insertion de class CSS, affichage de menus…), que l’on peut actionner à partir de différentes constantes.

Donc, le fichier HTML peut être modifié par un intégrateur HTML sans connaissances de PHP. Le code PHP n’est pas pollué par la couche de présentation ou de configuration, il gère les données ; il est plus lisible, plus facile à maintenir ; le développeur n’intègre pas de code HTML (souvent non valide). Le TypoScript permet de configurer le fonctionnement d’un site selon les désirs et les pratiques du client.

Donc, si cette même équipe prend le même code HTML, ne touche pas aux fichiers PHP (à moins de les faire évoluer) et applique une configuration légèrement différentes du TypoScript pour appeler une CSS différentes ou autres ; elle peut mettre en ligne un nouveau site sans repartir de zéro.

Pourquoi Yannick Parvard écrit-il un article sur le TypoScript ? Pourquoi semble-t-il si enthousiaste ?

Et bien parce que Yannick traite des sites en TYPO3 depuis plus de 5 années. Ces sites sont (je crois) à majorité des sites gouvernementaux, qu’on peut catégoriser comme éditoriaux, avec un grand volume de pages et avec des contraintes de multilinguisme.

TYPO3 est vraiment un formidable outil pour ce genre de sites. Il est très facile de mutualiser le code des extensions (qui ne contiennent aucunes spécificités). Une partie du code TypoScript pourra aussi être partagée entre tous les sites, seules les constantes différeront.

De cette manière, malgré la taille que peuvent avoir ces sites, le nombre de sites à faire évoluer, la version TYPO3 de chacun d’eux. Yannick peut aisément se replonger dans leur code et les mettre à jour. A priori pas d’effets de bord sur les dépendances de fichiers PHP, pas de casse sur le HTML, pas de conflits entre les configurations de plusieurs sites : c’est propre, c’est sûr.

TYPO3, avec son langage Typoscript, est particulièrement adapté à des équipes avec assez de personnes pour pratiquer la spécialisation par métier. La couche de configuration étant séparée, elle est centralisée. Chacun des membres de l’équipe aura à charge un certain de fichiers ou langages (c’est bien allemand comme mode de pensée). Ce mode d’organisation se révelera avantageux à mesure que le nombre sites à gérer augmentera. Le coup de maintenance par sites supplémentaires sera faible.

Bien entendu, le temps nécessaire pour la maitrise de ce CMS en particulier, ajouté au temps pour se créer un portefeuille de clients conséquent peut être très long. Et puis c’est pas l’outil qui fait le bon développeur ; ce qui compte c’est de coder de manière propre.

Pourtant dans le cas d’Infoglobe, il semble qu’au final, l’investissement est payant : Le Typoscript, c’est quoi exactement ?.

Articles similaires :

1. TYPO3 Phoenix (v5) et le TypoScript II
2. Tutoriel – découvrir TYPO3 et le TypoScript
3. TSWIKI – Editer du TypoScript
4. TYPO3 : un FrameWork pour TemplaVoila
5. TYPO3 5.0 est arrivé en release

The end of life of TYPO3 4.0 was announced as a kind of footnote at the bottom of the security bulletin released on October 22, 2009. This triggered some discussion inside the Core Team and it was decided that the end of life of a given TYPO3 branch deserved an official announcement.

Dans chaque produit, nous avons des évolutions au fil des années et des abandons de maintien de versions. Ce genre d’événement est l’occasion de tester les facilités de mise à jour et la compatibilité des développements.

En ce qui concerne TYPO3, les mises à jour sont plutôt faciles à réaliser. Un site bien maintenu ne devrait pas rencontrer de problèmes ; dans le cas contraire, c’est l’heure de la refonte.

Voir Support for TYPO3 4.0 is officially over.

Articles similaires :

1. TYPO3 : version 4.3 ist da
2. TYPO3 : script de mise à jour de masse
3. TYPO3, les nouveautés de la version 4.2
4. SweetTS – version 1.11
5. TYPO3 – Version 4.2

On reconnaît à bxGallery sa simplicité de mise en ligne et sa souplesse de configuration. Le fondu de passage d’une image à l’autre est rapide et agréable ; le crop (sélection d’un échantillon de l’image) est fort pratique.

Voir bxGallery (4kb).

Articles similaires :

1. Wadda, zoom image avec canvas
2. jQuery Accessible RIA : fonctionnalités jQuery accessibles
3. ColorBox, plugin lightbox pour jquery
4. Shrink Pic, redimensionner les images à la volée lors d’un upload
5. Roundabout, plugin jQuery pour la rotation axiale d’éléments

Avec TemplaVoila, le découpage des gabarits en une infinité de zone de contenu est possible ; la structure de la page est configurable à volonté. Seulement, TemplaVoila se présente un peu comme une surcouche qui rajoute de la complexité à la définition des pages. Certains intégrateurs rechignent à passer à ce mode de templating étant donnée la difficulté de maintenance.

Pour réconcilier tout le monde, Busy Noggin propose un FrameWork pour TemplaVoila afin d’aider les intégrateur CMS à disposer d’une configuration pour décliner leur gabarits. Ce framework est composé de briques CSS, HTML, JavaScript, Constant TypoScript, TypoScript, TSConfig… : Explanation of Code. Les débutants pourront découvrir l’ampleur des possibilités de templaVoila (jouer avec les paramètres), les confirmés pourront partir d’une base propre, complète et évolutive pour décliner un site en deux-deux.

Le projet est ambitieux ; proposer un code complet d’une intégration pour un site TYPO3 avec Templavoila, est un travail de longue haleine. Ron Hall, un américain, se sert de ce travail pour ses projets, dans la déclinaison rapide de sites. Le code prédéfini et les zones prémappées sont un gain de temps non négligeable.

Le FrameWork de Busy Noggin est la preuve par le fichier zip de la force de TemplaVoila.

Découvrez le FrameWork TemplaVoila.

Articles similaires :

1. Dmitry Dulepov stoppe sa participation au développement de TemplaVoila
2. TYPO3 : Démonstration du nouveau Grid View pour le version 4.4
3. YAML -Yet Another Multicolumn Layout : un framework CSS pour TYPO3
4. CSS FrameWork : Scaffold pour le développement rapide
5. Une alléchante extension de Templavoilà

1. Digg Clone
2. Blogs
3. Portails d’actualités
4. Sites d’utilisateurs robustes
5. Sites informationnels
6. Twitter Clone
7. Site de stockage de fichiers
8. Flickr Clone
9. Delicious Clone
10. YouTube Clone
11. Amazon Clone
12. Tumblr Clone
13. Blogger Clone
14. Réseau de blogs
15. Agrégateur d’actualités
16. Friendfeed

Donc il existe effectivement les fonctionnalités dans Drupal pour cloner les particularités des sites cités ; néanmoins, il s’agit de web, il est possible de les recoder de manière spécifique par soit même. De plus, il n’est pas dit que ces fonctionnalités répondent à tous les besoins de performance nécessaires à certains projets.

Drupal offre un panel de modules plutôt fourni qui permet de faire évoluer un site éditorial et social de manière sereine ; surtout si vous n’avez pas de compétences poussées dans le développement.

Si vous ouvrez un site d’actualités en ligne, premièrement vos lecteurs pourront bénéficier d’un espace personnel fonctionnel ; deuxièmement, le gouvernement subventionnera votre journal à hauteur de 200 000€.

Lire 16 Different Clones You Can Build with Drupal.

Articles similaires :

1. WhiteHouse.gov : la maison blanche participe au développement de Drupal
2. Construire un réseau social avec Drupal
3. Installer Drupal, un article chez css4design.com
4. Drupal et WordPress : deux logiques proches, mais différentes
5. Google ajoute Friend Connect à Drupal & Joomla

L’idée est simple, elle s’applique à une page sur laquelle deux ou plusieurs éditeurs veulent ajouter du contenu. Sur TYPO3, nous avions l’habitude d’avoir une indication lors de l’édition d’une page par un autre utilisateur ; avec Safeedit, chacun des utilisateurs est informé exactement de la modification d’un contenu ainsi que le contenu édité. Libre aux autres utilisateurs de remettre à jour (ou pas) la page avec ces nouveaux contenus.

Trois options s’offrent aux utilisateurs : recharger la page avec les nouveaux contenus, écraser la page avec ses propres modifications (le vicieu) ou ouvrir une nouvelle fenêtre et appliquer un mixte des deux contributions.

Donner son avis sur TYPO3 Safeedit concept video.

Articles similaires :

1. TYPO3 5.0 Experience Concept, la présentation
2. TYPO3 : Démonstration du nouveau Grid View pour le version 4.4
3. Configurer RealURL pour un site TYPO3
4. TYPO3 une solution Web-to-Print
5. TYPO3 : Localization Manager, gestion des traductions