Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS) http://recherche.parisdescartes.fr/cerlis Version finale (28 mai 2015)
A CADRAGE GENERAL... 3 1. Présentation générale du CERLIS... 3 2. Contexte du projet... 3 B LES OBJECTIFS... 5 1. Informer... 5 2. Diffuser... 5 C DEVELOPPEMENT TECHNIQUE DU SITE... 6 1. Architecture générale... 6 2. Arborescence simplifiée... 7 3. Caractéristiques du CMS... 9 4. Spécificités techniques... 10 5. Modules et fonctionnalités particulières... 10 6. Charte graphique... 11 7. Référencement... 12 8. Statistiques... 12 D REGLEMENT DE LA PROCEDURE... 13 1. Compréhension du cahier des charges... 13 2. Règlement et modalité de réponse... 14 3. Calendrier prévisionnel... 14 2
A 1. Présentation générale du CERLIS Le CERLIS est un laboratoire de recherche en sciences humaines et sociales centré sur la question du lien social. Ses tutelles sont l Université Paris Descartes, l Université Sorbonne Nouvelle et le CNRS (Unité Mixte de Recherche 8070). L activité du laboratoire, autant dans ses aspects empiriques que théoriques, s organise à travers deux dynamiques : la recherche et l enseignement. Il est dirigé par Olivier Martin depuis le 1er janvier 2014. Il accueille une cinquantaine d enseignants-chercheurs, plus de 130 doctorants et environ une quarantaine de chercheurs associés. Aujourd hui le principal outil de communication du CERLIS est : - Le site Internet http://recherche.parisdescartes.fr/cerlis qui est l outil majeur de diffusion de l information des activités du Laboratoire - La page Facebook du CERLIS https://www.facebook.com/pages/cerlis-centre-de-recherche-sur-les-liens- Sociaux/172140592938953 - Auparavant, existait une Newsletter bimensuelle CERLIS ACTUA Cinquante numéros de 2011 à juin 2012 à destination de plus de 220 contacts 2. Contexte du projet Etat des lieux du site existant Le site actuel a été conçu au début de 2011 et mis en ligne le 15 novembre 2011. En progression régulière, la fréquentation du site a doublé depuis sa refonte. Années Nombre de visites par an Visites uniques Temps moyen 2010 54000 2011 54000 2012 70303 55 801 48 2013 101178 81 938 51 2014 103093 84 434 51 3
Home du site internet actuel La page d accueil du site actuel http://recherche.parisdescartes.fr/cerlis Analyse de l existant Un site à renouveler pour avoir une charte graphique moins institutionnelle, plus adaptée au modèle des blogs et avec notamment une déclinaison mobile et tablette. 4
B LES OBJECTIFS 1. Informer Le site web doit permettre de présenter le CERLIS et de mettre en avant toutes les activités du laboratoire tant dans le domaine de la recherche que dans celui de l enseignement. Il doit rendre visible les actualités du laboratoire comme celles de ses deux cent vingt membres. 2. Diffuser Le nouveau site du CERLIS aura pour cible : Ses membres : enseignants-chercheurs, doctorants, membres associés Ses pairs en Sciences Humaines et Sociales Des étudiants Des journalistes Du grand public, des publics «motivés» La diffusion des informations doit être accessible au plus grand nombre. L objectif du nouveau site est de : Diffuser au maximum ses contenus, Réussir à capter le lecteur le plus longtemps possible Fidéliser nos lecteurs et en recruter des nouveaux Pouvoir partager facilement sur tous les réseaux sociaux 5
C L architecture du nouveau site devra pouvoir être évolutif. 1. Architecture générale On doit pouvoir modifier les titres des menus ainsi que des sous-menus, et même 6
le nombre de ces sous-menus, ainsi que le «Photo-actualité» qui défile sur la page d accueil 1. 2. Arborescence simplifiée Les modèles de page L outil de gestion de contenu devra permettre la création, la validation et le déploiement de nouveaux modèles de pages. Les gabarits de pages seront définis en commun accord entre l équipe commanditaire et le prestataire choisi. Il permettra aussi de gérer dynamiquement l arborescence du site de sorte que l ajout / la suppression / le déplacement d une ou de plusieurs pages de l arborescence se fassent aisément avec mise à jour dynamique de l arborescence sans que cela remette en cause toute l arborescence du site. La page d accueil La page d accueil doit être consacrée à l actualité, aux dernières publications, aux conférences et séminaires ainsi qu aux éléments permettant de s orienter dans le site (menu, mots-clés, renvois ) Une bannière en haut avec le logo du CERLIS et à droites les uns sur les autres, les logos : Université Paris Descartes, PRES, CNRS, Sorbonne nouvelle : cette bannière est présente sur l ensemble des pages une barre horizontale qui a cinq onglets qui ont chacun une couleur propre quand la souris pointe dessus et, comme sur le site de l INED, un trait de couleur visible en permanence sur chaque onglet (cf le site pour le choix des couleurs et l organisation), et toues les onglets ont la même taille : Titre : «Présentation» ; Sous-titre : «Pour connaître le labo» Titre : «Actualités» ; Sous-titre : «du labo et de ses membres» Titre : «Membres» ; Sous-titre : «Chercheurs, doctorants» Titre : «Publications» ; Sous-titre : «Livres, articles, thèses» Titre : «Formation» ; Sous-titre : «Masters, Doctorats» Titre «Sites spécifiques» (titre provisoire ) Sous les onglets, nous aimerions voir apparaitre un liseré noir ou gris foncé qui prendrait toute la largeur de l écran Sous cette barre latérale, à l horizontal et sur toute la largeur de la page wordpress (des 5 onglets) comme http://www.ined.fr/ (ce que nous aimerions, c est avoir la main sur ces Photoactualités afin de les actualiser nous-même régulièrement. 1 Cf. le site dont nous aimerions nous inspirer : http://www.ined.fr/ L organisation générale du site ne correspond pas nécessairement à ce que nous pouvons faire, mais le graphisme et les couleurs, ainsi que l équilibre général du site (texte, photos, illustrations, animations, fluidité) nous conviennent 7
Un enchainement de visuels appelé «Photoactualités» : 1. Séminaire Général du Cerlis 2. Portraits de recherche (renvoient vers des vidéos) 3. Qui est-on? 4. «Revue de recherche» (genre revue de presse sur un thème de recherche de membres du labo) comme par exemple Lien social et réseau social Santé Education Sous cette barre latérale, deux colonnes Une qui affiche les 4 dernières actualités et qui a la taille des 2/3 de la page Une colonne verticale à droite (qui fait 1/3 de la page) sur laquelle il y a «Rechercher sur le site» Nuage des mots-clés Catégories d articles Visuels des réseaux sociaux : Facebook, Twitter L arborescence 6 onglets qui renvoient chacun à un seul niveau de sous éléments (il s agit d onglets sous formes de liens, et non de pages) Titre : «Présentation» ; Sous-titre : «Pour connaître le labo» Titre : «Objectifs» ; Sous-titre : «Missions et ambitions» Titre : «Organisation» ; Sous-titre : «Organigramme et rôles» Titre : «Localisation» ; Sous-titre : «Nous contacter, nous trouver» (avec une carte google pour nous localiser) Titre : «Actualités» ; Sous-titre : «du labo et de ses membres» Titre : «Portraits de recherche» Titre : «Séminaires» Titre «Colloques et journées» Titre : «Soutenances» Titre : «Actualités des membres» Titre : «Membres» ; Sous-titre : «Chercheurs, doctorants» Titre : «Membres permanents» : Titre : «Doctorants» «Chercheurs associés» Ces 3 pages doivent avec une galerie de portraits (taille des photos assez petite et 4 ou par 5 par ligne) des membres, doctorants, et CA, et 8
quand on clique sur la photo, on arrive sur la page personnelle du membre. Pages personnelles qui n apparaissent pas dans le menu : sur chaque page personne : une photo plus grande que dans la galerie, en face un paragraphe de présentation, puis deux documents en PDF à télécharger, intitulés «CV» et «Publications», et trois ou quatre sous-rubriques avec des titres comme «Responsabilités académiques», «Responsables d encadrement de la recherche», «responsabilités éditoriales» Ces pages personnelles seront plutôt statiques, seuls les PDF seront actualisés http://www.ceped.org/fr/membres/ Titre : «Publications» ; Sous-titre : «Livres, articles, thèses» Titre : «Livres» Titre : «Revues» Titre : «Thèses» Titre : «Rapports» Titre : «Formation» ; Sous-titre : «Masters, Doctorats» Titre : «Masters» Titre : «Doctorats» Titre : «Sites spécifiques» (titre provisoire) Titre : «Réseau Marche du travail et Genre (MAGE)» Titre : «Recherche Classpop (ANR)» Autres pages. Selon les évolutions de nos besoins. En pied de page Crédits Mention légale Plan du site Reprise des onglets de la barre latérale mais pas les couleurs, qui doivent renvoyer aux onglets, c est-à-dire que si on clique dessus on est orienté vers la page 3. Caractéristiques du CMS Le CMS supportera la gestion multiutilisateur avec différents droits 9
d administration. Il doit permettre l inclusion de contenus issus de document word en supprimant la mise en forme. 4. Spécificités techniques Responsive Le nouveau site sera en «responsive» : le système s optimise automatiquement en fonction du support (ordinateur, tablette, smartphone ), du navigateur et du système d exploitation. L optimisation s effectue par le redimensionnement, le déplacement ou la suppression d éléments (texte, image, bannière, etc.). Message d attente Le site devra s afficher rapidement tout en intégrant des visuels ; dans l hypothèse d une attente, un message s affichera. Message d échec Un message d erreur personnalisé s affichera à l écran lors d une erreur de type 404. Conformité avec la CNIL Le site doit être en conformité avec les exigences de la CNIL Contrôle automatique de l intégrité des liens Un contrôle automatique et à fréquence régulière sera effectué quant à l intégrité des liens associés aux contenus du site. Si un problème se pose, une alerte devra être envoyée au webmaster et au responsable du site. 5. Modules et fonctionnalités particulières Réseaux sociaux - Liens vers réseaux sociaux: Facebook, Twitter, LinkedIn etc Il s agit de bannières qui vont pointer vers les pages sociales du CERLIS. Exemple non exhaustif: - Fonctionnalités de partage social à partir des pages d actualités. Possibilité, à partir d une page ou d un article, de désactiver l affichage des boutons de partage. Au clic sur le bouton de partage de son choix, l internaute partage la page qu il est en train de consulter sur son propre compte social. Exemple on exhaustif : 10
Moteur de recherche textuel Le moteur de recherche est transversal à tout le site. Il indexe l ensemble des contenus rédactionnels publiés sur les pages et sur les articles, sur les fichiers attachés. Il faut que l on puisse entrer des mots-clés autant dans les pages que dans les articles. Si aucun résultat n a été trouvé, l internaute est invité à préciser ou recommencer sa recherche Newsletter Une Newsletter sera conçue automatiquement avec par exemple les cinq dernières actualités publiées, tous les 10 jours (éléments à établir entre commanditaire et prestataire). Il faudrait prévoir une inscription à la newsletter. Fonction imprimer Chaque page doit être optimisée pour l impression. Fonction téléchargement Il faut que l on puisse télécharger directement des fichiers PDF (que cela ne renvoie pas à une autre page). Fonction «Intranet» Il faut prévoir des pages dont l accès serait réservé à des membres possédant un mot de passe (commun à tous les utilisateurs) afin de rendre accessible aux membres du CERLIS des documents qui n ont pas vocation à être publics (compte rendu de réunion, budget, convocation ). L accès à ces pages pourrait se faire à l aide d un «bouton». Pas de fonction commentaire 6. Charte graphique La charte graphique doit être discutée et validée par les responsables du CERLIS. Esthétique graphique Des titres pas trop grands, et pas en majuscule Logo actuel Le logo actuel du CERLIS est celui que l on trouve sur la page de couverture du CDC. Les couleurs utilisées doivent s harmoniser avec le logo du CERLIS, d un ton bleu. Cependant, le site ne doit pas être conçu entièrement en bleu. Priorité à certaines fonctions Certains éléments doivent être bien mis en valeur: nos dernières actualités l inscription à notre newsletter 11
nos réseaux sociaux (Twitter/Facebook ) un onglet recherche bien visible L ergonomie doit rester simple, claire, fluide, intuitive avec des zones biens structurées. La charte graphique doit impérativement tenir compte des contraintes de poids et donc de rapidité d affichage du site. Photos / vidéos Il faut que l on puisse utiliser des visuels dans toutes les pages : en gros une colonne de visuel et en face un texte justifié aussi long que la taille du visuel mais plus large (qui dit visuel, dit tableaux, cartes, ou photos). Chaque photo affichée sous la forme d une vignette pourra être agrandie en cliquant dessus. Il faut que l on puisse voir des vidéos. 7. Référencement Le Candidat décrira quelles prestations, il mettra en œuvre pour maximiser la visibilité des contenus du site sur Internet. Le site devra être conçu dès le départ pour permettre le meilleur positionnement possible. La structure du site et les URL allant être modifiée, les redirections nécessaires doivent être mises en place afin de conserver le positionnement actuel. Le moteur dynamique doit être référençable par les moteurs de recherche Chaque page doit avoir un titre différent, y compris les pages détails. Le prestataire retenu s occupera de toutes les redirections de l ancien vers le nouveau site pour éviter toute erreur. 8. Statistiques Le projet intègre la mise à disposition d un accès à des statistiques qui permettront de suivre l évolution du site en termes de flux. 12
1. Compréhension du cahier des charges Durant la phase de développement, il est essentiel que le dialogue continue entre les gestionnaires du site au CERLIS et le service informatique/communication de l université. Ce cahier des charges exprime nos attentes, il n est pas exhaustif et nous restons ouvert à toute proposition. Prestations attendues Le prestataire devra proposer une formation pour les futurs administrateurs du site. Et à l issue de la refonte du site, un contrat de maintenance sera établi avec le prestataire retenu pour les mises à jour, corrections et évolutions mineures. Les critères d attribution Les règles d attribution du marché seront en fonction de ces points (dans l ordre d importance) sur 40 Critères Note La pertinence de la réponse et les propositions graphiques 12 Le rapport qualité / prix 10 L esthétisme et l ergonomie proposée Les propositions relatives à la formation et à la maintenance 6 5 Les références du candidat 5 Le respect des délais. 2 Eléments à remettre pour la réponse à l appel d offres - Une présentation du candidat et de ses références - Une note explicitant le concept proposé (esthétique, ergonomie, ) - Une proposition graphique de la page d accueil du site - Une proposition graphique d une page de contenu : par exemple la page 13
d un enseignant-chercheur - Une méthodologie et un planning de mise en œuvre du projet - Un mémoire technique expliquant les solutions proposées par rapport à nos souhaits quant à la formation et à la et d éventuelles propositions ne figurant pas dans ce cahier des charges - Une grille tarifaire détaillant les éléments demandés ou proposés. 2. Règlement et modalité de réponse Les dossiers de candidature doivent nous parvenir avant le 30 juin 2015, à 17h, par voie électronique et/ou voie postale. La sélection du candidat sera basée sur dossier. Si nécessaire, nous demanderons des renseignements complémentaires aux répondants. Pour toute demande de renseignements et pour l envoi des dossiers : Olivier Martin, Directeur, CERLIS Université Paris Descartes Faculté des Saints-Pères 45 rue des Saints-Pères 75006 Paris Mail : webmaster-cerlis@shs.parisdescartes.fr ou 01 76 53 35 75 3. Calendrier prévisionnel Lancement de l appel d offres 28 mai 2015 Date limite de réception des dossiers 30 juin 2015 Réunion de la Direction du CERLIS Début juillet 2015 Choix du candidat 8 Juillet 2015 Début du contrat du prestataire sélectionné (en fonction des délais 7 Septembre 2015 administratifs) Mise en ligne du site internet Décembre 2015 Fait à Paris le 28 mai 2015 Nom du signataire : Olivier Martin En qualité de directeur du CERLIS Signature et cachet de l entreprise : 14