Projet Pluritechnique Encadree : Supervision du Portalp:

Slides:



Advertisements
Présentations similaires
Créer un nouveau site internet Lions e-Clubhouse Lapplication Lions e-Clubhouse
Advertisements

1 Georgeta BĂDĂU CRÉATION ET GESTION DUN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.6.
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
- Couche 7 - Couche application. Sommaire 1)Introduction 1)DNS 1)FTP et TFTP 1)HTTP 1)SNMP 1)SMTP 1)Telnet.
Créer un diaporama avec Open Office Impress
Baccalauréat professionnel SEN
Bienvenue à la démonstration de Cisco WebExTM Meeting Center
PROJET PLURITECHNIQUE ENCADREE (PPE)
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Chapitre III Traitement d’images Mme Lahbib Ilhem.
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Formation Cybercarnet
SECURITE DU SYSTEME D’INFORMATION (SSI)
Rivière Nathan 3e4 Rapport de stage en entreprise Sector.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Nouveau blog. WordPress connexion Nommez votre blog.
Vice-rectorat de Mayotte
Concevoir un diaporama avec Power Point.
Analyse des protocoles de la couche application
Rédacteur 1. Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création dun article Fonctionnalités de base Statut de larticle.
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Les relations clients - serveurs
Les feuilles de style CSS
La veille numérique : un outil pour s'informer intelligemment &
Création d’un site internet en XHTML + L’hébergement By Reyne & Archinard.
L ILIE, UN AN DÉJÀ... Expérimenter les services proposés par l’ENT Lilie.
Réunions Lync Participer à une réunion Lync Aide-mémoire Lync 2013
D-ViewCam V3.0 Video Management System
Notre Système Laptoptech Sécurité par video surveillance Facile d’utilisation Application internet Le seul système temps réel Compression matériel Haux.
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
 Objet window, la fenêtre du navigateur
S'initier au HTML et aux feuilles de style CSS Cours 5.
Guide de référence rapide sur © 2012 Microsoft Corporation. Tous droits réservés. Lync Web App Participer à une réunion Lync avec le système audio de votre.
B2i école : domaines, aptitudes et pistes d’activités
INTERNET Le langage HTML
Validation des compétences B2i au collège
Tache n°4: Surveillance électronique. Choix des cameras Le projet requiert donc : - Une extérieure, pour surveiller les passages dans l’allée - Une dans.
Cour préparé par Melle Zineb SAALAOUI HTML/CSS.
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Présentation de l’application Classflow
♣ Définitions ♣ Propriété d’un page web ♣ Types d’hébergement internet Hébergement mutualisé Hébergement dédié Hébergement VPS ♣ Conclusion.
Html et css.
Conception des pages Web avec
ORGANISATION DE L’ENSEIGNEMENT
Vous voici dans notre site « laboratoire » pour la démonstration AJOUTER UNE PAGE Cliquez sur ENTREZ ICI pour accéder à la partie administration.
Mise en forme avancée et Publication. Le CSS Avertissement : vous ne devez pas maitriser le CSS juste savoir qu’il existe et à quoi il sert ! CSS signifie.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Dreamweaver (2) ● les calques (layers) ● les comportements
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
12/01/20161Boulogne Informatic Club FORMATION SKYPE MICROSOFT.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Padlet, un mur collaboratif Mode d’emploi
Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.
…que Dedicated Micros a lancé un nouvel enregistreur vidéo numérique hybride Saviez-vous?
E-lyco à la découverte de l’interface. L’environnement numérique de travail e-lyco est un ensemble de services en ligne, personnalisés et sécurisés, accessibles.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Présentation générale. Introduction Enregistreur vidéo numérique 4 canaux d’un excellent rapport qualité-prix Solution idéale pour les clients cherchant.
Transcription de la présentation:

Projet Pluritechnique Encadree : Supervision du Portalp:

Sommaire : Présentation de la vidéosurveillance. Rechercher sur le Portalp. Rechercher sur la camera. Html de la page internet. Css de la page internet. Intégration de la caméra à la page et ouverture dun port pour la caméra. Conclusion.

Présentation de la vidéosurveillance: La vidéosurveillance : le principe Introduction: La vidéosurveillance désigne les systèmes techniques et électroniques permettant dassurer la surveillance à distance dun espace privé (ex: maison) ou public (ex: centre commerciale) au moyen de caméras vidéo. La vidéosurveillance sous IP : les caméras sont raccordées à un réseau intranet, sont consultables individuellement à distance et les images sont stockées sur un serveur numérique. Ce système permet de prévenir des vols, agressions, de répression pour faire face à la criminalité. La vidéo surveillance permet de répondre à plusieurs problèmes de sécurité : les vols, la démarque inconnue, les agressions, dégradation et intrusions qui seront immédiatement identifiés. Un système de vidéo surveillance doit correspondre à la réglementation, au besoin du client, à une efficacité attendue et au budget.

Le portalp :

Le système étudié est une porte automatique coulissante qui a pour fonction de : - Gérer automatiquement les entrées/sorties des piétons dans un local. Sa fonction première : - Laisser passer le piéton. La porte doit remplir les fonctions suivantes : - Assurer la sécurité des personnes. - Assurer la sécurité des biens. - Isoler le local de lextérieur.

Caméra AXIS M10-31W network : Type de périphérique : Caméra réseau Technologie de connectivité : Filaire Largeur :5.9 cm Profondeur : 3.4 cm Hauteur :9.5 cm Poids :101 g Type :Couleur - fixé Résolution vidéo numérique max : 640 x 480 Caractéristiques :Détecteur de mouvement, compensation contre-jour, réglage de la netteté, rotation numérique de l'image, balance des blancs, réglage des couleurs, réglage de la luminosité, réglage du contraste, illuminateur DEL intégré Prise en charge audio : haut-parleur intégré, fonctionnalité audio bidirectionnelle, microphone intégré

Analyse fonctionnelle: Analyse du besoin:

Définitions des fonctions de service:

HTML : Qu'est ce que le HTML et le CSS ? HTML :(HyperText Markup Language) : Son rôle est de gérer et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images… Vous direz par exemple : « Ceci est mon titre, ceci est mon menu, voici le texte principal de la page, voici une image à afficher, etc. ». CSS :(Cascading Style Sheets, aussi appelées Feuilles de style) : le rôle du CSS est de gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte…). Ce langage est venu compléter le HTML en 1996.

Html de la page internet :

CSS de notre site :

Voici le site internet de la caméra :

Vidéo en direct de notre camera : En cliquant sur le lien « camera axis » de notre site internet, on arrive directement sur cette page ci-dessous :

Pour visionner la camera en direct il faut entrer le nom d'utilisateur et le mots de passe : Nom dutilisateur : eleve Mots de passe : eleve

Video en direct de notre camera :

Pour visionner la camera en direct à partir dun smart phone, il faut soit entrer l'adresse IP : :15012 dans la barre de recherche, ou bien télécharger lapplication TinyCam Monitor. TinyCam Monitor est une application Androïde native permettant la consultation, le contrôle et l'enregistrement des vidéos de la caméras IP privées ou publiques. Il faut avoir un forfait 3G/4G illimité ou une connexion Wi-fi J'ai choisi lapplication TinyCam Monitor parce quelle est simple, efficace et gratuite. J'ai enregistré toute les donnés de la camera axis pour pouvoir la détecter : Nom de la caméra : AXIS M1031-W Choisir le constructeur : AXIS Modèle de la caméra : Générique Nom dhôte : Numéro de port : Nom dutilisateur : root Mot de passe : *****

Voici le résultat :

Diagramme de gantt:

Conclusion :