Un cms, c'est quoi ? Comment l'installer sur un ordinateur personnel pour le tester ?

1. CMS AVERTISSEMENT
14 novembre 2012
Mini tutoriel
pour
compléments d’informations
Publier en ligne
via un cms ?
Stage du 14/11/12
(au CRDP académie Rouen)
Je vous souhaite de bons tests
Christian
@CRDP Rouen CRDP académie de Rouen

2. CMS DEFINITION
CRDP académie de Rouen
Les CMS sont destinés à la conception et à la mise à
Système de jour dynamique de sites web ou d'applications
multimédia.
Gestion de
Les principales fonctionnalités :
Contenu •
•
ils permettent à plusieurs individus de travailler sur un même document ;
ils fournissent une chaîne de publication (workflow) offrant par exemple la
possibilité de mettre en ligne le contenu des documents ;
destiné à la conception • ils permettent de séparer les opérations de gestion de la forme et du contenu ;
• ils permettent de structurer le contenu (documents, blogs, forums, etc.) ;
de sites web • ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des
permissions (utilisateur anonyme, administrateur, auteur, contributeur, etc.) ;
• certains SGC incluent la gestion de versions.
? CMS = Content Management System
ou
SGC = Système de Gestion de Contenu
@Christian Ch.

3. CMS AVANT PROPOS Il existe de très nombreux CMS (+ de 300)
14 novembre 2012
Choix du CMS Nous en utiliserons 2 dans ce mini-tutoriel.
Nous allons installer ces logiciels pour travailler en
exemple : local, sans hébergement, afin de tester différents
produits.
SPIP
Nous aurons besoin d’applications supplémentaires en dehors des cms sélectionnés
Joomla pour installer des serveurs virtuels.
L’environnement de test se faisant sous Mac, MAMP est donc un choix pratique
Wordpress pour cette démonstration. (MAMP installe des serveurs Apache et MySQL).
Définition de MAMP : MAC, APACHE, MySQL, PHP.
Drupal Il faudra choisir WAMP ou XAMP si l’on utilise un environnement Windows.
La démarche est similaire pour la suite sur un système différent (MAC ou PC).
Typo3 Je prendrai pour ce tutoriel les CMS Joomla et SPIP pour comprendre comment
fonctionnent cet ensemble d’outils.
Rappel :
Installer MAMP
Installer JOOMLA
Et on fera de même pour SPIP après cet exemple
@CRDP Rouen

4. CMS TELECHARGER
14 novembre 2012
Décompresser l’archive MAMP pour l’installer sur
Télécharger votre ordinateur.
MAMP
http://bit.ly/c73pgn Suivez la procédure décrite par le créateur de ce produit.
Joomla Conseils :
http://bit.ly/RGOWmM Créer des raccourcis sur votre environnement pour vous en faciliter la
navigation
SPIP
http://bit.ly/RGPnh2
Dans MAMP créer le raccourci de l’application dans le dock
@CRDP Rouen

5. CMS INSTALLATION HTDOCS Dans MAMP, il faut placer tout le contenu
14 novembre 2012
Le répertoire désarchivé du CMS dans le répertoire «htdocs»
«htdocs»
Pour cela, créer un répertoire nommé joomla dans htdocs
Joomla
SPIP
Wordpress
Dans le répertoire joomla placer tout le contenu de joomla désarchivé
Drupal
Typo3
Taper les noms des
répertoires en
minuscules
sans espace
sans lettres accentuées
@CRDP Rouen

6. CMS INSTALLATION BDD Dans MAMP, créer une base de données
14 novembre 2012
Le répertoire C’est à cet endroit que seront stockées les tables du CMS et également vos contenus à
venir.
«bd» Le plus rapide, aller dans le répertoire «db» de MAMP
Joomla
SPIP
Puis dans mysql de «db»
Wordpress
Drupal
Typo3
et enfin dans «mysql», créer un répertoire joomla
@CRDP Rouen

7. CMS INSTALLATION JOOMLA Démarrage de : Apache et MySQL
14 novembre 2012
Démarrage
des serveurs en
«localhost»
Cette étape sert à Tous le serveurs doivent passer en vert
paramétrer
la phase finale
de l’installation
Il faut pour cette action ouvrir
l’application MAMP et cliquer sur
@CRDP Rouen «Démarrer les serveurs»

8. CMS INSTALLATION JOOMLA Ouvrir la page d’accueil dans MAMP
14 novembre 2012
Conguration dans
le navigateur web
pour terminer
l’installation
Cette étape sert à Vous devez voir cela
renseigner tout ce qui a été
fait précédemment
Cette action vous redirige vers votre
navigateur web
@CRDP Rouen

9. CMS INSTALLATION JOOMLA Donnez le chemin de votre CMS dans le champ
14 novembre 2012
Conguration url de votre navigateur
Vous voyez ce champ
dans le navigateur
web pour terminer
l’installation Il faut maintenant le renseigner de cette façon en supprimant
MAMP/?language=French
Cette étape sert à
renseigner tout ce qui a été
fait précédemment Valider et vous obtenez
@CRDP Rouen

10. CMS INSTALLATION JOOMLA Choisir la langue
14 novembre 2012
Configuration passer les 2 prochaines pages et renseigner
dans votre celle-ci (avant-dernière étape indispensable !)
navigateur web Vous voyez :
pour terminer Choisir «Mysql» et non
l’installation «MySQLi» comme type de
base de données
Cette étape sert
à renseigner laisser «localhost»
tout ce qui a été fait
précédemment pour voir Mettre «root» (en minuscules)
maintenant votre site en en nom d’utilisateur
local sur votre ordinateur
Mettre «root» (en minuscules)
en mot de passe
Mettre «joomla» (en
minuscules) pour le nom de la
base de données
et laisser par défaut le préfixe
de tables
@CRDP Rouen
Passer l’étape FTP et compléter le nom du site et ne pas
oublier de supprimer le répertoire d’installation

11. CMS INSTALLATION SPIP Adopter la même logique pour installer SPIP
14 novembre 2012
A ce moment,
vous avez installé
votre premier cms
Il faudra renseigner le champ
Je vous laisse (pour l’url)
de cette façon
découvrir ces fabuleux
outils créés pour réaliser
«localhost:8888/spip/ecrire»
des sites web
pour l’installer SPIP
Bons tests !
@CRDP Rouen