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

.

.

1

CMS ?Créer un petit site avec Drupal

Léon Cros – Chipway@chipway

Chipway-drupal

JDLL Lyon – 17 novembre 2012

. JDLL Lyon – 17 novembre 2012 .

Qui suis-je ?

@chipway / chipway-drupal

Léon Cros

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

JDLL Lyon – 17 novembre 2012 4

Qui êtes-vous ?

• Association ?• Particulier ?• Informaticien ?• Travaille dans le web ?• Autre ?

• Qui ne connaissait pas Drupal avant de venir ?

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

. . 6

Qu’est-ce qu'un CMS ?

• Content Management System

• Système de Gestion de Contenu

• Au départ orienté Web

. . 7

Avant le gestionnaire de contenus

. . 8

Avant le gestionnaire de contenus

. . 9

Avec le gestionnaire de contenus

. . 10

A quoi sert un CMS ?

Selon ses capacités :

• Site internet

• Réseau Social

• Intranet

• Extranet

• Boutique eCommerce

• Application métier

11. JDLL Lyon – 17 novembre 2012 11

Drupal ; Bête à concours

12. . 12

Drupal : exemples

.

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

. . 14

Qu’est-ce que Drupal ?

Communauté – Contributif / Collaboratif

Gestionnaire de Contenus (CMS)– Modulaire et évolutif

Plateforme de développement– Framework (CMF)

01110111 01101001 01101100 01101100 00100000 01100011 01101111 01100100 01100101 00100000 01110000 01101000 01110000 00100000 01100110 01101111 01110010 00100000 01100110 01101111 01101111 01100100

. .s 15

Drupal pour mon petit site ?

●Exemples Grandes entreprises• Gouvernements• ONG• …

. .s 16

Drupal pour mon petit site ?

● Besoin• Budget• Fait maison• ...• Comment faire ?

. .s 17

Drupal pour mon petit site ?

● Limiter son ambition• Courbe d'apprentissage• Pas un pro• Hobbyiste• Look simple

. .s 18

Etude de cas ; Fonctionnalités

● Pages type blog• Pages « statiques »• Photos• Forum• Partager avec famille, amis, membres association

. .s 19

Rechercher une solution Drupal

● Installer Drupal :–  Core–  Modules (5 à 7 000 / version)–  Thème (> 1 000)

• Paramétrer• Tester• Mettre en ligne

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

. . 21

Démonstration DrupalGardens

Démarrer rapidement 

un site web avec DrupalGardens

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

. . 23

Démonstration DrupalGardens

DrupalGardens :

• Création de sites simples

• Très rapide• Très simple

• Hébergement inclus

• Drupal 7

drupalgardens.com

. . 24

Démonstration DrupalGardens

DrupalGardens :

• Création de sites simples

. . 25

Démonstration DrupalGardens

DrupalGardens :

• Créer un compte

. . 26

Démonstration DrupalGardens

DrupalGardens :

• Créer un site•sous-domaine

. . 27

Démonstration DrupalGardens

• Choisir un modèle

• Choisir ses fonctionnalités

• Click sur « Create Site » • Actuellement en anglais

. . 28

Démonstration DrupalGardens

. . 29

Démonstration DrupalGardens

Le site est créé :

• Contenus exemples

• Un peu de Configuration

• Compléter / exemples

• Peaufiner présentation

• Mettre du contenu

. . 30

Démonstration DrupalGardens

Slogan 

Configuration/System info• Slogan

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

. . 31

Démonstration DrupalGardens

• Compléter la bannière

• Block bannière

. . 32

Démonstration DrupalGardens

Block bannière :

• Taille image• 

. . 33

Démonstration DrupalGardens

• Block bannière

• Quand afficher / masquer la bannière ?

. . 34

Démonstration DrupalGardens

Page d’accueil

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

. . 35

Démonstration DrupalGardens

Page d’accueil

• Changer Texte

• Ajouter image ou vidéo facilement

. . 36

Démonstration DrupalGardens

Formulaire de contact :

• Opérationnel tout de suite

• Configurable• General feedback

. . 37

Démonstration DrupalGardens

Page About us :

• Carte Google• Coordonnées

. . 38

Démonstration DrupalGardens

Page About us :

• Notre Carte Google • Nos Coordonnées

. . 39

Démonstration DrupalGardens

Exemple de Galerie :

• Compléter• 

. . 40

Démonstration DrupalGardens

Exemple de Galerie :

• Ajouter photos par

• Glisser/déposer 

. . 41

Démonstration DrupalGardens

Exemple de Galerie :

• Modifiée

• Ma galerie

. . 42

Démonstration DrupalGardens

Exemple de Galerie :

• Modifiée

• Ma galerie

• Slideshow

. . 43

Démonstration DrupalGardens

Changer Apparence :

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

. . 44

Démonstration DrupalGardens

Changer Apparence :

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

• Prévisualisation

• Confirmer par • Publish + nom• Save

. . 45

Démonstration DrupalGardens

Changer Apparence :

• Résultat• Personnalisable• Theme Builder

. . 46

Démonstration DrupalGardens

Changer Apparence :

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

. . 47

Démonstration DrupalGardens

Changer Apparence :

• Créer mon Thème• Theme Builder

• Colonnes

. . 48

Démonstration DrupalGardens

Changer Apparence :

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

• Police• Position• Couleur• …

. . 49

Démonstration DrupalGardens

Changer Apparence :

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

• Bordures• Espacements

. . 50

Démonstration DrupalGardens

Changer Apparence :

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

• Fonds

. . 51

Démonstration DrupalGardens

Changer Apparence :

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

• Avancé

. . 52

Démonstration DrupalGardens

Changer Apparence :

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

• Avancé

• Publier pour Sauver le Thème

. . 53

Démonstration DrupalGardens

Autres :

• Mailing-List

• Suivez-nous sur les Réseaux sociaux

• Avancé

• …

. . 54

Dépasser les limites de DrupalGardens

DrupalGardens :• Export du site

Autre hébergement plus complet

• Importation du site• Ajout de modules, …

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

Pourquoi DrupalGardens ?

● Besoins limités● Démarrage facile● « Abordable » par tous• Maquettage• Site éphémère / événement• Passer à un vrai site Drupal

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

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

. . 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-francophonie/events/89349652/

. . 60

Contacts Drupal Lyon

Drupallyon.drupalgardens.comdrupal.lyon@gmail.com

Questions

Réponses

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