Ce site Web (front-end et back-end) dynamique est basé sur un framework personnalisé utilisant une architecture informatique design patterns MVC (Modèle-Vue-Contrôleur) et une Programmation Orientée Objet (POO) construit autour d’un langage de programmation
PHP (Hypertext Preprocessor Version 7.4.0).
Le système de gestion de la base de données utilisé : MariaDB (Version 10.4.10) et Mysql (Version 8.0.18).
Ce framework possède une bibliothèque de fonctionnalités dans le standard de développement Web et mobile.
Il utilise les composants ci-après.
La structure MVC sépare les principaux composants de l'application
(les requêtes en base de données du code HTML et de toute l'intelligence de l'application :
- Les modèles sont les éléments qui se chargent des échanges avec la base de données (CRUD).
On ne mettra pas de traitement dans ces fichiers, uniquement des requêtes.
- Les vues contiennent uniquement le code HTML destiné à structurer les pages.
- Les contrôleurs, pour leur part, contiennent toute l'intelligence de l'application, le traitement des données en vue de leur affichage, par exemple.
- Le routeur : Dans la structure MVC, un seul et unique fichier est le point d'entrée de l'application, quelle que soit la page affichée.
Il est systématiquement appelé, et envoie la demande au bon contrôleur.
Il est chargé de trouver le bon chemin pour que l'utilisateur récupère la bonne page, d'où le nom de routeur.
Cette application Web utilise le framework Bootstrap (Version 4.5) qui prend en charge les dernières versions de Google Chrome, Firefox, Internet Explorer, Opera et Safari (sauf sur Windows).
Il prend également en charge la dernière version de Firefox ESR.
La technologie Bootstrap fournit une feuille de style CSS qui contient des définitions de base pour tous les composants HTML,
ce qui permet de disposer d'une apparence uniforme pour les textes, tableaux, les éléments de formulaires
et nombre d'éléments graphiques au format standardisé : boutons, libellés, icônes, miniatures, barres de progression…
Elle fournit plusieurs composants sous forme de plugins utilisant la bibliothèque jQuery.
Ces composants permettent l'addition de nouvelles fonctionnalités au niveau de l'interface (tooltip, carrousels…)
mais aussi d'améliorer le fonctionnement de composants existants (auto-complétion…).
Utilisation de la bibliothèque front-end Jquery (Version 3.5.1 released) et d'Ajax (asynchronous JavaScript and XML).
jQuery est une bibliothèque JavaScript libre et multiplateforme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web2.
Ajax est une architecture informatique qui permet de construire des applications Web et des sites web dynamiques interactifs
sur le poste client en se servant de différentes technologies ajoutées aux navigateurs web.
L'usage d'Ajax fonctionne sur tous les navigateurs Web courants : Google Chrome, Safari, Mozilla Firefox, Internet Explorer, Microsoft Edge, Opera, etc.
Dans les applications Web en Ajax, une page Web est envoyée une seule fois.
La page envoyée contiendra un programme écrit en langage JavaScript.
Lors des manipulations effectuées sur la page par l'utilisateur, le programme en JavaScript envoie des requêtes au serveur Web,
le serveur répondra aux requêtes en envoyant un document au format XML,
ce document ne contient pas d'information de présentation et le nombre d'informations qu'il contient est souvent réduit,
d'où des temps de latence plus réduits que ceux d'une application Web classique.