Manuel du site internet Guichet Export pour la CCI Marseille Provence

Transcription

PROJET :
Manuel du site internet Guichet Export pour la CCI Marseille Provence
Sommaire
Sommaire
2
Le CMS Drupal........................................................................................................................ 4
Système de gestion de contenu......................................................................................... 5
La solution technique............................................................................................................. 9
La mise en place d’un nouveau CMS ............................................................................... 10
Connexion à votre administration ................................................................................... 12
Drupal : ses fonctionnalités natives ................................................................................. 14
Les types de contenu ....................................................................................................... 17
Les modules additionnels ................................................................................................ 20
Performance & cache ...................................................................................................... 24
Google Analytics .............................................................................................................. 24
Sauvegarde ...................................................................................................................... 24
Sommaire
3
Le CMS Drupal
Nos recommandations
4
Système de gestion de contenu
Objectif : un site à contenus, multi-utilisateurs, international.
Le CMS Drupal
Drupal, prononciation à l’anglaise du mot néerlandais « druppel » qui veut
dire « goutte », est un produit Open Source maintenu et développé par
une communauté de plus de 630 000 utilisateurs et développeurs à travers
le monde. Il est distribué sous licence GNU General Public License (GPL),
ce qui signifie que n'importe qui est libre de télécharger et partager avec
les autres son code. Ce modèle ouvert de développement garantie la
qualité de cette plate-forme ainsi que son développement.
Dries Buytaert, son créateur, débute le projet Drupal en 1999 sous la
forme d'un simple outil de messagerie sur le web. Après un an d'utilisation
confidentielle, de plus en plus de personnes s'intéressent à son utilisation
et son développement lorsqu'il devient Open Source, des fonctionnalités
s'ajoutent et viennent renforcer le coeur de cette plate-forme. Le site
officiel Drupal.org est lancé en 2001 et la communauté se développe de
plus en plus rapidement pour accroitre considérablement en 2005 avec de
nombreuses conférences, formations, évènements liés à ce nouvel outil.
Drupal est un système de gestion de contenu qui se démarque par sa
modularité, sa fiabilité et sa simplicité d’administration. Il a été
développé pour tous. Il n’exige pas que ses utilisateurs connaissent les
langages informatiques du Web (HTML, CSS, PHP, JavaScript…). Avec
Drupal vous pourrez mettre votre contenu en ligne et gérer des services
pour vos visiteurs (forum, newsletter, galerie photos, annuaire,
gestionnaire de téléchargement, agenda…), le tout sans connaissance
technique particulière.
Sa grande flexibilité pour l’affichage de votre contenu, lui permet
aujourd’hui d’être le socle d’un nombre important de sites de contenus,
sites portails, communautaires, d’associations, d’entreprises, d’elearning, d’e-commerce, d’intranet, extranet...
Nos recommandations
5
Carrefour, Mediapart, France Info, Peer1, Gouvernement.fr,
emploi.gouv.fr, Ipsos...
Drupal : sa gestion de contenu.
La structure du contenu
Dans l'univers Drupal, n'importe quelle unité de contenu est un noeud. Un
noeud est constitué au minimum d'un titre et d'un corps de texte, auquel
on peut ajouter quantité d'autres champs, par exemple un champ "image",
un champ "lien", un champ "adresse", etc.
Nos recommandations
6
Toute la puissance de Drupal réside dans la possibilité extraordinaire et
unique de définir librement un type de contenu en spécifiant librement
les champs par lesquels on veut le définir.
Type de contenu Ex : actualités
Nœud 1 (actualité 1)
Nœud 2
Nœud 3
On peut par exemple définir un type de contenu que l'on va nommer
"Événement" et qui sera défini par un champ nom de l'événement (titre),
description de l'événement (corps de texte), logo de l'événement (image),
site web de l'événement (champ Lien), date de début et date de fin de
l'événement.
La gestion des articles
Pour chaque article créé, vous pourrez :
•
•
•
•
•
•
Mettre à jour son contenu à tout moment
Décider de sa publication ou non
Décider de sa présence en page d’accueil
Attribuer un niveau d’accès : public, membres,
administrateurs, personnalisé. Certains articles
peuvent ainsi être visibles uniquement par les
membres enregistrés et/ou aux administrateurs du
site.
Programmer une durée de parution (date de début et
de fin)
Supprimer ou archiver l’article
Nos recommandations
7
Drupal : sa gestion utilisateurs.
Chaque utilisateur de Drupal peut être affecté à un rôle. Les rôles
donnent ensuite des droits d’accès permettant d’exécuter des actions.
Vous pouvez créer autant de rôle que nécessaire et définir des droits
d’accès en fonction des rôles. Vous pouvez ensuite affecter un rôle à un
utilisateur.
La hiérarchie des utilisateurs de Drupal permet un travail collaboratif
avec la mise en place ou non d’une chaîne de publication simple :
•
Création d’un article par un « Membre » ou un «
Auteur » ou un « Editeur ».
•
Validation et publication de l’article par une personne
disposant de droits supérieurs aux « Editeurs ».
Nos recommandations
8
La solution
technique
Description de la solution technique
9
La mise en place d’un nouveau CMS
CMS est l’abréviation de Content Management System qui en français se traduit par
Système de Gestion de Contenu. Un CMS est un logiciel web (i .e hébergé par un
logiciel web) qui permet de créer, mettre à jour, publier, structurer et afficher du
contenu web de manière simple, sans connaissance technique particulière. D’une
manière générale un CMS possède les fonctionnalités suivantes :
•
Il permet l’identification des utilisateurs et de leurs rôles dans la gestion du
contenu, des utilisateurs, des fonctionnalités du CMS ;
•
Il permet à plusieurs individus de travailler sur un même document (article,
fiche produit…) ;
•
Il fournit une chaîne de publication (en anglais : workflow) du contenu :
création, validation, publication, archivage ;
•
Il permet de séparer le fond (i.e. contenu et fonctionnalités de l’outil), de la
forme (i.e. positionnement dans la page, technique de visualisation,
habillage graphique, couleur et police de caractères…) ;
Dans votre cas, votre souhait est de mettre en place un outil qui soit administrable
aisément et sur lequel vous souhaitez garder la main pour des mises à jour
quotidiennes; ainsi, nous vous proposons la mise en place d’un outil Open Source
qui présente l’avantage de ne pas induire de frais de licences (cf. présentation de
la solution dans les pages suivantes) et qui est administrable sans connaissances de
développement au préalable.
Après avoir bien perçu vos différentes attentes, il nous apparaît que l’outil
répondant au mieux à cette création de site (dans les outils de CMS Open Source
présent sur le marché) est Drupal. Nous vous le présentons dans les pages suivantes
et en dresserons ses principaux atouts.
Pour appréhender au mieux la solution que nous vous proposons, nous tâchons ici
de vous la présenter selon deux axes majeurs :
•
•
Les outils et fonctionnalités natives (qui sont inclus dans le
package de base de l’outil)
Les autres fonctionnalités à implémenter pour répondre à vos
besoins spécifiques. Celles-ci sont pour la plupart développées
par la communauté ; d’autres pourront être développées par
notre équipe pour répondre aux besoins spécifiques de votre
site.
En amont de la présentation de chaque fonctionnalité, voici quelques rappels
généraux sur l’outil d’administration Drupal.
10
Pour gérer le contenu et les fonctionnalités de votre site, Drupal met à votre
disposition une console d’administration privée, multilingue, simple et
ergonomique. Cette dernière intègre une aide contextuelle (cf. copies d’écran).
Espace privé
Fenêtre principale de gestion
Menu d’administration
Recherche auto complétion
Console d'administration
11
Aide intégrée
Administration de contenu
À partir de l’administration de Drupal vous pouvez garder le contrôle sur tout votre
site.
Selon vos droits utilisateurs, vous pourrez par exemple :
•
•
•
•
•
•
Ajouter un nouvel utilisateur ou supprimer, bloquer, mettre à
jour un utilisateur existant.
Afficher/créer de nouvelles pages.
Créer/publier des articles, actualités, événements.
Créer/Supprimer un menu ou sous-menu.
Attribuer un nouvel habillage à votre site.
Gérer vos modules.
Compte tenu de ces généralités, les pages qui suivent vous présentent l’essentiel
des fonctionnalités natives de Drupal.
Connexion à votre administration
L’url de votre administration se constitue du domaine de votre site suivi de
l’extension /ccimplogin/
Ex : http://ccimp-export.cameleons.com/ccimplogin/
L’espace est protégé par identifiant / mot de passe. Nous avons créé plusieurs
profils vous permettant gérer votre contenu :
12
-
Un profil Super Administrateur ayant accès à toutes les fonctionnalités et
zones de configuration du site :
ccimp_supadmin/cci0027
Un profil Rédacteur, plus restreint, permettant d’éditer le contenu du site :
contributeur1/cci0027
Un profil Modérateur, encore plus restreint, permettant de modérer
(publier/dépublier/supprimer) du contenu Pages, Agenda, Actualités
moderateur/cci0027
Un rôle utilisateur « Opérateur », autorisant l’accès à un opérateur pour la
modification de son propre contenu :
Ex : oseo/oseo0027
Durant la phase de développement et de recette, le site est protégé par restriction
d’accès Htaccess :
Id : ccimp
Mdp : cci0027
13
Drupal : ses fonctionnalités natives
Actualités et publications d’articles
Drupal est d’abord un outil de gestion de contenus qui permet la publication et la
mise en ligne de contenus. D’un point de vue pratique, tous les contenus
rédactionnels de votre site seront aisément éditables.
Drupal possède déjà nativement les options de publication d’articles :
•
•
•
Mise On-Off line
Mise en avant sur la page d’accueil
Archivage
• Gestion des Blogs :
Le module de Blog (un module de base dans Drupal 7 et versions antérieures)
permet aux utilisateurs autorisés de maintenir un blog. Les blogs sont une série de
messages horodatés et permettent de créer un journal.
Les entrées de blog peuvent être rendus publiques ou privés pour les membres du
site, en fonction des rôles assignés à chaque utilisateur.
• Gestion des menus :
Elle permet de créer et mettre à jour un menu. Il est alors extrêmement simple
d’ajouter une nouvelle entrée dans un menu ou bien changer le style et la position
de celui-ci dans la page.
• Fils d’actualités / Syndication :
Aujourd’hui une majorité des sites internet propose aux internautes de s’abonner à
leur fils d’actualités pour recevoir en direct les dernières actualités publiées sur
leur site. Drupal intègre cette fonctionnalité. Elle permet en effet de s’abonner à
ces flux d’information pour afficher en page d’accueil un nombre paramétrable des
actualités ainsi captées. D’autres part, Drupal met à disposition des internautes un
système d’abonnement par simple clic au(x) flux d’actualités du site. Ces flux sont
proposés dans différents formats standards (RSS, ATOM, OPML). L’administration de
ces flux permet de paramétrer précisément la ou les catégories d’actualités à
diffuser.
Les flux aident de manière considérable au référencement par les moteurs de
recherche.
14
Gestion de gabarit :
La séparation du fond de la forme amène Drupal à proposer un système qui vous
permet de changer d’habillage (en anglais « theme ») sans modifier votre contenu
et fonctionnalités de votre site. En quelques clics, vous pouvez installer plusieurs
habillages créés au préalable, la position et le style (couleur, taille, images...) des
éléments constitutifs de vos pages sont alors modifiés et peuvent être paramétrés
dans l’administration de votre site.
Recherche :
Drupal intègre un moteur de recherche qui en fonction des mots clés entrés,
fouillera dans l’intégralité des contenus de votre site (articles, contacts, produits,
liens internet, taxonomie...).
Pour augmenter la puissance de cet outil, il est parfois nécessaire de l’ajuster
grâce à des plugins qui permettre d’accroître sa puissance. Pour exemple, les PDF,
suite à l’installation du plugin adequat, pourront faire l’objet de recherche.
URL SEF :
Drupal intègre un générateur automatique de liens SEF (Search Engine Friendly) qui
transforme les liens dynamiques d’accès à vos contenus en liens optimisés pour les
moteurs de recherche et compréhensible par tout internaute.
Commentaires :
Drupal permet d'ouvrir tout ou partie du contenu de votre site aux commentaires
des utilisateurs identifiés. Ce module permet aux utilisateurs de discuter de votre
contenu avec un contrôle plus ou moins important de l'administrateur du site.
Pour chaque type de contenu de votre site, vous pouvez indiquer si les
commentaires sont :
• ouverts : par défaut, les utilisateurs identifiés peuvent rajouter des
commentaires à ce contenu
• fermés : il n'est plus possible de rajouter des commentaires à ce contenu
mais les commentaires anciens sont toujours consultables
• ou cachés : il n'est plus possible de rajouter des commentaires à ce contenu
et les commentaires anciens ne sont plus consultables
Pour chaque contenu créé, vous pourrez par la suite gérer (ouvrir, fermer, cacher)
vos commentaires à volonté.
15
Gestion du cache :
En plaçant les pages les plus souvent accédées dans un cache du serveur Web,
Drupal augmente les performances du site en le rendant accessible dans de
meilleures conditions de rapidité.
16
Les types de contenu
Page Standard
Depuis le menu principal aller à Contenu > Ajouter du contenu > Page.
Solution retenue : type de contenu CCK natif
•
•
•
•
Titre
Résumé (teaser natif Drupal)
Zone de texte riche (éditeur WYSIWYG)
Vidéo (embed d’une URL Vimeo ou YouTube)
•
•
Colonne de droite :
Zone « liens utiles »
Zone « documents pratiques » : liste à sélectionner à partir de la GED
Page Pays/Zones/Marchés
Depuis le menu principal aller à Contenu > Ajouter du contenu > Pays Zones
Marchés.
•
•
•
•
Titre
Page Filière
Depuis le menu principal aller à Contenu > Ajouter du contenu > Filière.
•
•
•
•
Titre
Page Opérateur
Depuis le menu principal aller à Contenu > Ajouter du contenu > Opérateur.
17
•
•
•
•
•
•
•
•
Logo (format carré de préférence, largeur maximale : 270px)
Nom du partenaire (Titre)
Adresse
Tel
Fax
Email de contact si renseigné
Site web si renseigné
Présentation synthétique des actions, prestations, champs d’intervention,
localisations. (Contenu principal)
Page Actualité
Depuis le menu principal aller à Contenu > Ajouter du contenu > Article.
•
•
•
•
Un texte riche ou vidéo ou podcast : via upload ou embed de contenu tiers.
Une ou plusieurs images (possibilité d’un diaporama – généré
automatiquement à l’insertion de plus d’une image)
Taxonomie « Thème associé »
Taxonomie « Filière associé »
Lorsqu’un élément de taxonomie est ajoutée à une entrée Article ; cette entrée
est indexée pour une recherche via le filtre disponible sur la page Actualités.
Page Agenda
Depuis le menu principal aller à Contenu > Ajouter du contenu > Agenda.
•
•
•
•
•
•
•
•
Date début – fin
Un visuel
Un titre
Un chapo
Un texte riche ou vidéo ou podcast : Wysiwyg
Adresse et Géolocalisation de l’événement (géolocalisation automatique)
Contacts et modalités d’inscription : texte riche et zone de rebond vers le
site partenaire.
Organisateur et partenaires de l’événement
18
Lorsqu’un partenaire est sélectionné dans la zone de taxonomie « Opérateurs »,
la miniature de l’image associée à l’opérateur est affichée dans la liste des
événements. Autrement, l’image de l’événement est affichée en lieu et place.
Lorsqu’un élément de taxonomie est ajoutée à une entrée Agenda ; cette entrée
est indexée pour une recherche via le filtre disponible sur la page Agenda.
Page Extranet
Depuis le menu principal aller à Contenu > Ajouter du contenu > Extranet.
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Titre
Chapo
Mots clés
Catégorie (Thématique)
Sous-catégorie (Sous-thématique)
Objectif
Public concerné
Contenu
Modalités pratiques
Coût
Fiches connexes (insertion multiple)
Documents associés (insertion multiple)
Mail contact interne
Contacts externes (insertion multiple)
Raison sociale
Adresse (insertion multiple)
CP
Ville
Tel
Fax
Web
Mail
19
L’alimentation par flux RSS
L’alimentation par flux RSS concerne les types de contenu Articles (Actualités) et
Agenda.
Actualités :
Depuis le menu principal aller à Contenu > Ajouter du contenu > Flux Articles
Agenda :
Depuis le menu principal aller à Contenu > Ajouter du contenu > Flux agenda
Fonctionnement :
-
Créez une entrée de contenu de type « Flux agenda » ou « Flux Article »
-
Ajoutez un titre
Ajoutez un lien vers le flux RSS
Lors de l’enregistrement, chaque entrée du flux RSS est automatiquement
insérée en tant que « node » dans les types de contenu respectifs (Agenda
ou Article)
La récupération du flux est ensuite automatique (CRON) et se met à jour
toutes les 15 minutes
-
Les modules additionnels
Les menus
Nous avons mis en place 2 menus, à partir des fonctionnalités natives de Drupal :
- Main menu (menu principal)
- Footer (pied de page)
Pour ajouter un élément :
• Soit en passant par la gestion des menus : Structure > Menus
• Soit à partir d’une entrée « node » : Paramètres du menu > Fournir un lien
de menu
20
Diaporama Page d’accueil
Le diaporama est éditable à partir du module MD Slider
Depuis le menu principal aller à Structure > MD Sliders et modifier le diaporama
intitulé Slideshow page accueil
L’édition du diaporama fonctionne à la manière d’un logiciel type « Adobe Flash »
ou « Powerpoint » et propose une interface découpée en deux zones.
La zone de placement des contenus, fonctionnant par système « glisser/déposer »
Vous pouvez, depuis cette première zone, placer votre contenu textuel sur l’image
de manière intuitive
La zone d’édition des contenus textuels, représentée par une timeline à partir de
laquelle vous aurez la possibilité de déterminer l’ensemble des événements
d’affichage d’un élément textuel (période d’apparition, durée d’affichage,
animation, styles…)
Le Parcours
Depuis le menu principal aller à Structure > Blocs > Parcours
Solution retenue : bloc modulaire HTML natif
21
L’arborescence HTML du parcours est initialisée dans un bloc HTML. Les animations
en Front End sont conditionnées par des identifications HTML.
La modification des images et des liens associés au bloc peut s’effectuer à partir de
l’éditeur du bloc.
Encart publicitaire
Depuis le menu principal aller à Contenu > Ajouter du contenu > Simple Ad.
Champs :
• Titre
• Image
• Url
• Date de début
• Date de fin
• Actif
Nous conseillons l’insertion d’une image d’une taille minimale de 390px.
L’affichage sur la page d’accueil est automatique ; la dernière annonce publiée est
affichée.
Les statistiques sont disponibles dans la page d’édition d’une annonce, sous
l’onglet « Ad statistics »
Parallaxe « Contactez-nous »
Depuis le menu principal aller à Contenu > Ajouter du contenu > Parallax.
22
Champs
• Titre
• Lien
• Image de fond (utiliser une image d’une largeur minimale de 1920px et
d’une hauteur supérieure à l’espace d’affichage d’environ 30%)
• Texte Big caption (grande police, casse en majuscule)
• Texte Small caption (police plus petite, casse minuscule)
• Couleur du texte
Actuellement il n’est pas nécessaire d’ajouter du contenu de type Parallax car cela
nécessiterait quelques notions de configuration pour permettre d’afficher un
encart parallaxe sur une page.
Vous ne pouvez donc qu’éditer l’entrée existante afin de modifier le contenu de
l’entrée présente sur la page d’accueil.
Webservice Client
Depuis le menu principal aller à Configuration > Webservice Clientis.
A partir de cette page de configuration vous pouvez :
- Associer un formulaire Webform aux événements de communication
webservice avec Clientis
- Activer le webservice (aucun effet sur l’affichage et le fonctionnement du
formulaire. Cela active/désactive la communication serveur à serveur)
Le formulaire et ses soumissions sont disponibles depuis l’administration :
Depuis le menu principal aller à Contenu > Webform.
Vous pouvez :
- Lister les soumissions
- Voir les statistiques de réponses
- Exporter les soumissions au format txt ou csv
23
Performance & cache
Nous utilisons le système de cache natif de Drupal.
Nous avons ajouté à cela :
- Le module Entity Cache, permettant d’accroitre les fonctionnalités native de
Drupal et d’exclure certains éléments du cache, afin d’éviter certains
problèmes courant côté client
- Un développement PHP utilisant les ressources natives de Drupal de mise en
cache
Il est important, après toute modification/ajout ou suppression de contenu
d’effacer le cache de Drupal.
Pour cela aller à Home > Vider tous les caches
Google Analytics
Aller Configuration > Système > Google Analytics pour soumettre et enregistrer
votre identifiant UA.
Les soumissions du formulaire de contact sont automatiquement trackées par
Google Analytics sous l’intitulé « Formulaire Clientis ».
Sauvegarde
Un système de sauvegarde interne a été installé (extension Backup & Migrate).
Il est possible de programmer une sauvegarde de la base de données et des fichiers
du site (via CRON) et d’envoyer les sauvegardes générées dans un dossier locale,
une plateforme tiers ou en FTP vers un autre serveur.
Nous avons mis en place 2 programmes de sauvegarde ; nous pourrons déterminer
ensemble quel type de sauvegarde vous conviendra le mieux lors du déploiement
Prestations annexes
24
4 rue Scipion
FR-75005 Paris
tel : +33 (0)1 55 43 88 62
242, Boulevard Jean Ossola
FR-06700 Saint-Laurent du Var
tel : +33 (0)4 93 19 00 27
fax : +33 (0)4 93 07 46 97
125 rue du lieutenant Henri Lacroix
FR-83000 Toulon
tel : +33 (0)4 94 46 65 91
http://www.cameleons.com
http://www.facebook.com/lalangueducameleon
SARL au capital de 7622 euros. RCS Antibes B401195417 N° de TVA FR-7840119541700019
Enregistré auprès de la Direction Régionale du Travail
et de la Formation Professionnelle Provence-Alpes-Côte d’Azur
180, av du Prado – 13285 Marseille cedex 08 sous le N° de formateur 93060578406
Planning prévisionnel
25

Manuel du site internet Guichet Export pour la CCI Marseille Provence

Transcription

Documents pareils

Recherche WEBMASTER avec une expérience de plus de 3 ans

Isics recrute : Intégrateur CMS PHP Junior H/F Et retrouve

Appel d`offre d`emploi freelance : développeur

Drupal 7, designer personnaliser le design graphique d`un

Introduction au CMS open source (Drupal) Descriptif

Gestion simple du contenu

Stéphane ARRAMI - Cv

PROGRAMMEUR(E) PHP avancé(e) spécialiste du CMS Drupal

Développeur Web Junior – Toulon