Modélisation et implémentation d'une application de messagerie dans une entreprise cas de la dgre équateur

CHAPITRE 4. DEVELOPPEMENT, DEPLOIEMENE ET DU NOUVEAU SYSTEME

4.0. Introduction

A ce stade du processus, les cas d'utilisation sont terminés. Le problème a été analysé en profondeur; nous avons défini une conception mieux appropriée aux besoins de notre application.

Le présent chapitre est consacré à la réalisation et la mise en oeuvre de notre application de messagerie, nous allons présenter les outils de développement adoptés, soit l'environnement utilisé qui est Visual Studio Code, ainsi que le langages HTML, CSS, langage de programmation (PHP), et nous allons présenter le système de gestion de base de données EasyPHP (MySQL serveur),ainsi le langage de manipulation de bases de données SQL , et enfin nous allons montrer les principaux interfaces et fenêtres de l'application.

4.1. Développement du nouveau système

4.1.0. Environnement de développement

EasyphpDevserver est un environnement de développement Web qui embarque tout ce qui est nécessaire pour faire tourner un site internet en local sur un ordinateur.L'utilisateur dispose ainsi d'un serveur Apache équipé de PHP et de MySQL, le tout pouvant fonctionner sur un ordinateur sous Windows. Nous avons utilisé Devserver version 17.0

Figure 18. Icone d'EasyphpDevserver

4.1.1. Outil de développement

1. Visual Studio Code

Figure 19. Icone de Visual Studio Code

Visual studio code est un éditeur de code simplifié, qui est gratuit et développé en open Source par Microsoft. Il fonctionne sous Windows, Mac OS, et Linux. Il fournit aux développeurs à la fois un environnement de développement intégré avec les outils permettant de faire avancer les projets techniques, d'édition, à la construction jusqu'au débogage. ^12(*)

Le Visual Studio Code propose plusieurs fonctionnalités, mais nousnous intéressons à celle de la prise en charge de plusieurs langages de programmations, tels que C, C#, C++, (HTML, CSS), Java, JavaScript, Markdown, PHP, PowerShell, Python etc... ^13(*)

Figure 20. Environnement de Visual Studio Code

2. HTML

En Anglais « HyperText MarkupLanguage » qu'on peut traduire par « langage de balises pour hypertexte » il est utilisé afin de créer et représenter le contenu d'une page web et sa structure.

Figure 20. Icone de HTML

3. CSS

Tout comme le HTML, le CSS est l'un des langages de base du WWW. Alors que nous avons utilisé le langage HTML pour remplir une page web de texte et le formater de manière sémantique, le langage CSS est utilisé pour définir le design de ce contenu.

Figure 22. Icone de CSS

4. PHP

PHP est un langage de scripts open source. Comme beaucoup de langage, il a été spécialement conçu pour le développement des applications Web. Il peut être intégré au HTML. Pour ce faire, le code PHP est inclus entre une balise de début (ensemble de symboles) et une balise de fin qui permettent au serveur web de passer en mode PHP. La partie PHP Correspond donc à la partie créative et dynamique du document HTML finalement envoyé par le serveur et que le navigateur transformera en page Web. Le code PHP est exécuté par le serveur et non par le client. Le client ne reçoit que le résultat du script, sans aucun moyen d'avoir accès au code qui produit ce résultat.^14(*)

Figure 23. Icone de PHP

5. MYSQL

MySQL est un système de gestion de bases de données relationnelles basé sur le langage d'interrogation SQL (StructuredQueryLanguage). Développé à partir d'un autre SGBD portant le nom de mSQL, il possède de nombreuses qualités et notamment celle d'être portable, en ce sens qu'il s'exécute sur à peu près tous les systèmes d'exploitation et tous les types de matériel. ^15(*)

Comme tous les SGBD, MySQL permet de créer et de gérer des bases de données. Dans ce contexte qui nous intéresse, un langage comme PHP est capable de prendre en compte les commandes de MySQL et donc d'interroger des bases de données créées avec ce SGBD. La communication de l'un à l'autre se fait de manière souple.

Figure 24. Icone de MySQL

4.2. Déploiement de l'application

Le fonctionnement d'une application Web repose sur l'utilisation de plusieurs logiciels fonctionnant sur des ordinateurs distants, qui jouent chacun leur rôle : ^16(*)

1. Le navigateur s'exécute sur la machine cliente. Il envoie une requête http à un serveur Web qui lui renvoie en retour des pages HTML.

2. Mais dans le cas d'un site dynamique, cette page n'existe pas en tant que telle sur le serveur web, elle est construite à la volée par un serveur applicatif. Celui-ci exécute un programme dans un langage tel que PHP pour construire la page web où elle est demandée.

3. Souvent, ce serveur applicatif à lui-même recours à un autre serveur, le serveur de base de données. Il peut lui demander par exemple le contenu du message disponible envoyé par le l'utilisateur Alex.

Un utilisateur possède une machine. Il navigue sur le Web via son navigateur  par exemple : Mozilla Firefox, Google Chrome, Safari, Etc. les pages affichées par le navigateur sont stockées sur des machines distantes. Des serveurs.

· Le client, c'est-à-dire le navigateur qui demande une page web,

· Le serveur héberge des logiciels destinés à servir les clients.

Ces deux machines communiquent via un protocole appelé http

Figure 25. Architecture client serveur

4.2. Diagramme de déploiement

Un diagramme de déploiement décrit la disposition physique des ressources matérielles qui composent le système et montrent la répartition des composants sur ces matériels. Chaque ressource étant matérialisée par un noeud, le diagramme de déploiement précise comment les composants sont répartis sur les noeuds et quelles sont les connexions entre les composants ou les noeuds. ^17(*)

Ainsi, le terme serveur web est employé de manière assez large. Plus rigoureusement, on sépare le serveur web en plusieurs composants :

· Le serveur web à proprement parler, c'est l'interlocuteur direct du client avec qui il dialogue en http. Il est chargé de renvoyer la page web finale. Apache est le principal serveur Web.

· Le serveur d'application regorge des programmes qui créent les pages web aux volées à partir des données dynamiques, comme les résultats d'une recherche. Les serveurs applicatifs sont sollicités par le serveur web pour générer la page finale. Ils sont programmés dans les langages de programmation comme PHP, Python, Java, Ruby, etc.

· Le serveur de base de données c'est le programme qui stocke les données utilisées par le serveur applicatif. Les plus connus sont MySQL, PostgreSQL, MariaBD.

Figure 26. Diagramme de déploiement/Architecture trois(3) tiers

Source : Notre Conception du diagramme de déploiement de l'application

* ¹² https://www.blogdumoderateur.com/tools/visual-studio-code/

* ¹³ https://www.blogdumoderateur.com/tool/visual-studio-code/

* ¹⁴ https://www.wenovio.com/2022/06/07/php-c-est-quoi/

* ¹⁵VANDEPUT Etienne DEVELOPPER UNE APPLICATION AVEC PHP ET MYSQL JUIN 2005

* ¹⁶ https://librecours.net/module/culture/langages-du-web/pres/co/architecture.html?mode=html

* ¹⁷ISAKATONGA LOANIE J. Op cit