TYPO3 : Le cms opensource de référenceJeudi 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

3

GabaritHTML

Vue sur l'architecture de TYPO3

Coeur de TYPO3(source version 4.1.1)

Extensions(nouvelle, sondageforum, formulaire

moteur de recherche ...)

+ 2000 extensions

PHPLangage de

programmation

APACHE / IIS (serveur web)

Mysql

Oracle

PostgreSQL

MS-SQL

Base de données OS Windows ou Linux

BACKEND(administration)

Accès pour :● Administrateur● Édimestre● Intégrateur● ...

FRONTEND(site publique)

Templavoila

Typoscript(configuration)

TYPO3

INFRASTRUCTURE

4

Interface de TYPO3 : Arborescence et structure de fichiers

Navigation Édition Visualisation

5

Modifiez et éditez votre contenu dans une interface conviviale

● Éditez votre contenu comme vous le feriez avec Microsoft Word ou OpenOffice

● 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

● 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

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

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

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

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

10

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

11

● 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 références à connaître ...

● 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

● 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

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 RicardDirecteur des projets Web

cricard@infoglobe.caTél : 1-418-681-2929

http://www.infoglobe.ca/