Cartographie de surveillance réseau

Bonjour,

je développe un site d'administration des switchs de toutes les agences de mon entreprise, et je souhaite réaliser une page de surveillance, qui m'affichera une carte de France en fond, et pour chaque agence de mon entreprise, un point vert indiquant que l'agence est opérationnelle, ou jaune pour indiquer qu'un élément est injoignable mais que l'agence peut continuer à fonctionner, et un point rouge pour indiquer que l'agence est bloquée.

J'ai plusieurs machines virtuelles éxécutant chacune des pings sur une liste d'adresses IP pré-établie, et alimentant une table en indiquant pour chaque équipement réseau (routeur, switch, passerelle, serveur), si le ping est OK ou NOK (non OK).

Le but étant alors d'intéroger cette table et de filtrer uniquement les équipements NOK afin de modifierl'affichage de la carte en conséquence. C'est un code en javascript qui se chargera d'intéroger un script php toutes les 10s via un appel par xmlHTTPRequest.

La seule chose que je n'arrive pas à réaliser, c'est l'affichage d'une image à un endroit précis sur une autre image, et via javascript, remplacer cette petite image par une autre si besoin....

Tout le reste ne devrait pas me poser de problèmes, par contre, le placement des point verts ou jaunes ou rouges sur l'image qui sert de carte, je n'y arrive pas!! Et sachant que j'ai une centaine d'agence rien que dans le grand est, et plus de 1000 agences sur toutes la france, la tâche s'annonce difficile!!!

J'avais pensé aussi n'afficher qu'une carte de france par département, chaque département s'affichant en couleur verte si tout est ok, ou en rouge si une agence du département tombe en panne, et dans ce cas, on affiche par-dessus une carte du département avec le détail des agences...

Merci d'avance pour vos réponses!!!

Bonjour,

Les réponses qu'on peux te proposer dans ce forum relatif au HTML vont sûrement être laborieuses à mettre en place.

Toutefois, pour placer précisément un élément sur une page ce n'est pas très compliqué. Il suffit de le positionner.
Le positionnement en absolute fait l'affaire.

Pour le changement d'image, je vois deux possibilités.
Changer la source de l'image placée sur la page.
Changer la position (ou la source) d'une partie d'une autre image utilisée en arrière-plan d'un bloc placé sur la page.

Je te propose de tester ça dans cette page.
La ville 1 utilise trois images et le script modifie la src de la <img />.
La ville 2 utilise une seule image en arrière-plan d'une <div> et le script modifie sa position.
Mes compétences en Javascript étant très limitées, les scripts utilisés sont à améliorer.


Quelqu'un a certainement déjà développé ce genre de programme...


++
Le dossier zippé [8 ko].

-

Salut, et merci pour ta réponse!!!

En fait, je ne pense pas que je vais me servir de ton exemple, car j'ai du mal avec CSS!! Je ne m'y suis pas encore attarder, mais ça viendra un jour!!!

Je vais procéder autrement, j'ai essayé avec 1 point pour l'instant, et ça semble fonctionner...

En gros, je place le fond de carte en position absolue, et ensuite le script php générant la page va créer autant de DIV que d'agence avec un positionnement absolu en lisant les coordonnées dans la table, chaque DIV ayant pour ID le code de l'agence concernées.

En parallèle, du code javascript se lance au chargement de la page et insère dans chaque DIV l'image indiquant que le site est ok, puis lance à intervalle régulier (10s), un autre script qui lui va récupérer par xmlHTTPrequest en mode TEXT la liste des sites et leur état. Avec 1 ou 2 split, j'obtiens un tableau que je parcours, et réalise l'insertion d'une autre image si besoin.

Mon seul problème à gérer encore viens du fait que dans certaines villes, j'ai plusieurs agences, jusqu'à 10 à Reims par exemple. Donc mettre 10 points verts les uns à côtés des autres, ou agglutinés, n'est pas très pertinent...

De même, je ne sais pas si une telle page sera réellement utile, car cela m'a été demandé, mais sans vraiment en justifier l'utilité, d'autant plus qu'on a déjà une surveillance par HPOV en interne, mais le service est indisponible quasiment 2 jours par semaine, ainsi que la surveillance des routeurs par Orange Business Systems, mais là ce n'est pas à tous les coups qu'ils nous appellent pour nous dire qu'un équipement est "tombé"...

Le seul intérêt de cette page sera alors de réagir plus vite que OBS sur les blocages de sites et de pouvoir réagir tout court pour les cas de coupure de certains services uniquement et pas de toute l'agence...

En somme, je ne pense pas trop m'investir là-dedans tant qu'on ne m'aura pas fait une demande mieux orientée (et écrite cette fois!).

En tout cas merci pour l'exemple, ça me donnera une occasion de voir le fonctionnement de CSS!!!