IUT La Roche Sur Yon
Page 1/2
I3-Développement web
TP2 Création et hébergement du site Web de gestion des
alternants
1. Cahier des charges
On veut créer une application web permettant de gérer l’alternance et les stages.
Vous ne réaliserez que la partie statique du site dans un premier temps, elle sera par la suite enrichie
d’une partie dynamique. La charte graphique du site est à définir en fonction de votre sensibilité.
Votre site doit avoir une vraie personnalisation esthétique.
Toutes les données à utiliser sont regroupées dans différents fichiers disponibles sur Madoc.
Ce site comprendra les éléments suivants :
• Des menus horizontaux et verticaux avec des sous-menus
• Des tableaux de données
• Des liens hypertextes
• Des images
• Une vidéo
• Un fichier sonore
• Un fichier pdf
• Des textes mis en forme
2. Fonctionnalités
2.1. Affichage de tableaux de données
Visualisation des données de l’alternant, de son entreprise de son tuteur entreprise et de son
référent IUT. L’affichage est différent selon des lignes paires et impaires.
2.2. Prise de rendez-vous
Le tuteur envoie un mail prérédigé de demande de rendez-vous pour une visite à l’alternant et à
son tuteur avec une proposition de date à partir d’un calendrier affiché sur la page.
Quand la date a été proposée, son affichage dans le calendrier change, quand elle a été validée,
son affichage change également.
2.3. Edition du livret d’alternance
Cette page affiche un fichier PDF généré avec des données spécifiques de l’alternant
sélectionné.
2.4. Données de présentation des entreprises et des sujets
Les entreprises auront une page chacune affichant un texte de présentation, un lien vers le site
de l’entreprise, une image et une vidéo.
Chaque stage renverra sur la page de l’entreprise avec en plus, un texte présentant le stage et
un enregistrement sonore.
2.5. Gestion des données
Il faut prévoir des menus et sous menus permettant de gérer toutes les données de la base :
Ajout, modification, suppression des alternants, tuteurs, entreprises, référents, sujets.
IUT La Roche Sur Yon
Page 2/2
I3-Développement web
3. Déroulement du travail demandé
1. A partir des ressources et du cahier des charges, déterminer le nombre de pages nécessaire
2. Déterminer les menus et sous-menus nécessaires
3. Déterminer le design et la charte graphique personnalisés du site
4. Après ces étapes de conception, déposer sur Madoc le prototype et/ou mock-up (CM1 page 35)
5. Implémenter le code html et css de chaque page ()
6. Déposer les fichiers html et css sur Madoc, mettre également une copie d’écran
(arborescence.jpg) de l’explorateur de fichiers montrant l’arborescence des fichiers utilisés
(images, sons…). Ne surchargez pas les serveurs avec des copies de fichiers inutiles.
1
/
2
100%
