CMS AVERTISSEMENT

@CRDP Rouen

14 n

ove

mb

re 2

012

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

ChristianCRDP académie de Rouen

Système de

Gestion de

Contenu

destiné à la conception de sites web

Les CMS sont destinés à la conception et à la mise à jour dynamique de sites web ou d'applications multimédia.

Les principales fonctionnalités :• 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 ;• 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.) ;• 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 Systemou

SGC = Système de Gestion de Contenu

CMS DEFINITION

@Christian Ch.

CR

DP

aca

dém

ie d

e R

oue

n

?

Choix du CMS

exemple :

SPIP

Joomla

Wordpress

Drupal

Typo3

Il existe de très nombreux CMS (+ de 300)

Nous en utiliserons 2 dans ce mini-tutoriel.

Nous allons installer ces logiciels pour travailler en local, sans hébergement, afin de tester différents produits.Nous aurons besoin d’applications supplémentaires en dehors des cms sélectionnés pour installer des serveurs virtuels.

L’environnement de test se faisant sous Mac, MAMP est donc un choix pratique pour cette démonstration. (MAMP installe des serveurs Apache et MySQL).Définition de MAMP : MAC, APACHE, MySQL, PHP.

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).

Je prendrai pour ce tutoriel les CMS Joomla et SPIP pour comprendre comment fonctionnent cet ensemble d’outils.

Rappel :Installer MAMP

Installer JOOMLAEt on fera de même pour SPIP après cet exemple

CMS AVANT PROPOS

@CRDP Rouen

14 n

ove

mb

re 2

012

Télécharger

MAMP http://bit.ly/c73pgn

Joomla http://bit.ly/RGOWmM

SPIPhttp://bit.ly/RGPnh2

Décompresser l’archive MAMP pour l’installer sur votre ordinateur.

Suivez la procédure décrite par le créateur de ce produit.

Conseils :

Créer des raccourcis sur votre environnement pour vous en faciliter la navigation

Dans MAMP créer le raccourci de l’application dans le dock

CMS TELECHARGER

@CRDP Rouen

14 n

ove

mb

re 2

012

Le répertoire

«htdocs»

Joomla

SPIP

Wordpress

Drupal

Typo3

CMS INSTALLATION HTDOCS

@CRDP Rouen

14 n

ove

mb

re 2

012 Dans MAMP, il faut placer tout le contenu

désarchivé du CMS dans le répertoire «htdocs»

Pour cela, créer un répertoire nommé joomla dans htdocs

Dans le répertoire joomla placer tout le contenu de joomla désarchivé

Taper les noms des répertoires en

minuscules sans espace

sans lettres accentuées

Le répertoire

«bd»Joomla

SPIP

Wordpress

Drupal

Typo3

CMS INSTALLATION BDD

@CRDP Rouen

14 n

ove

mb

re 2

012 Dans MAMP, créer une base de données

C’est à cet endroit que seront stockées les tables du CMS et également vos contenus à venir.

Le plus rapide, aller dans le répertoire «db» de MAMP

Puis dans mysql de «db»

et enfin dans «mysql», créer un répertoire joomla

Démarrage

des serveurs en

«localhost»

Cette étape sert à paramétrer

la phase finale de l’installation

CMS INSTALLATION JOOMLA

@CRDP Rouen

14 n

ove

mb

re 2

012 Démarrage de : Apache et MySQL

Tous le serveurs doivent passer en vert

Il faut pour cette action ouvrir l’application MAMP et cliquer sur

«Démarrer les serveurs»

Conguration dans

le navigateur web

pour terminer

l’installation

Cette étape sert à renseigner tout ce qui a été

fait précédemment

CMS INSTALLATION JOOMLA

@CRDP Rouen

14 n

ove

mb

re 2

012 Ouvrir la page d’accueil dans MAMP

Vous devez voir cela

Cette action vous redirige vers votre navigateur web

Conguration

dans le navigateur

web pour terminer

l’installation

Cette étape sert à renseigner tout ce qui a été

fait précédemment

CMS INSTALLATION JOOMLA

@CRDP Rouen

14 n

ove

mb

re 2

012 Donnez le chemin de votre CMS dans le champ

url de votre navigateur

Vous voyez ce champ

Il faut maintenant le renseigner de cette façon en supprimant MAMP/?language=French

Valider et vous obtenez

Configuration dans votre

navigateur web pour terminer l’installation

Cette étape sert à renseigner

tout ce qui a été fait précédemment pour voir maintenant votre site en local sur votre ordinateur

CMS INSTALLATION JOOMLA

@CRDP Rouen

14 n

ove

mb

re 2

012 Choisir la langue

passer les 2 prochaines pages et renseigner celle-ci (avant-dernière étape indispensable !)

Vous voyez :

Passer l’étape FTP et compléter le nom du site et ne pas oublier de supprimer le répertoire d’installation

Choisir «Mysql» et non «MySQLi» comme type de base de données

laisser «localhost»

Mettre «root» (en minuscules) en nom d’utilisateur

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

A ce moment,vous avez installévotre premier cms

Je vous laisse

découvrir ces fabuleux

outils créés pour réaliser

des sites web

CMS INSTALLATION SPIP

@CRDP Rouen

14 n

ove

mb

re 2

012 Adopter la même logique pour installer SPIP

Il faudra renseigner le champ (pour l’url)

de cette façon

«localhost:8888/spip/ecrire»

pour l’installer SPIP

Bons tests !