Evaluation

Sujet

L'objectif est de créer un site web avec le cms drupal à partir de capture d'écran.
Cela permet de se rapprocher d'une situation rééelle en entreprise.

MEDIA est une société imaginaire. Les informations concernant MEDIA sont factices.
o Raison sociale : MEDIA (SARL)
o Adresse : 300 rue de vaugirard, 75015, Paris, France
o La société est une agence communication audiovisuelle spécialisée dans l’enregistrement et la diffusion d’événements sportifs
o Périmètre géographique de l’activité : La société est basée à Paris et propose ses services dans le monde entier

Pour le bon déroulement du projet, veillez à prendre des images et du texte libre de droit.
N’oubliez pas de préciser dans les mentions légales que ce site n’est pas réalisé dans un but commercial mais dans le but de répondre à une évaluation/tp CMS.

Architecture

Le site Internet du Client final sera composé des pages suivantes :

o Accueil – page d’accueil du site

o Projets – page
o Production – page
o Evénements – page
o Société – rubrique avec menu déroulant
   o Qui sommes-nous ? – page avec présentation de la société
   o Accès – page avec un plan (Googlemap)
   o Contact - page avec un formulaire de contact
   o Recrutement – page avec un formulaire de recrutement
   o Presse – page présentant les références (articles de journaux, etc.).
o Contact – page avec un formulaire de contact (il s’agit de la même page que Société/Contact)

o Liens divers
o Mentions Légales – page de texte
o Plan du site – Listing (dynamique) de l’architecture du site
o Imprimer la page – Lien
o S’inscrire à la newsletter – page permettant de s’abonner à la newsletter
o Partager – page contenant un formulaire permettant d’inviter un ami sur le site ou sur les différents réseaux sociaux

Le header

Précisions
1. Le logo est géré par un bloc
2. Le titre est géré par un bloc
3. Les liens « s’inscrire et se connecter » sont déclarés en tant que menu avant d’être positionnés via un bloc.
4. La navigation principale est également déclarée par un menu principal avant d’être positionné via un bloc.
Au passage, nous pouvons remarquer l’effet lorsque nous survolons un élément (ici la rubrique contact est survolée).
La rubrique Société contient des sous rubriques (menu déroulant).

Recommandations
Il est donc nécessaire de prévoir la création d’un thème avec un certain nombre de régions au préalable. Tous ces éléments doivent être modifiables par le BackOffice.
Après avoir paramétré le BackOffice, le menu déroulant peut être géré par l’installation d’un nouveau module ou de code css.

Le footer

Précisions
1. Les liens en bas de site sont gérés par un menu avant d’être positionnés via un bloc.
2. La phrase de texte est gérée par un bloc

Recommandations
Tous ces éléments doivent être modifiables par le BackOffice.

Page d'Accueil

Cette page sera composée d’images, vidéos, de textes, de blocs d’informations, etc.

Précisions
1. Contenu de la page d’accueil
2. Image placée par un bloc
3. Vidéo (YouTube) placée par un bloc
4. Listing des 5 derniers contenus du type ‘Actualités’

Recommandations
Il serait judicieux de créer un template spécifique pour la page d’accueil afin d’avoir un meilleur contrôle sur le placement des informations et la structure des zones.
L’administrateur devra avoir la possibilité d’ajouter/modifier/supprimer les images, les textes, les titres ainsi que les vidéos.

Page Projets

Précisions
1. Image avec titre et texte d’accompagnement illustrant la rubrique
2. Contenu de la page Projets

Recommandations
Il serait judicieux de prévoir les zones et les régions nécessaires en modifiant le template adéquat.

Page Production

Précisions
1. Image avec titre et texte d’accompagnement illustrant la rubrique
2. Contenu de la page Production

Recommandations
Il serait judicieux de prévoir les zones et les régions nécessaires en modifiant le template adéquat.

Page Evenements

Précisions
1. Image avec titre et texte d’accompagnement illustrant la rubrique
2. Contenu de la page Evenements

Recommandations
Il serait judicieux de prévoir les zones et les régions nécessaires en modifiant le template adéquat.

Page Société

Précisions
1. Image avec titre et texte d’accompagnement illustrant la rubrique
2. Contenu de la page Société (MEDIA)

Recommandations
Il serait judicieux de prévoir les zones et les régions nécessaires en modifiant le template adéquat.
La page Société et la page Société/Qui Sommes Nous sont les mêmes à l’identique.

Page Contact

Précisions
1. Titre de la rubrique avec formulaire fonctionnel
2. Texte et images d’illustration

Recommandations
Cette page, légèrement différente dans le placement des éléments peut nécessiter un template spécifique.
Le formulaire peut être créé à l’aide de l’installation d’un nouveau module.
Chaque demande effectuée via ce formulaire sera reçue sur le compte email de l’administrateur.
Les envois des internautes liés à ce formulaire doivent être également consultables directement sur le site.

Page Société/Accès

Une GoogleMap (plan dynamique et non pas une image fixe) devra être intégrée pour afficher les informations d’accès. Adresse du client : 300 rue de vaugirard, 75015, Paris.



Précisions
1. Titre de la rubrique
2. Texte
3. GoogleMap (plan dynamique) + adresse

Recommandations
La GoogleMap peut être intégrée à l’aide d’un module afin que le propriétaire du site ait le meilleur contrôle possible cette partie.
Template spécifique en cas de nécessité.

Page Société/Presse

La page est composée majoritairement d’images



Précisions
1. Titre de la rubrique, texte et lien vers le formulaire de contact
2. Images relatives au sujet

Recommandations
Il ne s’agit pas d’une seule image, mais bien de plusieurs petites images.
Il serait donc judicieux que le propriétaire du site possède un éditeur afin de pouvoir les ajouter/modifier/supprimer facilement.

Page Société/Recrutement

La page est composée d’un formulaire accessible sur le site pour toute candidature spontanée.



Précisions
1. Titre de la rubrique avec le formulaire de recrutement
2. Texte d’accompagnement

Recommandations
Le formulaire peut être créé à l’aide de l’installation d’un nouveau module.
Chaque demande effectuée via ce formulaire sera reçue sur le compte email de l’administrateur.
Les résultats de ce formulaire doivent être également consultables directement sur le site.

Actualités

Des contenus de type ‘Actualités’ seront accessibles depuis la page d’accueil (Accueil : bloc en bas à droite).

Précisions
1. Titre de la rubrique, et contenu de la page
2. Listing des autres actualités
3. Zone de commentaire (et affichage des commentaires en dessous)

Recommandations
Le listing des autres actualités peut être généré grâce à un module et affiché en tant que bloc.
L’administrateur doit avoir la possibilité de joindre un fichier au contenu afin qu’il soit téléchargeable (word, powerpoint, pdf, etc.).
Ces pages ne devront être visibles que par les membres inscrits et connectés ! (message d’erreur en cas contraire)

Autres pages

Certaines maquettes ne nous ont pas été fournies par le client, c'est le cas des pages et liens suivants : mentions légales, plan du site, imprimer la page, s'inscrire à la newsletter, partager.
A vous d'être créatif :).

Fonctionnalités Attendues

Statistiques
Les statistiques seront accessibles via le backoffice et devront mettre à disposition de l’administrateur des données statistiques globales sur le site ou préciser le nombre de fichiers téléchargés ou encore le nombre de visites sur le site.
Pour le reste, il s’agira d’un « Analytics » avec affichage par Jour / Semaine / Mois, comprenant :
o Nombre de visites (avec courbe dans le temps)
o Pages vues
o Pages par visite
o Pages les plus consultées
o Taux de rebond
o Temps moyen passé sur le site
o Source d’entrée et vue d’ensemble du trafic (accès via moteur de recherche – site référent – accès direct)
o Synthèse Géographique (carte du monde indiquant d’où proviennent les connexions)
o Profil technique des utilisateurs (navigateur, système d’exploitation, résolution d’écran)
o Etc.


Moteur de recherche interne
Une zone permettant la recherche de contenus ou de termes par mots-clés pourra être mise en place afin de trouver l’information plus rapidement.
Cette zone sera visible en haut à droite du site et affichera les résultats sous forme de liens cliquables pour accéder directement au contenu.
Elle n’est pas prévue sur les maquettes graphiques car le propriétaire désire se laisser le choix de l’afficher ou de la masquer.


Espace Membre
Donner la possibilité aux visiteurs de disposer d’un compte membre sur le site afin d’accéder à plus de ressources sur le site (contenu, documents, etc.).
Ils trouveront un lien permettant d’effectuer une demande d’inscription ou de se connecter.
o Formulaire d’inscription (avec envoi d’email pour activation du compte)
o Pseudo (zone de saisie)
o Adresse Email (zone de saisie)
o Mot de passe (zone de saisie)
o Confirmation Mot de passe (zone de saisie)
o Avatar
o Conditions d’utilisation (case à cocher)
o Code captcha est une forme de test de Turing permettant de différencier de manière automatisée un utilisateur humain d’un ordinateur.
o Validation (bouton)

o Formulaire de connexion (champ pseudo, champ mot de passe et bouton de connexion)

o Listing des membres inscrits au site via le backoffice (visible par l’administrateur) et possibilité de les gérer.

o Une page (type profil) pour indiquer que l’utilisateur est connecté

o Un lien « mot de passe oublié »

De cette manière, un visiteur ne pourra pas passer au statut de membre sans avoir fait la démarche de s’inscrire et d’avoir une adresse email valide.
Il serait également envisageable qu’après chaque inscription, la demande soit listée dans la partie administration et en attente d’approbation par l’administrateur.
Si la demande est validée, l’internaute recevra ses identifiants par e-mail.
Précisions :
Coté sécurité, les mots de passe enregistrés pour les comptes seront cryptés dans la base de données. C'est-à-dire qu’en cas d’oubli d’identifiant, nous créerons un nouveau mot de passe plutôt que communiquer le mot de passe associé au compte en question.


Editeur de texte intégré
Voici un exemple de création de pages via le BackOffice. l’éditeur de texte intégré permet de faciliter la mise en forme de contenu sans connaissances avancées en informatique) :



BackOffice
Le client à la main sur la majeure partie du site, la plupart des fonctionnalités sont modifiables.
Il est particulièrement intéressant que le client puisse être autonome sur ce point afin de ne pas dépendre d’une autre personne.
Voici la liste non exhaustive des parties modifiables sur le site (par le client) :

o Pages
   o Possibilité d’ajouter/modifier/supprimer des pages sans limites avec choix du modèle de page)
   o Titre et possibilité d’ajouter/modifier/supprimer des liens dans le menu (possibilité de créer des menus)
   o Mise en forme : textes, images, photos, vidéos, liens, couleurs, etc. (assisté par un éditeur de texte)
   o Possibilité d’ajouter/modifier/supprimer les blocs d’informations sans limites
   o Choix des url (adresses web), balises méta et title.
   o Possibilité d’ajouter/modifier/supprimer des formulaires sans limites
   o Possibilité d’activer les commentaires sur les parties choisies (+ modération).

o Divers
   o Possibilité d’envoyer des newsletters aux abonnés (suivi des envois et gestion des abonnements)
   o Gestion des membres, des droits, etc.
   o Possibilité de créer des blocs d’informations sur les pages
   o Rapport, analyse, statistiques
   o Gestion de la recherche
   o Ecrire du code css depuis l’interface d’administration
   o Affichage du nombre de téléchargement par fichier joint (contenu de type actualités)
   o L’interface d’administration sera totalement traduite en Français