Forum : [Tuto] Créer un monitoring en PHP (Version Simple) à 14h33 le 30/07/15 (FR)

Créer un monitoring en PHP (Version Simple)
Ce tutoriel est disponible en version PDF ICI : http://cloud.nextwab.com/files/db02355a3067d073245(...)

Présentation du projet
gallerie_img("2707")

Crédits
CSS : Bootstrap 3 (Version thème dark)
Serveur Web : Windows XAMPP avec Apache
Connexion internet : Inexistante (Développement hors connexion) / Existante lors des tests.
JS : Jquery pour la fonction refresh AJAX

Utilisation
En Localhost, pour un monitoring plus précis (Etat des connexions internet (si il y en a plusieurs))
En Ligne, sur les serveurs de Nextwab.com par exemple. Sans mesure des connexions Internet.
Ce fichier est compatible avec tous les hébergeurs internets.

Infos Utiles
Ce tutoriel est rédigé, publié et non re‐partageable sans l’accord du présent auteur.
Le tutoriel est disponible sur les plateformes suivantes :
‐ Nextwab
‐ PDF (PC, MAC, Linux, Android, iOS, …)
‐ Version vidéo sur Youtube, Dailymotion (Chaîne de gigalouismdr)
‐ MyNetwork (http://mynetwork.forumactif.org)
Un grand merci à Stephen de chez Nextwab, pour l’hébergement de ce présent document sur ses
serveurs et qui est relié sur sa plateforme.

Temps de réalisation de ce tutoriel : 30 minutes max.

Réalisation de la page index.php
Pour commencer, c’est très simple, on créer une page qui va venir rechercher la page « list.php »
toutes les 100 millisecondes. (Attention si votre hébergeur vous alloue une bande passante, cette
dernière va très vite être utilisé, préférez plutôt un temps plus long (par exemple : 10000
millisecondes) pour éviter de tout utiliser.)


Alors, oui là j’avoue de mon code n’est pas professionnel, mais vous êtes grands, vous pouvez le
modifier !

Ce code est sur PasteBin (La fonction code HTML ne marche pas sur Nextwab...) : http://pastebin.com/XKgn572X

Après dans la page list, ça se complique !

Réalisation de la page list.php
Là, nous n’avons pas besoin de venir remettre le CSS, vu que l’on appelle la page dans la page index,
on fait une sorte d’ « include » à intervalle régulier par un AJAX.
Pour réaliser la page comme je l’ai fait, il vous faut ce code :
Ce qui ne vous fait pas loin de 239 lignes.
Rassurez‐vous, ce n’est que a copier‐coller, quoi que j’aurais plus vous mettre une image du code et a
vous de recopier…

Encore une fois un PasteBin : http://pastebin.com/P31D3Dxv

Ensuite il vous suffit de modifier les lignes :

http://pastebin.com/8qugpnSw

À votre guise, si vous avez besoin, vous n’avez qu’à demander.

C’est donc tout pour ce tutoriel, on se dit à la prochaine !