Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

01 02 Objectifs Mettre en ligne un site internet professionnel avec l’appui du

01 02 Objectifs Mettre en ligne un site internet professionnel avec l’appui du CMS Drupal. Drupal Qu'est-ce que Drupal ? 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 : 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 : RETROUVEZ L’INTÉGRALITÉ DES COURS SUR EPROJET.FR EVOGUE.FR LIAM TARDIEU Il faut cliquer sur enregistrer pour que Drupal soit téléchargé. 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 : 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 : Une fois sur la page d'accueil de Wamp localhost, cliquez sur votre projet "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" : Le système vous propose la langue dans laquelle vous souhaitez installer Drupal : Nous choisissons la langue française. Vous arrivez sur l'étape qui vous permet de relier Drupal à une Base de données. Cliquez sur l'icone de Wamp et accèdez à PhpMyAdmin : 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). La base de données apparait dans la liste de la colonne de gauche. Retourner sur l'onglet d'installation Drupal et saisissez les informations suivantes : 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 : L 'importation des traductions peut prendre du temps : 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 BackOfﬁce. Une fois que l'installation est faite, vous pouvez visiter votre nouveau site. 03 Drupal se présente de cette façon la toute première fois : Le BackOffice de Drupal est représenté par les barres noires et grise en haut d'écran. 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. Choisir un hébergement Choisir un hébergement Un hébergeur permet de supporter votre site et le rendre accessible au monde entier 24h/24 et 7j/7. Il existe plusieurs hébergeurs, des gratuits et des payants. PlanetHoster et OVH sont deux hebergeurs que j'ai l'habitude d'utiliser et dont je suis satisfait. Voici l'exemple avec "OVH" sur google : Vous pouvez vérifier si le nom de domaine que vous souhaitez prendre est disponible : Pour un premier hébérgement, vous pouvez selectionner la 1ère offre (moins chère). Cet hébérgement vous fera profiter d'un espace de stockage, d'un serveur web, d'une base de données, d'adresse email, etc. Rien ne vous empêchera de changer d'hébergement en cours de route. Cela devrait vous coûter un peu moins de 30 € pour 1 année (tarif ovh hebergement perso mars 2015 : 28.66 € / an). Cliquez sur le bouton "Commander" et vous arriverez sur l'étape où il faudra choisir votre nom de domaine (adresse url par laquelle les internautes se connecteront) : Une fois que vous avez choisi votre nom de domaine il va falloir faire attention à ne pas souscrire à des services additionnels si vous n'en avez pas besoin ! On continue l'inscription ... Voici le bon de commande : OVH va vous demander vos informations personnelles : Finir l'inscription et procéder au paiement (par carte bancaire, paypal, etc). Se connecter par Manager sur son hébérgeur Pour se connecter à votre hebergeur, vous devez trouver l'espace client. Voici un exemple pour OVH : Dans votre interface, vous devez trouver la zone SQL permettant la gestion de la base de données : 04 Créez une base de données : Accèdez à PhpMyAdmin pour gérer la base de données : Héberger son site drupal avec un nom de domaine Avant d'installer drupal sur internet, il vous faut un hébérgement. Si vous avez suivi l'étape précédente en validant le paiement, vous devriez avoir reçu un email avec les informations suivantes : Le nom de domaine 1 - Identifiants FTP hôte : Identifiant : Mot de passe : Type de connexion et port si nécessaire 2 - Manager (Hébergeur) Url : Identifiant : Mot de passe : 3 - Base de données Url (PMA) : Identifiant : Mot de passe : Serveur : Installation automatisée : Se servir de l'installeur de sites web Que vous soyez chez PlanetHoster, Ovh, ou un autre hébérgeur, ils proposent presque tous l'installation de sites web via un installeur. Avec cette technique, vous aurez un site web drupal déployé très rapidement. Je vous la recommande, sinon vous devrez passer par une installation manuelle. Installation manuelle : Se connecter par FTP sur son hébérgeur Pour passer du contenu sur le web, il faudra vous munir d'un logiciel FTP type FileZilla (ou autre) : 05 Téléchargez et installez FileZilla sur votre ordinateur. Lancez FileZilla : Vous devez rentrer les informations indispensables et une fois connecté, pensez à rentrer dans le dossier "www" ou "public" pour transférer des données de votre ordinateur vers votre espace web. Transférer son site drupal Exporter son site Si votre site web drupal existe déjà (par exemple en local) et que vous souhaitez le transférer (en ligne), vous devrez récupérer et copier votre dossier drupal étant présent dans le repertoire www de Wamp : Il est également nécessaire de récupérer la base de données. Pour exporter la base de données, rentrons dans PHPMYADMIN en cliquant sur l'icone de Wamp : Une fois dans PhpMyAdmin, vous devez cliquer sur votre base de données uploads/s3/ drupal-support.pdf