Nous voici dans le vif du sujet !. Comme je vous l'ai dit pendant la présentation de Xweb32 Lite, les pages web HTML sont entièrement paramétrables. Nous allons voir ici comment fonctionne le mécanisme de génération des pages ainsi que l'identification, dans le seul but personnaliser votre programme.
Pour vous aidez dans la compréhension, je vous conseille de travailler en parallèle sur le code HTML des pages Web qui sont fournies dans le package de téléchargement.

Tout d'abord nous avons à disposition 5 Pages :

• La page de redirection :

C'est une page vide qui contiens la redirection automatique sur la page d'index dans le cas ou l'adresse est tapée simplement, par exemple : http://192.168.0.5

 

• La page d'erreur :

  Elle est affichée si on rentre un nom de page qui n'existe pas , ex : http://192.168.0.5/menu.htm

• La page d'erreur d'identification :

  Cette page indique que la session active est terminée suite à un dépassement de temps ou qu'une personne d'autre c'est connectée sur la page d'administration après vous.

  Comment fonctionne le système de session ? :

  Afin de permettre un accès sécurité à la page d'administration, après vous avoir authentifié, Xweb32 Lite vous attribue un numéro de session unique qui sera invisible, mais renvoyé après chaque action sur la page d'administration. La session prend automatiquement fin après 60 secondes d'inactivité ou bien, il est usurpé par une autre personne qui se connecte avec les bons identifiants, puisque le système ne gère qu'une session active à la fois.

• La page d'index :

  C'est la page d'accueil principale. Vous pourrez y intégrer une visualisation des données, cependant le visiteur n'aura aucun moyen de changer une quelconque sortie.
  C'est aussi ici que l'on retrouvera les 2 contrôles de type texte, l'un s'appelle Name et l'autre Pass. Ne modifier en aucun cas ce formulaire ni sa méthode d'envoi des données.

  Comment afficher les variables sur la page ? :

  Regardez bien le code source HTML de la page d'index, vous y trouverez la notation suivante dans le code HTML: %I1, %A5 ...
  C'est variables brutes seront remplacées par leurs valeurs logique respective lorsque Xweb32 Lite générera la page HTML

  Notation des Variables :

  • %I0...%I7 : Variable (input) qui sera remplacée par l'entrée logique du numéro correspondant (0 ou 1)
  • %O0...%O7 Variable (Output) qui sera remplacés par la sortie logique du numéro correspondant (0 ou 1)
  • %A0...%A7 Variable (Analogique) qui sera remplacée par la valeur analogique correspondante (0 à 1023)

  La personnalisation n'est pas très difficile comme vous pouvez le voir et vous pouvez même intégrer du JavaScript (langage interprété coté client) afin de rendre la lecture plus conviviale, par exemple au lieu d'écrire : chaudière = 1 ou 0, il est plus agréable de voir chaudière = marche ou arrêt, ou encore chaudière en marche...
  Je ne donnerais pas de cours de javascript, il y à quantité de site qui traite du sujet, néanmoins nous allons détailler l'exemple suivants :

  Soit un interrupteur positionné sur une barrière automatique, quand sont état logique = 1 elle est levée, et baissée dans le cas contraire. Il suffira d'insérer le script suivant après le texte : "Barrière : "

  script language="JavaScript"> var barriere; barriere=%I0; if (barriere==1) { document.write("Levée"); } else { document.write("Baissée"); }

  Ici on déclare que l'on insère du javascript On crée une variable barriere On assigne à la valeur barriere, l'état 1 ou 0 qui sera passé par le programme assembleur On test si la valeur barriere = 1 Dans ce cas on affiche "Levée" après le texte ; Ou alors (si la valeur de barriere est différente de 1) On affiche "Levée" après le texte

  J'ai personnalisé ma page d'index, comment je fais pour la mettre dans le code source assembleur  ? :

  Ouvrez le fichier asm Xweb32Lite.asm et trouver la chaîne de définition de constantes correspondantes aux pages HTML, par exemple la page de redirection :

  StrhttpRedirect:
  .db $48,$54,$54,$50,$2F,$31,$2E,$30,$20,$32,$30,$30,$20,....... etc

  Il s'agit en fait de la conversion en ascii du code HTML de la page redirection.htm ainsi que l'entête MIME qui correspond à :

  <META HTTP-EQUIV=REFRESH CONTENT="2; URL=/index.html">

  Bon vous me direz que ca ne vous avance toujours pas, ha si peut être, vous avez compris qu'il faut retranscrire le contenu du fichier html en ascii, mais ca va être horriblement long !
  Rassurez-vous, j'ai fait un petit logiciel qui va le faire à votre place :)

  Utilisation du logiciel Convert :

  Après avoir installé le logiciel convert et l'avoir lancé, copier le code source de la page HTML dans le cadre réservé à cet effet.
  Lancer la conversion, le contenu du cadre inférieur est automatiquement copié dans le presse papier.
  Supprimer et remplacer dans la déclaration de chaine correspondante.
  Le logiciel ajoute automatiquement les entetes MIME necessaires, ne vous etonnez pas si le le début de la conversion ne correspond pas a votre code HTML

  

  Nota : je vous conseille de supprimer tout les espaces et tabulations du code source HTML que génèrent les logiciels de création de site WEB, dans le seul but de diminuer la taille de la conversion (en effet chaque espace compte comme un caractère)
  Dans tout les cas la taille du code HTML ne devra jamais dépasser 8Ko. La taille de la conversion est indiquée dans le logiciel.

• La page d'administration :

  C'est la page sur laquelle vous serez redirigé en cas de succès d'authentification.
  Cette fois ci, vous avez le pouvoir de changer l'état des sorties en cliquant sur les cases à cocher et en appuyant sur Rafraichir

  Le mécanisme pour afficher les variables est identique à celui vu dans la page d'index.

  Attention : La page d'administration possède un contrôle caché non visible sur un navigateur et à peine avec un logiciel d'édition de page web, il s'agit du control input avec la caractéristique "Hidden", c'est ici qu'est envoyé le numéro de session, ne l'effacer pas.

   

• Configuration du mot de passe dans le fichier asm :

  Repérez la ligne suivante dans le fichier xweb32lite.asm :

  StrId: .db "sly535&pass=azerty&exe=Envoyer",$03,30      ; mettre en fin de chaine la longueur de la chaine

  Il faut impérativement laisser les mots suivants :
  &pass=
  &exe=Envoyer

  sly535 est mon identifiant
  azerty est mon mot de passe

  les 2 valeurs ci dessus étant bien évidement à remplacer par les votres !

  Pour finir il faut calculer manuellement la longueur totale de la chaine de caractère, dans mon exemple elle correspond à 30