CMS ?
    Créer un petit site avec Drupal
             Léon Cros – Chipway
                      @chipway
                    Chipway-drupal


             JDLL Lyon – 17 novembre 2012   .

.                                               1
Qui suis-je ?


     Léon Cros




         @chipway / chipway-drupal
.        JDLL Lyon – 17 novembre 2012   .
Chipway : Spécialiste 
• Formations Drupal 6, 7, ...
  –   Webmasters et administrateurs
  –   Développeurs
  –   Designers et intégrateurs
  –   Chef de projet Drupal
• Accompagnement/Coaching
• Développement
• Conseil, AMOA, ...
Qui êtes-vous ?
•   Association ?
•   Particulier ?
•   Informaticien ?
•   Travaille dans le web ?
•   Autre ?

• Qui ne connaissait pas Drupal avant de 
  venir ?


                 JDLL Lyon – 17 novembre 2012   4
Drupal utilisateur et éditeurs
•   Qu'est-ce qu'un CMS ?
•   Mini introduction à Drupal
•   Etude de cas ; Mon site simple
•   Démo de création du site




.                      .              5
Qu’est-ce qu'un CMS ?
• Content Management System
• Système de Gestion de Contenu
• Au départ orienté Web




.                  .              6
Avant le gestionnaire de contenus




.                   .                   7
Avant le gestionnaire de contenus




.                   .                   8
Avec le gestionnaire de contenus




.                  .                   9
A quoi sert un CMS ?
Selon ses capacités :
• Site internet
• Réseau Social
• Intranet
• Extranet
• Boutique eCommerce
• Application métier

.                  .         10
Drupal ; Bête à concours




.          JDLL Lyon – 17 novembre 2012   11
                                          11
Drupal : exemples




.



    .           .           12
                            12
Communauté Drupal
                      •
                           800 000+ contributeurs

                       800+ contributeurs 
                      •


                      Core drupal 7
                      •
                           11 000+ modules
                      •
                           13 000+ développeurs
                      •
                           1 000 thèmes
                      This week :
                      •
                        3 000+ commits
                      •
                        6 500+ issue comments
.



    .           .                               13
Qu’est-ce que Drupal ?
 Communauté 
    – Contributif / Collaboratif

 Gestionnaire de Contenus (CMS)   01110111
                                   01101001

    – Modulaire et évolutif        01101100
                                   01101100
                                   00100000
                                   01100011
                                   01101111
 Plateforme de développement      01100100
                                   01100101
                                   00100000
    – Framework (CMF)              01110000
                                   01101000
                                   01110000
                                   00100000
                                   01100110
                                   01101111
                                   01110010
.                             .    00100000
                                          14
                                   01100110
                                   01101111
Drupal pour mon petit site ?
●
  Exemples Grandes entreprises
• Gouvernements
• ONG
•…



.                .s                15
Drupal pour mon petit site ?
●
  Besoin
• Budget
• Fait maison
• ...
• Comment faire ?


.                .s                16
Drupal pour mon petit site ?
●
  Limiter son ambition
• Courbe d'apprentissage
• Pas un pro
• Hobbyiste
• Look simple


.                .s                17
Etude de cas ; Fonctionnalités
●
  Pages type blog
• Pages « statiques »
• Photos
• Forum
• Partager avec famille, amis, 
  membres association

.                 .s                 18
Rechercher une solution Drupal
●
     Installer Drupal :
     –  Core
     –  Modules (5 à 7 000 / version)
     –  Thème (> 1 000)
• Paramétrer
• Tester
• Mettre en ligne
.                       .s              19
Rechercher une solution Drupal
●
     Votre profil :
     ✔
         Non informaticien
     ✔
         Geek, étudiant, passionné de techno
     ✔
         Beaucoup de temps dispo / Peu ...
➔
  drupalgardens
➔
  Distribution
➔
  Drupal du Core au Site fini
.                        .s                    20
Démonstration DrupalGardens



       Démarrer rapidement 
         un site web avec 
          DrupalGardens

.           .                     21
Démonstration DrupalGardens
Drupal en mode produit, c’est 
• Facile
    – Editeur intégré
    – Images et médias
    – Création d’un thème très simple


• C’est quand même du Drupal, extensible

.                .                         22
Démonstration DrupalGardens
                       DrupalGardens :

                      • Création de sites 
                              simples
                          • Très rapide
                          • Très simple
                        • Hébergement 
                               inclus
                            • Drupal 7

                      drupalgardens.com

.           .                           23
Démonstration DrupalGardens
                       DrupalGardens :

                      • Création de sites 
                           simples




.           .                           24
Démonstration DrupalGardens
                       DrupalGardens :

                      • Créer un compte




.           .                            25
Démonstration DrupalGardens
                        DrupalGardens :

                        • Créer un site
                        •sous-domaine




.           .                        26
Démonstration DrupalGardens
                       • Choisir un 
                       modèle

                       • Choisir ses 
                       fonctionnalités

                       • Click sur 
                       « Create Site »
                        
                       • Actuellement en 
                       anglais

.           .                            27
Démonstration DrupalGardens




.           .                     28
Démonstration DrupalGardens
                       Le site est créé :

                     • Contenus exemples

                   • Un peu de Configuration

                    • Compléter / exemples

                   • Peaufiner présentation

                      • Mettre du contenu

.           .                                29
Démonstration DrupalGardens
                            Slogan 

                   Configuration/System info
                     • Slogan

                       Bannière d’images
                     • Placer la souris dans 
                     le bloc
                     • Clic sur engrenage
                     • Configurer


.           .                               30
Démonstration DrupalGardens
                   • Compléter la bannière

                      • Block bannière




.           .                            31
Démonstration DrupalGardens
                     Block bannière :

                      • Taille image
                             • 




.           .                           32
Démonstration DrupalGardens
                       • Block bannière

                  • Quand afficher / masquer 
                        la bannière ?




.           .                             33
Démonstration DrupalGardens
                       Page d’accueil

                        • Changer Texte
                     • Clic dedans
                     • Clic Edit
                    • Créer d’autres pages




.           .                                34
Démonstration DrupalGardens
                        Page d’accueil

                       • Changer Texte

                   • Ajouter image ou vidéo 
                           facilement




.           .                              35
Démonstration DrupalGardens
                     Formulaire de contact :

                   • Opérationnel tout de suite

                         • Configurable
                      • General feedback




.           .                                  36
Démonstration DrupalGardens
                     Page About us :

                     • Carte Google
                     • Coordonnées




.           .                          37
Démonstration DrupalGardens
                      Page About us :

                    • Notre Carte Google 
                     • Nos Coordonnées




.           .                               38
Démonstration DrupalGardens
                    Exemple de Galerie :

                        • Compléter
                            • 




.           .                              39
Démonstration DrupalGardens
                    Exemple de Galerie :

                    • Ajouter photos par

                     • Glisser/déposer 




.           .                              40
Démonstration DrupalGardens
                    Exemple de Galerie :

                         • Modifiée

                        • Ma galerie




.           .                              41
Démonstration DrupalGardens
                    Exemple de Galerie :

                         • Modifiée

                        • Ma galerie

                        • Slideshow




.           .                              42
Démonstration DrupalGardens
                     Changer Apparence :

                   • Choisir un autre modèle 
                             (thème)




.           .                              43
Démonstration DrupalGardens
                     Changer Apparence :

                   • Choisir un autre modèle 
                             (thème)
                       • Prévisualisation

                        • Confirmer par 
                     • Publish + nom
                     • Save




.           .                              44
Démonstration DrupalGardens
                    Changer Apparence :

                          • Résultat
                    • Personnalisable
                    • Theme Builder




.           .                             45
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                    • Palettes de couleurs




.           .                                46
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                         • Colonnes




.           .                             47
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                      • Modifier les CSS
                    • Police
                    • Position
                    • Couleur
                    • …




.           .                              48
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                      • Modifier les CSS
                    • Bordures
                    • Espacements




.           .                              49
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                      • Modifier les CSS
                    • Fonds




.           .                              50
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                      • Modifier les CSS
                    • Avancé




.           .                              51
Démonstration DrupalGardens
                    Changer Apparence :

                     • Créer mon Thème
                    • Theme Builder
                      • Modifier les CSS
                    • Avancé

                   • Publier pour Sauver le 
                            Thème




.           .                              52
Démonstration DrupalGardens
                           Autres :

                        • Mailing-List

                    • Suivez-nous sur les 
                       Réseaux sociaux
                    • Avancé

                             • …




.           .                                53
Dépasser les limites de 
       DrupalGardens
                    DrupalGardens :
                    • Export du site

                    Autre hébergement 
                        plus complet
                    • Importation du site
                  • Ajout de modules, …




.        .                             54
Limites DrupalGardens
●
     On doit rester dans le cadre 
     défini
     –  Pas d'ajout de modules
     –  Thèmes dispo + adaptation
• Payant assez vite
  – 5 utilisateurs
  – Nb de visiteurs
.                      .s            55
Pourquoi DrupalGardens ?
●
  Besoins limités
●
  Démarrage facile
●
  « Abordable » par tous
• Maquettage
• Site éphémère / événement
• Passer à un vrai site Drupal
.               .s               56
Communauté de Lyon et région
• La communauté / ADFF
     – Utilisateurs de Drupal
     – Futurs utilisateurs
     – Curieux, sympathisants
     – Développeurs
     – Designers
     – Hébergeurs
  OUVERTE A TOUS
.                 .             57
Communauté de Lyon et région
• Activités
     – Réunions-conférences à 19 h, 1fois par mois
     – ¼ heure de gloire
     – Echanges informels
     – Actualités Drupal + Opensource
     – (Déjeuners midi, rencontres bière & Drupal)
     – Drupalcamp Lyon 2012
• « Venez pour le logiciel, restez pour la 
  communauté »
.                 .                                  58
Communauté de Lyon et région
• Prochaine conférence
     – Jeudi 22 novembre à 19 h
     – Créer une boutique avec Drupal Commerce
     – Retours d'Expérience
     – Projet OpenERP ↔ Drupal Commerce
• http://www.meetup.com/drupal-france-fran
  cophonie/events/89349652/


.                .                               59
Contacts Drupal Lyon

    Drupallyon.drupalgardens.com
       drupal.lyon@gmail.com


Questions
Réponses
.            .                     60
Bienvenue sur Drupal Lyon

    Drupallyon.drupalgardens.com                  



              Merci pour votre attention
                       Présentation disponible sur 
    fr.slideshare.net/chipway/cms-etcreerunpetitsiteavecdrupaljdll2012


    Licence Creative Commons Paternité - Pas d'Utilisation Commerciale - Partage des Conditions 
                                 Initiales à l'Identique 3.0 Unported  




.                                .                                                                 61

Cms et-creer-un-petit-site-avec-drupal-jdll-2012

Notes de l'éditeur

  • #2 Formation Administrateur Drupal - Initiation Léon Cros - Copyright Chipway 2009
  • #3 Formation Administrateur Drupal - Initiation . - Copyright Chipway 2009
  • #29 Configuration/System info Slogan 403 => search/node
  • #30 Configuration/System info Slogan 403 => search/node
  • #31 Configuration/System info Slogan 403 => search/node
  • #32 Configuration/System info Slogan 403 => search/node
  • #34 Configuration/System info Slogan 403 => search/node