Après avoir installé la dernière version de Firefox, Firefox 3, j’ai remarqué que le back-end (la partie administration appellée aussi BE) de mes installations Typo3 ne fonctionnait plus correctement.

Dès qu’on clique sur un des modules de la colonne de gauche, celle-ci disparaît. Celà serait dû à la nouvelle gestion des frames plus sécuritaires dans Firefox 3. Plus précisément, l’héritage des character sets, qui était appliqué entre frame parent et enfant ne l’est plus que si le parent et l’enfant sont chargés à partir du même serveur.

Ceci dit, j’avoue que je reste sceptique. Si c’est vraiment la cause, une installation Typo3 devrait fonctionner correctement en local, à part si Firefox détermine l’origine d’une frame à partir de critères autres que le nom du domaine.

Solution

Marc Neuhaus a développé une extension qui règle le problème le temps qu’une nouvelle version de Typo3 voie le jour.

Firefix3 backend bug fix

Il suffit de l’importer à travers le manager d’extension, de l’installer, de se déconnecter puis de se reconnecter pour résoudre le problème.

Une de mes très vieilles connaissances fait un usage très avancé de Typo3. Il possède un journal et son portail, et doit pouvoir réagir à l’actualité très rapidement. Pour cela, le système de gestion de son site doit lui donner les moyens de modifier presque instantanément un emplacement sur n’importe quelle page, à partir de données diverses. Il trouvait qu’avec Typo3, la tâche était trop complexe, et prenait trop de temps.

Il s’est donc mis à chercher une solution dans d’autres CMS comme Drupal, qui parraît plus facile d’accès et plus rapide à implémenter, et m’a demandé conseil étant donné que j’avais eu la chance de piloter la réalisation de son site.

Ma réponse

J’ai regardé les comparatifs entre Drupal et Typo3. Ce qu’on en dit correspond à peu prêt à l’idée que je m’en faisais. Les 2 systèmes ayant atteint une maturité suffisante, et puisqu’il existe une grande communauté et une grande variété de modules, la robustesse et la flexibilité des 2 CMS n’est plus à prouver.

Pour moi, il reste donc 2 critères à évaluer :

1. L’objectif du site
   Je compare Drupal a une meilleure implémentation de Joomla!. Il a été conçu avant tout pour faciliter le développement d’un site avec CMS. Il est facile d’accès (autant pour le développeur que pour l’éditeur), et on peut jouer avec le code plus facilement qu’avec Joomla! qui est un peu plus bordélique. Il est parfait pour des agences de créations de sites Internet parce qu’il leur permet d’offrir très facilement une valeur ajoutée supplémentaire à leurs clients (l’édition du site et les fonctionnalités d’interaction usuelles).
   Typo3 par contre, n’a pas été conçu dans le sens de la facilité d’accès. La learning curve est bien plus longue parce qu’il veut offrir le plus de flexibilité possible en respectant au maximum les principes de programmation : séparation de la présentation du contenu, indépendance des modules… En plus, il offre des fonctionnalités avancées comme le workflow et le versioning très robustes, qui répondent aux besoins d’organisations complexes. Il permet aussi de minimiser l’édition du HTML grâce à Templavoilà, ce qui, dans un site complexe devient absolument ingérable. Le mélange du HTML et des balises propres au CMS rend le contrôle et la maintenance très difficile, j’ai essayé !
   
2. L’incertitude dans le changement de technologie
   Maintenant que ça fait 1 an et demi au moins que vous travaillez avec Typo3, vous avez largement passé le cap difficile de la learning curve. Il est dangereux de passer à une autre technologie, pas parce que vous n’y arriverez pas, mais parce qu’il faudra intégrer quelque chose de nouveau, dont vous ne connaissez pas le temps d’apprentissage, ni l’adaptabilité à la complexité de vos processus. En gros, vous risquez d’y perdre beaucoup de temps, pour un résultat incertain et une économie d’échelle qui tardera à venir.
   En plus, vous allez jongler avec plusieurs plateformes, et donc réduire votre capacité à maintenir vos systèmes. Vous risquez de tomber dans d’autres problématiques liées à la scalabilité de Drupal.

Que faire ?

Il faut surtout être sûr d’utiliser Typo3 à son max. J’ai réfléchi au problème que vous m’avez expliqué brièvement : la capacité à réagir à l’actualité en créant des nouvelles présentations de contenu. Ce qu’il est conseillé de faire, et ce que font la plupart des développeurs, ce n’est plus de penser Typo3 comme une plateforme qui permet d’inclure des extensions toutes faites ou de les adapter. Il faut créer les extensions qui correspondent à ses propres processus, avec un esprit de réutilisabilité. Typo3 est le réceptacle idéal pour ça.

Par exemple, créer une extension qui permette de choisir le contenu des tables à utiliser, la template, le CSS et le What to display (liste, single, top…), et ne laisserait donc au développeurs qu’a créer la template et le CSS à chaque fois qu’il veut un nouveau format de contenu.

Au pire, on peut toujours créer du code php qui fait une requête à la base de données pour formater et afficher un contenu quelconque, et créer une extension bidon qui l’appelle pour l’intégrer dans une page.

N’hésitez pas à faire vos commentaires…

Voir l’article Réalisation : Cabinet Bassamat et associée

« Malheureusement au Maroc il existe énormément de charlatans dans la création de sites internet et peu de sociétés peuvent véritablement se targuer d’être des professionnels dans le domaine.

L’exception est WebLab, en la personne de Wahid Lahlou, qui adopte une démarche totalement différente et un investissement dans le projet quasi-exclusif. Ainsi, cela fut un réel plaisir de collaborer avec lui dans ce projet.

Pour mener à bien ce type d’initiative, le créateur d’un site internet se doit de bien définir les besoins de son client, ainsi Mr Wahid Lahlou a subi dans notre cas une véritable immersion dans la vie d’un cabinet d’avocat et s’est placé à tour de rôle dans la peau d’un internaute à la recherche d’information juridique marocaine, et d’un administrateur du site.

De plus, ce site a nécessité l’utilisation de technologies nouvelles, telle que le CMS Typo3 et pour pouvoir opérer une passation en douceur avec les futurs administrateurs du site, Mr Lahlou a donc fait montre de beaucoup de patience, agrémentant la formation de tutoriels simples et faciles à la compréhension.

WebLab se distingue enfin par le respect des délais prévus, qualité qui se fait rare dans le domaine.

Merci encore ! »

ZINEB LARAQUI – Avocat – Cabinet Bassamat www.cabinetbassamat.com

Choix technologique

Un système de gestion du contenu (CMS pour Content Management System) est la solution qui s’impose pour ce type de sites. La choix de programmer à la source (en php ou en .Net) a très vite été abandonnée sachant la disponibilité des CMS et la maturité de développement des projets libres (Open Source).

Tout de même, il fallait faire le choix du CMS approprié. Les critères principaux dans ce choix étaient la flexibilité et la robustesse. Entre Joomla!, CMS Made Simple, et TYPO3, nous avons opté pour TYPO3. Les deux autres offrent une solution acceptable, mais privilégient la facilité de développement à la robustesse et à la flexibilité.

Par contre, TYPO3 est difficile d’accès pour le développeur et peut représenter quelques difficultés d’apprentissage pour l’éditeur. Mais vu que j’en avais une bonne connaissance (ayant participé au développement de plusieurs sites dont www.aufaitmaroc.com), et que mon client était prêt au défi et possédait une bonne culture Internet, nous n’avons pas eu de difficultés à nous entendre.

Implémentation agile

Après cette étude, nous avons pu nous lancer dans l’implémentation technique sans difficultés. Mais l’essentiel était que mon client et nous étions en constante communication. Il savait exactement à quelle étape de développement nous étions et pouvait à tout moment intervenir avec de nouvelles idées ou pour corriger des fonctionnalités en cours de développement. Pour cela, un site test a été mis en place sur le serveur de WebLab.

Aussi, nous avons, à chaque étape, fourni à notre client une documentation des procédures à suivre pour la mise à jour, et que nous avons rassemblé dans un document final livré avec le site.

Conclusion

La réalisation du site Internet du Cabinet Bassamat et associée représente pour nous une très grande fierté. D’abord parce qu’il nous a permis de travailler avec un client prestigieux et exigeant, qui est aussi fier que nous de son site. Ensuite, tout au long du développement du site, nous avons appliqué des méthodes agiles de développement axées sur l’interaction constante et la définition précises des mini-étapes à réaliser. Des méthodes qui devaient donner leurs preuve et qui se distinguent de la manière traditionnelle de la rédaction du cahier des charges avnt de passer à l »implémentation. Enfin, il n’y a pas une citation qui concerne le Cabinet Bassamat et associée dans la presse et qui ne fasse allusion à leur nouveau site Internet.

Parmi les résultats significatifs, je vous invite à taper « cabinet d’avocats maroc » sur Google, le site du Cabinet est en première place ! Suivre ce lien…

Mais tout cela n’aurait pas été possible si la relation client-prestataire n’avait pas été aussi bonne, et surtout si le Cabinet, après la livraison de sont site ne continuait pas, fidèle à son image de professionalisme, à alimenter le site avec un contenu toujours à jour. Je leur réitère nos remerciements.

Témoignage de Zineb Laraqui du Cabinet Bassamat…

Je voudrais d’abord remercier toutes les personnes qui nous ont fait confiance au sein du Cabinet Bassamat, et tout spécialement Zineb Laraqui. Nous avons pu établir une collaboration transparente, fluide et constructive, qui est un exemple à suivre pour une excellente relation client-prestataire.

Zineb Laraqui a eu l’amabilité de nous témoigner sa satisfaction : suivre le lien…

Site réalisé

www.cabinetbassamat.com

Point de départ

Le Cabinet Bassamat possédait un site Internet entièrement en Flash. En raison des limites de Flash en ce qui concerne la mise à jour, le référencement et la flexibilité (principalement la capacité à ajouter des fonctionnalités supplémentaires), le Cabinet Bassamat a choisi de procéder à une réfection totale.

Objectif

L’objectif du Cabinet était de mettre en place un portail s’adressant autant à la communauté des juristes, qu’aux internautes intéressés par le domaine juridique (étudiants, clients, investisseurs, etc.). A travers son site, le Cabinet met en application sa volonté de partage et son souhait de contribuer à l’amélioration du domaine juridique marocain. Le site devait ainsi permettre l’accès à des ressources diverses que l’éditeur du site pourrait mettre à jour régulièrement et au besoin.

En plus, le site devait posséder des fonctionnalités d’interaction avec les internautes comme l’inscription à la Newsletter, les formulaires de contact ou de dépôt des candidatures. Voici une liste des fonctionnalités qui devaient être implémentées :

• Mise à jour du contenu texte et image de toutes les pages;
• Bibliothèque des dernières éditions de livres juridiques;
• Actualités juridiques classées par catégorie;
• Liste de liens utiles;
• Accès à des documents juridiques (codes et lois) mis à diposition de l’internaute, classés par catégorie;
• Gestion des inscriptions à la Newsletter pour un envoi au besoin;
• Formulaire de contact;
• Soumission d’une candidature
• Bannières en Flash d’images du Cabinet et des partenaires.

De multiples challenges

La réalisation d’un site Internet doit répondre à des exigences multiples bien au-delà de la simple réalisation technique. La première exigence est qu’il ne trahisse pas (qu’il améliore même) l’image de son propriétaire. Il nous a donc fallu définir les besoins avant tout à partir de cette exigence :

• Un design moderne qui puisse mettre en valeur la personnalité du Cabinet. En quelques mots le design et la mise en page devaient refléter le caractère sérieux, organisé, professionnel, rigoureux, accès sur la collaboration, réactif et disponible du Cabinet Bassamat et associée;
• Faciliter l’accès aux informations pour les internautes;
• Faciliter la mise à jour du site par l’éditeur.

Design et mise en page

Avant de parvenir au design et à la mise en page actuels, nous avons étudiés plusieurs possibilités intégrant des changements au niveau de la navigation, des couleurs, et de la mise en place des éléments de contenu. En général, nous avons proposé au Cabinet 3 à 4 possibilités par élément, avant d’entamer, pour chacun d’eux, une discussion commune qui aboutissait à une décision approuvée par le Cabinet et par nous. Cette façon de procéder nous permet tous de ne passer à l’étape suivante qu’en étant convaincus de la validité de notre travail, et d’ainsi créer une atmosphère d’approbation générale.

Si la recherche au niveau du design a été un travail difficile en raison des exigences citées plus haut, l’organisation du contenu l’était autant car il devait permettre une navigation claire, allant de soi. D’autant plus que le design et la mise en page (et donc l’organisation du contenu) doivent être cohérents l’un l’autre.

Voici les décisions qui ont été prises

• Séparer le contenu en 3 catégories et faire en sorte que la navigation reproduise cette séparation :

1. Les ressources : Bibliothèque, documents des codes et lois, liens utiles et accès à la jurisprudence
2. Le contenu de présentation du Cabinet, de dépôts des candidatures et du formulaire de contact
3. Les actualités

• Une navigation permanente et mise en valeur d’accès à toutes les ressources seraient placée dans la colonne de gauche, à l’endroit le plus en vue après la navigation pricipale
• La page d’accueil devaient reprendre les ressources les plus récentes pour donner une idées générale du contenu du site, et pour intéresser l’internaute à visiter les autres pages (teasers)
• Les colonnes droite et gauche statiques allaient reprendre les dernières actualités, le login et l’inscription à la Newsletter

Lire la suite…

TYPO3 est un système de gestion du contenu (CMS en anglais pour Content Management System) OpenSource. C’est un outil qui permet aux utilisateurs d’un site Internet de mettre à jour le contenu de leur site Internet sans recourir à un technicien. OpenSource est traduit par Logiciel Libre en français, il est donc totalement gratuit et son code source est accessible par n’importe qui (voir typo3.fr, typo3.com et typo3.org). Il est réputé pour être le CMS libre le plus complet, mais il reste difficile d’accès pour les développeurs débutants. Mais une fois maîtrisé, il crée une économie d’échelle extraordinaire.

Pour vous donner une idée de sa puissance, voici ce qu’écrit, sans honte et sans retenue, le créateur de TYPO3 (Kasper Skarhodj) dans sa documentation. Le paragraphe a été pris dans un tutoriel pour débutants :

Traduction libre

J’approuve totalement !