Présentation
Drupal 7 pour les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blo...
Plan
• Présentation du formateur
• Qu’est-ce que c’est Drupal 7 ?
• Quels sites utilisent Drupal 7 ?
• Le plan de formatio...
Présentation du formateur
• Yoann LESOUEF
• yoann.lesouef@leanid.fr
• Consultant / Formateur Drupal
• Développement, Intég...
Qu’est-ce que c’est Drupal 7 ?
• Système de Gestion de Contenu (abrégé CMS en anglais)
• Libre et Open Source
• Forte comm...
Quels sites utilisent Drupal 7 ?
• Les grands Groupes (Vinci, Orange, ...)
• Les médias nationaux et internationaux (Le Mo...
Le plan de formation
1. Présentation de la Formation
2. Introduction à Drupal
3. L’installation de Drupal
4. L’interface d...
Public concerné
• Plus de 1 000 000 personnes dans le monde utilisent Drupal
• Les développeurs
• Les bloggers
• Les webma...
Connaissances requises
• Pour les utilisateurs : aucun pré-requis
• Pour les webmasters :
HTML
CSS
• Pour les développeurs...
Liens des ressources logicielles
https://www.drupal.org/
https://www.drupal.org/drupal-7.0/fr
http://drupalfr.org/
Drupal ...
Les autres formations dév sur Alphorm
Drupal 7 pour les utilisateurs alphorm.com™©
Les autres formations dév sur Alphorm
Drupal 7 pour les utilisateurs alphorm.com™©
Are you ready ? ☺
Drupal 7 pour les utilisateurs alphorm.com™©
Créer un site de recettes
Présentation de notre projet
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alph...
Plan
• Notre Objectif
• Notre site : recette-cuisine.fr
• La structure de notre site
• Le design de notre site
Drupal 7 po...
Notre Objectif
• Créer un site de recette de cuisine
Créer et afficher des recettes classées par thèmes, région, niveau, n...
Notre site : recette-cuisine.fr
Drupal 7 pour les utilisateurs alphorm.com™©
La structure de notre site
• 1 recette = 1 contenu = 1 Nœud
• 1 recette peut être classée dans différentes catégories Taxo...
Le design de notre site
• Un design à notre image ! Mais ne réinventons pas la roue …
• Choisir un thème déjà existant
• C...
Ce qu’on a couvert
• L’objectif de la formation
• L’explication d’un cas concret réalisé tout au long de la formation
Drup...
Créer des sites web
Introduction à Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blo...
Plan
• Comment fonctionne un site Internet ?
• Les différentes stratégies de création
• C’est quoi un CMS ?
• Quels sont l...
Comment fonctionne un site Internet ?
Ordinateur
Page HTML, CSS
Drupal 7 pour les utilisateurs alphorm.com™©
Serveur
Les différentes stratégies de création
• Créer de 0 … en HTML et CSS
• Utiliser des plateformes toutes faites sur Internet...
C’est quoi un CMS ?
• Système de Gestion de Contenu = Content Management System
• Un site prêt à l’emploi sans avoir besoi...
Quels sont les CMS et leurs spécificités
• De nombreux CMS existent et sont disponibles
• Mais 3 sont fréquemment cités: J...
Ce qu’on a couvert
• Explication de l’intérêt d’utiliser un CMS
Drupal 7 pour les utilisateurs alphorm.com™©
Introduction à Drupal
Introduction au CMS
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog ...
Plan
• Origine de Drupal
• Les fonctionnalités de Drupal
• Les distributions Drupal
• La communauté
Drupal 7 pour les util...
Origine de Drupal
• Créé en 2000 à l’université d’Anvers en Belgique par Dries Buytaert
• En 2009, 500 000 sites déjà déve...
Les fonctionnalités de Drupal
• Du contenu flexible
• Un contrôle parfait de ce qui apparaît à l’écran
• Une interface d’a...
Les distributions Drupal
Pour faire gagner du temps … ! Plus de 850 distributions disponibles …
• Commerce KickStart : cré...
La communauté
En 2014 :
• Plus d’1 millions d’utilisateurs
• Plus de 30 000 développeurs
• Plus de 2 000 codes ajoutés cha...
Des exemples de sites réalisés avec Drupal
Allons voir le site
officiel Drupal !
Drupal 7 pour les utilisateurs alphorm.co...
Ce qu’on a couvert
• Une vue synthétique du CMS Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Introduction à Drupal 7
Le potentiel de Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
...
Plan
• Le positionnement de Drupal
• Les points forts
• Drupal pour les développeurs ?
Drupal 7 pour les utilisateurs alph...
Le positionnement de Drupal
Drupal, un outil flexible et
robuste.
Souvent sélectionné par les responsables
Drupal 7 pour l...
Les points forts
• La sécurité
• La scalabilité (évolutivité)
• Une architecture flexible et extensible
• Design souple
Dr...
Drupal pour les développeurs ?
• Une image coriace : une courbe d’apprentissage non négligeable
• Oui Drupal permet aux dé...
Ce qu’on a couvert
• L’intérêt d’utiliser Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Introduction à Drupal
Les concepts importants
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
B...
Plan
• 4 niveaux d’utilisation
• Les contenus
• Les utilisateurs et les rôles
• Les pages et les blocs
Drupal 7 pour les u...
4 niveaux d’utilisation
1. Tel quel : création de contenus, de pages, de blocs ,…. aspect standard
2. Personnalisation sim...
Les contenus
• 1 contenu = 1 nœud = 1 titre + 1 ou plusieurs contenus
• Les contenus peuvent être :
Du texte
Une date
Drup...
Les utilisateurs et les rôles
• Un utilisateur peut contenir différentes informations :
Email, téléphone, adresse, photo, ...
Les pages et les blocs
• Une page, au sens classique, correspond à un lien du menu Drupal
• 1 lien Drupal correspond à un ...
Les modules
• Les modules permettent d’étendre les
fonctionnalités :
Nouveaux champs
Affichage enrichie (image, vidéo, …)
...
Les thèmes
• Les thèmes gèrent l’apparence et la mise
en page de votre site
• Configurations :
Menus (Nombre, Positionneme...
Les hooks (pour les experts)
• Gestion des blocs
• Gestion des contenus
• Gestion des formulaires
• Gestion des menus
Un h...
Ce qu’on a couvert
• Les concepts importants du CMS Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Les pré-requis
L'installation de Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : ...
Plan
• Un serveur Web + une base de données
• Un navigateur
• Un éditeur
• Faut il maîtriser le HTML et le CSS ?
Drupal 7 ...
Un serveur Web + une base de données
Ordinateur
Page HTML, CSS
Drupal 7 pour les utilisateurs alphorm.com™©
• Le serveur p...
Un navigateur = un client
• Chrome, Firefox, Internet Explorer, Opera, Safari …
• Tester le fonctionnement
• Tester la com...
Un éditeur
Un éditeur est un logiciel conçu pour la
lecture, modification de fichiers contenant
du code (HTML, CSS, PHP, J...
Faut il maîtriser le HTML et le CSS ?
• HTML est le langage côté client qui contient à la fois le message et la
structure ...
Faut il maîtriser le PHP et le SQL ?
• PHP est le langage de programmation côté serveur qui permet de
traiter des tâches r...
Quid du javascript ?
• Javascript est un langage côté client qui permet d’intéragir avec la page
• Meilleure ergonomie
• E...
Un café ?
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• Les pré-requis d’apprentissage du CMS Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
L'installation de Drupal
Installation et utilisation
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphor...
Plan
• Téléchargement WAMP
Plateforme de développement Web sous Windows
Serveur Apache2, Langage PHP, Base de données MySQ...
Ce qu’on a couvert
• L’utilisation de WAMP
Drupal 7 pour les utilisateurs alphorm.com™©
L'installation de Drupal
L'installation d'une base
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm....
Plan
• Interaction avec WAMP
• Création d’une base de données
• Création d’une table
• Import / Export de tables
Drupal 7 ...
Ce qu’on a couvert
• L’installation d’une base de données
Drupal 7 pour les utilisateurs alphorm.com™©
L'installation de Drupal
Configuration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : h...
Plan
• Installation Notepad
• Téléchargement Drupal 7
• Installation
• Création d’un nom de domaine local
Drupal 7 pour le...
Ce qu’on a couvert
• L’installation de la première version de notre site de recette de cuisine
Drupal 7 pour les utilisate...
L'installation de Drupal
Autres installations possibles
(WebMatrix, Acquia Dev
Drupal 7 pour les utilisateurs alphorm.com™...
Plan
• WebMatrix
• Acquia Dev Desktop
• MAMP
Drupal 7 pour les utilisateurs alphorm.com™©
WebMatrix
Drupal 7 pour les utilisateurs alphorm.com™©
Acquia Dev Desktop
Drupal 7 pour les utilisateurs alphorm.com™©
MAMP
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• Présentation de 3 plateformes supplémentaires pouvant être utilisées
pour développer un site sous Dru...
La barre d'administration
L'interface d'administration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alph...
Plan
• Tableau de Bord
• Contenu
• Apparence
• Personnes
Drupal 7 pour les utilisateurs alphorm.com™©
• Modules
• Configur...
Ce qu’on a couvert
• Une vue synthétique de la barre d’administration Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Configuration du site
L'interface d'administration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm....
Plan
• Système
• Personnes
• Rédaction de contenu
• Média
• Recherche et Métadonnées
Drupal 7 pour les utilisateurs alphor...
Ce qu’on a couvert
• Les différentes possibilités de configuration d’un site Drupal 7
Drupal 7 pour les utilisateurs alpho...
Gestion des comptes
L'interface d'administration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.co...
Plan
• Paramétrage d’un compte
• Champ d’un compte
• Gestion de l’affichage
• Page profil
Drupal 7 pour les utilisateurs a...
Connexion / Inscription
Drupal 7 pour les utilisateurs alphorm.com™©
Page Profil
Drupal 7 pour les utilisateurs alphorm.com™©
Paramétrage d’un compte
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• Les concepts de gestion des comptes utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion du système
L'interface d'administration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com...
Plan
• Le système
• Régionalisation et Langue
• Développement
• Recherche et metadonnées
Drupal 7 pour les utilisateurs al...
Le système
Drupal 7 pour les utilisateurs alphorm.com™©
Régionalisation et Langue
Drupal 7 pour les utilisateurs alphorm.com™©
Développement
Drupal 7 pour les utilisateurs alphorm.com™©
Recherche et metadonnées
Drupal 7 pour les utilisateurs alphorm.com™©
Les services Web
Drupal 7 pour les utilisateurs alphorm.com™©
Tableau de Bord / Aide
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• Les principaux points de configuration du site, disponibles
via l’interface graphique Drupal 7, insta...
Gestion du contenu
L'interface d'administration
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com...
Plan
• Gérer les types de contenu
• Gérer les contenus
• Gérer des types de champs importants
Texte
Drupal 7 pour les util...
Gérer les types de contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Gérer les contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Gérer des types de champs importants
Drupal 7 pour les utilisateurs alphorm.com™©
La taxonomie
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• Les principales interfaces de gestion du contenu et des
champs installés par défaut sur Drupal 7
Drup...
Les entités
La gestion des contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http...
Plan
• Les types d’entités
• Les types de champ
• Les champs disponibles par défaut
Drupal 7 pour les utilisateurs alphorm...
Les types d’entités
Drupal 7 pour les utilisateurs alphorm.com™©
Nœud Utilisateur Taxonomie Commentaire
Les types de champ
Nœud
Drupal 7 pour les utilisateurs alphorm.com™©
Commentaire
Les champs disponibles par défaut
• Booléen
• Décimal
• Entier
• Fichier
• Réel
• Référence à un terme
• Texte
• Texte lon...
Ce qu’on a couvert
•La notion d’entité introduite par Drupal 7 et les
champs associés.
Drupal 7 pour les utilisateurs alph...
Créer un contenu
La gestion des contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog :...
Plan
• L’interface de création d’un contenu type nœud
• Les options de création du contenu
• L’affichage du contenu
• Appa...
L’interface de création
Drupal 7 pour les utilisateurs alphorm.com™©
Les options de création du contenu
Drupal 7 pour les utilisateurs alphorm.com™©
L’affichage
Drupal 7 pour les utilisateurs alphorm.com™©
Apparition du contenu en page d’accueil
Drupal 7 pour les utilisateurs alphorm.com™©
La modification du contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La notion de contenu type nœud sous Drupal 7 et
les différentes interfaces disponibles pour la
gestion...
Créer un type
La gestion des contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : ht...
Plan
• Création d’un type de contenu
• Définition des champs
Création du type de contenu Recette
Drupal 7 pour les utilisa...
Création d’un type de contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Définition des champs
Drupal 7 pour les utilisateurs alphorm.com™©
Création du type de contenu Recette
Drupal 7 pour les utilisateurs alphorm.com™©
Création des recettes
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La création d’un type de contenu et de contenus.
Drupal 7 pour les utilisateurs alphorm.com™©
La taxonomie
La gestion des contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : htt...
Plan
• Définition de la taxonomie Drupal 7
• Création / Edition de vocabulaires
• Lien vocabulaire / contenu
Drupal 7 pour...
Définition de la taxonomie Drupal 7
• La taxonomie est la science du classement et de l’organisation. Sous
Drupal 7, elle ...
Création / Edition de vocabulaires
Drupal 7 pour les utilisateurs alphorm.com™©
Lien vocabulaire / contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Création d’1 vocabulaire
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• La notion de taxonomie sous Drupal 7
• La notion de vocabulaire et de termes
Drupal 7 pour les utilis...
Les commentaires
La gestion des contenus
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog :...
Plan
• Gestion des commentaires
• Affichage des commentaires
• Création d’un commentaire
Drupal 7 pour les utilisateurs al...
Gestion des commentaires
Type de contenu
Contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Contenu
Affichage des commentaires
Drupal 7 pour les utilisateurs alphorm.com™©
Création d’un commentaire
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La notion des commentaires sous Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
La gestion des blocs
La structure du site
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog ...
Plan
• Découpage des pages en blocs
• Liste des blocs
• Configuration d’un bloc
• Création d’un nouveau bloc
Drupal 7 pour...
Découpage de la page en blocs
Drupal 7 pour les utilisateurs alphorm.com™©
Liste des blocs
Drupal 7 pour les utilisateurs alphorm.com™©
Configuration d’un bloc
Drupal 7 pour les utilisateurs alphorm.com™©
Création d’un bloc
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La notion des blocs sous Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
La gestion des URLs
La structure du site
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog :...
Plan
• Gestion des URLs
• Définition d’un menu sous Drupal 7
• Affichage d’un menu
• Liste des menus
Drupal 7 pour les uti...
Gestion des URLs
• Les contenus : recette-cuisine.fr/node/XXXX
• Mon profil : recette-cuisine.fr/user
• Le profil d’un uti...
Définition d’un menu sous Drupal 7
• Un menu regroupe plusieurs liens internes
• Un menu peut apparaître sous la forme d’u...
Affichage des menus
Drupal 7 pour les utilisateurs alphorm.com™©
Liste des menus
Drupal 7 pour les utilisateurs alphorm.com™©
Exemple d’un menu
Drupal 7 pour les utilisateurs alphorm.com™©
Liens principaux et secondaires
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La notion des menus sous Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
La structure des fichiers
La structure du site
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
...
Plan
• Arborescence des dossiers et fichiers
• Les fichiers et dossiers à connaître
Drupal 7 pour les utilisateurs alphorm...
Arborescence des dossiers et fichiers
Drupal 7 pour les utilisateurs alphorm.com™©
Les fichiers et dossiers à connaître
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La structure des fichiers et dossiers de Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Le cache
La structure du site
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www...
Plan
• C’est quoi le cache ?
• Gestion du cache
Drupal 7 pour les utilisateurs alphorm.com™©
C’est quoi le cache ?
• Le cache permet d’optimiser les performances d’un site à fort trafic en
sauvegardant les pages, bl...
Gestion du cache
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•L’interface de gestion du cache sous Drupal 7
Drupal 7 pour les utilisateurs alphorm.com™©
Activer un thème
Les thèmes
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www.a...
Plan
• Définition d’un thème
• Liste des thèmes disponibles
• Activer un thème
Drupal 7 pour les utilisateurs alphorm.com™©
Définition d’un thème
• Un thème est le terme officiel défini sous Drupal pour désigner un
gabarit, un template, un layout...
Liste des thèmes disponibles
Drupal 7 pour les utilisateurs alphorm.com™©
Activer un thème
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La notion d’un thème sous Drupal 7
•L’activation d’un thème
Drupal 7 pour les utilisateurs alphorm.com...
Comment choisir
Les thèmes
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www.al...
Plan
• Où trouver des thèmes?
• Choix d’un thème sur le site officiel
Drupal 7 pour les utilisateurs alphorm.com™©
Où trouver des thèmes ?
• Le site officiel : https://www.drupal.org/
• Des sites spécialisés dans le listing de thèmes :
h...
Choix d’un thème sur le site officiel
• Liste des fonctionnalités disponibles
• Responsive ?
• Nombre de fois installé
• N...
Ce qu’on a couvert
• Où trouver les thèmes sur Internet ?
• Comment sélectionner un thème
Drupal 7 pour les utilisateurs a...
Installer un thème
Les thèmes
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www...
Plan
• Télécharger un thème
• Installer le thème
• Structure du thème
• Activation du thème
Drupal 7 pour les utilisateurs...
Télécharger un thème
Drupal 7 pour les utilisateurs alphorm.com™©
Installer le thème
Drupal 7 pour les utilisateurs alphorm.com™©
Structure du thème
• css : fichiers décrivant le style, la mise en page, les effets
graphiques des pages du site
• images ...
Activation du thème
Drupal 7 pour les utilisateurs alphorm.com™©
Configuration du thème
Drupal 7 pour les utilisateurs alphorm.com™©
Bravo !
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•L’installation et la configuration d’un thème
Drupal 7 pour les utilisateurs alphorm.com™©
A quoi servent
Les modules
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www.al...
Plan
• C’est quoi un module ?
• Une des forces de Drupal
• Exemple : le module Webform
• Liste des modules déjà installés
...
C’est quoi un module ?
• Un module est un ensemble de fonctions permettant d’ajouter de
nouvelles fonctionnalités à un sit...
Une des forces de Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
Exemple : le module Webform
Drupal 7 pour les utilisateurs alphorm.com™©
Liste des modules déjà installés
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• La définition d’un module sous Drupal
• A quoi servent les modules
Drupal 7 pour les utilisateurs alp...
Installation et activation
Les modules
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : h...
Plan
• Téléchargement d’un module
• Installation d’un module
• Activation d’un module
• Installer la traduction
Drupal 7 p...
Téléchargement un module
Drupal 7 pour les utilisateurs alphorm.com™©
Installation d’un module
Drupal 7 pour les utilisateurs alphorm.com™©
Activation d’un module
Drupal 7 pour les utilisateurs alphorm.com™©
Installer la traduction
Drupal 7 pour les utilisateurs alphorm.com™©
Intéractions avec Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
• L’installation et activation d’un module
• Les interactions avec l’environnement Drupal
Drupal 7 pour...
Comment choisir
Les modules
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www.a...
Plan
• Classement du site officiel Drupal
• Analyse d’un module
• Les recommandations des internautes
• L’aide de Google …...
Classement du site officiel Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
Analyse d’un module
Drupal 7 pour les utilisateurs alphorm.com™©
Les recommandations des internautes
Drupal 7 pour les utilisateurs alphorm.com™©
L’aide de Google …
Drupal 7 pour les utilisateurs alphorm.com™©
Les réseaux sociaux
Drupal 7 pour les utilisateurs alphorm.com™©
Les rencontres locales
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•Comment choisir un module en rapport à ses
besoins
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion des utilisateurs
Les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog ...
Plan
• Liste des utilisateurs
• Gestion de création des comptes utilisateurs
• Relations automatiques avec les utilisateur...
Liste des utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion de création des comptes utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Relations automatiques avec les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Modification d’un compte
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La gestion des utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion des droits
Les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http...
Plan
• Liste des droits par rôle
• Les droits et le contenu
• Les droits et les utilisateurs
• Lien avec les modules
Drupa...
Liste des droits par rôle
Drupal 7 pour les utilisateurs alphorm.com™©
Les droits et le contenu
Drupal 7 pour les utilisateurs alphorm.com™©
Les droits et les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Lien avec les modules
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La gestion des droits des utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion des rôles
Les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http:...
Plan
• Liste des rôles
• Création d’un rôle : Editeur de recettes
Drupal 7 pour les utilisateurs alphorm.com™©
Liste des rôles
Drupal 7 pour les utilisateurs alphorm.com™©
Création d’un rôle : Editeur de recettes
Drupal 7 pour les utilisateurs alphorm.com™©
Affectation du rôle
Drupal 7 pour les utilisateurs alphorm.com™©
Lien avec les blocs
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•La gestion des rôles sous Drupal
Drupal 7 pour les utilisateurs alphorm.com™©
ckeditor
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http...
Plan
• C’est quoi ? WYSIWYG
• Un format de texte enrichi
• Un vrai éditeur de texte !
Drupal 7 pour les utilisateurs alpho...
C’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
WYSIWYG
(What You See Is What You Get)
Un format de texte enrichi
Drupal 7 pour les utilisateurs alphorm.com™©
Un vrai éditeur de texte !
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•Le module ckeditor
Drupal 7 pour les utilisateurs alphorm.com™©
Webform
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http:...
Plan
• Webform, c’est quoi ?
• Construction d’un formulaire
• Résultat
• Voir les retours utilisateurs
Drupal 7 pour les u...
Webform, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Création de formulaires
Construction d’un formulaire
Drupal 7 pour les utilisateurs alphorm.com™©
Résultat
Drupal 7 pour les utilisateurs alphorm.com™©
Voir les retours utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•L’utilisation du module Webform
Drupal 7 pour les utilisateurs alphorm.com™©
Pathauto
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http...
Plan
• Pathauto, c’est quoi ?
• Configuration
• Nouveaux URLs
Drupal 7 pour les utilisateurs alphorm.com™©
Pathauto, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
URLs compréhensibles
Orienté SEO
Configuration
Drupal 7 pour les utilisateurs alphorm.com™©
Nouveaux URLs
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•L’intérêt du module Pathauto
Drupal 7 pour les utilisateurs alphorm.com™©
Media
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://...
Plan
• Media, c’est quoi ?
• Ajout d’un champ vidéo
Drupal 7 pour les utilisateurs alphorm.com™©
Media, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion de fichiers type media
(image, video, …)
Ajout d’un champ vidéo
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•Le module Media
Drupal 7 pour les utilisateurs alphorm.com™©
Service links
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog :...
Plan
• Service links, c’est quoi ?
• Ajout de boutons réseaux sociaux
Drupal 7 pour les utilisateurs alphorm.com™©
Service links, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Ajout de boutons Facebook,
Twitter, Instagram …
Ajout de boutons réseaux sociaux
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’on a couvert
•Le module service links
Drupal 7 pour les utilisateurs alphorm.com™©
Fivestar
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http...
Plan
• Fivestar, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.com™©
Fivestar, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Ajout d’un système de notation
Ce qu’on a couvert
• Le module Fivestar
Drupal 7 pour les utilisateurs alphorm.com™©
Masquerade
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : ht...
Plan
• Masquerade, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.com™©
Masquerade, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Gestion avancée des utilisateurs
Ce qu’on a couvert
• Le module Masquerade
Drupal 7 pour les utilisateurs alphorm.com™©
Simplenews
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : ht...
Plan
• Simplenews, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.com™©
Simplenews, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Envoi de newsletter
Ce qu’on a couvert
• Le module Simplenews
Drupal 7 pour les utilisateurs alphorm.com™©
Views
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog : http://...
Plan
• Views, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.com™©
Views, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Extraire les données (contenus,
taxonomie, utilisateurs …...
Ce qu’on a couvert
• Le module Views
Drupal 7 pour les utilisateurs alphorm.com™©
Seo checklist
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog :...
Plan
• Seo checklist, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.com™©
Une formation complète sur le SEO
• Formation Référencement naturel SEO
• Formateur : Mickaël DELAUNAY
• Description :
La ...
Seo checklist, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Optimiser votre site pour être
bien référencé sur...
Ce qu’on a couvert
• Le module Seo Checklist
Drupal 7 pour les utilisateurs alphorm.com™©
Localization update
Les modules indispensables
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
...
Plan
• Localization update, c’est quoi ?
• Installation
• Configuration
• Exemple
Drupal 7 pour les utilisateurs alphorm.c...
Localization Update, c’est quoi ?
Drupal 7 pour les utilisateurs alphorm.com™©
Mise à jour automatique
des traductions …
Ce qu’on a couvert
•Le module Localization Update
Drupal 7 pour les utilisateurs alphorm.com™©
Conclusion
Drupal 7 pour les utilisateurs
Drupal 7 pour les utilisateurs alphorm.com™©
Site : http://www.alphorm.com
Blog ...
Plan
• Drupal 7, un CMS flexible, puissant et robuste
• Une forte communauté de développeurs et d’utilisateurs
• Un niveau...
Drupal 7 : CMS flexible, puissant et robuste
• Création rapide de sites Internet
• Robustesse des fonctionnalités
Puissanc...
Une forte communauté
• 1 000 000 utilisateurs
• 30 000 développeurs
• 99% de chances que
votre question ait déjà
Drupal 7 ...
Un niveau d’apprentissage
… non négligeable
MAIS de nombreuses formations disponibles
Drupal 7 pour les utilisateurs alpho...
Création de notre site de recette
Drupal 7 pour les utilisateurs alphorm.com™©
Ce qu’il reste à apprendre
• Comment améliorer le design des pages
• Comment surcharger les paramètres
• Comment créer son...
Bienvenue dans la communauté !
Merci de m’avoir suivi
tout au long de la
formation ☺
Drupal 7 pour les utilisateurs alphor...
Prochain SlideShare
Chargement dans…5
×

Alphorm.com Formation Drupal 7 pour les utilisateurs

6 216 vues

Publié le

Formation Complète ici:
http://www.alphorm.com/tutoriel/formation-en-ligne-drupal-7-pour-tous-les-utilisateurs

Cette formation Drupal 7 pour les utilisateurs, vous permettra d’acquérir les bases de Drupal : les différents concepts, l’installation d’un site Drupal, la création de contenus, l’interface disponible par défaut, l’administration, l’installation de modules, de thèmes.

A l’issue de la formation, vous serez capable de créer votre propre site Internet en quelques minutes. D’un point de vue pédagogique, nous avons créé tout au long de la formation un site de recette de cuisine complet, dont les sources sont téléchargeables sur votre compte!

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
6 216
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4 573
Actions
Partages
0
Téléchargements
162
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Alphorm.com Formation Drupal 7 pour les utilisateurs

  1. 1. Présentation Drupal 7 pour les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Présentation de la Formation
  2. 2. Plan • Présentation du formateur • Qu’est-ce que c’est Drupal 7 ? • Quels sites utilisent Drupal 7 ? • Le plan de formation • Public concerné Drupal 7 pour les utilisateurs alphorm.com™© • Public concerné • Connaissances requises • Liens des ressources logicielles
  3. 3. Présentation du formateur • Yoann LESOUEF • yoann.lesouef@leanid.fr • Consultant / Formateur Drupal • Développement, Intégration, Design Drupal 7 pour les utilisateurs alphorm.com™© Mes références : Mon profil LinkedIn : https://www.linkedin.com/pub/lesouef-yoann Mon profil Viadeo : http://www.viadeo.com/fr/profile/yoann.lesouef Mon profil Alphorm : http://www.alphorm.com/auteur/yoann-lesouef
  4. 4. Qu’est-ce que c’est Drupal 7 ? • Système de Gestion de Contenu (abrégé CMS en anglais) • Libre et Open Source • Forte communauté de développeurs • Drupal 7.0 disponible depuis le 5 Janvier 2011 Drupal 7 pour les utilisateurs alphorm.com™© • Entièrement programmé en PHP • Noyau + Modules (= bibliothèque de fonctions) • Système de noeuds (=contenus) couplé à une taxonomie • Très flexible mais une courbe d'apprentissage non négligeable
  5. 5. Quels sites utilisent Drupal 7 ? • Les grands Groupes (Vinci, Orange, ...) • Les médias nationaux et internationaux (Le Monde, Ouest-France, ...) • Les sites e-commerces (Mc Donald's, Kiloutou, ...) • Les sites officiels (La Maison Blanche, Allocation familiale, ...) • Les réseaux sociaux (Twitter, AOL, ...) Drupal 7 pour les utilisateurs alphorm.com™© • Les réseaux sociaux (Twitter, AOL, ...) • Les sites associatifs (Médecins sans frontières, Amnesty International, ..) • Les sites applicatifs (Mappy, ...) • Les sites personnels ...
  6. 6. Le plan de formation 1. Présentation de la Formation 2. Introduction à Drupal 3. L’installation de Drupal 4. L’interface d’administration 7. Les modules 8. Les utilisateurs 9. La structure du site 10.Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© 4. L’interface d’administration 5. La gestion des contenus 6. Les thèmes 10.Les modules indispensables
  7. 7. Public concerné • Plus de 1 000 000 personnes dans le monde utilisent Drupal • Les développeurs • Les bloggers • Les webmasters Drupal 7 pour les utilisateurs alphorm.com™© • Les webmasters • Les agences de communication • Les agences Web • Les particuliers • ...
  8. 8. Connaissances requises • Pour les utilisateurs : aucun pré-requis • Pour les webmasters : HTML CSS • Pour les développeurs : Drupal 7 pour les utilisateurs alphorm.com™© PHP My SQL HTML CSS Javascript, jquery
  9. 9. Liens des ressources logicielles https://www.drupal.org/ https://www.drupal.org/drupal-7.0/fr http://drupalfr.org/ Drupal 7 pour les utilisateurs alphorm.com™©
  10. 10. Les autres formations dév sur Alphorm Drupal 7 pour les utilisateurs alphorm.com™©
  11. 11. Les autres formations dév sur Alphorm Drupal 7 pour les utilisateurs alphorm.com™©
  12. 12. Are you ready ? ☺ Drupal 7 pour les utilisateurs alphorm.com™©
  13. 13. Créer un site de recettes Présentation de notre projet Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Créer un site de recettes de cuisine Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  14. 14. Plan • Notre Objectif • Notre site : recette-cuisine.fr • La structure de notre site • Le design de notre site Drupal 7 pour les utilisateurs alphorm.com™©
  15. 15. Notre Objectif • Créer un site de recette de cuisine Créer et afficher des recettes classées par thèmes, région, niveau, notes Agrémenter les recettes de photos et de textes mis au format souhaité Laisser les utilisateurs noter les recettes, laisser des commentaires Donner la possibilité à des utilisateurs de créer, contribuer au site ! Drupal 7 pour les utilisateurs alphorm.com™© Donner la possibilité à des utilisateurs de créer, contribuer au site ! Bouton de recherche d’une recette Créer des boutons de partage Facebook, Twitter, … • Apprendre les notions principales de Drupal en construisant chapitre après chapitre notre site !
  16. 16. Notre site : recette-cuisine.fr Drupal 7 pour les utilisateurs alphorm.com™©
  17. 17. La structure de notre site • 1 recette = 1 contenu = 1 Nœud • 1 recette peut être classée dans différentes catégories Taxonomie • Nous aurons plusieurs niveaux d’utilisateur Utilisateur Anonyme, Connecté, Administrateur … • Nous voudrons ajouter des fonctionnalités Modules Drupal 7 pour les utilisateurs alphorm.com™© • Nous voudrons ajouter des fonctionnalités Modules • Gestion du paramétrage, des contenus, des utilisateurs Administration
  18. 18. Le design de notre site • Un design à notre image ! Mais ne réinventons pas la roue … • Choisir un thème déjà existant • Configurer la structure de nos pages (ex : blocs) • La structure des pages peut varier suivant le rôle de l’utilisateur et / ou le lien de la page Drupal 7 pour les utilisateurs alphorm.com™© le lien de la page • Rendre le site responsive = accessible de les supports : tablettes, ordinateurs, smartphones …
  19. 19. Ce qu’on a couvert • L’objectif de la formation • L’explication d’un cas concret réalisé tout au long de la formation Drupal 7 pour les utilisateurs alphorm.com™©
  20. 20. Créer des sites web Introduction à Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Créer des sites web Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  21. 21. Plan • Comment fonctionne un site Internet ? • Les différentes stratégies de création • C’est quoi un CMS ? • Quels sont les CMS disponibles et leurs spécificités ? Drupal 7 pour les utilisateurs alphorm.com™©
  22. 22. Comment fonctionne un site Internet ? Ordinateur Page HTML, CSS Drupal 7 pour les utilisateurs alphorm.com™© Serveur
  23. 23. Les différentes stratégies de création • Créer de 0 … en HTML et CSS • Utiliser des plateformes toutes faites sur Internet • Faire appel à des professionnels (Agence Web, Développeurs, …) • Utiliser des CMS (système de gestion de contenu) Drupal 7 pour les utilisateurs alphorm.com™© • Choisir son hébergeur • Choisir son nom de domaine
  24. 24. C’est quoi un CMS ? • Système de Gestion de Contenu = Content Management System • Un site prêt à l’emploi sans avoir besoin de coder • Open Source = Libre de droit • Facile à utiliser et extensible suivant les besoins Drupal 7 pour les utilisateurs alphorm.com™© On ne réinvente pas la roue !
  25. 25. Quels sont les CMS et leurs spécificités • De nombreux CMS existent et sont disponibles • Mais 3 sont fréquemment cités: Joomla, Wordpress, Drupal • Wordpress : le plus populaire car le plus facile, orienté blog … Drupal 7 pour les utilisateurs alphorm.com™© • Drupal : Polyvalence, Robustesse … • Joomla : facile à installer, en déclin … • Vous avez aussi des CMS spécifiques (e-commerce, blog, …)
  26. 26. Ce qu’on a couvert • Explication de l’intérêt d’utiliser un CMS Drupal 7 pour les utilisateurs alphorm.com™©
  27. 27. Introduction à Drupal Introduction au CMS Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Introduction au CMS Drupal Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  28. 28. Plan • Origine de Drupal • Les fonctionnalités de Drupal • Les distributions Drupal • La communauté Drupal 7 pour les utilisateurs alphorm.com™© • Des exemples de sites réalisés avec Drupal
  29. 29. Origine de Drupal • Créé en 2000 à l’université d’Anvers en Belgique par Dries Buytaert • En 2009, 500 000 sites déjà développés • En 2010, 1% des sites Internet mondiaux sont réalisés en Drupal Drupal 7 pour les utilisateurs alphorm.com™© En 2014, plus d’un million de personnes dans 229 pays l’utilisent
  30. 30. Les fonctionnalités de Drupal • Du contenu flexible • Un contrôle parfait de ce qui apparaît à l’écran • Une interface d’administration accessible • L’intégration d’images et / ou vidéo est facile Drupal 7 pour les utilisateurs alphorm.com™© • Drupal supporte les bases de données SQLite, MySQL, MariaDB, PostgreSQL • Des milliers de modules disponibles • Du test automatique du code
  31. 31. Les distributions Drupal Pour faire gagner du temps … ! Plus de 850 distributions disponibles … • Commerce KickStart : créer un site marchand • OpenPublish : devenir un magnat de la presse Drupal 7 pour les utilisateurs alphorm.com™© • OpenPublic : orienté administration publique • Open Atrium : l’intranet clé en main • Drupal Commons : votre réseau social • ….
  32. 32. La communauté En 2014 : • Plus d’1 millions d’utilisateurs • Plus de 30 000 développeurs • Plus de 2 000 codes ajoutés chaque semaine Drupal 7 pour les utilisateurs alphorm.com™© • Plus de 4 000 commentaires ajoutés chaque semaine Drupal est utilisé chez de grands groupes, administrations importantes. Le code est robuste et éprouvé. Un bug important est corrigé très rapidement.
  33. 33. Des exemples de sites réalisés avec Drupal Allons voir le site officiel Drupal ! Drupal 7 pour les utilisateurs alphorm.com™© officiel Drupal !
  34. 34. Ce qu’on a couvert • Une vue synthétique du CMS Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  35. 35. Introduction à Drupal 7 Le potentiel de Drupal Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Le potentiel de Drupal Pourquoi Drupal ? Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  36. 36. Plan • Le positionnement de Drupal • Les points forts • Drupal pour les développeurs ? Drupal 7 pour les utilisateurs alphorm.com™©
  37. 37. Le positionnement de Drupal Drupal, un outil flexible et robuste. Souvent sélectionné par les responsables Drupal 7 pour les utilisateurs alphorm.com™© Souvent sélectionné par les responsables informatiques de grosses structures et administrations. Du site vitrine au site d’un grand groupe.
  38. 38. Les points forts • La sécurité • La scalabilité (évolutivité) • Une architecture flexible et extensible • Design souple Drupal 7 pour les utilisateurs alphorm.com™© • Orienté SEO • Une interface d’administration éprouvée • Gestion multi-langue / multi-site relativement simple
  39. 39. Drupal pour les développeurs ? • Une image coriace : une courbe d’apprentissage non négligeable • Oui Drupal permet aux développeurs de construire des fonctionnalités avancées • Mais Drupal, notamment via les distributions, permet aussi de déployer des sites rapidement sans besoin de développer du code Drupal 7 pour les utilisateurs alphorm.com™© • Les utilisateurs, non informaticiens, apprécient les sites Drupal
  40. 40. Ce qu’on a couvert • L’intérêt d’utiliser Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  41. 41. Introduction à Drupal Les concepts importants Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Les concepts importants Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  42. 42. Plan • 4 niveaux d’utilisation • Les contenus • Les utilisateurs et les rôles • Les pages et les blocs Drupal 7 pour les utilisateurs alphorm.com™© • Les modules • Les thèmes • Les hooks
  43. 43. 4 niveaux d’utilisation 1. Tel quel : création de contenus, de pages, de blocs ,…. aspect standard 2. Personnalisation simple : l’affichage, le thème, … 3. Ajouts externes : Les modules apportent de nombreuses fonctionnalités, enrichissent les contenus, les pages, les blocs, la gestion des utilisateurs … Drupal 7 pour les utilisateurs alphorm.com™© Les thèmes permettent de personnaliser, rendre le site responsive 4. Ajout interne : avoir ses propres modules, ses propres thèmes …
  44. 44. Les contenus • 1 contenu = 1 nœud = 1 titre + 1 ou plusieurs contenus • Les contenus peuvent être : Du texte Une date Drupal 7 pour les utilisateurs alphorm.com™© Une image Un fichier ... • Exemple de contenus : articles, pages, recettes, évènements …
  45. 45. Les utilisateurs et les rôles • Un utilisateur peut contenir différentes informations : Email, téléphone, adresse, photo, … • Il peut aussi avoir un rôle particulier : Administrateur, rédacteur, responsable marketing, anonyme … Drupal 7 pour les utilisateurs alphorm.com™© Administrateur, rédacteur, responsable marketing, anonyme … Les informations affichées par rôle Interactions différentes suivant les rôles …
  46. 46. Les pages et les blocs • Une page, au sens classique, correspond à un lien du menu Drupal • 1 lien Drupal correspond à un URL précis • Ce lien peut appartenir ou pas à un menu (arborescence sous Drupal) Drupal 7 pour les utilisateurs alphorm.com™© • Une page peut contenir différents blocs configurables
  47. 47. Les modules • Les modules permettent d’étendre les fonctionnalités : Nouveaux champs Affichage enrichie (image, vidéo, …) Editeurs avancés Drupal 7 pour les utilisateurs alphorm.com™© Editeurs avancés Gestion des mails Formats des entrées Workflows Recherche de contenus … PHP / MySQL HTML, CSS
  48. 48. Les thèmes • Les thèmes gèrent l’apparence et la mise en page de votre site • Configurations : Menus (Nombre, Positionnement, …) Drupal 7 pour les utilisateurs alphorm.com™© Menus (Nombre, Positionnement, …) Mise en page (nombre colonnes, haut de page, bas de page …) Aspects (images, couleurs, fonts) Responsive Toutes les sorties peuvent être réécrites HTML, CSS Javascript / Jquery PHP
  49. 49. Les hooks (pour les experts) • Gestion des blocs • Gestion des contenus • Gestion des formulaires • Gestion des menus Un hook permet au développeur d’ajouter des fonctionnalités lors des évènements d’un site Ex : ajout d’un utilisateur, création ou affichage d’un contenu, … Drupal 7 pour les utilisateurs alphorm.com™© • Gestion des menus • Gestion du système • Interaction avec les thèmes
  50. 50. Ce qu’on a couvert • Les concepts importants du CMS Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  51. 51. Les pré-requis L'installation de Drupal Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Les pré-requis Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  52. 52. Plan • Un serveur Web + une base de données • Un navigateur • Un éditeur • Faut il maîtriser le HTML et le CSS ? Drupal 7 pour les utilisateurs alphorm.com™© • Faut il maîtriser le PHP et le SQL ? • Quid du javascript ? • Du café …
  53. 53. Un serveur Web + une base de données Ordinateur Page HTML, CSS Drupal 7 pour les utilisateurs alphorm.com™© • Le serveur permet de traiter les demandes du navigateur • La base de données permet de stocker les informations Serveur
  54. 54. Un navigateur = un client • Chrome, Firefox, Internet Explorer, Opera, Safari … • Tester le fonctionnement • Tester la comptabilité Drupal 7 pour les utilisateurs alphorm.com™© • Quels sont les navigateurs aujourd’hui Utilisés dans le monde ? A lire
  55. 55. Un éditeur Un éditeur est un logiciel conçu pour la lecture, modification de fichiers contenant du code (HTML, CSS, PHP, JAVASCRIPT, …) Exemples : Drupal 7 pour les utilisateurs alphorm.com™© • Notepad++ • NetBeans • PhpStorm
  56. 56. Faut il maîtriser le HTML et le CSS ? • HTML est le langage côté client qui contient à la fois le message et la structure des pages Web • CSS est le langage côté client qui définit la mise en page et la maquette graphique des pages Drupal 7 pour les utilisateurs alphorm.com™©
  57. 57. Faut il maîtriser le PHP et le SQL ? • PHP est le langage de programmation côté serveur qui permet de traiter des tâches répétitives, générer automatiquement du code HTML, faire le lien entre les données • SQL est le langage côté serveur qui permet de lire les données dans une base de données Drupal 7 pour les utilisateurs alphorm.com™© Serveur
  58. 58. Quid du javascript ? • Javascript est un langage côté client qui permet d’intéragir avec la page • Meilleure ergonomie • Exemples : Drupal 7 pour les utilisateurs alphorm.com™©
  59. 59. Un café ? Drupal 7 pour les utilisateurs alphorm.com™©
  60. 60. Ce qu’on a couvert • Les pré-requis d’apprentissage du CMS Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  61. 61. L'installation de Drupal Installation et utilisation Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Installation et utilisation de WAMP sur Windows Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  62. 62. Plan • Téléchargement WAMP Plateforme de développement Web sous Windows Serveur Apache2, Langage PHP, Base de données MySQL • Installation & Configuration Drupal 7 pour les utilisateurs alphorm.com™© • Installation & Configuration
  63. 63. Ce qu’on a couvert • L’utilisation de WAMP Drupal 7 pour les utilisateurs alphorm.com™©
  64. 64. L'installation de Drupal L'installation d'une base Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum L'installation d'une base de données
  65. 65. Plan • Interaction avec WAMP • Création d’une base de données • Création d’une table • Import / Export de tables Drupal 7 pour les utilisateurs alphorm.com™©
  66. 66. Ce qu’on a couvert • L’installation d’une base de données Drupal 7 pour les utilisateurs alphorm.com™©
  67. 67. L'installation de Drupal Configuration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Configuration du premier site Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  68. 68. Plan • Installation Notepad • Téléchargement Drupal 7 • Installation • Création d’un nom de domaine local Drupal 7 pour les utilisateurs alphorm.com™© • Installation et configuration du site
  69. 69. Ce qu’on a couvert • L’installation de la première version de notre site de recette de cuisine Drupal 7 pour les utilisateurs alphorm.com™©
  70. 70. L'installation de Drupal Autres installations possibles (WebMatrix, Acquia Dev Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Autres installations possibles (WebMatrix, Acquia Dev Desktop2, MAMP, …) Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  71. 71. Plan • WebMatrix • Acquia Dev Desktop • MAMP Drupal 7 pour les utilisateurs alphorm.com™©
  72. 72. WebMatrix Drupal 7 pour les utilisateurs alphorm.com™©
  73. 73. Acquia Dev Desktop Drupal 7 pour les utilisateurs alphorm.com™©
  74. 74. MAMP Drupal 7 pour les utilisateurs alphorm.com™©
  75. 75. Ce qu’on a couvert • Présentation de 3 plateformes supplémentaires pouvant être utilisées pour développer un site sous Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  76. 76. La barre d'administration L'interface d'administration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum La barre d'administration Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  77. 77. Plan • Tableau de Bord • Contenu • Apparence • Personnes Drupal 7 pour les utilisateurs alphorm.com™© • Modules • Configuration • Rapports
  78. 78. Ce qu’on a couvert • Une vue synthétique de la barre d’administration Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  79. 79. Configuration du site L'interface d'administration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Configuration du site Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  80. 80. Plan • Système • Personnes • Rédaction de contenu • Média • Recherche et Métadonnées Drupal 7 pour les utilisateurs alphorm.com™© • Recherche et Métadonnées • Régionalisation et langue • Interface Utilisateur • Développement • Service Web
  81. 81. Ce qu’on a couvert • Les différentes possibilités de configuration d’un site Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  82. 82. Gestion des comptes L'interface d'administration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion des comptes utilisateurs Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  83. 83. Plan • Paramétrage d’un compte • Champ d’un compte • Gestion de l’affichage • Page profil Drupal 7 pour les utilisateurs alphorm.com™© • Connexion / Inscription
  84. 84. Connexion / Inscription Drupal 7 pour les utilisateurs alphorm.com™©
  85. 85. Page Profil Drupal 7 pour les utilisateurs alphorm.com™©
  86. 86. Paramétrage d’un compte Drupal 7 pour les utilisateurs alphorm.com™©
  87. 87. Ce qu’on a couvert • Les concepts de gestion des comptes utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  88. 88. Gestion du système L'interface d'administration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion du système Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  89. 89. Plan • Le système • Régionalisation et Langue • Développement • Recherche et metadonnées Drupal 7 pour les utilisateurs alphorm.com™© • Services Web • Tableau de bord • Aide
  90. 90. Le système Drupal 7 pour les utilisateurs alphorm.com™©
  91. 91. Régionalisation et Langue Drupal 7 pour les utilisateurs alphorm.com™©
  92. 92. Développement Drupal 7 pour les utilisateurs alphorm.com™©
  93. 93. Recherche et metadonnées Drupal 7 pour les utilisateurs alphorm.com™©
  94. 94. Les services Web Drupal 7 pour les utilisateurs alphorm.com™©
  95. 95. Tableau de Bord / Aide Drupal 7 pour les utilisateurs alphorm.com™©
  96. 96. Ce qu’on a couvert • Les principaux points de configuration du site, disponibles via l’interface graphique Drupal 7, installés par défaut. Drupal 7 pour les utilisateurs alphorm.com™©
  97. 97. Gestion du contenu L'interface d'administration Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion du contenu et des champs Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  98. 98. Plan • Gérer les types de contenu • Gérer les contenus • Gérer des types de champs importants Texte Drupal 7 pour les utilisateurs alphorm.com™© Date Médias • La taxonomie
  99. 99. Gérer les types de contenu Drupal 7 pour les utilisateurs alphorm.com™©
  100. 100. Gérer les contenus Drupal 7 pour les utilisateurs alphorm.com™©
  101. 101. Gérer des types de champs importants Drupal 7 pour les utilisateurs alphorm.com™©
  102. 102. La taxonomie Drupal 7 pour les utilisateurs alphorm.com™©
  103. 103. Ce qu’on a couvert • Les principales interfaces de gestion du contenu et des champs installés par défaut sur Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  104. 104. Les entités La gestion des contenus Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Les entités et les champs Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  105. 105. Plan • Les types d’entités • Les types de champ • Les champs disponibles par défaut Drupal 7 pour les utilisateurs alphorm.com™©
  106. 106. Les types d’entités Drupal 7 pour les utilisateurs alphorm.com™© Nœud Utilisateur Taxonomie Commentaire
  107. 107. Les types de champ Nœud Drupal 7 pour les utilisateurs alphorm.com™© Commentaire
  108. 108. Les champs disponibles par défaut • Booléen • Décimal • Entier • Fichier • Réel • Référence à un terme • Texte • Texte long Drupal 7 pour les utilisateurs alphorm.com™© • Fichier • Image • Liste (Float, Integer, Texte) • Texte long • Texte long et résumé
  109. 109. Ce qu’on a couvert •La notion d’entité introduite par Drupal 7 et les champs associés. Drupal 7 pour les utilisateurs alphorm.com™©
  110. 110. Créer un contenu La gestion des contenus Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Créer un contenu Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  111. 111. Plan • L’interface de création d’un contenu type nœud • Les options de création du contenu • L’affichage du contenu • Apparition du contenu en page d’accueil Drupal 7 pour les utilisateurs alphorm.com™© • Les statuts du contenu
  112. 112. L’interface de création Drupal 7 pour les utilisateurs alphorm.com™©
  113. 113. Les options de création du contenu Drupal 7 pour les utilisateurs alphorm.com™©
  114. 114. L’affichage Drupal 7 pour les utilisateurs alphorm.com™©
  115. 115. Apparition du contenu en page d’accueil Drupal 7 pour les utilisateurs alphorm.com™©
  116. 116. La modification du contenu Drupal 7 pour les utilisateurs alphorm.com™©
  117. 117. Ce qu’on a couvert •La notion de contenu type nœud sous Drupal 7 et les différentes interfaces disponibles pour la gestion d’un contenu. Drupal 7 pour les utilisateurs alphorm.com™©
  118. 118. Créer un type La gestion des contenus Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Créer un type de contenu Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  119. 119. Plan • Création d’un type de contenu • Définition des champs Création du type de contenu Recette Drupal 7 pour les utilisateurs alphorm.com™© Création de 3 recettes
  120. 120. Création d’un type de contenu Drupal 7 pour les utilisateurs alphorm.com™©
  121. 121. Définition des champs Drupal 7 pour les utilisateurs alphorm.com™©
  122. 122. Création du type de contenu Recette Drupal 7 pour les utilisateurs alphorm.com™©
  123. 123. Création des recettes Drupal 7 pour les utilisateurs alphorm.com™©
  124. 124. Ce qu’on a couvert •La création d’un type de contenu et de contenus. Drupal 7 pour les utilisateurs alphorm.com™©
  125. 125. La taxonomie La gestion des contenus Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum La taxonomie Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  126. 126. Plan • Définition de la taxonomie Drupal 7 • Création / Edition de vocabulaires • Lien vocabulaire / contenu Drupal 7 pour les utilisateurs alphorm.com™© Création d’1 vocabulaire pour notre site de recettes .
  127. 127. Définition de la taxonomie Drupal 7 • La taxonomie est la science du classement et de l’organisation. Sous Drupal 7, elle permet de classer les contenus selon les différentes catégories identifiées. • Un vocabulaire regroupe plusieurs termes. • Exemples : Drupal 7 pour les utilisateurs alphorm.com™© le vocabulaire « Menu » regroupe les termes « Entrée », « Plat », « Dessert » le vocabulaire « Origine » regroupe les termes « Français », « Libanais », « Japonais »
  128. 128. Création / Edition de vocabulaires Drupal 7 pour les utilisateurs alphorm.com™©
  129. 129. Lien vocabulaire / contenu Drupal 7 pour les utilisateurs alphorm.com™©
  130. 130. Création d’1 vocabulaire Drupal 7 pour les utilisateurs alphorm.com™©
  131. 131. Ce qu’on a couvert • La notion de taxonomie sous Drupal 7 • La notion de vocabulaire et de termes Drupal 7 pour les utilisateurs alphorm.com™©
  132. 132. Les commentaires La gestion des contenus Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Les commentaires Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  133. 133. Plan • Gestion des commentaires • Affichage des commentaires • Création d’un commentaire Drupal 7 pour les utilisateurs alphorm.com™©
  134. 134. Gestion des commentaires Type de contenu Contenu Drupal 7 pour les utilisateurs alphorm.com™© Contenu
  135. 135. Affichage des commentaires Drupal 7 pour les utilisateurs alphorm.com™©
  136. 136. Création d’un commentaire Drupal 7 pour les utilisateurs alphorm.com™©
  137. 137. Ce qu’on a couvert •La notion des commentaires sous Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  138. 138. La gestion des blocs La structure du site Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum La gestion des blocs Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  139. 139. Plan • Découpage des pages en blocs • Liste des blocs • Configuration d’un bloc • Création d’un nouveau bloc Drupal 7 pour les utilisateurs alphorm.com™©
  140. 140. Découpage de la page en blocs Drupal 7 pour les utilisateurs alphorm.com™©
  141. 141. Liste des blocs Drupal 7 pour les utilisateurs alphorm.com™©
  142. 142. Configuration d’un bloc Drupal 7 pour les utilisateurs alphorm.com™©
  143. 143. Création d’un bloc Drupal 7 pour les utilisateurs alphorm.com™©
  144. 144. Ce qu’on a couvert •La notion des blocs sous Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  145. 145. La gestion des URLs La structure du site Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum La gestion des URLs (menu) Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  146. 146. Plan • Gestion des URLs • Définition d’un menu sous Drupal 7 • Affichage d’un menu • Liste des menus Drupal 7 pour les utilisateurs alphorm.com™© • Exemple d’un menu • Liens principaux et secondaires • Ce qu’on a couvert
  147. 147. Gestion des URLs • Les contenus : recette-cuisine.fr/node/XXXX • Mon profil : recette-cuisine.fr/user • Le profil d’un utilisateur : recette-cuisine.fr/user/XXXX • L’administration : recette-cuisine.fr/admin Drupal 7 pour les utilisateurs alphorm.com™© La gestion du système : recette-cuisine.fr/admin/config La liste des modules : recette-cuisine.fr/admin/modules La liste des utilisateurs : recette-cuisine.fr/admin/people Liste des contenus : recette-cuisine.fr/admin/content Aide Drupal : recette-cuisine.fr/admin/help
  148. 148. Définition d’un menu sous Drupal 7 • Un menu regroupe plusieurs liens internes • Un menu peut apparaître sous la forme d’un bloc ou directement sur une page Drupal 7 pour les utilisateurs alphorm.com™©
  149. 149. Affichage des menus Drupal 7 pour les utilisateurs alphorm.com™©
  150. 150. Liste des menus Drupal 7 pour les utilisateurs alphorm.com™©
  151. 151. Exemple d’un menu Drupal 7 pour les utilisateurs alphorm.com™©
  152. 152. Liens principaux et secondaires Drupal 7 pour les utilisateurs alphorm.com™©
  153. 153. Ce qu’on a couvert •La notion des menus sous Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  154. 154. La structure des fichiers La structure du site Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum La structure des fichiers Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  155. 155. Plan • Arborescence des dossiers et fichiers • Les fichiers et dossiers à connaître Drupal 7 pour les utilisateurs alphorm.com™©
  156. 156. Arborescence des dossiers et fichiers Drupal 7 pour les utilisateurs alphorm.com™©
  157. 157. Les fichiers et dossiers à connaître Drupal 7 pour les utilisateurs alphorm.com™©
  158. 158. Ce qu’on a couvert •La structure des fichiers et dossiers de Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  159. 159. Le cache La structure du site Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Le cache Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  160. 160. Plan • C’est quoi le cache ? • Gestion du cache Drupal 7 pour les utilisateurs alphorm.com™©
  161. 161. C’est quoi le cache ? • Le cache permet d’optimiser les performances d’un site à fort trafic en sauvegardant les pages, blocs dans la base de données. • Ainsi quand un utilisateur demande de lire une page, le serveur renvoie directement la page sans reconstruire de 0 la page. • Le cache peut être facilement activé pour les utilisateurs anonymes. C’est un peu plus complexe pour les utilisateurs connectés car les Drupal 7 pour les utilisateurs alphorm.com™© C’est un peu plus complexe pour les utilisateurs connectés car les informations visibles à l’écran peuvent dépendre l’utilisateur.
  162. 162. Gestion du cache Drupal 7 pour les utilisateurs alphorm.com™©
  163. 163. Ce qu’on a couvert •L’interface de gestion du cache sous Drupal 7 Drupal 7 pour les utilisateurs alphorm.com™©
  164. 164. Activer un thème Les thèmes Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Activer un thème Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  165. 165. Plan • Définition d’un thème • Liste des thèmes disponibles • Activer un thème Drupal 7 pour les utilisateurs alphorm.com™©
  166. 166. Définition d’un thème • Un thème est le terme officiel défini sous Drupal pour désigner un gabarit, un template, un layout … • Le thème regroupe tous les éléments, fichiers pour donner l’aspect visuel recherché • Un thème peut contenir des paramètre globaux permettant de modifier le design rapidement Drupal 7 pour les utilisateurs alphorm.com™© le design rapidement
  167. 167. Liste des thèmes disponibles Drupal 7 pour les utilisateurs alphorm.com™©
  168. 168. Activer un thème Drupal 7 pour les utilisateurs alphorm.com™©
  169. 169. Ce qu’on a couvert •La notion d’un thème sous Drupal 7 •L’activation d’un thème Drupal 7 pour les utilisateurs alphorm.com™©
  170. 170. Comment choisir Les thèmes Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Comment choisir un thème ? Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  171. 171. Plan • Où trouver des thèmes? • Choix d’un thème sur le site officiel Drupal 7 pour les utilisateurs alphorm.com™©
  172. 172. Où trouver des thèmes ? • Le site officiel : https://www.drupal.org/ • Des sites spécialisés dans le listing de thèmes : http://themeforest.net/category/cms-themes/drupal Drupal 7 pour les utilisateurs alphorm.com™©
  173. 173. Choix d’un thème sur le site officiel • Liste des fonctionnalités disponibles • Responsive ? • Nombre de fois installé • Nombre de bugs Drupal 7 pour les utilisateurs alphorm.com™© • Nombre de participants • Compatibilité avec la version de Drupal • Documentation disponible Exemple : le thème boostrap
  174. 174. Ce qu’on a couvert • Où trouver les thèmes sur Internet ? • Comment sélectionner un thème Drupal 7 pour les utilisateurs alphorm.com™©
  175. 175. Installer un thème Les thèmes Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Installer un thème Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  176. 176. Plan • Télécharger un thème • Installer le thème • Structure du thème • Activation du thème Drupal 7 pour les utilisateurs alphorm.com™© • Configuration du thème
  177. 177. Télécharger un thème Drupal 7 pour les utilisateurs alphorm.com™©
  178. 178. Installer le thème Drupal 7 pour les utilisateurs alphorm.com™©
  179. 179. Structure du thème • css : fichiers décrivant le style, la mise en page, les effets graphiques des pages du site • images : liste des images utilisées sur le site • templates : liste des fichiers php permettant de modeler les pages du site Drupal 7 pour les utilisateurs alphorm.com™© • logo : le logo du site • template.tpl.php : fichier permettant d’intéragir avec les variables du site • yellowed.info : fichier paramètre du thème
  180. 180. Activation du thème Drupal 7 pour les utilisateurs alphorm.com™©
  181. 181. Configuration du thème Drupal 7 pour les utilisateurs alphorm.com™©
  182. 182. Bravo ! Drupal 7 pour les utilisateurs alphorm.com™©
  183. 183. Ce qu’on a couvert •L’installation et la configuration d’un thème Drupal 7 pour les utilisateurs alphorm.com™©
  184. 184. A quoi servent Les modules Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum A quoi servent les modules ? Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  185. 185. Plan • C’est quoi un module ? • Une des forces de Drupal • Exemple : le module Webform • Liste des modules déjà installés Drupal 7 pour les utilisateurs alphorm.com™©
  186. 186. C’est quoi un module ? • Un module est un ensemble de fonctions permettant d’ajouter de nouvelles fonctionnalités à un site Drupal • Catégories : Administration, Commerce, Communauté, Contenu, Champs, Bases de données, Mail, Médias, … Drupal 7 pour les utilisateurs alphorm.com™© Drupal Core Modules installés par défaut Modules Ajoutés
  187. 187. Une des forces de Drupal Drupal 7 pour les utilisateurs alphorm.com™©
  188. 188. Exemple : le module Webform Drupal 7 pour les utilisateurs alphorm.com™©
  189. 189. Liste des modules déjà installés Drupal 7 pour les utilisateurs alphorm.com™©
  190. 190. Ce qu’on a couvert • La définition d’un module sous Drupal • A quoi servent les modules Drupal 7 pour les utilisateurs alphorm.com™©
  191. 191. Installation et activation Les modules Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Installation et activation d'un module Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  192. 192. Plan • Téléchargement d’un module • Installation d’un module • Activation d’un module • Installer la traduction Drupal 7 pour les utilisateurs alphorm.com™© • Interactions avec Drupal
  193. 193. Téléchargement un module Drupal 7 pour les utilisateurs alphorm.com™©
  194. 194. Installation d’un module Drupal 7 pour les utilisateurs alphorm.com™©
  195. 195. Activation d’un module Drupal 7 pour les utilisateurs alphorm.com™©
  196. 196. Installer la traduction Drupal 7 pour les utilisateurs alphorm.com™©
  197. 197. Intéractions avec Drupal Drupal 7 pour les utilisateurs alphorm.com™©
  198. 198. Ce qu’on a couvert • L’installation et activation d’un module • Les interactions avec l’environnement Drupal Drupal 7 pour les utilisateurs alphorm.com™©
  199. 199. Comment choisir Les modules Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Comment choisir un module parmi les 30 000 modules ? Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  200. 200. Plan • Classement du site officiel Drupal • Analyse d’un module • Les recommandations des internautes • L’aide de Google … Drupal 7 pour les utilisateurs alphorm.com™© • Les réseaux sociaux
  201. 201. Classement du site officiel Drupal Drupal 7 pour les utilisateurs alphorm.com™©
  202. 202. Analyse d’un module Drupal 7 pour les utilisateurs alphorm.com™©
  203. 203. Les recommandations des internautes Drupal 7 pour les utilisateurs alphorm.com™©
  204. 204. L’aide de Google … Drupal 7 pour les utilisateurs alphorm.com™©
  205. 205. Les réseaux sociaux Drupal 7 pour les utilisateurs alphorm.com™©
  206. 206. Les rencontres locales Drupal 7 pour les utilisateurs alphorm.com™©
  207. 207. Ce qu’on a couvert •Comment choisir un module en rapport à ses besoins Drupal 7 pour les utilisateurs alphorm.com™©
  208. 208. Gestion des utilisateurs Les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion des utilisateurs Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  209. 209. Plan • Liste des utilisateurs • Gestion de création des comptes utilisateurs • Relations automatiques avec les utilisateurs • Modification d’un compte Drupal 7 pour les utilisateurs alphorm.com™©
  210. 210. Liste des utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  211. 211. Gestion de création des comptes utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  212. 212. Relations automatiques avec les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  213. 213. Modification d’un compte Drupal 7 pour les utilisateurs alphorm.com™©
  214. 214. Ce qu’on a couvert •La gestion des utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  215. 215. Gestion des droits Les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion des droits Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  216. 216. Plan • Liste des droits par rôle • Les droits et le contenu • Les droits et les utilisateurs • Lien avec les modules Drupal 7 pour les utilisateurs alphorm.com™©
  217. 217. Liste des droits par rôle Drupal 7 pour les utilisateurs alphorm.com™©
  218. 218. Les droits et le contenu Drupal 7 pour les utilisateurs alphorm.com™©
  219. 219. Les droits et les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  220. 220. Lien avec les modules Drupal 7 pour les utilisateurs alphorm.com™©
  221. 221. Ce qu’on a couvert •La gestion des droits des utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  222. 222. Gestion des rôles Les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Gestion des rôles Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  223. 223. Plan • Liste des rôles • Création d’un rôle : Editeur de recettes Drupal 7 pour les utilisateurs alphorm.com™©
  224. 224. Liste des rôles Drupal 7 pour les utilisateurs alphorm.com™©
  225. 225. Création d’un rôle : Editeur de recettes Drupal 7 pour les utilisateurs alphorm.com™©
  226. 226. Affectation du rôle Drupal 7 pour les utilisateurs alphorm.com™©
  227. 227. Lien avec les blocs Drupal 7 pour les utilisateurs alphorm.com™©
  228. 228. Ce qu’on a couvert •La gestion des rôles sous Drupal Drupal 7 pour les utilisateurs alphorm.com™©
  229. 229. ckeditor Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum ckeditor Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  230. 230. Plan • C’est quoi ? WYSIWYG • Un format de texte enrichi • Un vrai éditeur de texte ! Drupal 7 pour les utilisateurs alphorm.com™©
  231. 231. C’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© WYSIWYG (What You See Is What You Get)
  232. 232. Un format de texte enrichi Drupal 7 pour les utilisateurs alphorm.com™©
  233. 233. Un vrai éditeur de texte ! Drupal 7 pour les utilisateurs alphorm.com™©
  234. 234. Ce qu’on a couvert •Le module ckeditor Drupal 7 pour les utilisateurs alphorm.com™©
  235. 235. Webform Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Webform Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  236. 236. Plan • Webform, c’est quoi ? • Construction d’un formulaire • Résultat • Voir les retours utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  237. 237. Webform, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Création de formulaires
  238. 238. Construction d’un formulaire Drupal 7 pour les utilisateurs alphorm.com™©
  239. 239. Résultat Drupal 7 pour les utilisateurs alphorm.com™©
  240. 240. Voir les retours utilisateurs Drupal 7 pour les utilisateurs alphorm.com™©
  241. 241. Ce qu’on a couvert •L’utilisation du module Webform Drupal 7 pour les utilisateurs alphorm.com™©
  242. 242. Pathauto Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Pathauto Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  243. 243. Plan • Pathauto, c’est quoi ? • Configuration • Nouveaux URLs Drupal 7 pour les utilisateurs alphorm.com™©
  244. 244. Pathauto, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© URLs compréhensibles Orienté SEO
  245. 245. Configuration Drupal 7 pour les utilisateurs alphorm.com™©
  246. 246. Nouveaux URLs Drupal 7 pour les utilisateurs alphorm.com™©
  247. 247. Ce qu’on a couvert •L’intérêt du module Pathauto Drupal 7 pour les utilisateurs alphorm.com™©
  248. 248. Media Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Media Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  249. 249. Plan • Media, c’est quoi ? • Ajout d’un champ vidéo Drupal 7 pour les utilisateurs alphorm.com™©
  250. 250. Media, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Gestion de fichiers type media (image, video, …)
  251. 251. Ajout d’un champ vidéo Drupal 7 pour les utilisateurs alphorm.com™©
  252. 252. Ce qu’on a couvert •Le module Media Drupal 7 pour les utilisateurs alphorm.com™©
  253. 253. Service links Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Service links Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  254. 254. Plan • Service links, c’est quoi ? • Ajout de boutons réseaux sociaux Drupal 7 pour les utilisateurs alphorm.com™©
  255. 255. Service links, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Ajout de boutons Facebook, Twitter, Instagram …
  256. 256. Ajout de boutons réseaux sociaux Drupal 7 pour les utilisateurs alphorm.com™©
  257. 257. Ce qu’on a couvert •Le module service links Drupal 7 pour les utilisateurs alphorm.com™©
  258. 258. Fivestar Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Fivestar
  259. 259. Plan • Fivestar, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  260. 260. Fivestar, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Ajout d’un système de notation
  261. 261. Ce qu’on a couvert • Le module Fivestar Drupal 7 pour les utilisateurs alphorm.com™©
  262. 262. Masquerade Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Masquerade
  263. 263. Plan • Masquerade, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  264. 264. Masquerade, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Gestion avancée des utilisateurs
  265. 265. Ce qu’on a couvert • Le module Masquerade Drupal 7 pour les utilisateurs alphorm.com™©
  266. 266. Simplenews Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Simplenews
  267. 267. Plan • Simplenews, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  268. 268. Simplenews, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Envoi de newsletter
  269. 269. Ce qu’on a couvert • Le module Simplenews Drupal 7 pour les utilisateurs alphorm.com™©
  270. 270. Views Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Views
  271. 271. Plan • Views, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  272. 272. Views, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Extraire les données (contenus, taxonomie, utilisateurs …) de la base de données et les afficher sous forme de listes.
  273. 273. Ce qu’on a couvert • Le module Views Drupal 7 pour les utilisateurs alphorm.com™©
  274. 274. Seo checklist Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Seo checklist
  275. 275. Plan • Seo checklist, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  276. 276. Une formation complète sur le SEO • Formation Référencement naturel SEO • Formateur : Mickaël DELAUNAY • Description : La formation Référencement naturel, va vous présenter quelles sont les améliorations à apporter à votre site pour grimper dans Google et doubler la concurrence. Cette formation s’oriente sur 3 piliers fondamentaux : les aspects techniques de votre Drupal 7 pour les utilisateurs alphorm.com™© Cette formation s’oriente sur 3 piliers fondamentaux : les aspects techniques de votre site, l’intérêt et la légitimité de votre site et la notoriété et la popularité de votre site. Trop souvent délaissé, l’aspect « intérêt & légitimité » a, au sein de cette formation, un aspect prépondérant. Le référencement naturel vous sera expliqué de manière claire et logique, afin que vous puissiez ressortir de la formation en ayant enfin toutes les cartes en main pour grimper. Loin de la « bidouille technique » et/ou des « manipulations d’experts », Mickaël vous guidera dans une démarche extrêmement logique afin se positionner sur un moteur de recherche comme Google. Les fondamentaux ne sont pas des fondamentaux techniques, mais sont des concepts liés à l’expérience utilisateur, et à la popularité de votre site.
  277. 277. Seo checklist, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Optimiser votre site pour être bien référencé sur google, yahoo, …
  278. 278. Ce qu’on a couvert • Le module Seo Checklist Drupal 7 pour les utilisateurs alphorm.com™©
  279. 279. Localization update Les modules indispensables Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Localization update Yoann Lesouef Consultant Indépendant Spécialiste Drupal
  280. 280. Plan • Localization update, c’est quoi ? • Installation • Configuration • Exemple Drupal 7 pour les utilisateurs alphorm.com™©
  281. 281. Localization Update, c’est quoi ? Drupal 7 pour les utilisateurs alphorm.com™© Mise à jour automatique des traductions …
  282. 282. Ce qu’on a couvert •Le module Localization Update Drupal 7 pour les utilisateurs alphorm.com™©
  283. 283. Conclusion Drupal 7 pour les utilisateurs Drupal 7 pour les utilisateurs alphorm.com™© Site : http://www.alphorm.com Blog : http://www.alphorm.com/blog Forum : http://www.alphorm.com/forum Yoann Lesouef Consultant Indépendant Spécialiste Drupal Conclusion
  284. 284. Plan • Drupal 7, un CMS flexible, puissant et robuste • Une forte communauté de développeurs et d’utilisateurs • Un niveau d’apprentissage non négligeable • Création de notre site de recette • Ce qu’il reste à apprendre Drupal 7 pour les utilisateurs alphorm.com™© • Ce qu’il reste à apprendre
  285. 285. Drupal 7 : CMS flexible, puissant et robuste • Création rapide de sites Internet • Robustesse des fonctionnalités Puissance des possibilités (cf. Drupal 7 pour les utilisateurs alphorm.com™© • Puissance des possibilités (cf. surcharge, modules)
  286. 286. Une forte communauté • 1 000 000 utilisateurs • 30 000 développeurs • 99% de chances que votre question ait déjà Drupal 7 pour les utilisateurs alphorm.com™© votre question ait déjà une réponse dans les forums • Rapidité des réponses de la communauté (chat, forum, …)
  287. 287. Un niveau d’apprentissage … non négligeable MAIS de nombreuses formations disponibles Drupal 7 pour les utilisateurs alphorm.com™© J’espère que cette formation vous aura donné les clés pour comprendre les concepts Drupal.
  288. 288. Création de notre site de recette Drupal 7 pour les utilisateurs alphorm.com™©
  289. 289. Ce qu’il reste à apprendre • Comment améliorer le design des pages • Comment surcharger les paramètres • Comment créer son propre thème • Comment créer son propre module Drupal 7 pour les utilisateurs alphorm.com™© • Continuer de tester les modules et thèmes déjà existants
  290. 290. Bienvenue dans la communauté ! Merci de m’avoir suivi tout au long de la formation ☺ Drupal 7 pour les utilisateurs alphorm.com™© formation ☺

×