D1 - Manuel d’installation de paramétrage et d’utilisation du CMS

Office National du Thermalisme

et de l’Hydrothérapie

Projet de réalisation du portail et d’une application multimédia sur l’hydrothérapie

Dossier Technique

Manuel d’installation, de paramétrage et d’utilisation du

CMSRapport 1/3

Aout 2013

OPEN VISIONDÉVELOPPEMENT, MISE EN LIGNE ET

ADMINISTRATION DU PORTAIL DE L’OFFICE NATIONAL DU

THERMALISME ET DE L’HYDROTHÉRAPIE

Table des matières

TABLE DES MATIÈRES.....................................................................................II

LISTE DES FIGURES.......................................................................................III

1 INTRODUCTION.........................................................................................4

2 INSTALLATION ET PARAMÉTRAGE DU CMS TYPO3......................................4

2.1 APACHE...................................................................................................................42.1.1 Présentation......................................................................................................42.1.2 Architecture du serveur.....................................................................................42.1.3 Protocoles utilisés par le serveur.......................................................................52.1.4 Téléchargement.................................................................................................52.1.5 Installation.........................................................................................................52.1.6 Arrêter et redémarrer Apache...........................................................................52.1.7 Administration et optimisation...........................................................................62.1.8 Paramétrage......................................................................................................7

2.2 PHP.......................................................................................................................82.2.1 Présentation......................................................................................................82.2.2 Téléchargement.................................................................................................82.2.3 Installation.........................................................................................................82.2.4 Paramétrage......................................................................................................9

2.3 MYSQL..................................................................................................................102.3.1 Téléchargement...............................................................................................102.3.2 Installation et Paramétrage.............................................................................10

2.4 TYPO3.................................................................................................................112.4.1 Présentation....................................................................................................112.4.2 Pré requis Logiciels pour TYPO3.......................................................................112.4.3 Caractéristiques...............................................................................................112.4.4 Technologie.....................................................................................................152.4.5 Téléchargement...............................................................................................152.4.6 Installation TYPO3............................................................................................15

3 UTILISATION DU CMS TYPO3....................................................................21

3.1 INTRODUCTION GÉNÉRALE..........................................................................................213.2 AUTHENTIFICATION...................................................................................................213.3 VUE D’ENSEMBLE.....................................................................................................223.4 LES FONCTIONNALITÉS DE TYPO3..............................................................................23

3.4.1 Création de nouvelle page...............................................................................233.4.2 Création de contenu de page...........................................................................253.4.3 Déplacement de page......................................................................................263.4.4 Utilisation du Copier/Coller pour déplacer une page........................................263.4.5 Programmation de l’affichage des pages et des éléments de contenu............273.4.6 Rédaction de texte riche..................................................................................293.4.7 Création utilisateurs/groupe............................................................................293.4.8 Création d’une page avec accès limité............................................................303.4.9 Création la fenêtre d'établissement de la connexion.......................................303.4.10 Éléments de contenu spéciaux.....................................................................303.4.11 Formulaire d’email.......................................................................................303.4.12 Autres...........................................................................................................30

Open vision - www.openvision.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

ii

Liste des figures

Figure 1 : PHP Version.......................................................................................................9Figure 2 : Installation TYPO3 (Etape 0)............................................................................16Figure 3 : Installation TYPO3 (Etape 1)............................................................................17Figure 4 : Installation TYPO3 (Etape 2)............................................................................18Figure 5 : Installation TYPO3 (Etape 3)............................................................................19Figure 6 : Installation TYPO3 (Finalisation)......................................................................20Figure 7 : Authentification...............................................................................................21Figure 8 : Page d’accueil Back Office...............................................................................22Figure 9 : Vue d’ensemble...............................................................................................23Figure 10 : Création de nouvelle page...........................................................................23Figure 11 : Nouvel emplacement...................................................................................24Figure 12 : Paramétrage page........................................................................................24Figure 13 : Nouveau Contenu.........................................................................................25Figure 14 : Type de contenu..........................................................................................25Figure 15 : Déplacer page..............................................................................................26Figure 16 : Utilisation de copier /coller pour déplacer des pages...................................27Figure 17 : Activer la page.............................................................................................27Figure 18 : Programmation d’affichage..........................................................................28Figure 19 : Visibilité page...............................................................................................28Figure 20 : Créer membre..............................................................................................29

Open vision - www.openvision.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

iii

1 IntroductionCe document a pour objectif l’étude de l’installation, du paramétrage et de l’utilisation du CMS TYPO3 dans le cadre du développement du Portail de l’Office National du Thermalisme et de l’Hydrothérapie.

Les installations et les paramétrages qui suivent représentent la procédure pour une plateforme Linux.

2 Installation et Paramétrage du CMS TYPO3

2.1 Apache

2.1.1PrésentationApache est un serveur World Wide Web utilisant le protocole HyperText Transfert Protocol, il est un programme tournant sous un OS multitâche dont l’exécutable (binaire) se nomme httpd. Le démon httpd fonctionne en arrière plan et va créer une copie de lui-même à chaque nouvelle requête d'un client. Le serveur Apache construit pour chaque machine correspondant à un « site web », quatre répertoires :

La racine du serveur (ou site) où seront stockées les pages html : htdocs ou html le chemin absolu, suivant votre distribution, peut être : /home/httpd/html

Le répertoire contenant les scripts (CGI-bin) le chemin absolu selon la distribution, peut être: /home/httpd/cgi-bin

Le répertoire contenant les fichiers de configuration (conf) le chemin absolu selon la distribution, peut être : /etc/httpd/conf

Le répertoire contenant les fichiers (logs), historiques des accès et des erreurs, selon la distribution, peut être : /var/log/httpd.

Au démarrage de votre système (sous root pour le port 80) plusieurs instances du démon httpd seront lancées, dans le but de pouvoir répondre à plusieurs requêtes simultanées.

Pour le vérifier, tapez ps aux | grep httpd.

Le rôle principal de ces démons est d'écouter (Apache au repos) les ports TCP des adresses IP présentes dans son fichier de configuration. Lorsqu'une requête HTTP arrive sur un port valide, Apache analyse les en-têtes et applique les diverses règles définies dans ses fichiers de configuration.

2.1.2Architecture du serveurUne requête arrivant au serveur est traitée grossièrement de la manière suivante :

Transformation du chemin en nom de fichier

Authentification si nécessaire

Résolution du type MIME requis

Envoi de la réponse au clientOpen vision - www.openvision.com.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

4

Écriture dans les fichiers de rapport

Chacune de ces phases est gérée par un ou plusieurs handlers, qui se chargent de traiter cette phase. Un handler est purement et simplement une fonction déclenchée par Apache lorsqu’il l’estime pertinent. Le handler déclenché peut être positionné dans les fichiers de configuration.

2.1.3Protocoles utilisés par le serveurLe serveur Apache utilise le protocole HTTP, mais aussi le protocole HTTPS (protocole crypté, si adjonction du module mod_ssl), il est de plus capable de se comporter en proxy HTTP et peut donc effectuer des requêtes HTTP sortantes. Apache utilise aussi la CGI pour communiquer avec des processus externes.

2.1.4TéléchargementApache se télécharge à l'url : http://httpd.apache.org

2.1.5 InstallationTéléchargez dans le répertoire /usr/local/

Décompressez le tar.gz dans un répertoire que vous renommerez apache.

A partir d’un shell, placez-vous dans le répertoire d’Apache. Je suppose que c'est /usr/local/apache.

Tapez successivement les trois lignes suivantes qui permettront l'installation :

$ cd /usr/local/apache

$. /configure --prefix=/usr/local/apache

$ make

$ make install

Vous pouvez déjà lancer le démon Apache

$ /Usr/local/apache/bin/apachectl start

Lancez un navigateur Internet, et connectez-le sur l'IP local http://127.0.0.1/. Admirez fièrement la page de démonstration de votre serveur Apache ! Cette page est visible depuis l'ensemble de votre réseau, en tapant l'IP de la machine dans n'importe quel navigateur.

Pour poursuivre l’installation (installation de PHP, Mysql), arrêtez le démon

$ /usr/local/apache/bin/apachectl stop

2.1.6Arrêter et redémarrer ApacheIl existe plusieurs moyens d’arrêter et de redémarrer Apache

Exécuter le binaire httpd et lui envoyer des signaux pour qu’il s’arrête

Utiliser l’outil apachectl fourni avec la distribution

Utiliser les scripts de démarrage et d’arrêt dans /etc/init.d

2.1.6.1 Utiliser httpd

Le serveur Apache est compilé dans un binaire nommé httpd ou apache en fonction de la distribution.

Pour exécuter le serveur : /usr/local/apache/bin/httpd

Open vision - www.openvision.com.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

5

Pour arrêter le serveur (exemple) : kill -TERM 1426

Pour redémarrer le serveur (exemple) : kill -HUP 1426

2.1.6.2 Utiliser apachectl

Apache est livré avec un script qui permet d’abstraire les tâches de démarrage et d’arrêt. Le script apachectl agit en tant que front-end et agit de manière différente en fonction des arguments qu’on lui passe.

Pour exécuter le serveur : apachectl start

Pour arrêter le serveur : apachectl stop

Pour redémarrer le serveur : apachectl restart

2.1.6.3 Utiliser /etc/init.d

Lorsqu’on désire exécuter des services au démarrage d’un système UNIX, l’usage est de placer des scripts de démarrage dans l’arborescence /etc/init.d (ce nom est dépendant du système). Ces scripts reconnaissent les arguments start, stop, restart et quelques autres.

Pour exécuter le serveur : /etc/init.d/apache start

Pour arrêter le serveur : /etc/init.d/apache stop

Pour redémarrer le serveur : /etc/init.d/apache restart

2.1.6.4 Échec au lancement

En cas d’erreur de syntaxe dans les directives de configuration d’Apache, un message d’erreur apparaît et apache refuse de démarrer.

La résolution passe par l’examen des fichiers de rapport et par l’utilisation de la commande apachectl configtest, qui produit un diagnostic en cas d’erreur.

2.1.7Administration et optimisationApache est organisé en deux sous racines :

DocumentRoot : c’est le répertoire sous lequel une partie les documents publiés via HTTP sont disponibles. Certains documents (les scripts CGI par exemple) sont placés à une autre position de la distribution.

ServerRoot : c’est le répertoire sous lequel sont normalement placés les fichiers de configuration, les fichiers journaux (fichiers de log) ainsi que d’autres informations.

Les distributions de GNU/Linux redéfinissent cette organisation afin de satisfaire leurs normes de développement.

Une distribution d’Apache est organisée sous le répertoire

/usr/local/apache (ServerRoot) et contient les répertoires suivants ainsi que quelques autres :

bin : le programme httpd et des utilitaires

cgi-bin : des scripts CGI

conf : les fichiers de configuration, qui contiennent des directives de configuration qui seront lues au démarrage du serveur

htdocs : il s’agit de la racine DocumentRoot, qui contient les fichiers publics


6

logs : les fichiers de rapport, qui contiennent des informations sur toutes les requêtes adressées au serveur

2.1.7.1 Principe des directives

Les directives de configuration sont placées dans les fichiers de configuration du répertoire conf. Elles sont interprétées au démarrage du serveur web et lorsque l’administrateur demande au serveur de les recharger.

Les fichiers de configuration d’Apache sont au nombre de quatre

httpd.conf

srm.conf

access.conf

mime.types

Depuis Apache 1.3.6, ces trois fichiers ont étés regroupés dans le fichier httpd.conf, mais les distributions paquetées gardent généralement la compatibilité.

2.1.7.1.1 httpd.confC’est le fichier principal d’Apache, c’est aussi le seul qui peut être spécifié à la ligne de commande et c’est lui qui détermine où aller chercher les deux autres fichiers de configuration.

Il contient normalement les directives spécifiant les paramètres du serveur relatifs à TCP/IP (port utilisé, serveurs virtuels, etc.), à la performance (nombre de serveurs lancés, de serveur inactifs, etc.) et d’autres directives.

2.1.7.1.2 srm.confC’est le fichier qui contient les directives déterminant la forme par laquelle les ressources du serveur seront acheminées vers le client (formatage des répertoires listés, option multilingue, alliasses, etc.).

2.1.7.1.3 access.confC’est le fichier qui détermine les conditions d’accès aux répertoires et aux différents URLs du serveur web. C’est à cet endroit qu’on place les restrictions d’accès et les directives d’authentification.

2.1.8ParamétrageVous devez copier les fichiers *.conf-dist en *.conf.

# cd /etc/httpd/conf

# cp access.conf-dist access.conf

# cp httpd.conf-dist httpd.conf

# cp srm.conf-dist srm.conf

Le principal fichier de configuration d’apache est /usr/local/apache/conf/httpd.conf.

Editez ce fichier pour dé-commenter la partie :

AddType application/x-httpd-php .php .php3 .php4 .inc

AddType application/x-httpd-php-source .phps


7

Maintenant que les fichiers .php sont pris en compte par Apache, il faut aussi lui dire que le fichier index.php peut-être lui aussi un fichier index. Pour cela éditez httpd.conf et rajoutez à la ligne contenant Directory Index.

Directory Index index.html index.htm index.php index.php3 index.php4

Maintenant la configuration est finie nous pouvons lancer apache :

/usr/local/apache/bin/apachectl start

Pour le stopper:

/usr/local/apache/bin/apachectl stop

Pour le relancer (nécessaire après chaque changement de httpd.conf):

/usr/local/apache/bin/apachectl restart.

Normalement il ne doit pas vous mettre de messages d’erreurs.

Pour tester si la configuration est correcte, ouvrer le navigateur web et tapez :

http://localhost

Par défaut apache est configuré (dans httpd.conf, DocumentRoot) pour rechercher les pages html dans :

/usr/local/apache/htdocs

2.2 PHP

2.2.1PrésentationPHP est un langage interprété exécuté du côté serveur (comme les scripts CGI, ASP, ...) et non du côté client (par exemple un code Java script ou une applet Java s'exécute sur votre ordinateur...). La syntaxe du langage est inspirée de celles du langage C, du Perl et de Java.

La grande force de tels langages (PHP ou ASP) réside dans les fonctionnalités de programmation qu'ils offrent pour traiter des problèmes liés au développement de services web. Par exemple, des fonctions de traitements de chaînes de caractères puissantes sont fournies. Une autre grande classe de besoin pour les développements Web concerne l'utilisation de base de données. PHP propose une interface vers de nombreux gestionnaires de bases de données, permettant au programmeur d'accéder à un système de gestion de base de données à travers des primitives du langage.

2.2.2TéléchargementPHP se télécharge à l'url : http://www.php.net/downloads.php

2.2.3 InstallationDécompressez tout dans un répertoire /usr/local/php.

La procédure d'installation est la suivante :

$ cd /usr/local/php

$./configure --with-mysql --with-config-file=/usr/local/apache/conf --with-apache=/usr/local/apache --enable-track-vars

$ make

$ make installOpen vision - www.openvision.com.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

8

Notez que l'on précise en dur le répertoire où est installé Apache.

Nous recompilons Apache en lui indiquant qu'il doit intégrer PHP dans son noyau, et qu'il doit être ouvert sur les modules dso. Un module dso est l'équivalent d'une DLL ISAPI Windows, mais sous Linux.

Réinstallation d’Apache

$ Cd /usr/local/apache

$./configure --sysconfdir=/usr/local/apache --datadir=/home/webuser/html --logfiledir=/var/log/httpd --activate-module=src/modules/php4/libphp4.a --enable-module=so

$ make

$ make install

2.2.4ParamétrageL'installation a généré un fichier de configuration qu'il faut copier ailleurs :

$ cd /usr/local/php

$ cp php.ini-dist /etc/httpd/php.ini

Pour tester notre php il faut créer un fichier qu’on appellera info.php qui contiendra <? phpinfo () ; ?> et que nous placerons dans /usr/local/htdocs.

Maintenant recouvrez votre butineur et tapez :

http://localhost/info.php

Il doit vous retourner une page comme ceci :

Figure 1 : PHP Version


9

S’il vous affiche < ? phpinfo () ;?> c’est que dans la configuration de votre httpd.conf vous vous êtes trompé dans les lignes Addtype.

Dans la page qu’il est sensé vous afficher vous avez toutes les informations sur la compilation ainsi que sur les modules utilisés.

2.3 MysqlMySQL est un Système de Gestion de Bases de Données (SGBD) fonctionnant sous Linux et Windows. Depuis la version 3.23.19, MySQL est sous Licence GPL (aussi bien sous Linux que Windows), ce qui signifie qu'il peut être utilisé gratuitement.

Il est recommandé d'installer MySQL sous Linux en utilisant un fichier RPM. Les RPM de MySQL sont actuellement compilé sur une Red Hat en version 6.2, mais devraient fonctionner sur toute autre version de Linux qui supporte rpm et utilise glibc .

2.3.1TéléchargementMYSQL se télécharge à l'url : http://www.mysql.com/

2.3.2 Installation et ParamétrageCommençons par décompresser l’archive.

tar -zxvf mysql-x.tar.gz

Configurons-le :

Cd mysql-x

. /configure

Compilons-le :

make

make install

Par défaut Mysql s’installe dans /usr/local/bin et le démon sous /usr/local/libexec.

Nous allons maintenant créer les bases de défaut :

./scripts/mysql_install_db

Maintenant nous pouvons définir le mot de passe d’admin pour mysql :

mysqladmin -u root password ‘password’

Maintenant lançons le serveur:

./scripts/safe_mysqld &

Maintenant que tout est installé & configuré il ne vous reste plus qu’as faire vos bases de données.


10

2.4 TYPO3

2.4.1PrésentationContent Management System : en français, un système de gestion de contenu de site Web. Plus simplement un ou des programmes (web ou non) qui permettent à plusieurs utilisateurs (de tous niveaux de compétence) de gérer rapidement, efficacement et simplement le contenu, le graphisme et les modules dynamiques d'un ou plusieurs sites Internet/Intranet/Extranet. Et ce sur n'importe quelle plateforme logicielle (Windows, Mac, Solaris, Linux ...). La rapidité est généralement obtenue en s'appuyant sur des logiciels serveurs simples et légers (serveur web Apache, Mysql, PHP...).

L'efficacité se base principalement sur la gestion des contenus dans leur ensemble (texte, image, vidéo, modules dynamiques).

La simplicité d'utilisation s'obtient à travers une interface intuitive et pratique qui doit répondre aux besoins premiers de chaque utilisateur tout en permettant aux développeurs et administrateurs de gérer de façon plus complexe les gabarits graphiques.

2.4.2Pré requis Logiciels pour TYPO3TYPO3 ne s'exécute pas comme un programme. C'est une application qui pour fonctionner, a besoin de sa couche logicielle. Ceci inclut tous les programmes indispensables que vous devez préalablement installer et configurer afin de faire « Tourner » TYPO3 dessus.

Ce qui suit est donc indispensable pour « faire fonctionner » TYPO3:

Web Server qui peut être IIS ou Apache – permet à des clients sur « Browser » d'accéder à votre site TYPO3

DBS Mysql, Serveur de base de données qui stocke principalement les contenus HTML et les paramètres de configuration de TYPO3. Les images et PDF se trouvent sur le disque du serveur.

PHP et GD/Free type dont TYPO3 utilisera les fonctionnalités pour accéder au DBS mais aussi pour ses fonctions graphiques d'affichage (bibliothèque GD/Free type) et bien d'autres (email, fichiers, fonctions systèmes, ..)

Graphic Imaging (outils graphiques) qui sont ImageMagick et Ghostscript utilisés par TYPO3 pour vous fournir des fonctions de manipulation graphique très puissantes

Dès lors que vous disposez de ces « pré requis logiciels », il vous suffit d'un « package » TYPO3 que nous allons installer avant de démarrer TYPO3.

2.4.3Caractéristiques

2.4.3.1 Rich Text Editor

Le Rich Text Editor (RTE) permet aux auteurs de formater un texte, d'insérer des images, de créer des liens (internes, externes ou email) exactement comme le fait tout éditeur de texte. Malheureusement, cet éditeur est accessible seulement pour qui utilise MSIE 5+ pour Windows. Ce qui n'empêche pas l'insertion de contenu à travers d'autres navigateurs (de façon moins aisée, il est vrai).


11

2.4.3.2 Préservation du graphisme

Préservation du graphisme (Text formatting is foolproof) : en français simple, le formatage du texte sous TYPO3 est à l'épreuve des modifications du gabarit graphique. Le travail des auteurs sera toujours visualisé selon le modèle défini, la liberté de l'auteur en matière de gestion graphique étant relativement limitée.

2.4.3.3 Gestion d'images automatisée

Typo3 offre une gestion automatisée (grâce au moteur "ImageMagick") des images qui assure une taille proportionnée et une qualité web correcte.

2.4.3.4 L'interface Back Office

L'interface Back Office fonctionne sur tout type de navigateur et est modifiable grâce à ses extensions afin de s'adapter aux besoins de l'utilisateur. De plus, TYPO3 divise les formulaires en options primaires et secondaires, ce qui permet à l'auteur pressé de ne visualiser que les champs nécessaires à son travail. Les options secondaires étant visibles à la demande.

2.4.3.5 Clipboard

Le clipboard est désormais un concept standard de copier/couper/coller est utilisé de façon extensive dans TYPO3 afin de faciliter la gestion des objets (pages, enregistrements, images, modules, lignes de code). Mais, évidemment pour repositionner les pages, il existe aussi des assistants qui permettent une action encore plus rapide.

2.4.3.6 Menu contextuel

Le menu contextuel (équivalent du clic droit sur Win, même si sous TYPO3 il se fait avec le clic GAUCHE) donne accès aux fonctions les plus utilisées d'un objet, et ce en effectuant un simple clic GAUCHE sur l'icône représentant l'objet. Gain de temps considérable.

2.4.3.7 Raccourcis pratiques

Les opérations répétitives sont fréquentes dans TYPO3 et peuvent être rendues plus faciles d'usage grâce au système de création de raccourcis en un clic. Une fois votre liste de raccourcis établie vous pouvez naviguer rapidement dans l'interface. Les raccourcis peuvent être regroupés selon vos besoins, renommés et même choisis par l'administrateur selon les groupes d'utilisateurs.

2.4.3.8 Mise en place de liens simplifiés

Les liens au sein de TYPO3 sont gérés par le moteur de TYPO3 avec une grande facilité, ce qui vous assure qu'il n'y aura pas de liens morts ou rompus dans votre site (si ces pages sont entièrement générées par TYPO3).

2.4.3.9 Assistants

TYPO3 offre des assistants pour vous aider à créer des tables, des formulaires, des pages dynamiques...

2.4.3.10 Arborescence

Les pages sont hiérarchisées grâce à un système d'arborescence semblable à n'importe quel gestionnaire de fichiers.

2.4.3.11 Gestion des fichiers et des pages

Le gestionnaire de fichiers de TYPO3 vous permet de télécharger, renommer, copier, couper, coller et effacer des fichiers, même ceux en ligne ! Les utilisateurs Open vision - www.openvision.com.tn Document strictement réservé à son destinataire. Toute copie totale ou partielle est strictement interdite sans autorisation écrite préalable de son auteur/destinataire principale.

12

"Back Office" peuvent se voir assigner des dossiers, internes ou externes à TYPO3.

2.4.3.12 Édition Offline

Chaque page, contenu ou branche, peut être maintenue hors ligne et être publiée en un simple clic.

2.4.3.13 Prévisualisation du contenu en ligne

Les pages à accès limité (par utilisateur, date de départ ou IP) peuvent être aisément visibles en ligne à partir du Back Office et pour les utilisateurs autorisés.

2.4.3.14 Publication planifiée

TYPO3 permet de programmer la publication ou le retrait des pages et de leur contenu ainsi que les nouveaux objets.

2.4.3.15 Import

Les documents MS Word ou d'autres fichiers au format "rich text" peuvent être simplement importés dans TYPO3 par un copier/coller.

2.4.3.16 Gestion de la version des documents

Tous les changements faits sur un document sont enregistrés dans la mémoire du système de gestion des versions, ce qui permet de retourner en arrière autant de fois que nécessaire dans l'historique du document.

2.4.3.17 Plurilingues

La traduction des principales zones de TYPO3 a déjà été traduite dans plus de 15 langues. Certaines parties de TYPO3 n'ont pas été traduites volontairement : toute la partie de programmation reste en anglais, langue communément utilisée par les programmateurs php.

Personnalisation : Grâce à l'utilisation massive du PHP, des mots de passe et de l'optimisation de TYPO3, vous pouvez personnaliser les pages web selon l'utilisateur, le navigateur, la provenance ou encore l'adresse IP.

2.4.3.18 Plugins

De nombreux "plugins" sont inclus dans TYPO3, tels que les forums, calendriers, livres d'or, plan du site, gestion des bannières publicitaires, formulaires courriels, enquêtes, votes en ligne, faqs, glossaires, nouvelles et système de e-commerce simple. Et la liste s'allonge chaque jour grâce au système de "Plugin repository" en ligne.

2.4.3.19 Moteur de recherche indexée

TYPO3 offre un moteur de recherche permettant d'indexer toutes les pages, mots et fichiers pdf, Word et sxw à l'intérieur de TYPO3. Ce moteur inclut aussi des options de recherche avancées qui permettent de restreindre la recherche à tout ou partie d'une session. Enfin, ce moteur consent bien évidement une recherche directe sur DB.

2.4.3.20 Gestion détaillée des utilisateurs

La présence de groupes et d'utilisateurs "prêt à l’emploi" combiné à un niveau de personnalisation extrême vous offre la possibilité de gérer au plus près votre environnement TYPO3.


13

2.4.3.21 Contrôle des permissions

L'accès aux pages est disponible soit par utilisateur, propriétaire, ou groupe (très proche du mode d'agir de UNIX). Une sécurité supplémentaire vous est donnée grâce à la limitation d'accès par répertoire.

2.4.3.22 Supervision des utilisateurs

Autoriser certains utilisateurs ou certains groupes à accéder et à éditer certaines parties (modules ou pages) dans certaines sections est très simple. Un assistant de gestion des permissions vous permet d'avoir une vue ample et précise des permissions assignées sur un grand nombre d'utilisateurs.

2.4.3.23 Logging

Toute activité dans le "Back Office" est archivée et permet un nombre illimité de retours en arrière sur la base de données. Ce qui limite grandement la perte accidentelle de données.

2.4.3.24 Gestion des versions et retours en arrière illimités

Un historique général permet de mieux gérer les versions des objets et de la base de données. TYPO3 intègre aussi un gestionnaire des "différences" entre les versions qui vous permettront d'analyser les modifications effectuées par vos utilisateurs.

2.4.3.25 Accès au simple enregistrement sur base de données

TYPO3 possède aussi un gestionnaire de base de données propre (dont les fonctions sont semblables à phpMyAdmin). PhpMyAdmin est d'ailleurs disponible à l'intérieur de TYPO3, en version déjà configurée et opérationnelle. Grâce à phpMyAdmin, les administrateurs peuvent effectuer n'importe quelle opération sur les bases de données.

2.4.3.26 Gestion avancée du cache

La génération des menus et la génération d'images sont des procédés gourmands en mémoire, pour éviter un "time out" ou un temps de chargement trop long, le procédé est effectué une seule et unique fois, puis son résultat est mis en mémoire cache d'où il sera ensuite envoyé à l'utilisateur à chaque requête de la page.

2.4.3.27 Gabarits HTML

TYPO3 est aussi livré avec quelques gabarits HTML (gestion des nouvelles, du forum, des utilisateurs) qui peuvent être aisément modifiés afin d'obtenir des modules dynamiques graphiquement plus proche du design du site. Enfin, l'utilisation des gabarits HTML au niveau du site et comme remplacement des gabarits intégrés est tout à fait possible et même conseillé aux débutants.

2.4.3.28 Outil d'analyse des gabarits

Avec le moteur Typo Script, vous disposez aussi de modules dédiés pour la création de gabarits comme l'éditeur de constantes (gestion facilitée des options graphiques), un "navigateur" d'objets (visibilité améliorée de l'architecture TYPOSCRIPT de votre gabarit) et encore bien d'autres modules qui contribuent à réduire votre temps de travail et à rendre simples et rapides les changements de dernière minute grâce à une logique de centralisation où une modification affecte toutes les pages définies par le même gabarit.


14

2.4.3.29 Gestionnaire d'extensions

TYPO3 possède son propre gestionnaire d'extensions, comparable, dans son principe, à celui de Dreamweaver. L'installation d'une extension se fait grâce à un simple clic. Vous pourrez ainsi "booster" votre site grâce aux extensions de commerce en ligne, portails communautaires, forum et ML, calendriers, enquêtes en ligne, livre d'or ...

2.4.4TechnologieLes utilisateurs de TYPO3 n'ont besoin que de deux choses pour utiliser TYPO3 : un navigateur et une connexion Internet .Cependant, afin de profiter au maximum des possibilités de formatage du texte, il est recommandé d'utiliser MSIE5 pour Windows.

PHP4 / MySQL. TYPO3 se base sur les désormais très populaires PHP4 (pour le langage de programmation) et MySQL. Ce qui permet d'installer TYPO3 sur de nombreux serveurs.

Générateur d'images optionnel. Le système de gestion des images de TYPO3 est optionnel mais utilise toutefois des logiciels serveurs communs tels que : GDlib, Free type et ImageMagick.

Code Structuré. Des lignes de projet strictes, des conventions de noms et une architecture globalisée font de TYPO3 une application Web au code structuré et efficace.

Base de données relationnelles. Voir le site MySQL pour plus d'informations sur la base de données utilisée par TYPO3 www.mysql.org.

Sécurité. Vous trouverez dans TYPO3 un FTP sécurisé (utilisant des classes PHP), la gestion des mots de passe est codée au format md5, les adresses IP sont filtrables, et ce, sur les intra, extranet et les sections administrateur. Enfin, un système d'emails d'alarme vous prévient de toute intrusion non désirée et le transfert de vos données peut être effectué par protocole SSL.

2.4.5TéléchargementTYPO3 se télécharge à l'url : http://typo3.org/download/

2.4.6 Installation TYPO3Pour installer TYPO3, il suffit de dé zipper le package téléchargé dans un répertoire placé sous le répertoire htdocs. Les caractères spéciaux, les chiffres, les majuscules et les espaces sont fortement déconseillés pour le nom du répertoire.

Si tout s'est bien passé, les fichiers et dossiers source de TYPO3 se trouve dans le sous dossier créé.

Avant de commencer, il faut déverrouiller le gestionnaire d’installation. Pour ce faire, il suffit de créer le fichier « ENABLE_INSTALL_TOOL » sous le dossier « typo3conf »


15

http://typo3.org/download/


16

2.4.6.1 Etape 0 : écran de bienvenue

Figure 2 : Installation TYPO3 (Etape 0)

TYPO3 vous propose un écran de bienvenue et vous annonce que l’installation contiendra 3 étapes.


17

2.4.6.2 Etape 1 : connexion à la base de données


A cette étape se fait la connexion à la base de données. Il faut saisir correctement les différents paramètres demandés puis continuez en cliquant sur le bouton « Continuer ».


18

2.4.6.3 Etape 2 : sélection de la base de données


Cette étape consiste à la sélection de la base de données à utiliser. L’utilisateur peut choisir une base de données déjà créé ou bien créé une nouvelle base de données.


19

2.4.6.4 Etape 3 : importation de la base de données


A cette étape l'assistant d'installation va automatiquement créer les tables utilisé par TYPO3 dans la base de données sélectionnée / créée. Il suffit de cliquer sur le bouton « Import database »


20

2.4.6.5 Félicitations : TYPO3 est installé

Figure 6 : Installation TYPO3 (Finalisation)

TYPO3 est correctement installé.

Pour finaliser l’installation, il est recommandé de configurer votre installation :


21

La configuration de l’installation est fortement recommandée pour des raisons de sécurités et aussi de paramétrages.

3 Utilisation du CMS TYPO3

3.1 Introduction généraleCe document vise à faire une présentation générale du CMS TYPO3. TYPO3 est un système de gestion de contenu (CMS) qui offre une gamme de fonctionnalités très complètes et très évoluées pour la création, l’administration, la gestion et la mise à jour de sites Web (Internet/Intranet/Extranet). Ses possibilités de paramétrage et son interface conviviale lui permettent d’être utilisé par des spécialistes ou des non informaticiens.

3.2 AuthentificationL'interface d'administration du site est accessible grâce à un identifiant et à un mot de passe. Ces informations vous ont été attribuées par l'administrateur du site.

Figure 7 : Authentification


22

3.3 Vue d’ensembleUne fois identifié, la page suivante s’affiche :

Figure 8 : Page d’accueil Back Office

La barre de menus vous permettra de naviguer facilement dans la console d’administration.

La page d'accueil par défaut comprend une introduction et des raccourcis vers les fonctions les plus courantes ; ces fonctions sont aussi accessibles à partir de la barre de menus.

A droite de cette page d'accueil, vous trouvez un certain nombre d'informations génériques (utilisateurs connectés, derniers articles publiés, déconnexion, …).

Un clic sur le mode Page (en haut ‡ gauche) vous amène sur l'écran ci-dessous, composé de trois colonnes :

La colonne de gauche : permet l'accès aux différentes fonctionnalités de l'outil, classées par thèmes (Web, Fichier, Doc, Utilisateur, Outils, Aide, Admin functions),

La colonne centrale : affiche la structure du site et permet une navigation rapide à l'intérieur du site et offre un accès aux éventuelles extensions utilisées,

La colonne de droite : est la zone de travail.


23

Figure 9 : Vue d’ensemble

3.4 Les fonctionnalités de TYPO3

3.4.1Création de nouvelle pageLa création de nouvelles pages est très facile. Puisque les pages sont toujours organisées dans la hiérarchie de l'arborescence des pages et vous devrez d'abord sélectionner une position pour la page. Bien sûr vous pouvez la changer plus tard si vous le souhaitez.

Créez une nouvelle page en utilisant le module de Page, cliquez sur un titre de

page, Cliquez sur l’icône :


24

Figure 10 : Création de nouvelle page

Alors un sélecteur de position apparaîtra. Puis vous choisissez la position en cliquant sur l’emplacement voulu.

Figure 11 : Nouvel emplacement


25

Une fenêtre pour la création d’une nouvelle page apparaît et vous pouvez entrer un titre pour la page, ensuite décochez la case « cacher » sous l’anglet « Accès » pour que la page soit visible et enfin cliquez sur l’icône « enregistrer et quitter » :

Figure 12 : Paramétrage page

3.4.2Création de contenu de page Dans le module Page, cliquez dans l'arborescence des Pages sur le titre de page

ou vous voulez insérez un contenu et ensuite l’icône :


26

Figure 13 : Nouveau Contenu

Immédiatement vous verrez le formulaire suivant vous permettant de choisir un type de contenu de page :

Figure 14 : Type de contenu

3.4.3Déplacement de page Le déplacement d'une page est aussi très facile avec l'assistant disponible dans le module Liste. Dans l’arborescence des pages choisissez la page à déplacer et cliquez sur l’icône à côté puis choisir « Actions pour la page (2) et enfin « couper » (3).


27

Figure 15 : Déplacer page

3.4.4Utilisation du Copier/Coller pour déplacer une page Quand vous voulez déplacer des éléments -incluant des pages - dans TYPO3 vous pouvez utiliser le presse-papiers interne. Il travaille à peu près comme vous en avez l’habitude sous Windows : Vous sélectionnez un document avec le bouton droit, choisissez "Couper", sélectionnez le dossier où vous voulez l'insérer avec le bouton droit et utilisez "Coller". Le même principe est mis en œuvre dans TYPO3. Utilisons cela pour déplacer une page, alors coupez la page, puis collez la page et vous devriez choisir entre « coller dans » et « coller après » :

Figure 16 : Utilisation de copier /coller pour déplacer des pages

3.4.5Programmation de l’affichage des pages et des éléments de contenu

Le masquage des pages et des éléments de contenu est probablement le champ le plus utilisé de la visibilité. Il est si commun qu'il a son propre champ dans les menus cliquables, cliquez par le bouton droit sur le titre de page et choisissez « activer » :


28

Figure 17 : Activer la page

Mais vous pouvez aussi déterminer quand une page doit être publiée – à quelle date! Par exemple saisissez "d+10" dans le champ "Lancement" :

Figure 18 : Programmation d’affichage

Automatiquement la date est configurée à la date actuelle plus 10 jours! Si vous sauvegardez la page et tenez la souris sur l'icône vous pouvez aussi voir cette programmation


29

Figure 19 : Visibilité page

Cette page n'est pas visible actuellement et sera automatiquement visible 10 jours plus tard!

3.4.6Rédaction de texte riche Quand vous travaillez avec le corps du texte de vos pages vous pouvez utiliser les différents styles. Ainsi vous pouvez créer une liste à puces aussi facilement, cliquez juste sur l’icône « liste ».

3.4.6.1 Insérer un tableau

Il est possible d'insérer un tableau en utilisant le bouton Tableau du RTE. L'éditeur vous demandera alors le nombre de ligne et de colonnes souhaitées. Vous pourrez ensuite saisir le contenu du tableau directement au sein de l'éditeur.

3.4.6.2 Insérer des liens

Dans TYPO3 vous pouvez créer des liens vers une autre page, un fichier, un autre site Web, une adresse email…Cela est très facile si vous utilisez l'Éditeur de Texte Riche (RTE).

Sélectionnez simplement le texte et appuyez sur l’icône "Insérer un lien", dans la fenêtre qui s’affiche, vous choisissez le titre de la page correspondante. Vous devrez sélectionnez si le lien soit ouvert dans la même fenêtre ou bien dans une autre.

3.4.7Création utilisateurs/groupeAvant de pouvoir créer des pages à accès limité vous devez tout d'abord avoir un ou plusieurs utilisateurs frontaux et groupes. Ceux-ci peuvent être créés avant, pendant ou après la création de votre site Web. L'ordre n'a pas d’importance.


30

Pour créer un nouvel utilisateur cliquez sur le dossier « users » contenant la liste des utilisateurs dans l’arborescence puis sur « créer un nouvel enregistrement »

choisir « membre » ou « groupe de membre ».

Figure 20 : Créer membre

3.4.8Création d’une page avec accès limitéPour créer une page avec accès limité, vous devez choisir la page à protéger, ensuite, cliquez par le bouton droit sur « options de visibilité » et choisissez un accès pour la page.

3.4.9Création la fenêtre d'établissement de la connexionVous devez enter un nouveau contenu à la page, puis choisissez le type « Formulaire d’identification » ensuite dans l’option « envoyer à la page » vous donnez le titre de la page à protéger. Lorsque vous la laissez vide, la fenêtre de connexion sera redirigée vers elle-même.

3.4.10 Éléments de contenu spéciauxTypo3 présente plusieurs éléments de contenu spéciaux. Nous donnons à titre d’exemple :

le formulaire d’email,

le formulaire de recherche

etc.

3.4.11 Formulaire d’email Pour ajouter un formulaire d’email à une page, cliquez sur le bouton « nouveau contenu» de la page correspondante et sélectionnez le type « Formulaire de contact » puis enregistrez et quittez.


31

3.4.12 AutresPour l’utilisation des fonctionnalités et modules spécifiques du portail, veuillez-vous référer aux manuels de formation.


32

D1 - Manuel d’installation de paramétrage et d’utilisation du CMS

Documents

Transcript of D1 - Manuel d’installation de paramétrage et d’utilisation du CMS