Webschool tours-cms-20150219

Conférence " Les CMS : Pourquoi ? Comment ? " 1 / 54

WebSchool ToursNETPRESTA - www.netpresta.fr

P.Bouquetmaj. 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.





Remerciements





Qui suis-je ?

Industrie

Informatique

Conseil, Formation

Identité





Qui êtes vous ?

Agence ou indépendant web ?

Entrepreneurs (hors informatique) ?

Qui connaît le CMS Drupal ?

Qui utilise d'autres CMS ?





Plan de la conférence

* Un site web : C'est Quoi ? Pour qui ? Pourquoi ? Comment ?

* La solution CMS

* Mise en pratique





Chargement de Drupal en ligne (temps masqué)

www.drupalgardens.com

Pratique

1






Création du compte (1/2) * Clic sur "Sign up".* Remplir le formulaire.* Confirmer création compte par email.

Pratique







Pratique

2





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.







* La solution CMS

* Mise en pratique





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, …







* La solution CMS :

* Mise en pratique





Un site web : Pour qui ?

L'internaute qui recherche :

Efficacité : Trouver ce qu'il cherche.

Efficience : Trouver rapidement.

Plaisir : Design agréable, navigation facile.





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.





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.







* La solution CMS

* Mise en pratique





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).





Exemples de raisons et leurs conséquences (1/3)

Mes concurrents présents => Moi aussi.

Motivation 1 : Etre vu

- Communication interne et externeavec mon image, ma vision, mon dynamisme.

Motivation 2 : Communiquer

Développer Chiffre d'affaire.

Motivation 3 : Vendre





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 …







* La solution CMS :

* Mise en pratique





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)










Critères Logiciel propriétaire hébergeur

Agence

WebNationale

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 + + + + + - - - - -






Auditconcurrentiel

Cahier des charges

Maquettes : structure et graphique

Nom de domaine,

hébergement,Indexation

Siteen ligne

RéférencementMaintenance

Conceptionphases 1 à n

RédactionnelOptimisation

Buzz

Quels que soient vos choix pour réaliser votre site web, en voici les étapes importantes.Un site web : Comment ? (4/4)






* Un site web :

* La solution CMS :Définition. Quels choix. Différents CMS et critères ?

* Mise en pratique





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.





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





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






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






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 disponiblesmais souvent payants






Création de sites e-commerce

Connu mondialement

Destiné aux moyennes et grandes structures

Nécessite des compétences de développeur







* 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





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, personnalisablepeut servir de Framework (modules métiers)

* Open Source - Licence GNU GPL

* Pérennité (existe + croissance depuis 2001)

* Robustesse : Sites à fort trafic





A.2. DRUPAL : Références grandes entreprises

UK













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





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)





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





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 : articleentité : node(avec titre, body, …)

Champs sup. :- image- tag- comment

Bundle 2 : pageentité : node(avec titre, body, … )

Champs sup. :- lien de menu





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

BundleArticle

Bundle PersoEx : sites amis+ champ link

BundlePage

Type Entité 2 :User(Pas de bundle)

Type Entité 3 :Vocabulaire de taxonomie (tags)

Type Entité 4 :Commentaires

Type Entité 5 :Entité persoEx : Véhicules

Propriétés :- fabricant- modèle- année de sortie

Bundle Voiture(perso)

Bundle Camion(perso)Champ sup :- type remorque





B.2. Le contenu "node" (4/5) : création

1. De type "Article" (x3)

2. De type "Page" (x1)

Pratique





B.2. Contenu : Liste des contenus (5/5)Pratique













ListesStatistiques

RôlesDroits

ThèmeBlocsTypes de contenusMenustaxonomie Structure

Apparence

Personnes

Rapports

Core +Contrib

Infos siteFormats média

RechercheRéférencement

Perfo. / maint.Langues

Modules

Configuration

Listepar type

Contenu

C.1. Mécanique : L'interface Pratique





Core

Module A

Module B

Module C

. . .

Module E

Module F

Modules de la communauté (téléchargeables)

Module perso

Module P

Module EFonctionnalité 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)





X

PratiqueC.2. Mécanique : Les modules (2/3)





* Menu Structure / Views / Add

* Type

* Pagination

* Save

* Principe de la requête (SQL)

PratiqueC.2. Mécanique : Les modules (3/3)





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

Titretexte texte texte texte

image

contenu n°1avec titre texte et image dans le bloc n°1

bloc n°2

vidéo

contenu n°2 avec uniquement une vidéobloc

n°3 - article5 : lien1- article6 : lien2- article7 : lien3

contenu n°3liste d'articlesavec 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)





Thème / Région / Bloc1. Déplacer bloc "recent content"dans région "sidebar B + Save

PratiqueC.3. Mécanique : Affichages (2/2)





Utilisateurs Rôles DroitsPierre 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)





Droits

Rôles

PratiqueC.4. Mécanique : Les personnes (2/2)





HébergementBase de données

(BDD)

Pratique

1

2

3

5

6

7 Naviguez

4 Décompresser l'archive

HébergementFichiers

ou

C.5. Mécanique : Export et mise en ligne





Drupal : Autres exemples Pratique





Votre contact NETPRESTA

Philippe BOUQUET - 06 70 77 59 79 [email protected]

Skype : netpresta

Site : http://netpresta.fr

C) A vous la parole pour les Questions …

Webschool tours-cms-20150219

Internet