Chapitre 4

1 Réalisation du
Système
 1. Introduction
L'application peut être créée, testée et utilisée pendant la phase de réalisation. Par
conséquent, nous allons commencer par identifier les environnements logiciels et les
langages utilisés.

Ensuite, nous présenterons quelques interfaces de notre application web afin de décrire ses
fonctionnalités.

2. Environnement matériel
Pour la réalisation de ce projet, nous avons utilisé deux PC portables dont les
caractéristiques sont :

ordinateur :

Nom de l'appareil : DESKTOP-M0NSQC5

Processeur : 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz 2.42 GHz

Mémoire RAM installée : 8,00 Go (7,76 Go utilisable)

Type du système : Système d’exploitation Windows 64 bits

3. Environnement logiciels
3.1 Langages utilisés

 HTML

Le HTML (Hyper Text markup language) est un langage dit de « marquage » (de structuration
ou de balisage) dont le rôle est de formaliser l'écriture d'un document avec des balises de
formatage. Les balises permettent d'indiquer la façon dont doit être présenté le document
et les liens qu'il établit avec d'autres documents. Le langage HTML permet notamment la
lecture de documents sur Internet à partir des machines différentes, grâce au protocole
HTTP (Hyper Text Transfert Protocol) .

 CSS

CSS est l’un des langages principaux du web ouvert et a été standardisé par le w3d. Ce
standard évolue sous forme de niveaux (levels), CSS1 est désormais considéré comme
obsolète, CSS2.1 correspond à la recommandation et CSS3, qui est découpé en module plus
petits est en voie de standardisation

 JavaScript
JavaScript est un langage de programmation de haut niveau principalement utilisé pour
créer des applications Web interactives et dynamiques. Il permet d'ajouter des
fonctionnalités interactives à une page Web en contrôlant le comportement du contenu, en
manipulant les éléments HTML, en interagissant avec les utilisateurs et en communiquant
avec les serveurs. JavaScript est un langage interprété qui s'exécute côté client, c'est-à-dire
dans le navigateur Web de l'utilisateur.

 SQL

SQL (Structured Query Language) est un langage de programmation utilisé pour gérer et manipuler
les bases de données relationnelles. Il fournit une interface standardisée permettant d'effectuer des
opérations telles que la création, la modification et la suppression de données dans une base de
données, ainsi que l'interrogation et la récupération d'informations spécifiques. SQL est largement
utilisé dans le développement d'applications Web et logicielles pour stocker et gérer les données de
manière efficace.

3.2 Les Framework et les outils logiciels

3.2.1 Les Framework

 Node.js version 18.15.0

Node.js est un environnement d'exécution JavaScript côté serveur qui permet d'exécuter du
code JavaScript en dehors d'un navigateur web. Il utilise le moteur JavaScript V8 de Google
Chrome pour exécuter des scripts côté serveur, offrant ainsi des fonctionnalités avancées
pour le développement d'applications Web et de serveurs.

 Spring boot

Spring Boot est un Framework open-source basé sur Spring Framework qui simplifie et
accélère le développement d'applications Java. Il fournit un ensemble d'outils et de
conventions pour faciliter la configuration, la création et le déploiement d'applications Java
autonomes, prêtes à être exécutées. Spring Boot vise à réduire la complexité de la
configuration initiale et à favoriser une approche basée sur les conventions plutôt que sur la
configuration. Il facilite également l'intégration avec d'autres projets Spring et offre une
prise en charge étendue pour le développement d'applications modernes, notamment la
création d'API RESTful, la gestion des dépendances, la configuration automatique et la
surveillance de l'application.

 Angular version

Angular est un Framework de développement d'applications web open-source créé par

Google. Il permet de construire des applications web dynamiques, réactives et évolutives en
utilisant le langage TypeScript. Angular adopte le modèle de conception MVC (Modèle-Vue-
Contrôleur) et facilite la création d'interfaces utilisateur interactives en fournissant des
fonctionnalités telles que la liaison de données bidirectionnelle, la gestion des routes, la
manipulation du DOM et la gestion des événements.

3.2.2 Les outils logiciels

 Visual studio code

Visual Studio Code (VS Code) est un éditeur de code source léger et très populaire,
développé par Microsoft. Il est conçu pour être extensible et configurable, offrant ainsi une
large gamme de fonctionnalités pour les développeurs. VS Code prend en charge de
nombreux langages de programmation et propose des fonctionnalités telles que la
coloration syntaxique, l'auto complétion, le débogage, la gestion des versions avec Git,
l'intégration avec des outils de développement populaires et bien plus encore. Il est
également doté d'une interface utilisateur moderne et d'une grande flexibilité grâce à
l'utilisation d'extensions, ce qui en fait un choix populaire parmi les développeurs pour la
création d'applications dans divers environnements de développement.

 Xampp version

XAMPP est une suite de logiciels open-source qui fournit un environnement de

développement local pour la création et le déploiement d'applications web. L'acronyme
"XAMPP" signifie Apache, MySQL, PHP et Perl, les principaux composants inclus dans cette
suite. Il permet aux développeurs de configurer facilement un serveur web local sur leur
machine, sans avoir à installer séparément ces composants. XAMPP fournit également des
outils supplémentaires tels que phpMyAdmin pour la gestion de bases de données MySQL et
FileZilla pour le transfert de fichiers via FTP. Il est largement utilisé pour le développement et
les tests d'applications web, offrant un moyen pratique de mettre en place un
environnement de développement complet.

 Visual paradigm studio

Visual Paradigm Studio est une suite logicielle de modélisation et de conception d'entreprise
qui permet aux équipes de travailler de manière collaborative sur la création et la gestion de
modèles visuels. Il offre une variété d'outils pour la modélisation des processus métier, la
conception de logiciels, la création de diagrammes UML (Unified Modeling Language) et la
génération automatique de code. Visual Paradigm Studio permet aux utilisateurs de
capturer, d'analyser et de documenter les exigences, les structures et les flux d'informations
d'un système, facilitant ainsi la communication entre les membres de l'équipe et la prise de
décisions éclairées tout au long du cycle de vie du développement logiciel.
  Microsoft Word et PowerPoint

 Microsoft Word 2007

Microsoft Word 2007 est une version du logiciel de traitement de texte de Microsoft, faisant
partie de la suite bureautique Microsoft Office 2007. Il offre un large éventail de
fonctionnalités pour la création, la modification et la mise en forme de documents texte.
Word 2007 comprend des outils avancés tels que la vérification orthographique et
grammaticale, le suivi des modifications, la création de tableaux, la gestion des styles, les
fonctionnalités de collaboration et bien d'autres. Il permet également d'insérer des images,
des graphiques, des tableaux, des en-têtes et des pieds de page, offrant ainsi une flexibilité
dans la création de documents professionnels et personnalisés.

 PowerPoint 2007

Microsoft PowerPoint 2007 est un logiciel de présentation faisant partie de la suite

bureautique Microsoft Office 2007. Il permet aux utilisateurs de créer et de présenter des
diapositives professionnelles et visuellement attrayantes. PowerPoint 2007 propose des
outils puissants pour la conception et la mise en page des diapositives, tels que la possibilité
d'ajouter du texte, des images, des graphiques, des tableaux, des formes et des éléments
multimédias. Il offre également des fonctionnalités avancées telles que les transitions
d'animation, les effets visuels, l'enregistrement de présentations, le partage en ligne et la
création de diaporamas personnalisés. PowerPoint 2007 permet aux utilisateurs de créer des
présentations percutantes pour des réunions, des conférences, des formations et d'autres
occasions de communication professionnelle.

4. Les interfaces graphiques de notre projet

4.1 Définition de l’interface graphique

L'interface graphique joue un rôle essentiel dans la création d'une plateforme adaptée,
offrant aux utilisateurs une expérience de navigation agréable. Ainsi, cette norme peut
différencier une plateforme des autres, même si elles ont des fonctionnalités similaires. Il
s'agit d'une collection de captures d'écran représentant les points d'entrée clés de la
plateforme.