Mise en place d’un système de suivi en ligne des casiers judiciaires dans la ville de Bukavu. « cas du processus de délivrance des certificats de bonne conduite vie et moeurs et attestations d’identification tenant lieu d’extrait de casier judiciaire »

CHAPITRE IV. DEPLOIEMENT DU SYSTEME D'INFORMATION

IV.1. LE DIAGRAMME DE DEPLOIEMENT

Le diagramme de déploiement permet de représenter l'architecture physique supportant l'exploitation du système. Cette architecture comprend des noeuds correspondant aux supports physiques (serveurs, routeurs...) ainsi que la répartition des artefacts logiciels (bibliothèques, exécutables...) sur ces noeuds. C'est un véritable réseau constitué de noeuds et de connexions entre ces noeuds qui modélise cette architecture.

Figure 14 : Diagramme de déploiement

IV.2. OUTILS & LANGUAGES DE DEVELOPPEMENT WEB UTILISES

1. LE WAMP SERVER11

WampServer est une plateforme de développement Web permettant de faire fonctionner localement des scripts PHP. WampServer n'est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL.

La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et d'utiliser n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi, chaque développeur peut reproduire fidèlement son serveur de production sur sa machine locale.

¹¹ https://fr.wikipedia.org/wiki/WampServer Consulté le 07/07/2016

~ 46 ~

Figure 15: Interface WAMP SERVER

2. LE JAVASCRIPT12

JavaScript est un langage de programmation de scripts principalement employé dans les pages web interactives mais aussi pour les serveurs. C'est un langage orienté objet à prototype, c'est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d'en créer des objets héritiers personnalisés. En outre, les fonctions sont des objets de première classe.

3. LES FEUILLES DE STYLE (CSS)13

Le principe des feuilles de style consiste à regrouper dans un même document des caractéristiques de mise en forme associées à des groupes d'éléments. Il suffit de définir par un nom un ensemble de définitions et de caractéristiques de mise en forme, et de l'appeler pour l'appliquer à un texte. Il est ainsi possible de créer un groupe de titres en police Arial, de couleur verte et en italique.

12 https://fr.wikipedia.org/wiki/JavaScript Consulté le 07/07/2016

¹³ Application comment ça marche

--' 47 --'

Les feuilles de style ont été mises au point afin de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation. En effet, le HTML offre un certain nombre de balises permettant de mettre en page et de définir le style d'un texte, toutefois chaque élément possède son propre style, indépendamment des éléments qui l'entourent. Grâce aux feuilles de style, lorsque la charte graphique d'un site composé de plusieurs centaines de pages web doit être changée, il suffit de modifier la définition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier !

Elles sont appelées « feuilles de style en cascade » (en anglais « Cascading Style Sheets ») car il est possible d'en définir plusieurs et que les styles peuvent être hérités en cascade.

Les feuilles de style permettent notamment :

· d'obtenir une présentation homogène sur tout un site en faisant appel sur toutes les pages à une même définition de style ;

· de permettre le changement de l'aspect d'un site complet entier par la seule modification de quelques lignes ;

· une plus grande lisibilité du HTML, car les styles sont définis à part ;

· des chargements de page plus rapides, pour les mêmes raisons que précédemment ;

· un positionnement plus rigoureux des éléments.