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


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

. .s 17


● 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


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


DrupalGardens :

• Création de sites simples

• Très rapide• Très simple

• Hébergement inclus

• Drupal 7

drupalgardens.com

. . 24


DrupalGardens :

• Création de sites simples

. . 25


DrupalGardens :

• Créer un compte

. . 26


DrupalGardens :

• Créer un site•sous-domaine

. . 27


• Choisir un modèle

• Choisir ses fonctionnalités

• Click sur « Create Site » • Actuellement en anglais

. . 28


. . 29


Le site est créé :

• Contenus exemples

• Un peu de Configuration

• Compléter / exemples

• Peaufiner présentation

• Mettre du contenu

. . 30


Slogan

Configuration/System info• Slogan

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

. . 31


• Compléter la bannière

• Block bannière

. . 32


Block bannière :

• Taille image•

. . 33


• Block bannière

• Quand afficher / masquer la bannière ?

. . 34


Page d’accueil

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

. . 35


Page d’accueil

• Changer Texte

• Ajouter image ou vidéo facilement

. . 36


Formulaire de contact :

• Opérationnel tout de suite

• Configurable• General feedback

. . 37


Page About us :

• Carte Google• Coordonnées

. . 38


Page About us :

• Notre Carte Google • Nos Coordonnées

. . 39


Exemple de Galerie :

• Compléter•

. . 40



• Ajouter photos par

• Glisser/déposer

. . 41



• Modifiée

• Ma galerie

. . 42



• Modifiée

• Ma galerie

• Slideshow

. . 43


Changer Apparence :

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

. . 44


Changer Apparence :

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

• Prévisualisation

• Confirmer par • Publish + nom• Save

. . 45


Changer Apparence :

• Résultat• Personnalisable• Theme Builder

. . 46


Changer Apparence :

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

. . 47


Changer Apparence :

• Créer mon Thème• Theme Builder

• Colonnes

. . 48


Changer Apparence :

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

• Police• Position• Couleur• …

. . 49


Changer Apparence :


• Bordures• Espacements

. . 50


Changer Apparence :


• Fonds

. . 51


Changer Apparence :


• Avancé

. . 52


Changer Apparence :


• Avancé

• Publier pour Sauver le Thème

. . 53


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


• 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


• 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

[email protected]

Questions

Réponses

mailto:[email protected]

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

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

Technology