Installation Et Configuration

Temps d'étude : 1h. Niveau : Facile.
Tags : Installation Et Configuration
Fichier(s) utile(s) pour ce cours : /
Objectifs
fléche Mettre en ligne un site internet professionnel avec l’appui du CMS Drupal.

Qu'est-ce que Drupal ?

explications wordpress Le CMS Drupal permet la conception et la mise à jour dynamique de sites Web. Drupal comme pour les autres CMS est composé d'un simple dossier regroupant plusieurs fichiers (principalement : php, sql, javascript, html, css, xml, txt, etc.).

L'un des principaux avantages liés à l'utilisation de Drupal c'est d'avoir un site web Front et une interface de gestion Back pré-établit avec des milliers de plugins pouvant être ajoutés et configurés pour vous mener à la réalisation du site de votre choix sans connaissance technique avancée.

Avec un CMS comme Drupal nous pouvons créer des sites web : vitrine, blog, forum, ecommerce, etc. il n'y a pas de limite. Si l'on possède quelques connaissances techniques, nous pourrons personnaliser au maximum un site de manière à le rendre « sur mesure, au pixel près ».

Il existe beaucoup d'autres CMS, les principaux sont : drupal, Drupal, Joomla, Magento, Prestashop, Typo3, EzPublish, Spip, Wix (en ligne), Dotclear, etc.

Comment installer Drupal sur son ordinateur en local ?

Pour télécharger Drupal et l'installer en local sous Wamp, il faut ouvrir son navigateur et accèder à google.fr pour saisir "Drupal" dans la case de recherche :

explications drupal

Une fois que vous êtes sur le site officiel http://drupalfr.org/, nous récupérons la dernière version (v 7.x) en français :
explications drupal

Il faut cliquer sur enregistrer pour que Drupal soit téléchargé.
explications drupal

Une fois que Drupal est téléchargé, vous pouvez le retrouver dans la partie "Téléchargements" (ou l'endroit que vous aurez choisi dans votre ordinateur).

Effectuez un clic droit sur l'archive drupal, le logiciel Winrar permet d'avoir l'option "extraire ici / extract here", sinon windows devrait proposer l'option "extraire tout", Cela vous donnera un dossier "exploitable" du même nom.

Lancez Wamp (l'icone doit être verte) et accèder au Repertoire www :

explications drupal

Déplacez ou copier/coller le dossier Drupal dans le Repertoire www de Wamp et renommez le dossier drupal7.x en drupal.

Avant d'installer Drupal, vous devez vous assurer que :

  • Rewrite Module soit bien activé : Cliquez sur l'icone de wamp Apache > Apache modules > Rewrite Module (active les urls simplifiée).
    Cela permettra de travailler avec des urls simplifiées.

  • max_execution_time soit assez long : Cliquez sur l'icone de wamp Php > Php.ini > max_execution_time (relevez la limite de 30 à 900). pour eviter des problèmes lors de l'installation.
    Cela permettra au serveur d'exécuter plus longtemps (l'installation peut être longue - environ 5 à 10 minutes - à cause des traductions)

  • drupal_set_time_limit(240) soit assez long : il faut se rendre dans l'installation du dossier drupal, plus précisément dans /includes/locale.inc à la ligne 635 et relever la limite de 240 à 900. Ce qui donne drupal_set_time_limit(900);
    Cela permettra à Drupal de ne pas stopper l'exécution de la page au bout de 240 secondes


Accèdez à l'adresse (url) permettant de consulter les projets dans le navigateur :
explications drupal

Une fois sur la page d'accueil de Wamp localhost, cliquez sur votre projet "drupal" :
explications drupal

Lors de la première étape d'installation, 2 choix s'offrent à vous :

  • L'installation Standard : plusieurs modules présents et pré-configurés

  • L'installation Minimum : seulement quelques modules présents

Pour poursuivre, nous allons conserver le choix de l'installation "Standard" et cliquer sur le bouton "Save and Continue" :

explications drupal

Le système vous propose la langue dans laquelle vous souhaitez installer Drupal :

explications drupal

Nous choisissons la langue française.

Vous arrivez sur l'étape qui vous permet de relier Drupal à une Base de données.
explications drupal

Cliquez sur l'icone de Wamp et accèdez à PhpMyAdmin :

explications drupal

Cliquez sur l'onglet Base de données puis saisissez "drupal" (si vous choisissez un autre nom de base de données, pensez à ne pas mettre de majuscule, espace ou accent).



explications drupal

La base de données apparait dans la liste de la colonne de gauche.
explications drupal

Retourner sur l'onglet d'installation Drupal et saisissez les informations suivantes :
explications drupal

  • Base de données : drupal (il s'agit de la base de données créée préalablement dans PhpMyAdmin, le gestionnaire de Base de Données)
  • Identifiant : root (c'est le pseudo par défaut dans wamp)
  • Mot de passe : (attention sous windows et wamp il faudra vider la case de son contenu, sous Mamp il faudra saisir "root").
  • Adresse de la base de données : localhost
L'installation démarre :

explications drupal

L'importation des traductions peut prendre du temps :

explications drupal

fléche Attention
ne surtout pas recharger la page (F5) pendant cette période, il faut patienter... patienter...
N'hesitez pas à aller vous faire un café (ou plusieurs cafés =D) si vous trouver le temps trop long et que la barre de progression semble figée.


Ensuite vous devrez rentrer certaines informations concernant votre site web :

Vous pourrez revenir sur ces informations plus tard.
Pensez à bien noter le mot de passe que vous choisirez car il vous permettra d'accèder à votre BackOffice.

explications drupal

Une fois que l'installation est faite, vous pouvez visiter votre nouveau site.

explications drupal

Drupal se présente de cette façon la toute première fois :

explications drupal

fléche Le BackOffice de Drupal est représenté par les barres noires et grise en haut d'écran.

fléche Le FrontOffice de Drupal est en dessous de ces deux barres.

Le BackOffice apparait par dessus le Front, cela permet d'avoir une seule fenêtre (un seul onglet dans le navigateur) pour les 2 côtés (back & front), ce qui permet une actualisation automatique sur le front en cas de modification via le back.

Ce système (Overlay) peut être désactivé si vous préférez garder 2 parties distinctes entre le Front et le BackOffice de Drupal.