CMS ?    Créer un petit site avec Drupal             Léon Cros – Chipway                      @chipway                    ...
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...
Qui êtes-vous ?•   Association ?•   Particulier ?•   Informaticien ?•   Travaille dans le web ?•   Autre ?• Qui ne connais...
Drupal utilisateur et éditeurs•   Quest-ce quun CMS ?•   Mini introduction à Drupal•   Etude de cas ; Mon site simple•   D...
Qu’est-ce quun CMS ?• Content Management System• Système de Gestion de Contenu• Au départ orienté Web.                  . ...
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• Applicati...
Drupal ; Bête à concours.          JDLL Lyon – 17 novembre 2012   11                                          11
Drupal : exemples.    .           .           12                            12
Communauté Drupal                      •                           800 000+ contributeurs                       800+ contr...
Qu’est-ce que Drupal ? Communauté     – Contributif / Collaboratif Gestionnaire de Contenus (CMS)   01110111            ...
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 dapprentissage• Pas un pro• Hobbyiste• Look simple.           ...
Etude de cas ; Fonctionnalités●  Pages type blog• Pages « statiques »• Photos• Forum• Partager avec famille, amis,   membr...
Rechercher une solution Drupal●     Installer Drupal :     –  Core     –  Modules (5 à 7 000 / version)     –  Thème (> 1 ...
Rechercher une solution Drupal●     Votre profil :     ✔         Non informaticien     ✔         Geek, étudiant, passionné...
Démonstration DrupalGardens       Démarrer rapidement          un site web avec           DrupalGardens.           .      ...
Démonstration DrupalGardensDrupal en mode produit, c’est • Facile    – Editeur intégré    – Images et médias    – Création...
Démonstration DrupalGardens                       DrupalGardens :                      • Création de sites                ...
Démonstration DrupalGardens                       DrupalGardens :                      • Création de sites                ...
Démonstration DrupalGardens                       DrupalGardens :                      • Créer un compte.           .     ...
Démonstration DrupalGardens                        DrupalGardens :                        • Créer un site                 ...
Démonstration DrupalGardens                       • Choisir un                        modèle                       • Chois...
Démonstration DrupalGardens.           .                     28
Démonstration DrupalGardens                       Le site est créé :                     • Contenus exemples              ...
Démonstration DrupalGardens                            Slogan                    Configuration/System info                ...
Démonstration DrupalGardens                   • Compléter la bannière                      • Block bannière.           .  ...
Démonstration DrupalGardens                     Block bannière :                      • Taille image                      ...
Démonstration DrupalGardens                       • Block bannière                  • Quand afficher / masquer            ...
Démonstration DrupalGardens                       Page d’accueil                        • Changer Texte                   ...
Démonstration DrupalGardens                        Page d’accueil                       • Changer Texte                   ...
Démonstration DrupalGardens                     Formulaire de contact :                   • Opérationnel tout de suite    ...
Démonstration DrupalGardens                     Page About us :                     • Carte Google                     • C...
Démonstration DrupalGardens                      Page About us :                    • Notre Carte Google                  ...
Démonstration DrupalGardens                    Exemple de Galerie :                        • Compléter                    ...
Démonstration DrupalGardens                    Exemple de Galerie :                    • Ajouter photos par               ...
Démonstration DrupalGardens                    Exemple de Galerie :                         • Modifiée                    ...
Démonstration DrupalGardens                    Exemple de Galerie :                         • Modifiée                    ...
Démonstration DrupalGardens                     Changer Apparence :                   • Choisir un autre modèle           ...
Démonstration DrupalGardens                     Changer Apparence :                   • Choisir un autre modèle           ...
Démonstration DrupalGardens                    Changer Apparence :                          • Résultat                    ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                    Changer Apparence :                     • Créer mon Thème                  ...
Démonstration DrupalGardens                           Autres :                        • Mailing-List                    • ...
Dépasser les limites de        DrupalGardens                    DrupalGardens :                    • Export du site       ...
Limites DrupalGardens●     On doit rester dans le cadre      défini     –  Pas dajout de modules     –  Thèmes dispo + ada...
Pourquoi DrupalGardens ?●  Besoins limités●  Démarrage facile●  « Abordable » par tous• Maquettage• Site éphémère / événem...
Communauté de Lyon et région• La communauté / ADFF     – Utilisateurs de Drupal     – Futurs utilisateurs     – Curieux, s...
Communauté de Lyon et région• Activités     – Réunions-conférences à 19 h, 1fois par mois     – ¼ heure de gloire     – Ec...
Communauté de Lyon et région• Prochaine conférence     – Jeudi 22 novembre à 19 h     – Créer une boutique avec Drupal Com...
Contacts Drupal Lyon    Drupallyon.drupalgardens.com       drupal.lyon@gmail.comQuestionsRéponses.            .           ...
Bienvenue sur Drupal Lyon    Drupallyon.drupalgardens.com                                Merci pour votre attention       ...
Prochain SlideShare
Chargement dans…5
×

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

1 151 vues

Publié le

Journées Du Logiciel Libre 2012 "Domestiquer le Libre". Présentation Drupal simple à Lyon

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 151
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
40
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Formation Administrateur Drupal - Initiation Léon Cros - Copyright Chipway 2009
  • Formation Administrateur Drupal - Initiation . - Copyright Chipway 2009
  • Configuration/System info Slogan 403 => search/node
  • Configuration/System info Slogan 403 => search/node
  • Configuration/System info Slogan 403 => search/node
  • Configuration/System info Slogan 403 => search/node
  • Configuration/System info Slogan 403 => search/node
  • Cms et-creer-un-petit-site-avec-drupal-jdll-2012

    1. 1. CMS ? Créer un petit site avec Drupal Léon Cros – Chipway @chipway Chipway-drupal JDLL Lyon – 17 novembre 2012 .. 1
    2. 2. Qui suis-je ? Léon Cros @chipway / chipway-drupal. JDLL Lyon – 17 novembre 2012 .
    3. 3. 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, ...
    4. 4. 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
    5. 5. Drupal utilisateur et éditeurs• Quest-ce quun CMS ?• Mini introduction à Drupal• Etude de cas ; Mon site simple• Démo de création du site. . 5
    6. 6. Qu’est-ce quun CMS ?• Content Management System• Système de Gestion de Contenu• Au départ orienté Web. . 6
    7. 7. Avant le gestionnaire de contenus. . 7
    8. 8. Avant le gestionnaire de contenus. . 8
    9. 9. Avec le gestionnaire de contenus. . 9
    10. 10. A quoi sert un CMS ?Selon ses capacités :• Site internet• Réseau Social• Intranet• Extranet• Boutique eCommerce• Application métier. . 10
    11. 11. Drupal ; Bête à concours. JDLL Lyon – 17 novembre 2012 11 11
    12. 12. Drupal : exemples. . . 12 12
    13. 13. 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
    14. 14. 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
    15. 15. Drupal pour mon petit site ?● Exemples Grandes entreprises• Gouvernements• ONG•…. .s 15
    16. 16. Drupal pour mon petit site ?●  Besoin• Budget• Fait maison• ...• Comment faire ?. .s 16
    17. 17. Drupal pour mon petit site ?●  Limiter son ambition• Courbe dapprentissage• Pas un pro• Hobbyiste• Look simple. .s 17
    18. 18. Etude de cas ; Fonctionnalités●  Pages type blog• Pages « statiques »• Photos• Forum• Partager avec famille, amis,  membres association. .s 18
    19. 19. Rechercher une solution Drupal●  Installer Drupal : –  Core –  Modules (5 à 7 000 / version) –  Thème (> 1 000)• Paramétrer• Tester• Mettre en ligne. .s 19
    20. 20. 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
    21. 21. Démonstration DrupalGardens Démarrer rapidement  un site web avec  DrupalGardens. . 21
    22. 22. Démonstration DrupalGardensDrupal 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
    23. 23. Démonstration DrupalGardens DrupalGardens : • Création de sites  simples • Très rapide • Très simple • Hébergement  inclus • Drupal 7 drupalgardens.com. . 23
    24. 24. Démonstration DrupalGardens DrupalGardens : • Création de sites  simples. . 24
    25. 25. Démonstration DrupalGardens DrupalGardens : • Créer un compte. . 25
    26. 26. Démonstration DrupalGardens DrupalGardens : • Créer un site •sous-domaine. . 26
    27. 27. Démonstration DrupalGardens • Choisir un  modèle • Choisir ses  fonctionnalités • Click sur  « Create Site »   • Actuellement en  anglais. . 27
    28. 28. Démonstration DrupalGardens. . 28
    29. 29. Démonstration DrupalGardens Le site est créé : • Contenus exemples • Un peu de Configuration • Compléter / exemples • Peaufiner présentation • Mettre du contenu. . 29
    30. 30. Démonstration DrupalGardens Slogan  Configuration/System info • Slogan Bannière d’images • Placer la souris dans  le bloc • Clic sur engrenage • Configurer. . 30
    31. 31. Démonstration DrupalGardens • Compléter la bannière • Block bannière. . 31
    32. 32. Démonstration DrupalGardens Block bannière : • Taille image • . . 32
    33. 33. Démonstration DrupalGardens • Block bannière • Quand afficher / masquer  la bannière ?. . 33
    34. 34. Démonstration DrupalGardens Page d’accueil • Changer Texte • Clic dedans • Clic Edit • Créer d’autres pages. . 34
    35. 35. Démonstration DrupalGardens Page d’accueil • Changer Texte • Ajouter image ou vidéo  facilement. . 35
    36. 36. Démonstration DrupalGardens Formulaire de contact : • Opérationnel tout de suite • Configurable • General feedback. . 36
    37. 37. Démonstration DrupalGardens Page About us : • Carte Google • Coordonnées. . 37
    38. 38. Démonstration DrupalGardens Page About us : • Notre Carte Google  • Nos Coordonnées. . 38
    39. 39. Démonstration DrupalGardens Exemple de Galerie : • Compléter • . . 39
    40. 40. Démonstration DrupalGardens Exemple de Galerie : • Ajouter photos par • Glisser/déposer . . 40
    41. 41. Démonstration DrupalGardens Exemple de Galerie : • Modifiée • Ma galerie. . 41
    42. 42. Démonstration DrupalGardens Exemple de Galerie : • Modifiée • Ma galerie • Slideshow. . 42
    43. 43. Démonstration DrupalGardens Changer Apparence : • Choisir un autre modèle  (thème). . 43
    44. 44. Démonstration DrupalGardens Changer Apparence : • Choisir un autre modèle  (thème) • Prévisualisation • Confirmer par  • Publish + nom • Save. . 44
    45. 45. Démonstration DrupalGardens Changer Apparence : • Résultat • Personnalisable • Theme Builder. . 45
    46. 46. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Palettes de couleurs. . 46
    47. 47. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Colonnes. . 47
    48. 48. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Modifier les CSS • Police • Position • Couleur • …. . 48
    49. 49. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Modifier les CSS • Bordures • Espacements. . 49
    50. 50. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Modifier les CSS • Fonds. . 50
    51. 51. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Modifier les CSS • Avancé. . 51
    52. 52. Démonstration DrupalGardens Changer Apparence : • Créer mon Thème • Theme Builder • Modifier les CSS • Avancé • Publier pour Sauver le  Thème. . 52
    53. 53. Démonstration DrupalGardens Autres : • Mailing-List • Suivez-nous sur les  Réseaux sociaux • Avancé • …. . 53
    54. 54. Dépasser les limites de  DrupalGardens DrupalGardens : • Export du site Autre hébergement  plus complet • Importation du site • Ajout de modules, …. . 54
    55. 55. Limites DrupalGardens●  On doit rester dans le cadre  défini –  Pas dajout de modules –  Thèmes dispo + adaptation• Payant assez vite – 5 utilisateurs – Nb de visiteurs. .s 55
    56. 56. 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
    57. 57. 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
    58. 58. 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
    59. 59. Communauté de Lyon et région• Prochaine conférence – Jeudi 22 novembre à 19 h – Créer une boutique avec Drupal Commerce – Retours dExpérience – Projet OpenERP ↔ Drupal Commerce• http://www.meetup.com/drupal-france-fran cophonie/events/89349652/. . 59
    60. 60. Contacts Drupal Lyon Drupallyon.drupalgardens.com drupal.lyon@gmail.comQuestionsRéponses. . 60
    61. 61. 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 dUtilisation Commerciale - Partage des Conditions  Initiales à lIdentique 3.0 Unported  . . 61

    ×