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

1. CMS ?
Créer un petit site avec Drupal
Léon Cros – Chipway
@chipway
Chipway-drupal
JDLL Lyon – 17 novembre 2012 .
. 1

2. Qui suis-je ?
Léon Cros
@chipway / chipway-drupal
. JDLL Lyon – 17 novembre 2012 .

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

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

7. Avant le gestionnaire de contenus
. . 7

8. Avant le gestionnaire de contenus
. . 8

9. Avec le gestionnaire de contenus
. . 9

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

11. Drupal ; Bête à concours
. JDLL Lyon – 17 novembre 2012 11
11

12. Drupal : exemples
.
. . 12
12

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. 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. Drupal pour mon petit site ?
●
Exemples Grandes entreprises
• Gouvernements
• ONG
•…
. .s 15

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

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

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

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. 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. Démonstration DrupalGardens
Démarrer rapidement
un site web avec
DrupalGardens
. . 21

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

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. Démonstration DrupalGardens
DrupalGardens :
• Création de sites
simples
. . 24

25. Démonstration DrupalGardens
DrupalGardens :
• Créer un compte
. . 25

26. Démonstration DrupalGardens
DrupalGardens :
• Créer un site
•sous-domaine
. . 26

27. Démonstration DrupalGardens
• Choisir un
modèle
• Choisir ses
fonctionnalités
• Click sur
« Create Site »
• Actuellement en
anglais
. . 27

28. Démonstration DrupalGardens
. . 28

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. Démonstration DrupalGardens
Slogan
Configuration/System info
• Slogan
Bannière d’images
• Placer la souris dans
le bloc
• Clic sur engrenage
• Configurer
. . 30

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

32. Démonstration DrupalGardens
Block bannière :
• Taille image
•
. . 32

33. Démonstration DrupalGardens
• Block bannière
• Quand afficher / masquer
la bannière ?
. . 33

34. Démonstration DrupalGardens
Page d’accueil
• Changer Texte
• Clic dedans
• Clic Edit
• Créer d’autres pages
. . 34

35. Démonstration DrupalGardens
Page d’accueil
• Changer Texte
• Ajouter image ou vidéo
facilement
. . 35

36. Démonstration DrupalGardens
Formulaire de contact :
• Opérationnel tout de suite
• Configurable
• General feedback
. . 36

37. Démonstration DrupalGardens
Page About us :
• Carte Google
• Coordonnées
. . 37

38. Démonstration DrupalGardens
Page About us :
• Notre Carte Google
• Nos Coordonnées
. . 38

39. Démonstration DrupalGardens
Exemple de Galerie :
• Compléter
•
. . 39

40. Démonstration DrupalGardens
Exemple de Galerie :
• Ajouter photos par
• Glisser/déposer
. . 40

41. Démonstration DrupalGardens
Exemple de Galerie :
• Modifiée
• Ma galerie
. . 41

42. Démonstration DrupalGardens
Exemple de Galerie :
• Modifiée
• Ma galerie
• Slideshow
. . 42

43. Démonstration DrupalGardens
Changer Apparence :
• Choisir un autre modèle
(thème)
. . 43

44. Démonstration DrupalGardens
Changer Apparence :
• Choisir un autre modèle
(thème)
• Prévisualisation
• Confirmer par
• Publish + nom
• Save
. . 44

45. Démonstration DrupalGardens
Changer Apparence :
• Résultat
• Personnalisable
• Theme Builder
. . 45

46. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Palettes de couleurs
. . 46

47. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Colonnes
. . 47

48. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Modifier les CSS
• Police
• Position
• Couleur
• …
. . 48

49. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Modifier les CSS
• Bordures
• Espacements
. . 49

50. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Modifier les CSS
• Fonds
. . 50

51. Démonstration DrupalGardens
Changer Apparence :
• Créer mon Thème
• Theme Builder
• Modifier les CSS
• Avancé
. . 51

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. Démonstration DrupalGardens
Autres :
• Mailing-List
• Suivez-nous sur les
Réseaux sociaux
• Avancé
• …
. . 53

54. Dépasser les limites de
DrupalGardens
DrupalGardens :
• Export du site
Autre hébergement
plus complet
• Importation du site
• Ajout de modules, …
. . 54

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

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

60. Contacts Drupal Lyon
Drupallyon.drupalgardens.com
drupal.lyon@gmail.com
Questions
Réponses
. . 60

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 d'Utilisation Commerciale - Partage des Conditions
Initiales à l'Identique 3.0 Unported
. . 61