Présentation de TYPO3

Présentation de TYPO3
Tables des Matières
Présentation de TYPO3.................................................................................................................
Tables des Matières...................................................................................................................
Introduction...............................................................................................................................
1 – Mise en route du CMS........................................................................................................
2 – Ses fonctionnalités..............................................................................................................
a) Frontend et Backend.....................................................................................................
b) L’arborescence des pages..............................................................................................
c) Le contenu des pages....................................................................................................
d) Les extensions...............................................................................................................
e) Les modèles graphiques : « templates »........................................................................
3 – Aller plus loin avec typo3...................................................................................................
a) Création d’un modèle html...........................................................................................
b) Création de plug-in front end........................................................................................
3 – Les liens..............................................................................................................................
4 – Conclusion..........................................................................................................................
Introduction
Typo3 est un CMS très complet, doté d’une grande souplesse. Pour maîtriser celle-ci, il faudra
apprendre le typoscript, petit langage permettant de faire le lien entre la base de donnée et le
design du site. Cela nécessite de bonnes bases en programmation ainsi que beaucoup de
patience.
Cependant il est tout à fait possible de créer un portail Internet, avec les fonctionnalités les
plus courantes (gestion des utilisateurs, forum, livre d’or …), sans aucune base de
programmation. En effet, après la découverte du CMS et de sa logique, il n’est pas compliqué
de créer une arborescence de pages ainsi que leurs contenus. Ensuite, en utilisant et
personnalisant un modèle graphique, votre portail Internet prêt à être mis en ligne.
Grâce à cette présentation vous pourrez avoir un aperçu du CMS, et de sa logique. Les
documentations en ligne sont en anglais, mais bien expliquées.
1 – Mise en route du CMS
Les différents package de typo3 et leur documentation sont disponibles à cette url :
http://typo3.org/1274.0.html .
Ou depuis peut sur http://www.typo3.fr/ (un peu de pub ne fait pas de mal ;-)
Lors de l’installation du CMS, il faudra lui donner le nom d’utilisateur et le mot de passe du
serveur Mysql, pour pouvoir ensuite créer une base de donnée permettant l’utilisation du
CMS. Typo3 intègre phpMyAdmin, permettant de visualiser et modifier les tables de ce
serveur.
Pour faire ses premières armes avec typo3, le quickstart package est approprié, avec son
tutorial « getting started » très complet, et clair.
2 – Ses fonctionnalités
a) Frontend et Backend
Très rapidement le frontend c’est ce que l’utilisateur voit, et le backend c’est l’interface qui
permet de modifier et créer le site. Cependant, lorsque vous
êtes connecté en mode administrateur, il apparaît sur le
frontend des petits stylos permettant l’édition des différents
contenus de la page.
b) L’arborescence des pages
Votre site est constitué d’une arborescence. Tout d’abord une page racine,
des sous pages, et d’autres sous pages, et ainsi de suite (voir figure ci-contre).
Lorsque vous insèrerez un modèle graphique prédéfini pour votre site, celuici s’il le permet intègrera automatiquement, les différentes pages du site ainsi
que leur arborescence, grâce à un menu.
puis
c) Le contenu des pages
De nombreux types de contenus sont disponibles sur typo3, cela va du cadre texte, en passant
par l’insertion d’images, de formulaires de recherche, ou de forums de discussions.
Bien d’autres contenus sont disponibles et peuvent être rajoutés au CMS. Ces contenus
pouvant être rajoutés ultérieurement font partis des extensions de typo3, et plus précisément
des « frontend plug-in ».
d) Les extensions
Typo3 est un CMS en constante évolution grâce aux développeurs, qui créent chaque jour de
nouveaux modules pour le bien de la communauté.
Vous pouvez trouvez la totalité des extensions disponibles à cette url :
http://typo3.org/1420.0.html .
L’installation de ces extensions se fait très simplement par le biais du backend de typo3. En
effet, typo3 permet de se connecter au « online repository », et ensuite il suffit de cliquer sur
l’extension souhaiter pour la charger dans le menu des extensions disponible à l’installation,
puis de les installer par un simple clic. La logique de l’extension typo3 est très similaire à
celle de Dreamweaver Mx.
e) Les modèles graphiques : « templates »
Vous pouvez aisément construire votre modèle à partir d’un modèle préexistant et disponible
sur typo3. En effet, le modèle étant utilisable directement, les parties dynamiques du site sont
déjà programmées, vous aurez donc à l’affichage le titre des pages, le menu contenant
l’arborescence, et les différents contenus.
Remarque : Les modèles ont été fait en fonction des besoins du programmeur. Il est donc tout
à fait possible que vous utilisiez un modèle qui ne subvient pas à vos besoins. Par exemple, si
vous voulez afficher des contenus sur 3 colonnes alors que votre modèle n’en accepte que
deux, vous aurez une colonne qui ne s’affichera pas. Ou si le modèle n’accepte pas les soustitres, vos sous-titres ne seront pas affichés.
Le choix du modèle ne se fait pas donc pas si facilement que ça.
Ensuite, vous pouvez modifier sans problèmes la partie statique (logo, taille des menus,
couleur de font, police …) alors que la partie dynamique reste quelque peu ardue d’accès pour
un non programmeur.
3 – Aller plus loin avec typo3
a) Création d’un modèle html
Une façon de résoudre le problème ci-dessus est de créer son propre modèle html. Le tutorial
« modern template building, Part 1 » est une bonne façon de commencer.
Remarque : Il est possible de télécharger toutes les documentations au format sxw
(www.openoffice.org), en cliquant sur le lien en bas des pages (voir figure ci-dessous).
La création d’un modèle html est faisable pour les utilisateurs de niveau avancé. Dans le code
du modèle html il faudra insérer des balises pour qu’ensuite, par le biais d’un typoscript,
typo3 reconnaisse les parties dynamiques.
b) Création de plug-in front end
Il peut être utile de créer un plug-in lorsque vous voulez faire des choses très précises. Tout
est possible selon vos besoin, créer un formulaire de saisie dans une table quelconque, créer
un formulaire de recherche dans une table, …
La création d’un plug-in nécessite l’installation de l’extension backend Kickstarter Wizard. Il
est assez simple d’utilisation lorsque l’on lit le tutorial « creating a basic extension ».
Cependant l’affichage du plug-in ne peut se faire que lorsqu’on connaît le php.
Remarque : Des vidéos d’utilisation de typo3 sont aussi disponibles à cette page :
http://typo3.org/1407.0.html .
3 – Les liens
Le site commercial (en anglais) : http://typo3.com
Le site de la communauté (en anglais) : http://typo3.org
Le site de la communauté en français sera normalement disponible mi-septembre, mais vous
pouvez trouvez dessus le groupe yahoo typo3.fr : http://www.typo3.fr. Le site est dèja dispo,
mais il faut passer de la page de prèsentation aux pages internes grace au lien « voir le
plan du futur site »…
4 – Conclusion
J’ai au début été un peu « dérouté » par le large éventail de possibilités qu’offre typo3, ce qui
n’est pas réconfortant étant donné que toutes les documentations sont en anglais. Mais on
prend vite ses repères, et heureusement que le forum d’aide en français est là pour vous aider à
sortir des blocages dans votre évolution.
Je vous souhaite d’apprécier autant que moi ce CMS.
Thomas PITHON