Mise en place d'un système informatisé pour la publication de résultats en ligne

CONCLUSION PARTIELLE

Nous avons terminé ce chapitre consacré à la conception du nouveau système d'information. Il nous a permis de définir de manière exhaustive le futur système à mettre en place. Maintenant que nous avons pleinement abordé la phase de conception, il est temps de passer au chapitre suivant : réalisation du système d'information.

[- 66 -]

TROISIEME CHAPITRE : REALISATION DU SYSTEME INTRODUCTION

L'objectif de ce chapitre est de mettre en oeuvre notre nouveau du système d'information en prenant en compte la technologie informatique de la solution retenue, afin de trouvé solution aux problèmes évoqués ci-haut. (³⁰)

La construction du nouveau système d'information est une tâche complexe. Sa réalisation prend beaucoup de temps pour modéliser, concevoir, programmer et tester le système. Elle nécessite une analyse et une conception des données qui constituent le point de passage de toute application mettant en oeuvre une base de données.

SECTION I: DEVELOPPEMENT DU SYSTEME D'INFORMATION INFORMATISE.

I.1. PRISE EN COMPTE DES RESSOURCES INFORMATIQUES

A. RESSOURCES MATERIELLES

Nous avons choisi un ordinateur pour développer cette application dont ces caractéristiques sont les suivant :

Tableau 10: Ressources matérielles

Caractéristiques		Valeurs	Disque dur
500 Go		Processeur
Intel® Celeron® P4600		Fréquence du Processeur
4 GHz		Mémoire RAM
8 Go		Ordinateur
DELL

B. RESSOURCES LOGICIELLES

Voici les logiciels utilisés pour la mise en oeuvre de cette application :

Tableau 11: Ressources Logicielles

Logiciels	Description
Système d'exploitation	Windows 10
Wamp server	Serveur Apache (Mysql)
Vs code	-

(³⁰) www.developpez.net, Consulté le 29 juillet 2023 à 16 h 00'

[- 67 -]

I.2. CHOIX DE LA PLATE-FORME DE DEVELOPPEMENT ET DU SGBD

Pour le développement de notre système, nous avons utilisé différents langages et technologies ainsi qu'un système de gestion de base de données. Les langages se regroupent en trois catégories : les langages de programmation, le langage de description des pages, le langage de stylisation des pages et les SGBD nous avons choisi MySQL. En dehors des langages, nous avons également utilisé des Framework et des utilitaires.

Concernant les langages de programmation, nous avons utilisé JavaScript pour le front-end et PHP pour le back-end.

Pour la description de nos pages web, nous avons choisi HTML, CSS a été utilisé pour la stylisation, tandis que du côté SGBD nous avons utilisé MySQL.

Nous avons également fait appel à des frameworks tels que Bootstrap. De plus, l'éditeur de texte Visual Studio Code ainsi que WampServer et Chrome ont été utilisés.

I.3. BREVE PRESENTATION DU LANGAGE DE PROGRAMMATION CHOISI 1.3.1 LANGAGE

? PHP

PHP: Hypertext Preprocessor, plus connu sous son sigle PHP (sigle autoréférentiel), est un langage de programmation libre, principalement utilisé pour produire des pages Web dynamiques via un serveur web, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale. PHP est un langage impératif orienté objet (³¹).

PHP a permis de créer un grand nombre de sites web célèbres, comme et Wikipédia. Il est considéré comme une des bases de la création de sites web dits dynamiques mais également des applications web.

31 https://fr.wikipedia.org/wiki/PHP consulté le 15/08/2023 23h40

[- 68 -]

? JavaScript

JavaScript est un langage de programmation de scripts principalement employé dans les pages web interactives et à ce titre est

une partie essentielle des applications web. Avec les
langages HTML et CSS, JavaScript est au coeur des langages utilisés par les développeurs web. Une grande majorité des sites web l'utilisent et la majorité des navigateurs web disposent d'un moteur JavaScript pour l'interpréter (32).

1.3.2 LANGAGE DESCRIPTIVE ET STYLE ? HTML

Le HyperText Markup Language, généralement

abrégé HTML ou, dans sa dernière version, HTML5, est le langage de balisage conçu pour représenter les pages web.

Ce langage permet d'écrire de l'hypertexte (d'où son nom), de structurer sémantiquement une page web, de mettre en forme du contenu, de créer des formulaires de saisie ou encore d'inclure

des ressources multimédias dont des images, des vidéos, et
des programmes informatiques. L'HTML offre également la possibilité de créer des documents interopérables avec des équipements très variés et conformément aux exigences de l'accessibilité du web.

? CSS

Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui

décrit la présentation des documents HTML et XML (³³).
Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.

32 https://fr.wikipedia.org/wiki/JavaScript consulté le 15/08/2023 23h45

33 https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade consulté le 16/08/2023 00h03

[- 69 -]

1.3.3 Framework

? Bootstrap

Bootstrap est une collection d'outils utiles à la création du design (graphisme, animation et interactions avec la page dans le navigateur, etc.) de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. C'est l'un des projets les plus populaires sur la plate-forme de gestion de développement Git Hub.

1.3.4 UTILITAIRE

? VISUAL STUDIO CODE

Visual Studio Code est un éditeur de code extensible développé par Microsoft pour Windows, Linux et MacOs.

Les fonctionnalités incluent la prise en charge du débogage, la mise en évidence de la syntaxe, la complétion intelligente du code (IntelliSense.), les snippets, la refactorisation du code et Git intégré. Les utilisateurs peuvent modifier le thème, les raccourcis clavier, les préférences et installer des extensions qui ajoutent des fonctionnalités supplémentaires.

Le code source de Visual Studio Code provient du projet logiciel libre et open source VS Code de Microsoft publié sous la licence MIT permissive, mais les binaires compilés constituent un freeware, c'est-à-dire un logiciel gratuit pour toute utilisation mais propriétaire.

[- 70 -]

? WAMPSERVER

WampServer (anciennement WAMP5) est une plateforme de développement Web de type WAMP, permettant de faire fonctionner localement (sans avoir à se connecter à un serveur externe) des scripts PHP.

WampServer n'est pas en soi un logiciel, mais un environnement comprenant trois serveurs (Apache, MySQL et MariaDB), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL.

Il dispose d'une interface d'administration permettant de gérer et d'administrer ses serveurs au travers d'un tray icon (icône près de l'horloge de Windows).

La grande nouveauté de WampServer 3 réside dans la possibilité d'y installer et d'utiliser n'importe quelle version de PHP, Apache, MySQL ou MariaDB en un clic.

Ainsi, chaque développeur peut reproduire fidèlement son serveur de production sur sa machine locale.

1.3.4 SGBD

? MySQL

MySQL (prononcer [ maj.?s.ky.?l]) est un système de gestion de bases de données relationnelles (SGBDR). Il est distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au monde², autant par le grand public (applications web principalement) que par des professionnels, en concurrence avec Oracle, PostgreSQL et Microsoft SQL Server.

Figure 29 Présentation de publication

[- 71 -]

SECTION II. PRESENTATION ET DEVELOPPEMENT DU LOGICIEL II.1. CREATION DES INTERFACES

II.1.1 PAGE D'ACCEUIL

Figure 27 Page d'acceuil

II.1.2 PAGE COMMUNIQUE

Figure 28 présentation page communiqué

II.1.3 PUBLICATION

[- 72 -]

II.1.4 AFFICHAGE BILLET DE VACANCE

Figure 30 Presentation de billet de vacance

II.1.5 IMPRESSION DE BILLE DE VACANCE

Figure 31 Presentation Billet de vacance imprimé

[- 73 -]

II.2. ECRITURE DES CODES <?php

$bdd = new PDO('mysql:host=localhost;dbname=kikesa;charset=utf8;',

'root', ");

if (isset($_POST['btn'])) {

$mateleve = $_ POST['mateleve'];

$req = $bdd->prepare('SELECT * FROM resul WHERE mateleve= ?');

$req->execute(array($mateleve));

if ($req->rowCount() > 0) {

$contenu=$req->fetch();

?>

<h1 class="text-center">BILLET DES VACANCES INSTITUT KIKESA</h1> <div style="margin-top:10px; " class=" container "><br><br>

<div class="container h4 text-center alert alert-info fade-in"> <table>

<tr>

<th >INSTITUT KIKESA <br> BP 213 <br>
BANDUNDU</th>

<h3>BILLET DES VACANCES</h3>

</tr>

<tr>

<td class="">

<p class="text-center">Chers parent de l'Eleves... <strong><?php echo $contenu['nom']. " " .$contenu['postnom']; ?></strong> de la <strong><?php echo $contenu['clas']?> </strong> eme annee votre Fils (fille) ... <strong><?php echo $contenu['decision']?></strong> la classe pour avoir Obtenu <strong><?php echo $contenu['pointobtenu']?> % </strong> des points Le nouveau enseignement étant en baisse dans notre système éducatif, nous vous demandons de prendre conscience de cette situation, car chaque acteur du système a sa part de responsabilité.</p>