Projet pour les FI

Programma on web

Sujet du projet

Ce sujet fait suite au projet de “Méthodes et ou ls pour l’aide à la décision”.

L’objec f est de présenter sous forme d’un site web le sujet, les données et les résultats obtenus
sur l’inser on professionnelle des diplômés de master.

Vous avez toute liberté sur l’organisa on de votre site et les technologies u lisées pour sa
réalisa on (à tre d’exemple, un template Bootstrap peut être u lisé pour réaliser le site, cf. TP
op onnel sur l’espace de cours).
Il pourrait être intéressant d’u liser une librairie JavaScript pour a cher les résultats : vous
pourrez par exemple rer pro t de la librairie D3.js (h ps://d3js.org/) ou Plotly (h ps://
plotly.com/javascript/).

Situa on de travail

Vous travaillerez par groupe de 2 personnes entre le 7 et le 18 mars. Ce groupe pourra être choisi
indépendamment du groupe de projet “Méthodes et ou ls pour l’aide à la décision”.

Vous devrez déposer :

- Un dossier de concep on sur l’espace de dépôt mis en place, avant le 11 mars 23h59.
- Votre site web sur l’espace de dépôt mis en place, avant le 18 mars 23h59.

Rendus du projet

Votre dossier de concep on devra décrire comment vous avez conçu votre site et ses
fonc onnalités. Il devra contenir :
- Les cibles du site
Vous décrirez pour qui est des né votre site (quels sont les poten els visiteurs) et comment cela
a in uencé l’organisa on de votre site.
- la structure du site
Cela décrit l’organisa on des di érentes pages du site : cela permet notamment de décrire
quelle est la page d’accueil, quel est le menu et vers quelles pages pointent chacun des
éléments du menu).
- La charte graphique
La charte graphique inclue le choix des couleurs, des polices … des di érents éléments du site,
par exemple : la couleur du fond, les couleur, police et taille des tres … Ce choix permet de
maintenir une cohérence graphique du site.
- Ebauche de site (Wireframe) des di érentes types de pages du site
Pour chaque type de page, vous dessinerez le posi onnement des di érents éléments du site.
Ces wireframes n’a chent pas de contenus.
ti
fl
ti
ti
ti
ti
ti
ti
ti
ffi
ti
ti
ti
ti
ti
ti
ti
ff
fi
ff
ti
ti
ti
ti
tt
ti
ti
ti
ff
ff
ffi
ti
tt
 Exemples de Wireframe

Le dossier de concep on est rendu à la n de la première semaine. Il est quasiment certain que le
développement fera évoluer les spéci ca ons du site prévues dans le dossier de concep on
(problème pour développer une fonc onnalité, changement dans la charte graphique, …).

Votre site sera déposé sous la forme d’une archive dont le tre con endra les noms des membres
du groupe. Si l’archive est trop volumineuse, vous pouvez déposer un lien pour télécharger
l’archive. Ce e archive devra contenir tous les chiers nécessaires à l’a chage du site sur
l’ordinateur de l’évaluateur connecté à internet. Vous ferez donc a en on aux chemins vers les
chiers. Ce e archive con endra également un chier précisant les modi ca ons par rapport au
dossier de concep on.

Critères d’évalua on du projet

Le site web sera évalué sur :

- son contenu,
- son cohérence,
- son organisa on,
- sa capacité à être fonc onnel (pas d’images manquantes, de liens qui mènent vers des pages qui
n’existent pas…),
- son esthé que,
- sa di culté technique (en par culier en terme de JavaScript et de CSS).

Vous ne serez pas évalués sur la par e “Méthodes et ou ls pour l’aide à la décision”, mais
seulement sur les aspects liés à la programma on web. Dans le cas où les membres du groupe de
programma on web étaient dans 2 groupes di érents pour le projet “Méthodes et ou ls pour
l’aide à la décision”, vous pouvez réu liser les indicateurs de chacun des groupes.
fi
ffi
ti
tt
ti
ti
tt
ti
ti
ti
ti
ti
ti
ti
ti
ti
fi
fi
ti
ti
ff
fi
fi
ti
ti
ti
tt
ti
fi
ffi
ti
ti
ti