Simulation du Système d’Information Localisée (SIL) 

Conception des interfaces hommes machines (IHM) : Les interfaces homme-machine (IHM), définissent, les moyens et outils mis en œuvre, afin qu’un humain puisse contrôler et communiquer avec une machine. Il existe plusieurs façons de présenter une IHM mais nous allons nous opter sur le paradigme WIMP, ce dernier est un acronyme anglais pour « Windows, Icones, Menus and Pointing device », (fenêtres, icônes, menus et dispositif de pointage), le paradigme WIMP présente les bases fonctionnelles d’une graphique informatique. Nous allons donc concevoir les interfaces graphiques du SIL : 

Conception de l’interface en ligne du SIL

L’interface en ligne est une page web dynamique d’accueil des utilisateurs qui va leur permettre de visualiser à l’écran les indicateurs du Tableau de bord National, de cartographier des données à partir de la carte dynamique, de faire une recherche. L’interface en ligne sera conçue avec les langages: PHP, XHTML, CSS et JavaScript. a. Création de la page d’accueil de l’OAT par le XHTML&CSS et le PHP : XHTML : c’est l’abréviation d’eXtensible HyperText Mark up Language, Ce langage XHTML, c’est celui avec lequel nous taperons le contenu de notre site web. CSS : c’est l’abréviation de Cascading Style Sheets (« Feuille de style »). Ce langage nous sert uniquement à présenter la page web. Ces deux langages sont complémentaires, l’un ne va pas sans l’autre. Le PHP est un langage de scripts libre principalement utilisé pour produire des pages Web dynamiques via un serveur http. L’utilisation du langage php au milieu d’un code XHTML assure généralement la protection par mot de passe d’une page web ainsi créée. Le langage PHP est utilisé principalement en tant que langage de script côté serveur, ce qui veut dire que c’est le serveur (la machine qui héberge la page Web en question) qui va interpréter le code PHP et générer du code (constitué généralement d’XHTML ou d’HTML, de CSS, et parfois de JavaScript) qui pourra être interprété par un navigateur. Classiquement, PHP ouvre une connexion au serveur de SGBD voulu, lui transmet des requêtes et en récupère le résultat, avant de fermer la connexion.  Figure III-17 : Principe de fonctionnement du PHP Pour réaliser une page web, nous avons besoin d’un éditeur de script et d’un navigateur web interpréteur du script. L’éditeur c’est le logiciel qui permet de créer le code XHTML et PHP tandis que le navigateur celui qui assurera l’interprétation pour afficher au client. Nous allons utiliser Dreamweaver8 comme éditeur et Mozilla Firefox en tant que navigateur.  Dreamweaver : Adobe Dreamweaver8 est un logiciel d’édition de sites internet aux multiples fonctionnalités, utilisé par les professionnels mais également accessible aux débutants. Pour créer et mettre à jour un site internet simple, nous utiliserons ses fonctions d’éditeur HTML et de client FTP. Dreamweaver fait partie des plus populaires. Voici, l’interface principale de DW8 : Figure III-18 : Interface principale de Dreamweaver Zone1 Zone2 Zone3 Zone1 : Fenêtre principale C’est sur cette zone que ce dessinera notre site internet à la place de la présentation générale de DW8. Zone2 : Fenêtre Propriété C’est sur cette zone que ce trouve la propriété de votre élément sélectionné dans la Zone 1. Zone2 : Fenêtre de navigation Dans cette zone, vous trouverez toutes les fonctionnalités associées à votre site internet. Pour notre nouveau projet, nous allons d’abord créer un répertoire de travail dans le disque dur local, nous allons le nommer « ProjetOAT ». C’est au sein de ce répertoire que les pages de notre site web se localisent.