Charte Projet

site web ISIC

VAUCHELET Sarah
CORSELIS Sarah
FAN LingXin
GAY Amandine
MONBET Bastien
LEFORT Lucas
QRIBI Rosa
PIRES CABRAL Célia

RESUME
Ce Document a vocation à résumer de façon synthétique la définition, la
gestion, l’objectif du projet et le contexte dans lequel il s'établit. Il définit le
rôle des collaborateurs et leurs responsabilités dans le projet et présente un
planning principal des étapes charnières de sa conception.
Table des matières

1. Présentation du projet .................................................................................................2

1.1 Origine et contexte du projet .................................................................................2
1.2 Enjeux et Objectifs majeurs ....................................................................................2
1.3 Besoins ..................................................................................................................2
1.4 Limites ...................................................................................................................2

2. Documents de référence..............................................................................................3
2.1 Résultat d’études en amont ....................................................................................3
2.2 Relevés de décision ................................................................................................3
2.3 Analyse critique de l'existant ..................................................................................3

3. Participation au projet des services utilisateurs ..........................................................6

3.1 Commanditaires ....................................................................................................6
3.2 Utilisateur du projet ................................................................................................6

4. Champ couvert par le projet.........................................................................................6

4.1 Fonctionnalités .......................................................................................................6
a. Fonctionnalités minimales ..................................................................................................... 6
b. Fonctionnalités complémentaires ........................................................................................ 6
4.2 Objectifs d’organisation .........................................................................................6
4.3 Option relatives à l’architecture technique .............................................................6
4.4 Interfaces avec d’autre systèmes ............................................................................6

5. Organisation du projet ................................................................................................7

5.1. Acteurs ...................................................................................................................7
a. Membre de l'équipe-projet ....................................................................................................7
b. Intervenant équipe-projet ..................................................................................................... 7
5.2. Règles de fonctionnement .....................................................................................8
a. Fréquence des réunions .........................................................................................................8
b. Prise de décision ......................................................................................................................8
c. Logiciels utilisés pour la communication de l'équipe projet ..............................................8
5.3. Contraintes ...........................................................................................................8
a. Contraintes humaines .............................................................................................................8
b. Contraintes organisationnelles ..............................................................................................8
c. Contraintes financières ...........................................................................................................8

6.Plan d’action ................................................................................................................8

6.1 Démarches de développement ..............................................................................8
6.2 Calendrier prévisionnel ..........................................................................................8

1/9
1. Présentation du projet

1.1 Origine et contexte du projet

L’Institut des Sciences de l’Information et de la Communication est un département de l’Université de
Bordeaux Montaigne situé à Pessac (Gironde, France). Nous répondons ici à la sollicitation de son équipe
pédagogique des promotions Humanités numériques pour la conception, l’analyse et la réalisation du
site web de l’ISIC. Les objectifs pédagogiques sont la collaboration et l’apprentissage par les pairs, la mise
en situation et la réalisation d’un projet commun au bénéfice de l’UFR. Il s’agit d’apporter à ce dernier
ainsi qu’à ses étudiants une visibilité par les professionnels des métiers de la communication notamment,
d’y rassembler les informations générales le concernant et les offres de formation qui sont dispensées.
Nous tenterons de permettre cette visibilité de la meilleure façon et de contribuer au rayonnement du
département dans le monde académique ou professionnel.
A ce jour, le département ne bénéficie que d’un espace attribué sur le site web de l’Université de Bordeaux
Montaigne, et l’on ne peut y recueillir que peu d’informations sur les programmes, les réalisations de ses
étudiants ou les actualités du département et du domaine de la communication.
Environnement et contexte : La commande étant effectuée par un organisme universitaire, il est à la fois
un site “vitrine” pour les professionnels, acteurs du monde académique ainsi que pour les futurs étudiants,
et portail pour ses étudiants actuels ou personnels pédagogiques. Ses élèves doivent pouvoir y rendre
visible leurs travaux personnels ou communs, leurs compétences, se projeter dans le monde professionnel
en accédant à des informations concernant les parcours d’anciens élèves, les recruteurs doivent pouvoir y
consulter les profils d’élèves susceptibles de correspondre à leurs besoins et mieux connaître la formation,
tout comme les acteurs du monde académique qui pourront y consulter ce que fait le département
Bordelais.

1.2 Enjeux et Objectifs majeurs

L’enjeu majeur est de valoriser l’Institut des Sciences de l’Information et de la Communication notamment
à travers les réalisations de ses étudiants ainsi qu’en partageant des informations pertinentes pour les
acteurs du domaine d’activité du département. Si l’objectif n’est pas rempli, l’image du département en
pâtirait, sa réputation éventuellement en serait altérée et les étudiants ne pourraient pas bénéficier des
retombées du bon rayonnement de leur unité de formation. L’ enjeu suivant est de le rendre visible et de
le faire apparaître comme acteur à part entière et majeur du domaine d'activité correspondant, sur le web,
sur les réseaux.

1.3 Besoins
L’objectif principal de la commande étant de rassembler les informations sur les formations proposées
par l’unité d’enseignement, les éléments principaux de la réalisation du site web concernent l’accessibilité
et la lisibilité des informations. Il est également important de permettre un accès aisé aux réalisations des
étudiants afin de favoriser leur insertion professionnelle et de réaliser une interface de mise en relation
de tous les acteurs du secteur. Il faudra l’intégrer dans une démarche de visibilité sur les réseaux, donc de
favoriser son bon référencement, afin de l’ancrer dans le monde de l’information et de la communication
d’une façon dynamique et en lui assurant une place référente pour les acteurs et curieux de ce secteur. Il
s’agit également de permettre à ses étudiants et ses acteurs pédagogique en prendre possession, tout en
conservant son caractère de vitrine d'organisme référent institutionnel.

1.4 Limites
Les premières limites sont d’ordre financiers et temporels: nous disposons de quatre semaines et l’absence
de budget nous impose de mobiliser des outils à notre disposition gratuitement, d’ajuster nos réalisations
en conséquences et de réaliser le site web sur un logiciel open source imposé, ce qui limite également
la mise en application de certaines idées. Il faut garder à l’esprit la qualité académique de l’organisme
commanditaire, qui va impacter notre site ainsi que l’imposition d’une charte graphique. Nous devons
insuffler au site de l’ISIC un dynamisme tout en conservant un niveau de formalité et en respectant les
codes académiques en vigueur sur d’autres sites.

2/9
2. Documents de références

2.1 Résultat d’études en amont

Au lancement du projet les documents disponibles sont les suivants :
- Document descriptif du projet, de méthodologie, volet de recommandations techniques, un calendrier,
des éléments et indications à prendre en compte, une liste d’éléments de base concernant les rubriques
à faire apparaître dans le site (Annexe 2) ainsi que des fichiers à disposition: tableau comprenant des
données concernant le personnel pédagogique de l’UFR.

2.2 Relevés de décision

Les premières réunions (voir compte rendu 1 et 2)

Décision : réflexion sur d’autres possibilités comme

- Chatbot
- Barre de recherche
- Intégration RS
- Segmentation du site selon le profil de l’utilisateur (étudiant, visiteur, professionnel, professeur + un
administrateur)
- Portfolio des étudiants
- CVthèque et/ou portraits d’étudiants + mail de contact (voir même la possibilité d’être redirigé vers les
réalisations personnelles de ces mêmes étudiants dans la rubrique portfolio)

2.3 Analyse critique de l'existant

C’est dans la partie U.F.R STC du site web de l’Université Bordeaux Montaigne que les informations relatives
à ce département sont présentées, et les informations sont distribuées dans une arborescence peu propice
à la consultation des programmes puisque cette dernière est noyée entre d’autres formations de l’U.F.R.
L’ISIC ne possédant pas de site web à part entière, nous devons donc nous concentrer sur ses besoins
actuels et éventuels. Un benchmarking de différents établissements privés et universités est nécessaire
afin d’obtenir une ligne directrice, d’établir un étalon des sites webs scolaires du même domaine d’activité,
d’y sélectionner des inspirations. L’ISIC a évoqué lors de sa commande la nécessité d'accès rapide à
l’information et a souligné l’objectif d’orientation efficace des utilisateurs (en particulier des étudiants et
des professionnels) vers l’offre de formation.
Dans cet objectif, nous identifions une problématique qui fera office de ligne directrice pour la conception
du site, soit: Quels moyens techniques peut-on mettre en pratique afin de permettre un accès clair et
rapide aux informations générales relatives au département de l’ISIC?

3/9
Nous avons appuyé notre analyse critique du chemin existant ainsi que le benchmarking sur les critères
suivants :
1. Ergonomie
A faire :
- Avoir un site responsive
- Doit être facile d’utilisation -> simplicité et sobriété
- Les accès et renvois doivent être simples, les titres explicites et concis
- Position du menu qui rend accessible facilement l’information et la navigation
- Créer une page d’accueil qui accroche le regard et ajouter des fonctionnalités sympas
- Eventuellement faire en sorte qu’un menu latéral (horizontal ou vertical) soit systématiquement présent
sur l’ensemble du site malgré le déroulement
- Envisager un accès selon le profil (étudiant, professeur, professionnel cf pôle emploi) (personnaliser le
site selon le profil de l’utilisateur)
- Soigner les détails

A ne pas faire :
- Le contenu de l’information doit se trouver sur les pages dédiées, il ne faut pas saturer tout ce qui
environne ledit contenu (notamment l’accueil) + l’utilisation d’images et de photos, tout comme le contenu
doit être modéré
- Éviter les multiples liens hypertextes qui renvoient sur les mêmes pages (cf ubm)

2. Graphisme
A faire :
- Utiliser le code couleur de l’ubm dans les titres notamment (cf site de l’ubm) (attribuer une ou deux
couleurs propres à chaque formation ? rubrique ?)
- Pertinence des photos qui peuvent accompagner les rubriques
- Attention à la cohérence globale, un contenu aéré et lumineux, utiliser un fond plutôt clair (beige,
crème)
- Mobiliser la charte graphique sur chaque page
- Mobiliser les couleurs de la charte graphique pour organiser les paragraphes en valorisant les titres
- Icônes des RS : ne pas les placer en bas de page mais plutôt voir l’exemple de Paris 13 et des logos
placés sur le côté, dans une barre latérale qui ne bouge pas

A ne pas faire :
- Ne pas copier/coller le site de l’ubm
- Ne pas surcharger le site de contenu textuel
- Ne pas faire dans le minimaliste

3. Navigation
A faire :
- Toujours avoir à disposition un menu déroulant pour accéder à n’importe quelle partie du site : permet,
lorsque l’on avance dans ses recherches, de ne pas toujours avoir à revenir en arrière pour accéder à un
autre onglet
- Mettre en place une barre de recherche
- Etre compatible sur différents navigateurs + accessible sur smartphone et tablette

A ne pas faire :
- Éviter les multiples renvois hypertextes vers les mêmes pages

4/9
 4. Contenu
A faire :
- Clair et concis : Pas besoin d’écrire des pavés : il faut aller à l’essentiel, être précis et donner les
informations indispensables
- Avoir une orthographe irréprochable
- Focus Association (conditions, informations, détails) + vie étudiante
- Les formations doivent être détaillées, préciser les modalités qu’on trouve sur le site de l’ubm et les
compléter (durée, UE, conditions, + matériel (fourni ou requis), edt, etc)
- FAQ + assistant virtuel (studizz) ?
- Donner les informations qu’un étudiant cherche à savoir pour intégrer un master : contenu des cours,
comment intégrer un master, les intervenants, nombre de personnes prises, chances d’intégrer le master,
insertion à l’emploi, réseau alumni, donner des contacts qui répondront à nos questions

A ne pas faire :
- Manquer d’objectivité et de neutralité (mais envisageable d’ajouter des témoignages/portraits COURTS)

5. Technique (référencement)
A faire :
- Avoir un bon référencement, notamment avec les nombreuses variantes ou manières de nommer les
formations
- Fluidité
- Charger les pages rapidement
- Avoir un site qui peut facilement être modifié
- Nom concis et clair
- Création d’un URL simple et court

a. Analyse de l’accès actuel aux informations de l’ISIC (au sein de celui de l’UFR STC)
L’activation du “Département ISIC”, mène l’utilisateur dans une impasse, puisqu’il n’a accès qu’aux
informations administratives (contacts, horaires, description succincte du département, organigramme,
budget, bilan social etc…) et à un lien redirigeant vers une recherche multi-critères, au lieu de permettre
un accès clair aux formations. Pour obtenir cet accès, il faut revenir sur la page générale de l’UFR et activer
l’un des sept types de formations, puis effectuer une recherche plus approfondie pour identifier une
formation dispensée par l’ISIC parmi les propositions. Lourde en contenu, pas ergonomique, ni facile de
lisibilité, la page ne permet pas l’accès rapide aux informations de l’ISIC. On note l’absence de contenu
visuel, de couleur et de possibilités d’interactions puisque le contenu est uniquement de type texte et qu’il
ne propose aucune incitation ou interactivité. L’oeil est facilement perdu dans une masse de texte sans
d’autre contraste que la taille de la police.

b. Analyse de différents sites d’écoles privées et d’établissements publics

Les établissements privés ont une communication particulièrement percutante, une ligne directrice très
claire, qui vise à séduire leurs potentiels futurs élèves, ou leurs parents, au premier coup d’oeil. Tout est
fait pour favoriser une expérience d’immersion dans un univers codé, par du visuel, des typographies
recherchées. Les universités misent d’abord sur l’information textuelle, on reconnait le style “institutionnel”,
d’abord neutre, mais manquant souvent de cachet, d’accroche. Dans le premier cas, il est notable que les
anciens élèves ou encore les parrains (sponsors) de l’école sont largement mis en avant (ou plutôt leur
poste actuel ou non, décroché à la sortie de l’école). En second plan, ce sont les réalisations des étudiant.e.s
qui sont à l’honneur, puis l’actualité de l’établissement. Dans le privé, Les interfaces sont plus minimalistes
et les informations administratives semblent moins mises en avant, tandis qu’elles prennent toute leur place
dans le milieu universitaire, moins transparent en ce qui concernent les projets menés par les équipes
pédagogiques avec les étudiant.e.s. Les sites qui semblent les plus contemporains sont ceux qui s’affichent
d’emblée en pleine page, permettant une meilleure lisibilité, une meilleure compréhension de l’espace et
donc des informations qui y sont proposées. Ce sont eux qui amènent le plus l’utilisateur à interagir. Sur les
sites universitaires, on peut accéder à un compte étudiant ou membre du personnel ainsi qu’une barre de
recherche. Les menus déroulants sont toujours bienvenus, mais les pages universitaires proposent souvent
plus d’onglets (parfois trop) et une arborescence très dense. Les sites universitaires proposent souvent un
fond blanc, ce à quoi il semble que nous ne pourrons déroger, quand les sites d’écoles privées sont plus
diversifiés et plus enclins à utiliser de larges blocs de couleurs ou de visuels.

5/9
3. Participation au projet des services utilisateurs

3.1 Commanditaires
- Equipe pédagogique des Masters Humanités Numériques de l’ISIC (S. ROUISSI, M. BOURDAA, L-P
GILLIARD, J. ANSELME...)

3.2 Utilisateur du projet

Les utilisateurs du Site Web seront :
Le site web sera destiné à l’usage des étudiants eux-mêmes et des équipes pédagogiques du département
de la licence au doctorat, des visiteurs désireux d’obtenir des informations sur les formations et des
professionnels souhaitant recruter ou créer des partenariats.

4. Champ couvert par le projet

4.1 Fonctionnalités
a. Site internet :
Rubriques de bases : - Présentation de l’offre de formation - Vidéos et actualités - CVthèque, portfolios et
portraits étudiants

Segmentation - Possibilité de se connecter en tant qu’étudiant, notamment pour effectuer des

modifications sur la cvthèque / le portfolio ou consulter les offres de stages - en tant que membre du
personnel, en tant que visiteur ou professionnel pour consulter la cvthèque (soit accès : étudiant, visiteur,
professionnel, professeur = administrateur) - Possibilité de mise à jour ponctuelle

Chatbot - Barre de recherche - Menu déroulant - Intégration RS - mail de contact étudiants

4.2 Objectifs d’organisation

Après le développement et l'installation du site web, postulant que les utilisateurs des portails sont déjà
familiers de l’usage de ce type d’interfaces, aucune formation ne sera nécessaire pour la prise en main.
Les utilisateurs continueront d’utiliser leur espace numérique de travail et auront la main sur leur profil
“annexe” sur le site de l’ISIC. Les personnels concernés par l’administration seront à définir avec l’équipe
pédagogique (Envisagés Soufiane ROUISSI responsable de la formation et éventuellement O. DARRACQ
du bureau des masters?). Ensuite, s'agissant du site vitrine, le gestionnaire devra être déterminée. Il pourra
s'agir soit de Mme Laffourcade ou de Mr Faye Secka. Le site web devra aussi être hébergé, posséder un
nom de domaine et prévoir un référencement. (Voir ultérieurement le cahier des charges fonctionnelles et
techniques.)

4.3 Options relatives à l’architecture technique

4.4 Interfaces avec d’autre systèmes

Certaines rubriques du site web (telles que les contenus portfolios par exemple) seront liées à un portail de
connexion. A voir, la possibilité d’intégrer, dans l’interface du système, les réseaux sociaux Twitter (compte
Masters de communication, alimenté régulièrement) et Facebook.

6/9
5. Organisation du projet:

5.1. Acteurs:
a. Membre de l'équipe-projet

Nom et prénom Compétences

VAUCHELET Sarah Planification, Communication, PAO

CORSELIS Sarah Conception/Maquettage, rédaction web

FAN Lingxin PAO, Création vidéo

GAY Amandine PAO, webdesign, rédaction web, HTML, CSS

LEFORT Lucas HTML, CSS, JS, PHP, SQL

MONBET Bastien PAO, Rédaction web, Création vidéo

QRIBI Rosa Planification, Communication

PIRES CABRAL Célia Rédaction web, Création vidéo, Scénarisation

L’équipe projet est composée de deux profils informatiques, cependant des rôles complémentaires ont été
assignés à chacun :

- Responsable veille technologique et développement : LEFORT Lucas; Son rôle est d’informer l’équipe
projet des moyens technologiques à mettre en oeuvre et utiles pour le développement du projet et de
coordonner les actions de développement et de faire les études de matériels potentiellement utilisables.

- Responsable communication : MONBET Bastien; Son rôle sera de gérer la communication avec les
commanditaires, il supervise les réunions et les retours sur les livrables.

b. Intervenant équipe-projet:
Tuteur et responsable de suivi de projet :
Soufiane ROUISSI, Laurent-Pierre GILLIARD, Julien ANSELME et Mélanie BOURDAA; soutien tout au long
du projet.

7/9
5.2. Règles de fonctionnement
a. Fréquence des réunions
Une fois par semaine entre les membres de l'équipe projet, pour garantir une mise au point, un suivi du
projet et des prochaines tâche à réaliser.
Un compte rendu sera envoyé aux commanditaires après chaque réunion par courrier pour garantir un
suivi de la réalisation de projet, demande, ou ajustements des besoins du projet.

b. Prise de décision
Lors des réunions entre l’équipe-projet et les commanditaires.

c. Logiciels utilisés pour la communication de l'équipe projet

- Google Drive entre membres de l'équipe projet (partage de documents, stockage, , modifications et
observation en tant réel, versioning)
- Tableaux en ligne pour répartition des tâches
- Communication avec le groupe de conversation Facebook pour tout ce qui est communication et
réflexion
- Suivi du projet et compte rendu avec les commanditaires par correspondance mail

5.3. Contraintes
a. Contraintes organisationnelles
Puisque les membres sont dans les parcours différents, ce n’est pas facile pour nous de trouver un horaire
commun, d'autant plus que les emplois du temps respectifs subissent régulièrement des modifications.

b. Contraintes temporels
Ce projet a une durée d’un mois. D’ailleurs, chaque parcours a ses propres projets à accomplir. Cela
augmente la difficulté de terminer ce projet.

c. Contraintes financières
L’absence de budget nous impose de mobiliser des outils à notre disposition gratuitement, d’ajuster nos
réalisations en conséquence et de réaliser le site web sur un logiciel open source imposé, ce qui limite
également la mise en application de certaines idées.

6. Plan d’action

6.1 Démarches de développement

La démarche de développement que nous souhaitons mettre en place s'articule autour de la méthode
LEAN (amélioration continue). Nous produirons une liste des fonctionnalités à développer, et nous les
hiérarchiserons avec la méthode MoSCoW. A partir de là nous mettrons au point un MVP (Minimum
Viable Product) qui nous servira de base pour l’évolution du produit en communication étroite avec les
commanditaires.

6.2 Calendrier prévisionnel

Les livrables attendues au cours du projet :

- Charte projet : 28 janvier 2019
- Définition des parcours visiteurs : 24 janvier 2019
- Structure des principales pages : 31 janvier 2019
- Veille technologique : 31 janvier 2019
- Maquettes des principales pages : 5 février 2019
- Présentation du projet : 14 février 2018

8/9
 Ressources Prévisionnelle
N°
Description tâches Prédecesseur Humaines et Materielles Livrable Date Début Date Fin
tâche
equipe projet,
A 1. Analyse Charte projet 17/01/2019 26/01/2019
commanditaires
Analyse du contexte et des Sarah C, Célia, Lingxin,
A1 Charte projet 24/01/2019 26/01/2019
objectifs equipe projet
Benchmark de la
A2 Sarah V, Sarah C, Rosa 17/01/2019 24/01/2019
concurrence
Formalisation du cahier
A3 équipe projet 17/01/2019 24/01/2019
des charges
equipe projet, CDCF, Charte
B 2. Conception A 27/01/2019 12/02/2019
commanditaires graphique
B1 Arborescence Rosa, Amandine 27/01/2019 27/01/2019
Définition des parcours
B2 Lucas User stories 27/01/2019 03/02/2019
visiteurs
Structure des principales
B3 Bastien Maquettes (zoning) 27/01/2019 03/02/2019
pages
Spécifications
B4 Spécifications techniques Célia 27/01/2019 27/01/2019
techniques
Célia, Rosa, Sarah C,
B5 Rédaction des textes B2, B3 04/02/2019 07/02/2019
Sarah V
B6 Brief créatif Equipe projet 04/02/2019 04/02/2019
Création identité CG Montaigne,
B7 B6 Charte Graphique 04/02/2019 08/02/2019
graphique générale Amandine, Lucas, Bastien
Wireframes des principales Maquettes
B8 B3 Bastien, Lucas 04/02/2019 07/02/2019
pages fonctionnelles
Maquettes des principales Maquettes
B9 B5, B7, B8 08/02/2019 12/02/2019
pages graphiques
3. Présentation du projet
C 10/02/2019 13/02/2019
au commanditaire
Préparation du speech 10/02/2019 13/02/2019

Création d'un diaporama 13/02/2019 13/02/2019

equipe projet,
4. Développement
D A, B commanditaires, serveur 05/02/2019 14/03/2019
(prototype)
de développement
Environnement de
D1 Installation CMS Lucas 05/02/2019 05/02/2019
développement test
Création de la structure
D2 16/02/2019 19/02/2019
des pages types
Intégration en HTML / CSS
D3 20/02/2019 25/02/2019
du texte et des images
Insertion des contenus /
D4 26/02/2019 15/03/2019
modules dynamiques
Conventions sur le nom
D5 16/02/2019 16/02/2019
des pages et urls
Paramétrage du back
D6 16/02/2019 16/02/2019
office
Développements
D7 spécifiques : modules, 26/02/2019 15/03/2019
API, etc.
D8 Recette 18/03/2019 21/03/2019

9/9