Présentation sur le CMS TYPO3 lors des rencontres Webeducation donnée à Québec devant les webmestres du gouvernement du Québec. Cette présentation a été donnée avec plusieurs autres intervenants qui étaient là pour présenter leur expériences avec l'outil. TYPO3 est le CMS le plus utilisé au gouvernement du Québec

1. TYPO3 : Le cms opensource de référence
Jeudi 10 mai 2007 - WebEducation

2. Historique rapide du cms TYPO3
● 1997 : L'idée d'un cms naissait
● 1998 : Après trois prototypes de TYPO3, l'entreprise superfish.com décide de
développer commercialement le cms
● 1999 : L'auteur de TYPO3, Kasper Skårhøj décide de quitter l'entreprise pour
continuer le développement du cms seul. Il lui faudra un an de travail pour
finaliser le produit.
● 2000 : C'est au mois d'août qu'une première version beta est mise à
disposition de la communauté. C'est aussi à ce moment là que le produit est
testé et approuvé par le plus grand nombre, de nouvelles idées sont proposées.
● 2001 : Le code est revu et le concept d'extensibilité est à présent bien ancré.
La notoriété du produit est comparable à d'autres cms comme Zope/Plone.
● 2002 : La communauté organise une rencontre de snowboard, 25 personnes
répondent à l'appel ! C'est également la première version stable, la 3.0 sort,
ainsi qu'un peu plus tard la 3.5. Le site TYPO3.com est également mis en ligne.
● 2004 : L'association TYPO3 est née avec les premiers contributeurs du projet.
● 2005 : La première conférence international de TYPO3 est lancée en
Allemagne.
● 2006 : Le 7 avril 2006 sortait la version 4 de TYPO3 !
Historique complet ici : http://typo3.com/History.1268.0.html
2

3. Vue sur l'architecture de TYPO3
Templavoila
Accès pour : Extensions
● Administrateur
(nouvelle, sondage
● Édimestre forum, formulaire Gabarit
● Intégrateur
moteur de recherche ...) HTML
● ...
+ 2000 extensions
BACKEND
(administration) Typoscript FRONTEND
(configuration) (site publique)
Coeur de TYPO3
(source version 4.1.1)
TYPO3
INFRASTRUCTURE
MS-SQL
PHP
Mysql Langage de
programmation
Oracle
PostgreSQL APACHE / IIS (serveur web)
Base de données OS Windows ou Linux
3

4. Interface de TYPO3 : Arborescence et structure de fichiers
Navigation Édition Visualisation
4

5. Modifiez et éditez votre contenu dans une interface conviviale
● Éditez votre contenu comme vous le feriez avec Microsoft Word ou OpenOffice
● Créez vos propres styles pour les
appliquer sur vos paragraphes
● Personnaliser les boutons pour chacun
de vos groupes (administrateur,
édimestre ...)
● Copiez-collez votre texte directement
depuis votre suite bureautique favorite
● Nettoyer le code HTML automatiquement
lors de l'enregistrement
● Modifiez vos contenus directement
depuis la page publique de votre site
● Utilisez les crayons mis à votre disposition pour modifier
des zones de texte
● Déplacez ou ajoutez du contenu grâce à la palette d'outils
5

6. Un traitement d'image sans limite !
● Ajoutez des images à vos contenu texte sans passer par du code HTML
● Modifiez les propriétés de vos images
depuis une interface simplifiée
● Taille de l'image (modifier sans altérer l'original)
● Format et qualité (Jpeg, gif, png)
● Effets (noir et blanc, rotation, éclaircir ...)
● Obtenez la taille d'origine de vos images dans une pop-
up
● Accessibilité : alt, title, description longue
● Générer des menus graphiques avec la police officielle du gouvernement : Chaloult
6

7. Modularité : Des milliers d'extensions gratuites à disposition !
● Installation et mise à jour de nouvelles extensions directement en ligne
● Plus de 2347 extensions dans divers domaines (gestion de nouvelles, de
calendrier, forum, ajax ...)
● Facilité pour la création de nouvelles extensions avec le Kickstarter !
(Assistant de création pour vos extensions)
● Extraction des données (base de données) en un clic pour chaque extension.
● Édition des fichiers (php, css, txt ...) de chaque extension directement en ligne
Kickstarter
Gestionnaire d'extensions TYPO3
7

8. Intégrez rapidement vos gabarits HTML avec Templavoila
● Aucun besoin de modifier vos gabarits HTML réalisés par votre graphiste
● Utilisez l'interface de Templavoila pour désigner vos zones dynamiques
(contenu, menu, entête, pied de page ...) sans entrer une seule ligne de code
● Création des gabarits de pages ou des contenus flexibles personnalisés
● L'ensemble est généré en XML et stocké dans votre base de données
● Appliquez facilement un nouveau design à une section de votre site web
Identifier les zones dynamiques sur votre gabarit
8

9. Effectuez vos modifications dans les espaces de travail (workspace)
● Créez vos espaces virtuels de travail pour chacune des sections du site
● Gestion des droits et des cycles d'intervention (éditer, réviser et publier)
● Prévisualisez les changements avant de les publier
● Soyez prévenu des modifications par courriel (notification)
● Restaurez une ancienne version facilement
● Publiez automatiquement vos modifications sur votre site
Gestion des différents changements dans l'espace brouillon
9

10. Liste des ministères et organismes ayant fait le pas vers TYPO3
10

11. Quelques références à connaître ...
● Sites de référence TYPO3
● Site officiel francophone : http://www.typo3.fr
● Site communautaire officiel anglophone : http://www.typo3.org
● Site commercial anglophone : http://www.typo3.com
● Site d'astuces autour de TYPO3 : http://www.typo3wizard.com
● Sites du gouvernement du Québec utilisant TYPO3
● Office des Professions du Québec : http://www.opq.gouv.qc.ca
● Commission des Protections du Territoire Agricole du Québec : http://www.cptaq.gouv.qc.ca
● Ministère de la Culture, des Communications et de la Condition féminine : http://www.mcccf.gouv.qc.ca
● Commission des Lésions Professionnelles : http://www.clp.gouv.qc.ca
● La Financière Agricole du Québec : http://www.fadq.gouv.qc.ca
● Logiciel Libre : http://www.logiciel-libre.gouv.qc.ca
● Site touristique officiel du gouvernement du Québec : http://www.bonjourquebec.com
+ différents intranets n'ayant pas d'accès grand public dont le MELS, MSP, MSSS, CSLF, ...
Infoglobe intervient et offre du support
● Quelques autres réalisations d'Infoglobe ...
● Salon « made in france » : http://www.salonmadeinfrance.com
● Hôtel Salvador : http://www.hotelsalvador.com
● Salon international de la fabrication industrielle Mode et Maison : http://www.fatex.fr
● Salon international de l'optique lunetterie : http://www.silmo.fr
● Confort et habitat : http://www.confortethabitat.com
● Site du Techno Centre Logiciels Libres : http://www.tc2l.ca
● Site d'Infoglobe : http://www.infoglobe.ca
11

12. Contactez-nous pour plus d'informations !
Si vous souhaitez plus d'informations au sujet de
TYPO3 : une démonstration ou une formation,
n'hésitez pas à nous joindre :
Christian Ricard
Directeur des projets Web
cricard@infoglobe.ca
Tél : 1-418-681-2929
http://www.infoglobe.ca/
12