CHAPITRE VI : Mise en oeuvre
Pour la mise en oeuvre de notre projet nous avons
procédé comme suit : V.1- Le
Front-End
La page d'accueil du site
La toute première partie de notre travail a
été de mettre en oeuvre la page d'accueil. Cette page est assez
primordiale car elle reflète l'image de l'établissement, nous
l'avons donc voulu sobre, claire et menant facilement à l'information
voulu.
Figure 7: Page d'accueil du site web de
sup'management ci
ORY EPIPHANIE 42
Page `Présentation et missions'
ORY EPIPHANIE 43
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
La page `mot du président
Figure 8: page destinée au mot du président du
groupe Supm'nagement
Figure 9: Page de présentation
ORY EPIPHANIE 44
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
page `Organisation'
Page `Personnel Administratif'
Figure 11: Organisation administrative de sup'management
ci
Figure 10: Personnel Administratif
ORY EPIPHANIE 45
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
Page `Admission'
Figure 13: Conditions d'admission
Page `Métiers et débouchés'
Figure 12: Métiers et Débouchés de la
licence
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
Page `Informatique' pour la licence
Figure 14:Filière informatique pour la
licence
Toutes les autres filières de la licence sont
basées sur le même modèle que la page informatique
Page `Informatique' pour le Master
Les autres filières du master ont un modèle
identique à celui de la page `Informatiques
ORY EPIPHANIE 46
ORY EPIPHANIE 47
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
Figure 15: Filière informatique pour le master
Figure 16:Les emplois du temps
téléchargeables
La page `Emplois du temps'
ORY EPIPHANIE 48
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
Page `Calendriers'
Figure 17: Le calendrier scolaire
Figure 18: le formulaire de préinscription en
ligne
Le formulaire
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
V.2- Le Back-End
V.2.1- Création de la base de données
Pour créer la base de données on commence par
lancer XAMPP puis on accède à l'interface phpMyAdmin qui se
présente comme suit :
Figure 19: Interface de phpmyadmin
La base de données
On entre alors dans le menu « SQL » encadré
au rouge sur la figure puis on saisit les lignes de code suivantes :
CREATE DATABASE preinscrits CHARACTER SET 'utf8';
Le nom de la base est « preinscrits » et l'encodage est
« utf8 ».
ORY EPIPHANIE 49
Création d'un site web avec système de
préinscription en ligne : cas de Sup'Management CI
Les tables
L'interface phpmyadmin est assez intuitive et offre une grande
facilité dans la création des tables. Voici donc notre base de
données avec les tables
Figure 20: La base de données
Après la création de la base de données nous
entamons la page de traitement du formulaire en langage PHP.
| 
