Mise en place d'un système informatisé pour la gestion d'inscription des élèves: cas de l'institut technique industriel et professionnel Saint Vincent de Paul

Figure 20 : client serveur (php).

III.5.3. Bootstrap

Bootstrap est un frameworkdéveloppépar Mark Otto et Jacob Thornton afin de répondre aux exigences internes de développement de l'entreprise Twitterpour l'uniformatisation de pages web. Il s'agissait juste de stylisation de CSS, mais le Framework s'est enrichi de composants JavaScript.

Le bootstrapa été publié en 2011et a connu rapidement de succès dans un espace vacant de développement et a été mis a disposition du public sous licence Apache.Le framework en est actuellement à la version 3. Celle-ci a pris un virage particulier en intégrant l'aspect « responsive » par défaut, alors qu'auparavant cette fonctionnalité faisait l'objet d'un fichier séparé. Cette version est même déclarée comme « mobile-first ». Avec la croissance de l'utilisation d'appareils mobiles, le framework s'est adapté pour offrir une solution censée couvrir tous les besoins.^23(*)

III.5.4. Choix du système de gestion de base de données

Le système de gestion de base de données est un logiciel qui permet de stocker, ajouter, supprimer, modifier et récupérer les données. Ce système de gestion gère les aspects primaires de la base de données tel que : l'intégrité, la confidentialité et la sécurité de données. Il existe plusieurs types de système de gestion de base de données.Dans le cadre de notre travail, nous avons utilisé le MySQL qui est le plus utilisé parmi d'autres grâce à ses caractéristiques et c'est un logiciel open source.

III.5.5. Interface utilisateur

L'interface utilisateur permet aux utilisateurs de dialoguer avec le système informatique. En d'autres mots, l'interface utilisateur est le lien qui existe entre l'homme et la machine.

La partie utilisateur

La page d'index est la toute première page de notre plateforme web qui facilite aux utilisateurs d'accéder à notre site.

La page d'accueil : représente l'interface principale de notre site grâce cette interface, l'utilisateur va bénéficier de tous les services du site.

Figure 21 : interface d'accueil.

La page de connexion permet à nos utilisateurs d'accéder au site et de faire différentes opérations liées son rôle.

Figure 22 : interface de connexion.

La page tableau de bord permet au directeur des études de faire différentes opérations liées à son fonction, tels que voir le rapport d'inscription, faire la réparation des élèves dans différentes classes.

Figure 23 : interface tableau de bord directeur des études.

La page tableau de bord pour le secrétaire permet à ce dernier de faire aussi différentes opérations liées à son fonction, tels que effectuer de rapport.

* ²³ Maurice Chavelli, Bootstrap, p.5/317.