rapport de projet de fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/rapport_de_stage_vf.pdf ·...

44
Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système de supervision des machines industrielles Nicolas FYOT Département Génie électrique Maître de Stage : Rosaire LAVOIE Tuteur pédagogique : Bertrand BOYER 01 Avril 2015 – 21 Septembre 2015 Entreprise d’accueil SOPREMA 1640 Rue Haggerty Drummondville, Québec

Upload: dinhtruc

Post on 13-Sep-2018

254 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de Projet de Fin d’Étude

Développement d’un outil d’aide pour système de supervision des machines

industrielles

Nicolas FYOT

Département Génie électrique

Maître de Stage : Rosaire LAVOIE

Tuteur pédagogique : Bertrand BOYER

01 Avril 2015 – 21 Septembre 2015

Entreprise d’accueil

SOPREMA

1640 Rue Haggerty

Drummondville, Québec

Page 2: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

1

Page 3: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

2

Remerciements:

Je tiens à remercier toutes les personnes qui ont contribué au succès de mon

stage et qui m'ont aidé lors de la rédaction de ce rapport.

Je remercie tout d’abord l’entreprise SOPREAMA qui a pu m’accueillir en

son sein pour mon stage de Fin d’étude. Cette entreprise m’a offert un

environnement de travail agréable ainsi que du matériel performant afin que je

puisse effectuer mon stage dans les meilleures conditions.

Je remercie également M Raymond Gauthier et M Rosaire LAVOIE qui

m'ont aidé tout au long de mon stage et qui a su me donner des pistes de

recherche et m’orienter lorsque j’étais en difficulté.

J'adresse ensuite mes remerciements à mon professeur, M Bertrand

BOYER qui a été mon interlocuteur tout au long de ce projet de fin d’étude.

Et enfin je souhaiterai remercier Mme Véronique ESLINGER Secrétaire du

Département Génie Électrique et Climatique ainsi que le département des

relations internationales de l’INSA de Strasbourg qui m’ont aidé à avoir les

documents nécessaires à mon projet de fin d’étude pour le Québec.

Page 4: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

3

Index:

Contenu Table des Illustrations : ................................................................................................... 4

1) Présentation de l’entreprise ...................................................................................... 6

1.1) Historique .......................................................................................................... 6

1.2) Implantation de Soprema en Nord-Amérique et dans le monde ........................ 7

1.3) Chiffre d’affaire .................................................................................................. 8

2) Présentation des Lignes de produits et des produits ................................................ 9

2.1) Sur l’usine de Drummondville ............................................................................... 9

2.2) Lignes de productions de la région Nord Amérique ............................................ 10

2.3) Système de supervision sur les lignes ............................................................. 12

2.4) Les intérêts d’utiliser un unique système de supervision ................................. 13

3) Les systèmes de gestion automatiques : ................................................................ 14

3.1) UNITY................................................................................................................. 16

3.2) VISARO .............................................................................................................. 17

3.3) GPAO ............................................................................................................. 20

4) Programme d’aide .................................................................................................. 22

4.1) Utilité du programme d’aide ................................................................................ 22

4.2) Choix du logiciel .............................................................................................. 23

4.3) Organisation des pages ................................................................................. 28

4.4) Recherche et collecte des informations .............................................................. 30

4.5) Programmation ................................................................................................... 32

4.6) Outil d’aide : Résultat .......................................................................................... 37

Conclusion .................................................................................................................... 38

Annexes ........................................................................................................................ 40

Page 5: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

4

Table des Illustrations :

Figure 1: Implémentation de SOPREMA dans le monde ....................................................... 7

Figure 2: Chiffre d'affaire depuis 2002 ...................................................................................... 8

Figure 3: Répartition des ventes ................................................................................................ 8

Figure 4: SOPRAVAP'R ................................................................................................................... 10

Figure 5 : Division de la production ............................................................................................... 14

Figure 6: UNITY dans la production ............................................................................................... 16

Figure 7 : VISARO dans la production ............................................................................................ 17

Figure 8 : Écran d'affichage opérateur .......................................................................................... 18

Figure 9 : Menu du système de supervision .................................................................................. 18

Figure 10 : GPAO dans la production ............................................................................................ 20

Figure 11: Compilation du fichier CHM ......................................................................................... 23

Figure 12: Résultat du test logiciel ................................................................................................ 24

Figure 13: Organisation des pages ................................................................................................ 29

Figure 14: Banc de test VISARO ..................................................................................................... 30

Figure 15: Lien HTML-CSS .............................................................................................................. 32

Figure 16: Page HTML .................................................................................................................... 33

Figure 17: Organisation des chapitres ........................................................................................... 33

Figure 18 : Classe de la division en-tête ........................................................................................ 34

Figure 19 : classe des paragraphes ................................................................................................ 35

Figure 20: Résultat : outil d'aide .................................................................................................... 37

Page 6: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

5

Introduction Abstract Soprema est une société Française. Depuis plus de 100 ans (1908) de sur elle conçoit et commercialise des produits d’étanchéités et d’isolations. En 1984, Soprema crée sa première usine au Canada (Drummondville) et lance ainsi sa branche Nord Amérique. La plupart des machines de productions de la région Nord Amérique utilisent un même système d’automatisation développé au sein même de Soprema. Cependant, l’utilisation de ce logiciel reste peu intuitive pour les opérateurs. En conséquences de nombreuses questions remontent jusqu’au Responsable des systèmes automatisés, alors qu’elles auraient pu facilement être réglées directement par les opérateurs. Pour pallier à ce problème, Soprema a décidé de créer un outil d’aide qui devra être intégré dans le logiciel de supervision. Cet outil d’aide permettra d’expliquer aux utilisateurs (opérateurs) comment faire certaines opérations, et comment résoudre des problèmes récurrents ou occasionnels. La mission de mon projet d'étude est de concevoir cet outil d'aide, de programmer le fichier qui permet de le mettre en œuvre et de l'intégrer dans le logiciel de supervision.

Soprema is a French company. For more than 100 years (1908) Soprema has produced waterproofing materials for civil engineering. In 1984 Soprema sets up its first factory in Canada thus creating the North American Branch. The great majority of the machines in North America use an automation system which is developed by Soprema. However the use of this software is not user friendly. Many simple questions regarding this program are sent back to the Automated System Manager when they could have been easily resolved internally. To counter this problem, Soprema decided to make a help program which will be integrated directly into the main supervision program. This Help file will explain basic operations as well as how to solve the most frequent problems. The goal of this end of year project is to program this help software and integrate it into the main automation program.

Page 7: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

6

1) Présentation de l’entreprise

1.1) Historique

Soprema fut fondé en 1908 à Strasbourg par Charles GEISEN.

L'entreprise, dont la vocation était de fabriquer des produits d’étanchéité liquide

et pâteux, porte à l’époque le nom de : « Les Usines Alsaciennes d'Émulsions ».

Puis en 1909, la jeune entreprise innove en mettant au point une toile de

jute trempée dans du bitume chaud qui donne un matériau à la fois imperméable

souple et facile à poser. Soprema se consacre alors à la fabrication de cette

nouvelle matière.

A la même époque, le cadavre d'un mammouth, quasiment intact, était

découvert dans un gisement d'asphalte en Sibérie. La similitude de la surface de

la chape d'étanchéité mise au point par Charles GEISEN et du "manteau de

protection" de ce pachyderme ancestral plut à ce pionnier à tel point qu'il donna

à son produit le nom de « MAMMOUTH ». D'où le logo actuelle de Soprema.

En 1933 Pierre GEISEN, le fils du fondateur, prend la direction de

l’entreprise et améliore la longévité de son produit phare (le « MAMMOUTH ») en

y ajoutant une fine feuille d’aluminium permettant de protéger des écarts de

températures et des ultraviolets.

En 1941, pendant la seconde guerre mondiale Soprema se replie à

Avignon, en zone libre, sous le nom de « la Société des Produits et Revêtements

d’Étanchéité Mammouth», qui deviendra ensuite SOPREMA.

En 1975, SOPREMA met au point le SOPRALENE, la première gamme

de revêtements d’étanchéité à base de bitume élastomère SBS armé de

polyester non tissé. On reconnaît rapidement l’efficacité de la gamme de produits

SOPRALENE sous le climat rigoureux du Canada. Les produits trouvent

d'emblée un marché adapté et les ventes progressent rapidement. Le

développement rapide et important des ventes au Canada conduit SOPREMA à

créer une usine à Drummondville au Québec en 1984.

En plus de cette usine, SOPREMA viendra par la suite installer son siège social

nord-américain à Drummondville.

Page 8: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

7

1.2) Implantation de Soprema en Nord-Amérique et dans le

monde

SOPREMA Amérique du Nord engage près de 660 employés dans ses 6 usines

de fabrication, ses 20 bureaux de vente dispersés au Canada, aux États-Unis et

ailleurs dans le monde et son centre de recherche et développement situé à

Drummondville.

Figure 1: Implémentation de SOPREMA dans le monde

Page 9: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

8

1.3) Chiffre d’affaire

SOPREMA se situe au top 3 au niveau mondial sur le marché des produits

d’étanchéité. Voici l’évolution de chiffre d’affaire en millions d’euros depuis 2002.

Figure 2: Chiffre d'affaire depuis 2002

Les ventes sont réparties de la façon suivante :

Figure 3: Répartition des ventes

Page 10: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

9

2) Présentation des Lignes de produits et des produits

2.1) Sur l’usine de Drummondville

Dans l’usine de Drummondville il y a 3 chaînes de production utilisant des

machines différentes, ainsi qu’une dernière machine de découpage la

« Robocut ».

Chaque machine permet de créer un type de produit différent et, ainsi,

dispose de ses propres spécificités. Elle diffère donc des autres machines.

La machine la plus utilisée, "la machine 1", est la première à avoir été

installée sur le site de Drummondville. C’est elle qui fabrique le produit standard

le plus demandé sur le marché. La ligne de la machine 1 tourne 24 heures sur

24.

Les machines 2 et 3 ne produisent pas autant que la machine 1 et ne sont

pas en marche plus de 14h de suite en générale.

Les machines 1, 2, et 3 sont les seules lignes présentes dans les usines

Nord-Américaines (ce qui concerne 6 usines de production). Cependant chaque

machine peut produire plusieurs matériaux différents. Le type de produit créé par

la machine dépend alors du mélange de bitume qui est utilisé.

Cependant, il est à noter que les machines installées ne sont pas identiques

d’usines en usines. Les nouvelles usines utilisent des technologies différentes.

Toutefois, les processus de fabrication restent les mêmes. (On utilise des

machines de plus en plus avancées mais le produit final reste le même).

Fabriquer des lignes plus avancées permet d’augmenter la vitesse de

production, réduire la consommation d’énergie et de matières premières. Les

nouveaux équipements sont plus autonomes, plus automatisés et, par

conséquent, permettent de réduire les coûts de production. La recherche de

cette productivité est essentielle pour la compétitivité de SOPREMA dans un

marché très concurrentiel.

Page 11: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

10

2.2) Lignes de productions de la région Nord Amérique

Il existe 8 lignes de machines différentes dans la région Nord Amérique.

Chaque ligne de machines sert à créer des produits différents.

Cette partie du rapport a pour but de présenter brièvement les différentes

lignes, ainsi que les produits que chacune d'elle permet de manufacturer. Le but

est de montrer que, malgré la grande diversité des processus, des produits et

des machines, le programme de supervision reste le même pour chaque ligne.

La ligne principale est la ligne 1. Actuellement, il y a 4 lignes du même type

sur la région Nord Amérique, dont une à Drummondville. La ligne 1 est en

fonction 24h/24, 5 jours sur 7. Elle fabrique des isolants à l’eau. Ces produits, qui

possèdent une armature plus flexible, sont surtout utilisés dans l’isolation des

toits

La ligne 2 est unique sur la région nord Amérique. Cette ligne crée des

matériaux d’isolation à l’air de type autocollant. Ce matériau ne possède pas

d’armature. Il consiste en une fine couche de bitume et un film isolant, ainsi

qu’un film dit « release » qui donne la propriété autocollante à l’isolant. Ce

matériel peut être également utilisé dans l’isolation des toitures et des murs.

Exemple : SOPRAVAP’R est une membrane pare-vapeur autocollante idéale

pour les systèmes installés à froid. Il est spécialement conçu pour les surfaces

en acier, puisque sa largeur de 45 pouces coïncide parfaitement à celle des

cannelures supérieures des pontages métalliques. SOPRAVAP’R est auto-

scellant, antidérapant et dispose d’une grande résistance à la traction et au

poinçonnement.

Figure 4: SOPRAVAP'R

Page 12: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

11

La ligne 3 produit des panneaux de protection asphalte. Ces panneaux

servent à créer une protection mécanique entre les différents isolants. Il y a deux

lignes de ce type dans la région Nord Amérique.

La ligne 4 ne crée pas de produit. C'est une ligne de pré-assemblage.

L’assemblage consiste en une combinaison des 3 produits décrits ci-dessus.

L’avantage de ces panneaux préassemblé est double : ils sont faciles à installer

et ils constituent une solution isolante complète.

La ligne 5 « Robocut » est la 3ème et dernière machine présente à l’usine de

Drummondville. Les isolants sont stockés sous forme de rouleaux. La ligne 5 est

une machine de découpe des rouleaux d’isolants. Il y a qu’une seule machine

de ce type sur la zone.

La ligne 6 créé des produits adhésifs avec vernis. Ces produits sont utilisés

pour rendre l’asphalte imperméable.

La ligne 7 fabrique tous des produits à base de polyuréthane. Ce sont des

mousses et liquide isolants.

Les lignes 8, 9 et 10 ne sont pas gérées par le système d’automatisation. Ces

lignes utilisent un logiciel d’automatisation séparé qui sont sous-traité (un à SPIE

et l'autre à Schneider).

Les produits des lignes 8 9 et 10 sont des isolants polymères. Des produits

étanches asphalte mélangés à l’eau et des films plastiques d’isolant contenant

des bulles d’air (qui sert à isoler thermiquement).

Page 13: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

12

2.3) Système de supervision sur les lignes

Bien que chaque machine soit différente d'une usine à l'autre, le processus

industriel reste le même. On peut donc utiliser le même programme de

supervision sur l'ensemble des machines.

Par ailleurs, puisque le produit fabriqué par chaque ligne reste le même dans

chaque usine, le processus de fabrication doit lui aussi rester identique.

Ainsi, le fait de changer des composants de la ligne pour la rendre plus

performante ne pose pas de contrainte directe sur le système de supervision.

Cependant, il est évident que le fait d'avoir des composants différents amène

le système de supervision à être plus souple. Par exemple, le niveau maximum

des "Silos" doit être réglable car ces derniers peuvent varier d'une usine à l'autre.

Le système de supervision permet de réaliser toutes les tâches quotidiennes

nécessaires au fonctionnement des machines : créer un mélange, vider les

cuves, changer de produits, lancer la ligne, etc….

En plus de pouvoir contrôler les actions quotidiennes, le système de

supervision permet de voir l’état de chaque composante de la machine. Ainsi,

lorsqu’il y a une erreur ou un dysfonctionnement, on peut identifier son origine.

Dans le cas d’un problème sur la ligne, le système de supervision permet

également d’arrêter les actions en cours et d’arrêter les machines.

Page 14: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

13

2.4) Les intérêts d’utiliser un unique système de supervision

L’intérêt principal est le coût : puisque toutes les usines utilisent le même

système de supervision, il n’est pas nécessaire d’en développer ou d'en acheter

de nouveaux. Cela permet une économie d'échelle significative.

Un autre intérêt et la facilité de débogage : puisqu’il y a un seul programme

de supervision, les erreurs affichées sont semblables et donc plus faciles à

comprendre.

De plus, les machines sont accessibles à distances. Ainsi, un programme

unique de supervision signifie moins de personnel pour réparer en cas de

problème.

Un système unique de supervision permet enfin de simplifier la formation des

opérateurs machines, qui pourront être formés de façon centralisée puis être

répartis sur les différentes machines.

Page 15: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

14

3) Les systèmes de gestion automatiques :

Il existe trois logiciels qui permettent aux lignes de fonctionner de façon

automatique. Chaque logiciel intervient à un endroit différent de la production.

La production est divisée de la façon suivante :

Figure 5 : Division de la production

Partons du bas de la pyramide, la partie "entrées sorties" fait référence aux

entrés sorties des machines et cela au sens large. Cela comprend les capteurs,

les alarmes, mais aussi tout le suivi des matières premières en entrée et les

produits finis en sortie. Pour résumer, les entrées sorties représentent tous ce qui

est donné ou rendu par les machines que ce soit des informations, mouvements

(action) des machines ou les produits eux-mêmes.

Les écrans de supervision et opérations concernent tout ce qui est opérations

des machines. Les écrans de supervisions permettent à la fois de visualiser les

actions en cours et de changer d’opération. Cette partie est gérée par les

opérateurs. Via les écrans de supervision, les opérateurs changent les

opérations en cours afin d’obtenir les produits qui leurs sont demandés. En plus

de cela vient s’ajouter la gestion des défauts. C’est dans cette section que sont

gérés les défauts sur les machines.

Page 16: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

15

La section suivante, "gestion et planification", est la partie qui va fournir les

ordres de fabrication. On va décider de la quantité à produire, de l’ordre dans

lequel on produit, ainsi que le type de matière à produire.

La dernière section est le "patron" qui désigne les responsables exécutifs.

Les responsables vont définir les objectifs de production à atteindre en termes de

quantité. C'est également dans cette section que l’on va décider quel type de

produit sera privilégié.

Si l’on regarde le fonctionnement de façon chronologique, la pyramide se lit

de haut en bas. On commence par décider des objectifs à atteindre. En fonction

de ses objectifs, on crée un planning de production. Les opérateurs gèrent les

machines afin de répondre au planning de production. Et enfin on remplit (ou

vide) les entrée sorties en fonction des besoins des machines.

Si l’on regarde le fonctionnement du point de vu logiciel, l’ordre n’est pas

aussi simple et séquentiel car certains logiciels font la liaison entre plusieurs

parties. Cependant, de façon globale, on part du bas de la pyramide en

remontant.

Dans la partie suivante du rapport, nous allons développer la façon dont les

logiciels d’automatisation se positionnent dans la production.

Page 17: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

16

3.1) UNITY

UNITY est le logiciel qui gère toute les entrées sortie de machines. (Pour

rappel les entres sorties sont tous ce qui est capteurs, produit fini, matériaux

d’entré, moteurs).

Figure 6: UNITY dans la production

UNITY est un logiciel de Schneider Electric qui communique avec les

automates. La communication avec les automates lui permet d’obtenir des

informations sur tous les capteurs.

Par contre, le but de ce logiciel n’est pas uniquement de lire la valeur des

capteurs. UNITY gère également toutes les actions automatiques de machines

telles que le mouvement des tapis, des convoyeurs et la gestion de la position

des appareils de mesures.

La dernière fonctionnalité d’UNITY est la faculté de contrôler les actions

des machines en utilisant les informations envoyées par le logiciel VISARO

(décrit dans le chapitre suivant).

Page 18: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

17

3.2) VISARO

C’est dans ce programme que le fichier d’aide intervient, nous allons donc

décrire le logiciel avec plus de détail que les deux autres.

VISARO est le logiciel de supervision utilisé par les opérateurs pour contrôler

les machines. Ce logiciel est un logiciel graphique permettant de lancer et

observer les opérations sur les machines. Ce programme se situe donc dans la

section écran de supervision et opération, de plus il crée un lien entre la section

opération entrée sorties et gestion/planification en récupérant les informations

d’un côté et en envoyant des informations à UNITY de l’autre.

Figure 7 : VISARO dans la production

VISARO est avant tout un programme graphique, toutes les informations sur

les opérations en cours sont affichées de façon le plus clair possible. Le

programme affiche également l’état de chacune des machines.

Page 19: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

18

Le but de ce logiciel est également de lancer des opérations. Les opérations

sont disponibles en cliquant directement sur une des machines (représenté par

les carrés gris). L’opérateur est alors confronter à un menu de ce type :

Figure 9 : Menu du système de supervision

Figure 8 : Écran d'affichage opérateur

Page 20: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

19

Ce menu permet alors de sélectionner l’action voulu.

Le programme VISARO est adapté pour chaque ligne, c’est-à-dire que les

machines et les menus disponibles seront différents d’une ligne à l’autre. Les

pages graphiques sont également adaptées pour représenter le fonctionnement

de la ligne.

Cependant l’utilisation du programme reste similaire voire identique, les menu

disponibles sont standard et seulement les actions disponibles sont affichés.

La programmation de VISARO se fait sur un logiciel de Scheider nommé

Citect. La programmation est décomposée en deux parties, une partie graphique

qui consiste à représenter les éléments de la ligne de production, et une partie

programmation qui va gérer les interactions entre l’utilisateur et les graphiques.

Cette partie programmation se fait dans un langage similaire au VHDL, ce

langage est appelé Cicode. En plus de gérer les interactions entre l’utilisateur et

les graphiques le programme Cicode gère les tâches de fond tel que la gestion

des alarmes ou la recherche et l’envoie des données.

Page 21: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

20

3.3) GPAO

GPAO signifie gestion de la production assisté par ordinateur.

La GPAO est un logiciel de gestion de production permettant de l'ensemble

des activités, liées à la production, d'une entreprise industrielle :

Gestion des stocks et des achats

Gestion de commandes

Gestion des produits engendrés par ces commandes

Gestion des articles entrant dans la fabrication de ces produits et de leurs

nomenclatures-gammes

Création et gestion du planning de fabrication

Expédition des produits

Facturation

Figure 10 : GPAO dans la production

Lors de la production les opérateurs (souvent chef opérateur) ont accès à

certains éléments de la GPAO. Ils ont accès à la gestion de stock et le planning

de fabrication. Souvent sur chaque ligne un ou plusieurs écrans sont dédiés à la

Page 22: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

21

GPAO. C’est ces informations qui permettent aux opérateurs de savoir la

quantité et le produit à fabriquer, en plus de cela l’accès au planning leurs

permet de commencer les préparatifs pour le produit suivant.

L’accès à la gestion des stocks est également indispensable car ce sont les

opérateurs qui vont venir faire de demande de stock lorsque les niveaux sont

bas.

La GPAO fait donc partie de la section planning et gestion, ou plus

précisément c’est le produit de cette partie. Ensuite les informations sont

envoyées aux opérateurs soit via le programme de GPAO ou via VISARO qui

récupère certaines informations directement de la GPAO (surtout le niveau de

stock de matières premières).

Page 23: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

22

4) Programme d’aide

4.1) Utilité du programme d’aide

Lors d’un problème sur la ligne ou sur le programme de supervision, les

opérateurs, s’ils n’arrivent pas à résoudre le problème eux même ont une seule

solution, appeler le département d’automatisation pour qu’il résolve le problème.

Cela engendre des coûts autant au niveau du personnel qu’en temps d’arrêt

machine.

Le programme d’aide permettra aux opérateurs de résoudre plus de

problème eux même sans passer par le département d’automatisation.

De plus le programme d’aide qui reprend les informations lors de la formation

des opérateurs pourra servir de références au nouveaux opérateur et ainsi

facilité leurs formation.

Puisque le programme de supervision est global, cette notice d’aide pourra

être présente sur toutes les machines Nord-Amérique et sur certaines machines

en France.

Page 24: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

23

4.2) Choix du logiciel

Dans la plupart des applications Windows les fichiers d’aide sont des fichiers

.chm. CHM signifie Compiled HTML. L’avantage de ces fichiers c’est que le

contenu est inclus dans un seul fichier, alors qu’une aide au format HTML serait

composée de plusieurs centaines de fichiers séparés. De plus les fichiers chm

permettent d’effectuer des recherches par mot clefs, l’utilisation d’une table des

matières et d’un index. Dès le départ il était donc fixée que le programme d’aide

serait sous format .chm.

Avant de débuté la programmation du fichier d’aide il a fallu commencer

par sélectionner un programme de compilation. En effet les fichiers chm, sont en

réalité constitué de plusieurs pages HTML indexés et compiler ensemble. Pour

compiler les pages et les indexés il faut un logiciel spécifique. Cette partie

témoigne la recherche de ce logiciel.

Figure 11: Compilation du fichier CHM

Pour sélectionner un logiciel j’ai testé plusieurs logiciels gratuits ainsi que

les versions test des logiciels payants, car le département se disait prêt à investir

dans une licence s’il le fallait.

Page 25: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

24

Microsoft HTML Help Workshop :

Le premier logiciel que j’ai testé était chm Microsoft HTML Help

Workshop, le logiciel de base fournis par Windows. Pour tester ce logiciel j’ai

commencé par créer un projet. Ce projet consistait de seulement deux pages

HTML, cela m’a permis de m’apercevoir des qualités et des défauts de ce

logiciel.

Tout d’abords j’ai pu m’apercevoir que le logiciel était vieux (par son côté

esthétique peux développer). En mettant de côté la partie visuelle du

programme, ce logiciel est fonctionnel il permet de répondre entièrement au

besoin du sujet. C’est-à-dire créer un index lier les pages entres elle et les

compilées.

Figure 12: Résultat du test logiciel

Cependant ce logiciel possède plusieurs inconvénients. Premièrement le

logiciel est très peu intuitif, il m’a fallu beaucoup de temps pour réaliser un fichier

d’aide basique (voir imagine ci-dessus). Ensuite il manque beaucoup d’options

au niveau de la personnalisation de la fenêtre. Un autre inconvénient est que ce

programme ne permet pas la prévisualisation des pages. Pour visualiser une

page il fallait compiler le tout puis naviguer dans le fichier d’aide, une action qui

demande un certain sachant que les modifications sur le fichier d’aide seront

fréquentes.

Au final ce logiciel bien que gratuit et fonctionnel ne permettait pas une

création rapide, graphique et propre du fichier d’aide.

Page 26: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

25

Avantages Inconvénients

Fonctionnel, répond aux demandes. Gratuit Contrôle complet du code

Pas de prévisualisation du résultat Peu de possibilité en termes

d’esthétiques Difficile à prendre en main

HelpnDoc :

HelpnDoc est un logiciel payant, pour pouvoir le tester j’ai utilisé la

version gratuite qui est mise à disposition. La version gratuite offres les mêmes

possibilités que la version payante sauf que le résultat compilé est indiquée en

tant que produit via la version d’essai en bas de page, ainsi le test de la version

gratuite donne une bonne idée des capacités de la version payante.

Contrairement aux autres logiciels de compilation .chm celui-ci, plus

performent peux convertir au format Word, PDF, CHM et HTML. Ce programme

se lance comme un éditeur texte standard avec en plus une table des matières

et un index contrairement au logiciel gratuit qui n’utilise que les fichiers html. Une

fois le fichier fini il suffit de convertir au format voulu.

L’avantage de ce programme est qu’il est extrêmement facile à manipuler,

ce qui simplifie la tache lorsqu’il s’agit de modifier des informations sur le fichier

d’aide.

Cependant, ce programme pose certain problèmes. L’utilisateur perd

beaucoup d’information lors de cette conversion qui ne se fait pas toujours de

manière propre, la conversion au format HTML prend beaucoup plus de place en

Page 27: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

26

terme de mémoire que lorsque l’on programme directement en HTML. De plus,

ce logiciel ne permettait pas de mélanger les pages html déjà existante avec le

fichier d’aide créé. Pour finir la plupart des fonctionnalités de ce programme reste

inexploité puisque l’on utilise uniquement la conversion CHM.

Avantages Inconvénients

Fonctionnel, répond aux demandes. Facile à prendre en main et modifier

le contenu. Ne nécessite pas de connaitre le

HTML.

Pas de contrôle au niveau du code.

Beaucoup de fonctionnalité ne serons

pas exploitées

Precision Helper

Finalement le logiciel retenu sera le logiciel « Precision Helper » qui est un

logiciel gratuit. Tout comme Microsoft HTML Help Workshop les pages sont

programmées en HTML, liées entre elles et indexées puis compilées dans un

fichier CHM. Precision Helper est graphiquement plus agréable que Microsoft

HTML Help Workshop et est également plus intuitif à l’utilisation.

Cependant logiciel possède plusieurs fonctionnalités uniques qui font de

lui un choix intéressant. Tout d’abord, ce logiciel procède un système de

prévisualisation des pages, il est possible d’afficher la page sans avoir à compiler

tous le fichier. De plus la programmation des pages se fait peut se faire

directement sur le programme, ou sur un éditeur externe que l’utilisateur peut

choisir. Personnellement j’ai choisi de programmer mes pages à partir de

notepad++, l’avantage est que je peux à la foi éditer sur notepad++ et garder la

prévisualisation de la page ouverte sur Précision Helper.

Une autre fonctionnalité intéressante est que Precision Helper peux

décomposer les fichiers CHM, c’est-à-dire qu’il peut réaliser le processus

inverse, à partir d’un fichier CHM on récupère les pages HTML séparés. Cette

fonctionnalités est intéressante si l’on souhaite récupère une page d’un autre

fichier d’aide pour l’intégré dans notre projet.

Le dernier atout de ce programme est qu’il permet de créer des

« Templates » (modèles) pour les pages. Créer des modèles permet

Page 28: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

27

d’économiser beaucoup de temps surtout ajoutant les liens dans les modèles. De

plus l’utilisation des modèle garanti une continuité dans tous le programme

d’aide.

Avantages Inconvénients

Fonctionnalités supplémentaires. Possibilité de personnaliser le

programme. Logiciel gratuit.

Nécessite de connaitre le HTML.

Demande du temps pour régler les

préférences.

En conclusion Precision Helper est un bon compromis entre le logiciel

de base peu instinctif et pratique et les logiciels payants qui n’ont comme

fonctionnalité supplémentaire que d’intégré un éditeur de texte et des

convertisseurs supplémentaires. Cependant du fait que ce programme est

personnalisable il faut un certain temps d’adaptation afin de régler les

préférences.

Page 29: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

28

4.3) Organisation des pages

Comme énoncé précédemment, les pages d’aide sont créées en Html puis

compilé ensemble en fichier .chm par le logiciel. Chaque thème possède donc sa

propre page HTML.

Il existe deux type de pages des pages de type menu, qui contiennent surtout

des liens vers d’autres pages et des pages de type information qui contiennent

les informations utile aux opérateurs.

Les pages sont organisées de la façon suivante :

Les informations présentes sur chaque page sont disposées de la façon

suivante :

Des informations générales sur le sujet, par exemple sur la page

« malaxeur » on explique ce qu’est un malaxeur et son utilité dans la

ligne.

Cette section n’aide pas l’opérateur directement à résoudre un problème,

mais cela peut l’aider à avoir une meilleure compréhension de la ligne et

de sa machine. Elle permet aussi de bien clarifier le vocabulaire à utiliser

et à s'accorder sur les concepts. Ainsi, ces connaissances peuvent aider

lorsqu’il s’agit d’expliquer ou se trouve le défaut.

Les informations techniques sur le logiciel de supervision. Cette partie

explique les tâches disponibles ainsi que la façon de les réaliser.

Cette partie est le cœur du programme d’aide. Chaque tâche est

expliquée, pas à pas, image par image. Ainsi si l’opérateur ne sais pas

comment réaliser une tâche, il doit seulement suivre les informations

indiquées dans cette partie. Ceci constitue ce que l'on pourra appeler un

« mode opératoire ». Cette partie est donc à la fois utile pour le débogage

(en cas de problème) et de tutoriel pour les actions.

La dernière partie de la page d’aide est consacré aux éventuels

problèmes, dans cette partie on répertorie les problèmes possible et

quelles actions utiliser pour les résoudre.

Page 30: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

29

Chaque page à en en tête des liens vers les pages précédentes (les pages qui

ont permis l’accès à la page actuelle) et en bas de page des liens vers des

pages à sujet similaire.

Figure 13: Organisation des pages

Pour organiser les thèmes, je me suis aidé du programme de formation des

opérateurs. À partir du planning de formation, j’ai pu avoir une idée des

différentes informations qui peuvent être utiles à un opérateur.

Une fois l’architecture de base construite, (c’est-à-dire que les pages de bases

sont créées ainsi que les menus et les liens permettant d’accéder d’une page à

une autre), j’ai pu commencer à remplir les pages avec les informations

correspondantes.

Page 31: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

30

4.4) Recherche et collecte des informations

Avant de commencer la recherche d’information, j’ai dû me familiariser

avec le programme. Le programme Visaro est créé à l’aide d’un logiciel nommé

Citect de Schneider Électrique. Pour comprendre la structure des programmes

crée via Citect j’ai dans un premier temps créée mon propre projet. Cela m’a

permis de comprendre comment ce fait la connexion entre les éléments du

programme. Bien que ces informations ne soit pas contenus dans le programme

d’aide pour pouvoir explique le fonctionnement du programme de supervision, il

fallait comprendre le fonctionnement interne.

La seconde partie de ma recherche d’information fut d’utiliser le logiciel de

supervision VISARO moi-même. La version que j’ai utilisée faisait référence à la

machine 2 (machine de production des matières autocollantes). Pour pouvoir

utiliser la supervision sans être connecté à la machines réelle, j’ai dû créer des

machines virtuelles. Les changements des entrées sorties étaient entré

manuellement sur UNITY (afin de validé le déplacement de matière et autres).

Figure 14: Banc de test VISARO

Cette opération permettait également d’évité l’aspect temporel des actions sur

les machines (les actions se font de façon instantanés).

Ensuite, ma recherche d'information ma conduit à interroger les principaux

utilisateurs du programme d'aide, c'est à dire les opérateurs. Dans un premier

temps, j'ai organisé des réunions avec les chefs opérateurs, puis avec les

opérateurs en formation. Interroger les opérateurs m’a permis d’acquérir

plusieurs types d'informations.

Page 32: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

31

Premièrement, les chefs opérateurs sont les plus expérimentés sur leurs

machines respectives. Via mes échanges avec eux, j'ai pu d’obtenir de

nombreuses informations utiles au niveau de la gestion des problèmes

récurrents. De plus, j'ai assisté à des sessions de formation des opérateurs. Cela

m’a permis d'apprendre à expliquer de façon simple les opérations. Cela m'a

également permis de voir quels étaient les points difficiles pour les nouveaux

opérateurs.

Enfin la dernière partie de mes investigations préalables a été la

recherche d'informations techniques. C’est à dire les informations sur le rôle et le

fonctionnement des machines. J'ai recueilli ces informations auprès de mon

maître de stage, Rosaire LAVOIE, qui est la personne qui a conçu le système de

supervision. Il a donc une connaissance approfondie du processus des

machines.

Compte tenu de la durée de mon stage, il y certainement des informations

que j'ai omis dans l'outil d'aide. Pour approfondir mon travail, il faudra compléter

cet outil au fur et à mesure que l'entreprise découvre de nouveaux problèmes ou

à l'occasion du développement des nouvelles lignes.

Page 33: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

32

4.5) Programmation

L'outil d'aide a été programmé en HTML. L'HTML est un langage utilisé pour

afficher des documents. Ce langage est surtout utilisé pour la diffusion

d'informations sur le Web. Il est également utilisé pour construire l'aide des

programmes au format CHM.

La programmation HTML peut se décomposer en deux parties, une partie

qui sert à entrer le contenu et la structure du texte (tableau, paragraphe, etc) et

une partie qui sert à modifier l’esthétique de la page.

La partie HTML de la page défini les différents éléments de la page tels

que les tableaux, les images ou les paragraphes. Chaque élément est déclaré à

l'aide de balises (<balise>). Il est également possible de mettre des options dans

les balises qui permettent de régler leurs contenus.

La partie qui gère l'esthétique est le CSS, ce fichier contient toutes les

informations sur l’affichage des différents composants de la page HTML. Par

exemple, c'est le fichier CSS qui définit la taille et type de police dans un

paragraphe.

Figure 15: Lien HTML-CSS

Page 34: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

33

En réalité une page HTML peux se passer de fichier CSS mais cela implique de

redéfinir les options à chaque nouveau paragraphe.

Exemple d’une page standard :

Dans cette partie nous allons étudier le code d’une page à titre d’exemple. La

page que j’ai choisi est la page qui explique comment s’identifier. J’ai choisi cette

page car le contenu de texte est limité, elle contient une image est un tableau.

(Le code complet de la page se trouve en annexe).

Figure 16: Page HTML

Tout d’abords, l’en-tête. Sur chaque page j’ai mis en en-tête des liens vers les

pages de niveaux supérieurs c’est-à-dire les chapitres précédents.

Sur l’image ci-contre qui montre

l’organisation des pages dans le fichier d’aide

(table des matières du fichier d’aide), on

retrouve bien l’organisation décrite en en-

tête.

Figure 17: Organisation des chapitres

Page 35: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

34

L’en-tête contrairement à ce que son nom suggère ne se trouve pas dans

la partie header du fichier HTML (<Head>). La plupart des éléments inclus dans

le header sont invisibles. Ils servent en générale à afficher le titre sur l’onglet de

la page web (<title>) ou à apporter des métadonnées qui sont des données sur

l’auteur ou l’entreprise, le but du fichier et parfois la date. Cependant dans notre

cas ces métadonnées sont inutiles puisque uniquement les parties visibles des

fichiers HTML seront accessible dans l’outil d’aide.

L’en-tête se trouve donc dans le corps du fichier HTML délimité par les

balises <body></body>. Pour le séparer du reste du fichier je l’ai placé dans une

balise <div> cette balise permet de délimiter une zone. De plus la classe de cette

division est définie dans le fichier CSS la classe est

MCBreadcrumbsBox_Breadcrumb.

Figure 18 : Classe de la division en-tête

Cette classe permet de définir le positionnement de la division (à l’aide

des options «padding » et « margin »). En plus de cela cette classe permet de

changer la police (« font ») et de créer la ligne de séparation avec le reste du

texte (« border-bottom »). Ensuite on utilise la balise <a> pour créer un lien

hypertexte vers les autres pages (href="Accueil.htm"). Cette balise est également

décrite dans une classe (SeeAlsoHyperlink) cette classe permet d’afficher le

texte compris à l’intérieur de la balise en bleu si le lien n’a jamais été cliqué ou

en violet si il a déjà été utilisé.

Passons ensuite au corps de la page. Le paragraphe de texte est compris

dans une balise <p>. La classe de cette balise est « pBody » cette classe qui est

encore une fois décrite dans le fichier CSS. Tout comme pour l’en-tête cette

classe permet de régler la position du texte ainsi que la police utilisée.

Page 36: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

35

Figure 19 : classe des paragraphes

Dans le fichier CSS on remarque que la première lettre de la définition de

la classe fait référence au type de balise utilisé (p ou div) le reste est le nom de

la classe qui sera utilisé dans le fichier HTML. Il est possible de faire des classes

générales (en ne mettant pas de lettre avant « . ») cependant précisé le type de

balise permet de rappeler au concepteur de savoir à quoi sert la classe.

Le titre (S’identifier) est défini à l’intérieur d’une balise «<h3>» cette balise

ne nécessite pas de classe car elle est directement définie dans le fichier CSS.

La couleur de fond, la police ainsi que le positionnement du texte sont définie

dans le fichier CSS.

Contrairement aux paragraphes les titres n’ont pas de classe. Ceci

est dut au fait que tous les titres sont identique (afin de garder une cohérence

tout au long du programme d’aide). Cependant il se peut qu’un différend type de

police soit nécessaire à un moment c’est pourquoi on utilise les classe plutôt que

d’uniformiser tous les paragraphes.

Page 37: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

36

L’image est inclus dans un paragraphe séparer de classe

« graphic » cette classe positionne l’image de façon centrée. De plus l’image est

contenu dans une balise <img> cette balise permet de lié la source de l’image à

la page HTML. Pour affiché cette page il est nécessaire de posséder l’image à

l’endroit indiqué par la source. Cependant une fois que la page a été compilée

dans le fichier CHM, il n’est plus nécessaire d’avoir l’image sur son poste.

<p class="Graphic"><img src="..\img\Menu_Commande\login.jpg"/></p>

Le titre suivante possède une option « id » cette option donne un

nom titre qui est visible à partir des autres pages (un identifiant). Cela permet de

créer des liens qui pointeront directement sur le titre.

<h3 id="priv">Privilèges</h3>

Ensuite le tableau. Le tableau est défini à l’intérieur d’une balise

<div> cela permet à la fois de centrer le tableau et de le séparer du reste du

corps de la page. Le tableau est conçu à l’aide des balises <table>, <tr> et <td>.

La balise <table> délimitent et configurent le tableau. Puis les balises <tr> et

<td> configurent respectivement les cellules des rangées et les colonnes.

Les classes des colonnes sont définies dans un autre fichier CSS qui est

dédié à la configuration des colonnes et des rangées des tableaux (Rows.css).

Ces classes permettent encore une fois de configurer la position des cellules,

leurs polices et leurs tailles. Pour les rangées on les configure directement dans

le fichier HTML à l’aide des options « align » l’alignement des rangées, « valign »

alignement vertical, et « bgcolor » qui permet de changer la couleur de fond.

<tr align="left" valign="top" bgcolor="#FFFFFF">

Pour finir la dernière partie de la page, (voir rubrique) est composé

d’un paragraphe de classe « SeeAlso ». Cette classe agrandis le texte et le met

en gras. Ensuite le lien hypertexte est identique à celui utilisé en en-tête.

Page 38: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

37

4.6) Outil d’aide : Résultat

Le résultat final est un outil d’aide contenant plus de 130 pages

d’information sur l’outil de supervision VISARO. Cet outil a été intégré avec

succès sur une version test du logiciel et fonctionne correctement.

Figure 20: Résultat : outil d'aide

Cependant, l’information n’est pas exhaustive. L’information va évoluée à chaque

nouveau problème et à chaque changement de machine. L’outil d’aide devra

donc également changer au fur et mesure. C’est pourquoi j’ai également créé un

tutoriel expliquant en détail comment intégrer des nouveaux éléments au

programme d’aide.

Page 39: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

38

Conclusion

Ce stage portait sur les systèmes automatiques en industries, un domaine

auquel je n'avais pas encore été confronté.

Conclusion Technique :

La technique de ce projet peut être divisée en deux parties. D'un côté, la

partie la plus visible a été la programmation de l'outil d'aide. Cette partie m'a

parmi de travailler la programmation HTML, dont je ne possédais uniquement

que des bases rudimentaires. En travaillant sur l'outil d'aide, j'ai pu voir les

possibilités du HTML ainsi que ses limites du HTML.

La seconde partie technique de ce projet de fin d'étude est l'étude de

logiciel de supervision. Bien que cette étude soit moins visible sur le produit final

(l'outil d'aide), cette étape n'en est pas moins importante. En effet, la

compréhension du fonctionnement de la supervision ainsi que son code interne

est primordiale, puisque cela permet de prévoir le fonctionnement des machines

et d’expliquer de façon claire la résolution des problèmes.

Avec une étude interne du logiciel les problèmes auxquels sont confrontés les

utilisateurs deviennent clairs et leurs résolutions aisées.

Bilan Personnel :

La partie recherche d'informations m'a permis de rencontrer plusieurs

interlocuteurs dans l'entreprise dont les fonctions était très variées. Cela m'a

donnée une meilleure compréhension des points de vu au sein d'une entreprise.

De plus, cela m’a permis d'apprendre à rechercher des informations dans

plusieurs domaines d'une même entreprise et à travailler en autonomie.

Enfin, le fait de travailler au Canada m'a permis d'approfondir ma culture

internationale et à me familiariser avec une autre culture.

Conclusion générale :

Ce stage a été très enrichissant pour moi car il m’a permis de découvrir en détail

le secteur des systèmes automatiques en industries, un domaine auquel je

n'avais pas encore été confronté.

Page 40: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

39

J'ai pu également me familiariser avec le fonctionnement d'une usine et être

confronter à la réalité pratique et quotidienne d’un centre de production. Ainsi, j'ai

pu être sensibilisé à des questions clés dans la production autour de la sécurité

au travail ou la productivité et l'efficacité économique.

En termes de résultat, même si j'ai pu terminer la base de l'outil d'aide, au mieux

de mes capacités et du temps disponible, il restera beaucoup à faire pour

enrichir l'outil. Ma satisfaction est que la conception que j'ai choisie permettra,

après mon départ, de faire ce travail d'enrichissement de l'outil. En particulier,

quand il s'agira de rentrer toutes informations sur les nouvelles lignes.

Enfin, j'éprouve une certaine fierté à avoir contribué à élaborer un outil qui sera

intégré dans toutes les entreprises Nord-Américaine du Groupe Soprema.

A ce titre, pour finir sur une anecdote, j'ai eu l'occasion, lors de mon stage, de

rencontrer le PDG de la société, Pierre Etienne Bindschedler, lors d'une de ses

visites sur le site. Je lui ai dit que j'étais très heureux de faire ce stage à

SOPREMA au Canada. Il m'a répondu « moi aussi, surtout si tu nous aides à

améliorer notre efficacité ».

J'espère aujourd'hui avoir répondu à son attente.

Page 41: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

40

Annexes

Liste des annexes :

- Code de la page HTML identification

Code de la page HTML identification

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta name="generator" content="Precision Helper">

<link href="../css/Stylesheet.css" rel="stylesheet" />

<link href="../css/Rows.css" rel="stylesheet" />

<title>Login</title>

</head>

<body>

<div class="MCBreadcrumbsBox_Breadcrumb">

<a class="SeeAlsoHyperlink" href="Accueil.htm">Accueil</a>

<span class="MCBreadcrumbsDivider"> &gt; </span>

<a class="SeeAlsoHyperlink"

href="Deplacement_Programme.htm">Survole</a>

<span class="MCBreadcrumbsDivider"> &gt;

</span><span>S'identifier et privilèges</span>

</div>

<h3>S'identifier</h3>

<p class="pBody">Chaque opérateur procède son propre identifiant.

Pour se connecter, l'utilisateur clique sur l'icône en haut à

gauche de la fenêtre directement en dessous des flèches de navigation.

(voir image ci-dessous)

</p>

<p class="Graphic"><img src="..\img\Menu_Commande\login.jpg"/></p>

<p></p>

<h3 id="priv">Privilèges</h3>

<p class="pBody">

Il existe 8 niveaux de privilèges. Selon le niveau de privilège

l'utilisateur à accès a plus d'option dans les menu et peux réaliser

plus d'actions.

Voici un tableau récapitulatif des actions et des dénominations

en fonction du niveau de privilège.

</p>

<div align="center">

<table border=2 frame=hsides class="TableStyle_Rows"

id="loginTab" style="caption-side: top;width: 90%;margin-left:

auto;margin-right: auto;mc-table-style:

url('Resources/TableStyles/Rows.css');" cellspacing="0">

<col style="width: 80px;">

</col>

<col style="width: 80px;">

</col>

<col style="width: 80px;">

</col>

<thead>

<tr>

Page 42: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

41

<th

class="TableStyle_Rows_Head_0_0_RowSep_ColSep">Niveau de privilège</th>

<th

class="TableStyle_Rows_Head_0_0_RowSep_ColSep">Actions possible</th>

<th

class="TableStyle_Rows_Head_0_0_RowSep_ColSep">Fonction de

l'utilisateur</th>

</tr>

</thead>

<tr align="left" valign="top" bgcolor="#FFFFFF">

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">1</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Visualisation</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold"></p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#F7F7F7">

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">2</b>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Message des unités</b>

</p>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Journalier</p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#FFFFFF">

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">3</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Opération basique</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold"></p>

</td>

</tr>

Page 43: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

42

<tr align="left" valign="top" bgcolor="#F7F7F7">

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">4</b>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Opération Normal</b>

</p>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Opérateur</p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#FFFFFF">

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">5</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Opération Expert</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold"></p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#F7F7F7">

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">6</b>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Formule et produit</b>

</p>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Contrôle Qualité</p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#FFFFFF">

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">7</b>

</p>

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Configuration</b>

</p>

Page 44: Rapport de Projet de Fin d’Étudeeprints2.insa-strasbourg.fr/2056/3/Rapport_de_Stage_VF.pdf · Rapport de Projet de Fin d’Étude Développement d’un outil d’aide pour système

Rapport de PFE 2015 Fyot Nicolas

43

</td>

<td class="TableStyle_Rows_Body_0_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Chef Opérateur</p>

</td>

</tr>

<tr align="left" valign="top" bgcolor="#F7F7F7">

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">8</b>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Gestion Citect</b>

</p>

</td>

<td class="TableStyle_Rows_Body_1_0_RowSep_ColSep">

<p class="TableText" style="text-align:

center;"><b class="cBold">Ingénieur</p>

</td>

</tr>

</table>

</div>

<p class="SeeAlso">Voir rubrique</p>

<div class="SeeAlsoHyperlink"><a

href="Deplacement_Programme.htm">Survole</a>

</div>

</body>

</html>