Webschool tours Les CMS Pourquoi Comment

Conférence " Les CMS : Pourquoi ? Comment ? " 1 / 54
WebSchool ToursNETPRESTA -
www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Conférence du 19/02/2015
Les CMS : Pourquoi ? Comment ?
Bienvenue à la conférence :
Les sociétés, marques cités dans ce document doivent être regardés comme appartenant à leurs propriétaires respectifs. Les produits et services cités dans ce document le sont à titre d'exemple.
NetPresta consent à l'utilisateur à reproduire entièrement ou partiellement cette présentation dans le cadre d'un usage strictement personnel, privé et non collectif. Toute mise en réseau rediffusion
ou commercialisation totale ou partielle de ce contenu, auprès de tiers, sous quelque forme que ce soit est strictement interdite, sans autorisation préalable et écrite de NetPresta.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Remerciements

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Qui suis-je ?
Industrie
Informatique
Conseil, Formation
Identité

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Qui êtes vous ?
Agence ou indépendant web ?
Entrepreneurs (hors informatique) ?
Qui connaît le CMS Drupal ?
Qui utilise d'autres CMS ?

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Plan de la conférence
* Un site web :
C'est Quoi ? Pour qui ? Pourquoi ? Comment ?
* La solution CMS
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Chargement de Drupal en ligne (temps masqué)
www.drupalgardens.com
Pratique
1

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Création du compte (1/2) * Clic sur "Sign up".
* Remplir le formulaire.
* Confirmer création compte par email.
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Pratique
2

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Chargement de Drupal en ligne (temps masqué) Pratique
Création du site (2/2) * Clic sur "Create a free site".
* Confirmer création du site par SMS.

Conférence " Les CMS : Pourquoi ? Comment ? " 10 /
www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Un site web, c'est
* Un nom de domaine.
* Un hébergement en ligne.
* Des heures :
Création, graphisme, référencement,
rédaction de contenu, maintenance, …

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Un site web : Pour qui ?
L'internaute qui recherche :
Efficacité : Trouver ce qu'il cherche.
Efficience : Trouver rapidement.
Plaisir : Design agréable, navigation facile.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Un site web : Pour qui (2) ?
Le client (futur propriétaire du site) qui recherche :
Efficacité : Atteinte de ses objectifs.
Efficience : Mise à jour et gestion rapide.
Plaisir : Ergonomie pour la mise à jour.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Un site web : Pour qui (3) ?
Le webmaster (vendeur du site)
qui recherche :
Efficacité : Répondre au besoin du client.
Efficience : ↓ ↓ Temps de création et maintenance.
Plaisir : Press-book pour ses futur clients.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Un site web : Pourquoi ?
Raison(s) / motivation(s) => prioriser.
Quand se poser la question ?
Dès la conception du site pour :
* Choix de conception
* Ligne éditoriale.
Définir des objectifs
=> Actions à mener.
=> Moyens (Heures + budget).

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Exemples de raisons et leurs conséquences (1/3)
Mes concurrents présents => Moi aussi.
Motivation 1 : Etre vu
- Communication interne et externe
avec mon image, ma vision, mon dynamisme.
Motivation 2 : Communiquer
Développer Chiffre d'affaire.
Motivation 3 : Vendre

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
SavoirLes différents types de sites internet
- Site vitrine (= institutionnel),
- Site catalogue,
- Site e-commerce,
- Site portail,
- Site d'artistes,
- Site événementiel (1 événement),
- Blog (1 thème phare),
- Forum,
- Site éditorial (Couvre toute l'actualité),
- Site intranet (interne, réservé au personnel d'une entreprise consultable
uniquement dans l'entreprise)
- Carte de visite (= CV),
- Annuaire,
- Réseau social (= communautaire),
- SAV,
- Comparateur de prix / avis,
- Moteur de recherche,
- Wiki,
- Site ludo-éducatif, Jeu en ligne,
- etc …

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Pour faire le choix de la "meilleure solution"
pour vous, il faut auparavant évaluer ces
Principaux critères
* Niveau technique propriétaire.
* Degré maîtrise / délégation.
* Qui va mettre à jour / maintenir le site après création.
* Relations avec prestataire web.
* Temps disponible, délai pour création.
* Raisons / motivation.
* Référencement souhaité.
* Existence logo / charte graphique entreprise.
* Personnalisation graphique et ergonomique.
* Spécificités de votre métier.
* Sécurité.
* Budget.
Un site web : Comment ? (1/4)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Critères Logiciel
propriétaire
hébergeur
Agence
Web
Nationale
Société
référence
ment
Structure
locale
(CMS)
Autonomie + + + - - - / + - - + +
Propriété site - - - - - + - / + - - + +
Propr. contenus - - - - - + - / + - - + +
Maitrise évolutions - - - - - - + - - + +
Publicité absente - - - - + + - / + - + +
Personnalisation - - + - - - / + - - + +
Visibilité - / + - - - - / + + + +
Relationnel - - - - + - - + +
Coût faible + + + + + - - - - -

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Audit
concurrentiel
Cahier des
charges
Maquettes : structure et
graphique
Nom de
domaine,
hébergement,
Indexation
Site
en ligne
Référencement
Maintenance
Conception
phases 1 à n
Rédactionnel
Optimisation
Buzz
Quels que soient vos choix pour réaliser votre site web, en voici les étapes importantes.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :
Définition. Quels choix. Différents CMS et critères ?
* Mise en pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
A.1. CMS : Définition
CMS : Content Management System :
Système de gestion de contenu web.
Famille de logiciels pour
- Aide à la conception.
- Mise à jour simplifiée du site web.
Ils permettent :
- Travail collaboratif
- Chaine de validation (Workflow) et gestion de rôles
- Structuration et séparation gestion / contenu.

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
A.2. Quel choix ?
Chiffres 2014 - http://w3techs.com/
61%
(2003)
7.5%
(2005)
5.1%
(2000)
2.8%
(2008)
1.2%
(2005)
1.6%
(1997)
2.9%
(1999)
Sites e-commerceSites traditionnels

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
A.3. Différents CMS et critères
Initialement moteur de Blog
Le plus populaire des CMS
Installation rapide
Nombreux modules
Convient à 80% des utilisateurs (Perso, Asso, PME)
Sites vitrine, site catalogue
Licence GNU GPL
Hébergement possible : wordpress.com

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Création de site web évolué.
Très connu, mais avec croissance en baisse.
Plus utilisé pour des applications métier.
Nécessite des compétences de développeur.
Nombreux modules.
Licence GNU GPL.
Joomla

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Création de sites e-commerce française
Installation facile.
Personnalisation limitée (coté vitrine + commerce)
Destiné aux petites structures
Ne nécessite pas de compétences de développeur
Nombreux modules disponibles
mais souvent payants

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Création de sites e-commerce
Connu mondialement
Destiné aux moyennes et grandes structures
Nécessite des compétences de développeur

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :
Quel choix ? Quels critères ?
* Mise en pratique avec le CMS DRUPAL
A. Présentation - B. Création de contenu - C. Mécanique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
A.1. Présentation de Drupal
* Evolutif et modularité : 26 000 modules complémentaires
De petits sites => tout type de sites
* Communauté : 30K développeurs, évènements, ressources
* Référencement * Réseaux sociaux
* Fortement paramétrable, gestion des droits, personnalisable
peut servir de Framework (modules métiers)
* Open Source - Licence GNU GPL
* Pérennité (existe + croissance depuis 2001)
* Robustesse : Sites à fort trafic

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
A.2. DRUPAL : Références grandes entreprises
UK

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.1. Chargement de Drupal en ligne (1/2)
1. Création du compte
* Clic sur "Sign up".
* Remplir le formulaire.
* Confirmer création compte par email.
2. Créer son site
* Clic sur "Create a free site".
* Confirmer création du site par SMS.
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Pratique
Galerie
d'images
Bannière
défilante
Derniers
commentaires
postés
Zone
recherche
Derniers
articles
Slogan
Menu
principal
B.1. Chargement de Drupal : La base du site (2/2)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.2. Le contenu : "node" (1/5)
* Un identifiant
* Un titre
* Un descriptif (body)
* Un nom_system
* Un auteur
* Une date de création
* Une url (path)
* Une révision

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.2. Contenu : "types de contenus / Bundle" (2/5)
Type Entité 1 : Node
(= content)
Propriétés :
- identifiant (nid)
- titre
- body
- nom_system
- auteur (uid)
- date de création
- path
- révision
Bundle 1 : article
entité : node
(avec titre,
body, …)
Champs sup. :
- image
- tag
- comment
Bundle 2 :
page
entité : node
(avec titre,
body, … )
Champs sup. :
- lien de menu

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.2. Contenu : "types de contenus / Bundle" (3/5)
Type Entité 1 :
Node (= content)
propriétés :
- titre
- body
- nom_system
- auteur
- date de création
- path
- révision
Bundle
Article
Bundle Perso
Ex : sites amis
+ champ link
Bundle
Page
Type Entité 2 :
User
(Pas de bundle)
Type Entité 3 :
Vocabulaire de
taxonomie (tags)
Type Entité 4 :
Commentaires
Type Entité 5 :
Entité perso
Ex : Véhicules
Propriétés :
- fabricant
- modèle
- année de sortie
Bundle Voiture
(perso)
Bundle Camion
(perso)
Champ sup :
- type remorque

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.2. Le contenu "node" (4/5) : création
1. De type "Article" (x3)
2. De type "Page" (x1)
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
B.2. Contenu : Liste des contenus (5/5)
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Un site web :
* La solution CMS :

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Listes
Statistiques
Rôles
Droits
Thème
Blocs
Types de contenus
Menus
taxonomie Structure
Apparence
Personnes
Rapports
Core +
Contrib
Infos site
Formats média
Recherche
Référencement
Perfo. / maint.
Langues
Modules
Configuration
Liste
par type
Contenu
C.1. Mécanique : L'interface Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Core
Module A
Module B
Module C
. . .
Module E
Module F
Modules de la
communauté
(téléchargeables)
Module perso
Module P
Module E
Fonctionnalité 1
Fonctionnalité 2
Option a
Option b
Option a
Option b
Option c
Ensemble des modules utilisés dans le site
. . . . . .
. . .
C.2. Mécanique : Les modules (1/3)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
X
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
* Menu Structure / Views / Add
* Type
* Pagination
* Save
* Principe de la requête (SQL)
Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Site 1 - Page 1 (thème A)
header (région)
nav
(région)
footer
Site 1 - Page 2 (thème A)
header (région)
footer
nav
(région)
asidecontent
(région) bloc
n°1
Titre
texte texte
texte texte
image
contenu n°1
avec titre
texte et image
dans le bloc
n°1
bloc
n°2
vidéo
contenu n°2
avec uniquement
une vidéo
bloc
n°3 - article5 : lien1
- article6 : lien2
- article7 : lien3
contenu n°3
liste d'articles
avec des liens
Site 2 - Page 3 (thème B)
nav (région)
content (région)
bloc
n°1
bloc
n°2
bloc
n°3
bloc
n°4
bloc n°4
bloc
n°5
bloc
n°7
bloc
n°8
bloc n°9
bloc
n°5
bloc
n°6
Thème / Région / Bloc
C.3. Mécanique : Affichages (1/2)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Thème / Région / Bloc
1. Déplacer bloc
"recent content"
dans région "sidebar B
+ Save
Pratique
C.3. Mécanique : Affichages (2/2)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Utilisateurs Rôles Droits
Pierre Internaute
(non authentifié)
- Consulter les pages du site.
Michelle Client
(internaute authentifié)
- Consulter les pages du site.
- Acheter des produits.
Paul Rédacteur - Consulter les pages du site.
- Modifier les articles et les produits.
Chloé Modérateur - Consulter les pages du site.
- Valider les descriptifs des produits.
Jacques Propriétaire - Consulter les pages du site.
- Gérer les commandes.
Elise Administrateur - Consulter les pages du site.
- Modifier les articles et les produits.
- Modifier la structure du site web.
Exemple :
C.4. Mécanique : Les personnes (1/2)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Droits
Rôles
Pratique
C.4. Mécanique : Les personnes (2/2)

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Hébergement
Base de données
(BDD)
Pratique
1
2
3
5
6
7 Naviguez
4 Décompresser l'archive
Hébergement
Fichiers
ou
C.5. Mécanique : Export et mise en ligne

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Drupal : Autres exemples Pratique

www.netpresta.fr
P.Bouquet
maj. du 19/02/2015
Votre contact NETPRESTA
Philippe BOUQUET - 06 70 77 59 79
netpresta@laposte.net
Skype : netpresta
Site : http://netpresta.fr
C) A vous la parole pour les Questions …

Webschool tours Les CMS Pourquoi Comment

Recommended

Recommended

More Related Content

Similar to Webschool tours Les CMS Pourquoi Comment

Similar to Webschool tours Les CMS Pourquoi Comment (20)

More from NETPRESTA

More from NETPRESTA (7)

Webschool tours Les CMS Pourquoi Comment

Editor's Notes