BSD/BSD Plus. NOTE D'APPLICATION Comment personnaliser ses pages web

Transcription

1 BSD/BSD Plus NOTE D'APPLICATION Comment personnaliser ses pages web CRE Technology estime que les informations contenues dans ce document sont justes et fiables et se réserve le droit de modifications sans préavis. L'utilisation de ces informations ne peut engager la responsabilité de CRE Technology. CRE Technology 130 Allée Charles Victor Naudin Zone des Templiers Sophia Antipolis BIOT FRANCE Phone: + 33 (0) Fax: + 33 (0) info@cretechnology.com SARL au Capital de Euros RCS Antibes: N TVA FR

2 Date Version Remarques Par 15 octobre Création du document JM Vous pouvez télécharger cette documentation et toute autre documentation relative au BSD/BSD Plus sur notre site web: NOTE: Lisez ce manuel en entier ainsi que toute autre documentation associée avant d'installer, utiliser, ou intervenir sur cet équipement. Appliquez toutes les règles de sécurité du lieu de travail et de l'équipement. Le non respect de des indications peut entrainer des dommages corporels et/ou matériels. Contactez votre distributeur CRE pour une formation. Noms déposés: Tous les noms déposés qui se trouvent dans cette documentation appartiennent à leurs fabricants respectifs. Nom Sens Description TCP/IP HTTP DHCP Gateway Template Device Transmission Control Protocol/ Internet Protocol Hyper Text Transfer Protocol Dynamic Host Configuration Protocol Le TCP (Transmission Control Protocol) est un ensemble de règles utilisé en conjonction avec le protocole internet (IP) afin d'envoyer des messages entre ordinateurs via internet. Le HTTP est un ensemble de règles utilisé afin d'échanger des fichiers (texte, images, son, vidéo, and fichiers multimédia) via internet. Le DHCP est un protocole standard qui rend automatique la procédure de configuration des hôtes en leur permettant d'obtenir des adresses IP ainsi que des paramètres de configuration. Un dispositif permettant le transfert de données entre différents types de réseau, par exemple entre Modbus/RTU et Modbus/TCP. Décrit un esclave Modbus comme un ensemble de groupes et paramètres. Un esclave Modbus connecté au BSD Plus. Table 1 : Terminologie A61Zx_fr_Comment personnaliser ses pages web 2/14

3 Sommaire 1 Introduction Équipement Pour commencer Configurer la communication série Installez ou créez un template Définir les modules connectés au BSD/BSD Plus Configurer la page afin d'afficher des données Configurer les données à afficher Références A61Zx_fr_Comment personnaliser ses pages web 3/14

4 1 Introduction Cette note d'application décrit comment configurer la présentation en temps réel de données à travers le serveur du module BSD / BSD Plus. Le BSD / BSD Plus agit comme un pont entre le Modbus TCP et le Modbus RTU, un contrôleur Modbus TCP peut donc se connecter avec des modules Modbus RTU. Le BSD / BSD Plus est conçu non seulement pour ce rôle de pont, mais aussi pour gérer les alarmes, stocker les données et fournir une interface web pour l'accès aux données. L'interface web peut afficher les données du module ou du système auquel le BSD / BSD Plus est connecté. Cette note d'application décrit comment créer cette configuration. Le BSD / BSD Plus a été configuré avec succès pour beaucoup d'applications. CRE publie des modèles (templates) pour plusieurs applications. Veuillez contacter CRE Technology pour plus d'informations concernant les templates. 2 Équipement BSD / BSD Plus avec Modbus version 3.0 ou plus récent PC avec explorateur Internet Module compatible Modbus RTU (avec documentation décrivant les registres Modbus disponibles) Réseau Ethernet (avec connexions entre le BSD / BSD Plus et le PC) A61Zx_fr_Comment personnaliser ses pages web 4/14

5 3 Pour commencer Cette note d'application sous entend que le BSD / BSD Plus est correctement installé et disponible via le réseau Ethernet. Si ce n'est pas le cas, reportez vous au manuel d'installation du BSD/BSD Plus pour plus d'informations concernant l'installation et l'accès via le réseau Ethernet. Ouvrez votre explorateur internet et entrez l'adresse du BSD / BSD Plus (adresse IP du module). Connectez vous en tant qu'administrateur (par défaut utilisateur "admin", mot de passe "admin") en entrant les informations d'utilisateur et de mot de passe. Une fois connecté, si la configuration n'a pas été modifiée auparavant, la page d'accueil par défaut s'affiche (comme ci dessous). Si une configuration a déjà été enregistrée dans le module, une page s'affichera avec les informations correspondantes à cette configuration. A61Zx_fr_Comment personnaliser ses pages web 5/14

6 4 Configurer la communication série Le BSD/BSD Plus et les modules qui y sont connectés doivent être configurés avec les mêmes paramètres série afin de communiquer correctement. Afin de modifier ces paramètres dans le BSD/BSD Plus, cliquez sur Setup dans le menu et sélectionnez Modbus dans le sous menu. Choisissez la transmission RTU pour Modbus RTU ou ASCII pour Modbus ASCII. Choisissez cette option en fonction du protocole de communication du module connecté au BSD/BSD Plus. Le média physique peut être réglé sur RS 485 ou RS 232. Assurez vous que ceci correspond au média utilisé afin de relier le BSD / BSD Plus au module en question. Réglez aussi le Baudrate (baud), Parity (parité) et Stop bit (bit de stop), selon les besoins de la communication. Vérifiez que tous les modules disposent des mêmes réglages. Si ce n'est pas le cas, la communication fonctionnera mal. Une fois fini, cliquez sur save settings en bas de la page afin de sauvegarder la configuration. A61Zx_fr_Comment personnaliser ses pages web 6/14

7 5 Installez ou créez un template Le BSD / BSD Plus utilise des templates (modèles) pour la création de configurations. Le modèle enregistre les informations concernant les paramètres disponibles pour un module ou système. Cette note d'application ne décrit pas la création d'un template, un document à part décrit cette procédure (comment créer ou ajouter des templates). Cette note d'application est téléchargeable Il faut d'abord s'assurer qu'un template soit installé dans le BSD / BSD Plus. Dans le menu, cliquez sur Configuration et puis Templates dans le sous menu. La page de configuration des templates sera affichée. Si aucun template n'est installé, la liste sera vide. Afin d'installer un template existant à partir d'un disque, cliquez sur add template (ou suivez les instructions de la note d'application mentionnée ci dessus), puis cliquez sur "restore". Une fenêtre s'affichera afin de rechercher le nouveau template. Afin d'obtenir des templates, cliquez sur le lien. 1. Cliquez sur Configuration dans le menu 2. Sélectionnez Templates dans le sous menu 3. Cliquez sur add template 4. Entrez un nom et cliquez sur ok (Le nom sera changé après "restore") 5. Afin de charger un template à partir d'un disque cliquez sur restore 6. Recherchez le fichier template et cliquez sur restore Dans le cas présent nous utiliserons un fichier template pour un nœud I/O à base Modbus RTU appelé BSD / BSD Plus I/O Extender. Une fois le template installé la page affichée sera celle ci dessous. A61Zx_fr_Comment personnaliser ses pages web 7/14

8 6 Définir les modules connectés au BSD/BSD Plus Ensuite nous devons définir les modules connectés au BSD / BSD Plus. Cliquez sur Devices dans le sous menu, puis sur add device en bas de la page de configuration qui apparaît. 1. Cliquez sur Devices 2. Cliquez sur "add device Attribuez un nom au module dans le champ réservé en haut de la page, puis sélectionnez le template qui représente ce module dans le menu déroulant. Réglez aussi l'adresse Modbus du module esclave, puis sélectionnez "save settings". 1. Nommez le module 2. Sélectionnez un template 3. Entrez l'adresse Modbus 4. Cliquez sur save settings Le module est maintenant présent dans la liste "Device Configuration" A61Zx_fr_Comment personnaliser ses pages web 8/14

9 7 Configurer la page afin d'afficher des données Afin d'afficher les données d'un module esclave sur une page web nous devons configurer les données à afficher. Dans ce but, sélectionnez le menu Pages. Appuyez sur add page afin d'ajouter une page. 1. Cliquez sur Pages 2. Cliquez sur add page Attribuez un nom à la page avec le champ Page Name. Ce nom apparaîtra en titre sur la page web. Entrez une description des données affichées sur la page dans le champ Overview Name. Cette description figurera dans le menu de la page. Il y'a aussi un champ nommé "Advanced Overview".Cette page est à accès limité et ne pourra être visionné que par les utilisateurs "admin" ou "super admin". Les fonctions de la page Advanced Overview sont décrites dans la documentation technique du BSD / BSD Plus. Si la page "Advanced Overview" était utilisée afin de présenter des données, un nom lui serait attribué ici. 1. Attribuez un nom à la page A61Zx_fr_Comment personnaliser ses pages web 9/14

10 2. Entrez un nom qui décrit le contenu de la page 3. Cliquez sur save settings Une fois la page nommée, cliquez sur" save settings" afin d'enregistrer la configuration sur le BSD / BSD Plus. La page qui présente les données peut aussi montrer une image de l'installation ou du module qui envoie les données. Afin d'afficher une image, celle ci doit être téléchargée. Cliquez sur le bouton Browse qui se trouve à côté du champ "name". 1. Cliquez sur Browse afin de choisir une image 2. Cliquez sur upload afin de sauvegarder l'image 3. Aperçu de l'image Cliquer sur "browse" ouvre une fenêtre qui vous permet de rechercher une image sur le disque dur. Choisissez le fichier désiré et cliquez sur Open. Le chemin d'accès au fichier apparaîtra à côté du bouton Browse. Pour enregistrer l'image sur le BSD / BSD Plus, cliquez sur upload comme dans l'image ci dessus. Un aperçu de l'image s'affichera à gauche du bouton upload une fois que l'image a été enregistrée dans le BSD / BSD Plus. L image ne doit pas dépasser 870px, 50k et doit être en format.gif,.png ou.jpeg. Une page d'accueil par défaut vous a été présentée au début de la configuration. Vous pouvez remplacer cette page d'accueil par une page affichant des données. Afin de définir une page comme la page d'accueil, cliquez sur le bouton set as start page. A61Zx_fr_Comment personnaliser ses pages web 10/14

11 8 Configurer les données à afficher En cliquant sur "edit", une page s'affichera où vous pourrez configurer le paramètre que vous voulez afficher. Sélectionnez le module où le paramètre sera stocké dans le menu déroulant en haut de page (tous les modules configurés seront affichés). Sélectionnez le groupe de paramètres où la valeur à afficher est enregistrée. Dans l'exemple ci dessous nous configurons une température stockée dans le groupe Temperature Input. Dans le champ "description" vous pourrez entrer une description de la valeur affichée. Ici, nous avons une température. Disons que c'est la température d'une chaudière. Le champ "description" vous permet d'entrer un nom plus parlant qui sera associé à la valeur, comme "température chaudière". Le bouton avec la flèche vous permet de copier le nom par défaut dans le champ "description". 1. Sélectionnez le module où les données seront lues 2. Sélectionnez le groupe où se trouve le paramètre recherché 3. Sélectionnez le paramètre 4. Entrez un nom pour la valeur qui sera affichée, ou copiez le nom par défaut avec la flèche 5. Sélectionnez le mode d'affichage des données 6. Cliquez sur save settings A61Zx_fr_Comment personnaliser ses pages web 11/14

12 Répétez les étapes précédentes afin de créer autant de paramètres que vous voulez sur la page en question. L'image ci dessous montre à quoi ressemblerait une page avec plus de paramètres. Afin de visionner la page que nous avons crée, sélectionnez le titre de la page dans le menu déroulant en haut à gauche de la fenêtre. Sélectionnez la page et cliquez sur "go". 1. Sélectionnez la page dans le menu déroulant A61Zx_fr_Comment personnaliser ses pages web 12/14

13 Nous avons fini. Si le module qui contient les données est bien connecté au BSD / BSD Plus et les paramètres série bien configurés, les données pour chaque paramètre configuré seront affichés dans les tables de données comme montré ci dessous. A61Zx_fr_Comment personnaliser ses pages web 13/14

14 9 Références Objet Éditeur Version BSD / BSD Plus Documentation Technique CRE Technology 1.2 BSD / BSD Plus Quick Start Guide CRE Technology 1.0 Comment créer un template CRE Technology 1.0 A61Zx_fr_Comment personnaliser ses pages web 14/14