Dossier PPE LE PORTALP

Documents pareils
Réalisez votre propre carte de vœux Éléctronique

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Introduction à Expression Web 2

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Présentation du Framework BootstrapTwitter

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

Bernard Lecomte. Débuter avec HTML

Tutoriel : Feuille de style externe

Optimiser les s marketing Les points essentiels

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

Guide de réalisation d une campagne marketing

Pack Fifty+ Normes Techniques 2013

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

Optimiser pour les appareils mobiles

ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28

HTML. Notions générales

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Spétechs Mobile. Octobre 2013

creer votre site internet en html/css

Utiliser SQL Server 2008 R2 Reporting Services comme source de donne es pour Microsoft Excel

Normes techniques 2011

GUIDE D UTILISATION DU BACKOFFICE

Bureautique Initiation Excel-Powerpoint

ING & NEWSLETTER NEWSLETTER RESPONSIVE

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation HTML / CSS. ar dionoea

Utilisation de l éditeur.

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

Création d un site Internet

SARL DDLX Multimédia Place du général de Gaule Boisseron Tèl : support@ddlx.org. Agence Web. Design Prestashop personnalisé

Spécificités techniques JANVIER 2013

Un mini-site internet en une après-midi

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

FICHE 17 : CREER UN SITE WEB

Programmation Web TP1 - HTML

Utilisation de Sarbacane 3 Sarbacane Software

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

CEGID - Business Suite Gestion commerciale

Création de maquette web

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Foire aux questions. C est un programme d exploitation et de recherche sur le Web. Exemple : Internet Explorer, Firefox, Opera et Netscape.

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Travaux dirigés n 10

4. Personnalisation du site web de la conférence

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT

UN SITE WEB RESPONSIVE EN UNE HEURE?

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e

Faire de la déformation interactive avec GIMP

Création d un fichier html depuis PowerPoint dimanche 11 mai 2008

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Modules Multimédia PAO (Adobe)

INTRODUCTION AU CMS MODX

Guide d utilisation 2012

alarme incendie (feu non maîtrisable)

Spécifications techniques

L alternative, c est malin 1. Comment faire plein de choses pour pas cher sur MacIntosh

<Créer un site Web. avec/> Suzanne Harvey

P E U G E O T A L E R T Z O N E S Y S T E M E D E N A V I GAT I O N S U R T A B L E T T E T A C T I L E

Association UNIFORES 23, Rue du Cercler LIMOGES

Formation tableur niveau 1 (Excel 2013)

Soyez accessible. Manuel d utilisation du CMS

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

Spécificités Techniques créations publicitaires

+33 (0) Sarl ISB Altipolis2 av. Du Général Barbot Briancon - France

Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Ecran principal à l ouverture du logiciel

«Petit guide d utilisation Prezi» par Marc Nolet

Guide d usage pour Word 2007

COMMENT AJOUTER DES ENTREPRISES À VOTRE PORTEFEUILLE DE SURVEILLANCE. 05/01/2015 Creditsafe France

Alerte de stock

TP JAVASCRIPT OMI4 TP5 SRC

Relever le défi du Web mobile

Prise en main rapide

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006

Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE WEB DESIGN

D-ViewCam V3.0 Video Management System

FORMATION MULTIMÉDIA LVE

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Création WEB avec DreamweaverMX

Devenez un véritable développeur web en 3 mois!

Support de formation Notebook

CONTRAINTES TECHNIQUES

Modalités pratiques. Objectifs de la Formation

Webmaster / Webdesigner / Wordpress

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

Transcription:

Dossier PPE LE PORTALP Crosetti Pauline TSSI Lycée Colbert Tourcoing Année scolaire 2012/2013

Sommaire : - I) Recherches sur le Portalp - II) Recherches sur la supervision - III) Plusieurs choix possibles d interface de supervision - IV) Animation Flash - V) Interface de supervision - VI) Conclusion

I) Recherches sur le portalp Le portalp (Diva 3) est une porte coulissante. Le portalp est constitué de deux montants et d une traverse formant un chicanage (passage en zigzag) en vue d une étanchéité au feu périmétrique entre le vantail et le support. La translation des vantaux est assurée par l intermédiaire d un opérateur. Ces portes ne possèdent pas de dispositif «Anti-Panique». La force à exercer sur le chant du vantail pour son arrêt (< 15 DaN) La force à exercer au point de manœuvre du vantail pour un déclenchement manuel (< 15 DaN) Le portalp doit prendre en compte plusieurs contraintes. Environnement technologique : - Présence d un réseau électrique - Adaptabilité de la porte aux locaux existants - Savoir-faire technologiques des concepteurs - Savoir-faire technologiques des fabricants - Performances actuelles de divers composants électroniques, électriques et mécaniques Environnement humain : - Nécessité de clore les locaux - Permettre le flux aisé de personnes - Assurer la sécurité des personnes - Assurer la sécurité des biens - Niveau sonore supportable - Esthétique désirée - Divers modes de marches nécessaires - Exigences des pays développés Environnement économique : - Investissement raisonnable - Concurrence active - Marché actuellement stable - Coût et fiabilité des divers composants techniques (fait partie aussi de l environnement technologique) - Fiabilité de fonctionnement (fait aussi partie de l environnement social et humain)

Les portes automatiques permettent une circulation fluide des clients et des chariots (pour la grande distribution). Les portes automatiques Portalp sont conçues sur mesure pour s adapter à l architecture existante. L esthétique est soignée. Les dispositifs de verrouillage sont conçus pour être connectés à la centrale d alarme. Dans la gamme Diva, il existe plusieurs sortes de portes (coulissantes, télescopiques, cintrées ou rondes ; doubles ou simple). Nous travaillons sur une porte télescopique simple. La vitesse d ouverture du Portalp est de 10 à 100 cm/s. Sa vitesse de fermeture est de 10 à 30 cm/s. Le temps de fermeture de la porte doit être inférieur à 30 secondes. La temporisation, le maintien d ouverture est de 1à 15 secondes. Schéma du Portalp Schéma du fonctionnement

II) Recherches sur la supervision : Définition de la supervision : La supervision est l action de superviser. Superviser, c est contrôler. La supervision offre la possibilité de réfléchir sur le fonctionnement professionnel afin de mieux gérer les exigences. La supervision sert à observer quelque chose à distance. La supervision est la «surveillance du bon fonctionnement d un système». Elle permet de surveiller, rapporter et alerter les fonctionnements normaux et anormaux des systèmes informatiques L interface de supervision permet de voir à distance ce qui se passe au niveau du Portalp. III) Plusieurs choix possibles pour l interface de supervision : Pour l interface de supervision, il faut : - Une partie commande (avec tous les boutons pour pouvoir commander le Portalp de la supervision) - Une partie vidéo surveillance (pour pouvoir observer ce qui se passe à distance) - Une partie simulation (pour savoir ce qui devrait se passer normalement avec le Portalp) Pour l interface de supervision, on peut décider d avoir tous les éléments directement affichés :

Ou, mettre des onglets qui affichent en grand l élément choisi : Pour la partie «commande», il faut pouvoir commander le Portalp, le faire s ouvrir et se fermer. Il faut des signaux qui nous montrent que la porte est ouverte ou fermée. Pour cela, on peut utiliser des diodes, une verte qui s allume quand la porte est complètement ouverte et une rouge qui s allume quand la porte est complètement fermée. On pourrait régler la vitesse du Portalp de l interface de supervision. Pour cela, il faut ajouter de quoi faire cela dans la partie commande de l interface. Il faut ajouter un écran qui affichera la vitesse du Portalp, mais aussi, des boutons pour régler la vitesse.

IV) Animations flash : Pour créer une animation flash, j ai utilisé le logiciel GIMP. Il faut d abord ouvrir l image que nous désirons et la dupliquer sur plusieurs calques. L œil permet de voir le ou les calque(s) souhaité(s). Ensuite, il faut exporter le tout pour l animer et en faire un gif.

«Loop forever» : permet de faire l animation en boucles. «Delay between frames where unspecifie» : permet de régler la vitesse. V) Interface de supervision : Pour l interface de supervision qui sera mis sur internet, j ai utilisé le logiciel Notepad ++. Pour cela, il faut d abord définir le langage en hmtl. Pour l interface, j ai utilisé diverses balises telles que : - <font> avec comme attribut «face» : qui donne la police d écriture de la page. - <body> avec comme attribut «bgcolor» : qui donne la couleur de font de la page. Pour avoir une couleur, il faut donner le code en hexadécimal de la couleur. Pour ma page, j ai choisi un bleu clair avec comme code "#A2F4E9". - <h> : qui met le texte en type titre. Il existe six niveaux de titres.<h1> étant la plus grande taille.

- <img> : qui permet d insérer une image dans la page html. Cette balise est utilisée avec les attributs «scr» et «width» qui permettent respectivement de donner l adresse de l image et de permet de fixer la largeur de l image en pixels ou en pourcentage de la largeur disponible. - <table> qui définit un tableau. Cette balise est utilisée avec les attributs «cellpadding» qui définit la marge du contenu de la cellule par rapport à la bordure, «cellspacing» qui définit la largeur de la bordure. Cette balise englobe aussi la balise <td> qui donne un cellule, dans cette balise, j ai utilisé l attribut «bgcolor» pour choisir la couleur de font du tableau. Pour que le css soit inclus dans la page html, il nous fait créer un lien sur celle-ci. Pour cela, il faut utiliser les balises «link» qui avertit le navigateur qu il doit chercher un document situé à l extérieur de la page Html, «rel="stylesheet"» précise que le document en question est une feuille de style externe., «L'attribut type="text/css"» précise le type de feuille de style et «L'attribut href="css.css"» donne l URL de la feuille de style, c'est-à-dire son emplacement sur Internet.

V) Conclusion : Notre PPE portait sur la conception d un interface de supervision pour le Portalp. Ce PPE nous a permis de mieux appréhender le métier d'ingénieur, en nous immergeant dans la remise en état d'un dispositif. Malgré les quelques problèmes rencontrés, nous pouvons dire que ce PPE fut très enrichissant et tout ceci prouve qu'une bonne organisation est primordiale dans ce type de projet. Mais le sujet était néanmoins intéressant. Il est dommage que nous n'ayons pas réussi à valider l'intégralité du cahier des charges. Ce projet a abouti, pour ma part, à de nombreuses recherches sur le Portalp et la supervision. J ai fait quelques schémas de l interface de supervision, fait marcher mon imagination afin d inventer des interfaces de supervision. Ensuite, j ai appris à manier le logiciel GIMP, tout nouveau pour moi, pour réaliser un GIF. Et finalement, j ai réalisé le début de l interface de supervision sur une page html. C est dommage qu avec le manque de temps, nous n ayons pas eu le temps de finaliser tout cela. Enfin, en supposant que tout cela fonctionne correctement, toutes ces installations permettraient de pouvoir surveiller le Portalp, son ouverture, sa fermeture, les aller-venus des clients etc