Présenté par
YAHYA MOHIB & YOUSSEF OUDRA
& SOUFIAN BADR
Plan
C’est quoi Drupal
Processus de setup pour drupal
Présentation de la Plateforme Drupal avec un petit projet
L'Architecture de Drupal et la structure des fichiers
Drupal est un système de gestion de contenu (CMS) libre et open-source publié sous la licence
publique générale GNU et écrit en PHP. Il permet la création et l'entretien de sites Web de
manière plus rapide et plus efficace que la mise en œuvre d'une arborescence de pages
HTML/CSS classique.
C’est quoi Drupal
Historique
Origines (2000) :Drupal a été créé comme un simple forum pour permettre à un
groupe d'amis de discuter en ligne. Ce projet est né à l'université d'Anvers, en
Belgique, sous l'initiative de Dries Buytaert.
Évolution vers un CMS :Ce qui a commencé comme un forum s'est transformé en
un outil d'assemblage rapide de sites web ("rapid website assembler"), capable de
créer facilement des sites dynamiques.
Le nom "Drupal" :Le mot "Drupal" vient de druppel, qui signifie goutte en
néerlandais.
Succès croissant (2009) :Drupal a été reconnu comme le meilleur CMS open-source en
PHP par un concours organisé par la société britannique Packt. À cette époque, 500 000
sites utilisaient Drupal.
Progression mondiale (2010) :Angela Byron, développeuse clé du projet, a
annoncé que 1 % des sites web dans le monde utilisaient Drupal. Cela montre
sa montée en popularité.
Statut en 2018 :Drupal était utilisé par 3,5 % des sites web mondiaux, se plaçant au 3ᵉ
rang des CMS les plus populaires, après WordPress et Joomla.
Exemples de Sites Réputés Créés avec Drupal
PHP FRAMEWORK PHP CMS
FRAMEWORK OR CMS:
Les avantages de drupal :
open-source:Drupal est une plateforme open-source, ce qui signifie que son code est
librement accessible et modifiable par la communauté . Cela permet aux utilisateurs
et développeurs d'adapter, d'améliorer et de personnaliser Drupal selon leurs besoins.
Multisite : Multisite désigne la capacité de Drupal à gérer plusieurs sites web distincts en
utilisant une seule installation de Drupal.
Multidatabase: dans Drupal signifie que le CMS peut interagir avec plusieurs bases de
données, soit pour stocker ses données, soit pour accéder à d'autres données externes.
Multilanguage est la capacité de Drupal à gérer plusieurs langues pour le contenu et
l’interface utilisateur.
Sécurité:Les nouvelles versions de Drupal corrigent les vulnérabilités en renforcent la
sécurité en intégrant des protections avancées contre les menaces modernes. En
revanche, utiliser une version ancienne ou non supportée expose à des risques importants,
car elle ne bénéficie plus de mises à jour ni de correctifs de sécurité.
les exigences de drupal:
Server web: Database server:
Version php compatible avec la version drupal:
11
Composer est un gestionnaire de dépendances pour PHP.
Il permet d’automatiser l’installation, la mise à jour et la gestion des
bibliothèques ou Framework nécessaires à vos projets PHP.
Composer garantit que toutes les dépendances(bibliothèques externes ou
outils supplémentaires) de votre projet sont compatibles entre elles.
Processus de setup pour drupal
1.Allez sur le site officiel : https://getcomposer.org.
2.Téléchargez le fichier Composer-Setup.exe (pour Windows).
3.Installez Composer en suivant l’interface graphique
Méthode 1 : Installation via le site officiel
Téléchargez le script d'installation de Composer :
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
Cette commande télécharge le fichier composer-setup.php depuis le site officiel de Composer, qui est utilisé pour
installer Composer.
Installez Composer :
php composer-setup.php
Cette commande exécute le script téléchargé pour installer Composer sur votre machine, créant le fichier
composer.phar.
Méthode 2: Installation via le cmd
Création d'un Projet Drupal avec Composer
Deplacement du projet dans le dossier htdocs de XAMPP
composer create-project drupal/recommended-project drupal_projet
Activation d’Apache et Mysql servers de XAMPP
Access a Drupal via le Navigateur
Le Dossier web dans Drupal
Le dossier web contient la structure publique de notre projet Drupal, incluant tous les
fichiers nécessaires au fonctionnement du site via le navigateur.
Dossier Web
Initialization de drupal:
L'Architecture de Drupal
1.Données (Nodes, etc.) :Les contenus que tu crées dans Drupal, comme les articles, les pages, ou tout
autre type de contenu.Où ils sont stockés :Dans la base de données table=> node_field_data.
3.Blocks et Menus :Les blocks sont des éléments visuels qui affichent des informations ou fonctionnalités
sur une page. Les menus permettent de naviguer dans le site.
2.Modules : Ajoutent des fonctionnalités au site et définissent ce que Drupal peut faire
Types :
Core : Exemple : block(Gestion des blocs sur les pages), Search(ne fonctionnalité de recherche sur votre site),Menu
Contribué: Exemple : Webform (créer des formulaires personnalisés).
Custom : Exemple : Un module pour afficher des promotions spécifiques.
5.Templates : Définissent l'apparence du site et contrôlent comment les données et blocs sont
affichés à l’écran. Drupal utilise le système de thèmes basé sur moteur de template (Twig),
permettant un rendu spécifique pour chaque page ou type de contenu.
4.Permissions des utilisateurs:Drupal gère les utilisateurs par rôles, chacun ayant des
permissions spécifiques.
Exemple : L'administrateur a tous les droits, le rédacteur peut ajouter/modifier des articles.
Les données (Nodes): sont créées et stockées dans la
base de données.
Les modules :définissent comment ces données
peuvent être manipulées ou affichées.
Les blocks et menus :servent à organiser et à afficher
ces données sur différentes parties de la page.
Les permissions :utilisateurs contrôlent qui peut voir ou
modifier ces données et paramètres.
Les templates :gèrent l'apparence finale des données,
des blocs, et des menus.
Comment ces étapes interagissent :
Structure des fichiers:
My_drupal_project
Web
sites modules core
themes
themes
Vendor
default
settings.php
profiles modules
Index.php
END

DRUPAL-CMS-PRESENTATION-WEB2-miniprojet.pptx

  • 2.
    Présenté par YAHYA MOHIB& YOUSSEF OUDRA & SOUFIAN BADR
  • 3.
    Plan C’est quoi Drupal Processusde setup pour drupal Présentation de la Plateforme Drupal avec un petit projet L'Architecture de Drupal et la structure des fichiers
  • 4.
    Drupal est unsystème de gestion de contenu (CMS) libre et open-source publié sous la licence publique générale GNU et écrit en PHP. Il permet la création et l'entretien de sites Web de manière plus rapide et plus efficace que la mise en œuvre d'une arborescence de pages HTML/CSS classique. C’est quoi Drupal Historique Origines (2000) :Drupal a été créé comme un simple forum pour permettre à un groupe d'amis de discuter en ligne. Ce projet est né à l'université d'Anvers, en Belgique, sous l'initiative de Dries Buytaert. Évolution vers un CMS :Ce qui a commencé comme un forum s'est transformé en un outil d'assemblage rapide de sites web ("rapid website assembler"), capable de créer facilement des sites dynamiques. Le nom "Drupal" :Le mot "Drupal" vient de druppel, qui signifie goutte en néerlandais.
  • 5.
    Succès croissant (2009):Drupal a été reconnu comme le meilleur CMS open-source en PHP par un concours organisé par la société britannique Packt. À cette époque, 500 000 sites utilisaient Drupal. Progression mondiale (2010) :Angela Byron, développeuse clé du projet, a annoncé que 1 % des sites web dans le monde utilisaient Drupal. Cela montre sa montée en popularité. Statut en 2018 :Drupal était utilisé par 3,5 % des sites web mondiaux, se plaçant au 3ᵉ rang des CMS les plus populaires, après WordPress et Joomla.
  • 6.
    Exemples de SitesRéputés Créés avec Drupal
  • 7.
    PHP FRAMEWORK PHPCMS FRAMEWORK OR CMS:
  • 8.
    Les avantages dedrupal : open-source:Drupal est une plateforme open-source, ce qui signifie que son code est librement accessible et modifiable par la communauté . Cela permet aux utilisateurs et développeurs d'adapter, d'améliorer et de personnaliser Drupal selon leurs besoins. Multisite : Multisite désigne la capacité de Drupal à gérer plusieurs sites web distincts en utilisant une seule installation de Drupal. Multidatabase: dans Drupal signifie que le CMS peut interagir avec plusieurs bases de données, soit pour stocker ses données, soit pour accéder à d'autres données externes. Multilanguage est la capacité de Drupal à gérer plusieurs langues pour le contenu et l’interface utilisateur. Sécurité:Les nouvelles versions de Drupal corrigent les vulnérabilités en renforcent la sécurité en intégrant des protections avancées contre les menaces modernes. En revanche, utiliser une version ancienne ou non supportée expose à des risques importants, car elle ne bénéficie plus de mises à jour ni de correctifs de sécurité.
  • 9.
    les exigences dedrupal: Server web: Database server: Version php compatible avec la version drupal: 11
  • 10.
    Composer est ungestionnaire de dépendances pour PHP. Il permet d’automatiser l’installation, la mise à jour et la gestion des bibliothèques ou Framework nécessaires à vos projets PHP. Composer garantit que toutes les dépendances(bibliothèques externes ou outils supplémentaires) de votre projet sont compatibles entre elles. Processus de setup pour drupal
  • 11.
    1.Allez sur lesite officiel : https://getcomposer.org. 2.Téléchargez le fichier Composer-Setup.exe (pour Windows). 3.Installez Composer en suivant l’interface graphique Méthode 1 : Installation via le site officiel
  • 12.
    Téléchargez le scriptd'installation de Composer : php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" Cette commande télécharge le fichier composer-setup.php depuis le site officiel de Composer, qui est utilisé pour installer Composer. Installez Composer : php composer-setup.php Cette commande exécute le script téléchargé pour installer Composer sur votre machine, créant le fichier composer.phar. Méthode 2: Installation via le cmd
  • 13.
    Création d'un ProjetDrupal avec Composer Deplacement du projet dans le dossier htdocs de XAMPP composer create-project drupal/recommended-project drupal_projet
  • 14.
    Activation d’Apache etMysql servers de XAMPP Access a Drupal via le Navigateur
  • 15.
    Le Dossier webdans Drupal Le dossier web contient la structure publique de notre projet Drupal, incluant tous les fichiers nécessaires au fonctionnement du site via le navigateur. Dossier Web
  • 16.
  • 22.
    L'Architecture de Drupal 1.Données(Nodes, etc.) :Les contenus que tu crées dans Drupal, comme les articles, les pages, ou tout autre type de contenu.Où ils sont stockés :Dans la base de données table=> node_field_data. 3.Blocks et Menus :Les blocks sont des éléments visuels qui affichent des informations ou fonctionnalités sur une page. Les menus permettent de naviguer dans le site. 2.Modules : Ajoutent des fonctionnalités au site et définissent ce que Drupal peut faire Types : Core : Exemple : block(Gestion des blocs sur les pages), Search(ne fonctionnalité de recherche sur votre site),Menu Contribué: Exemple : Webform (créer des formulaires personnalisés). Custom : Exemple : Un module pour afficher des promotions spécifiques.
  • 23.
    5.Templates : Définissentl'apparence du site et contrôlent comment les données et blocs sont affichés à l’écran. Drupal utilise le système de thèmes basé sur moteur de template (Twig), permettant un rendu spécifique pour chaque page ou type de contenu. 4.Permissions des utilisateurs:Drupal gère les utilisateurs par rôles, chacun ayant des permissions spécifiques. Exemple : L'administrateur a tous les droits, le rédacteur peut ajouter/modifier des articles.
  • 24.
    Les données (Nodes):sont créées et stockées dans la base de données. Les modules :définissent comment ces données peuvent être manipulées ou affichées. Les blocks et menus :servent à organiser et à afficher ces données sur différentes parties de la page. Les permissions :utilisateurs contrôlent qui peut voir ou modifier ces données et paramètres. Les templates :gèrent l'apparence finale des données, des blocs, et des menus. Comment ces étapes interagissent :
  • 25.
    Structure des fichiers: My_drupal_project Web sitesmodules core themes themes Vendor default settings.php profiles modules Index.php
  • 26.