Les cours du BTS SIO - isn / 2026-04-27T22:28:47+00:00 Les cours du BTS SIO / /lib/exe/fetch.php/wiki/dokuwiki-128.png text/html 2020-03-19T14:40:21+00:00 Anonymous (anonymous@undisclosed.example.com) accueil /doku.php/isn/accueil?rev=1584628821&do=diff ISN : enseignement de spécialité d'informatique et sciences du numérique Continuité pédagogique [mars 2020 - Travail à faire] Présentation * Nouveau programme d'ISN en terminale S (BO n°28 du 31 août 2017) : <http://www.education.gouv.fr/pid285/bulletin_officiel.html?cid_bo=119372> * Présentation Eléments de correction des activités Algorithmique et programmation * Activité : quelques jeux avec Blocky * Python : Découverte du langage de programmation * Activité Python : dessine… text/html 2018-11-29T22:13:46+00:00 Anonymous (anonymous@undisclosed.example.com) adressageip /doku.php/isn/adressageip?rev=1543529626&do=diff Cours : adressage IP Définition : Un protocole réseau est un ensemble de règles et de procédures à respecter pour émettre et recevoir des données sur un réseau. Les réseaux locaux et Internet utilise la suite de protocoles TCP/IP (Transmission Control Protocol/Internet Protocol). Les différents protocoles TCP/IP sont classés en trois grandes catégories : text/html 2017-09-21T20:05:14+00:00 Anonymous (anonymous@undisclosed.example.com) archiraspberrypi3n /doku.php/isn/archiraspberrypi3n?rev=1506024314&do=diff Architecture matérielle du Raspberry Pi 3 Présentation de l'activité Tu dois mettre en oeuvre le Raspberry Pi3 afin de pouvoir l'utiliser comme un ordinateur de bureau connecté au réseau du lycée Valadon. Découverte du Raspberry PI3 A partir de recherches sur Internet, tu vas : text/html 2019-11-21T13:36:05+00:00 Anonymous (anonymous@undisclosed.example.com) a_reseau_schema /doku.php/isn/a_reseau_schema?rev=1574343365&do=diff Activité : réaliser un schéma simple de réseau local Présentation Tu as connecté un Raspberry Pi 3 au réseau local du lycée et pris connaissance de ses caractéristiques matérielles. Tu vas te renseigner sur sa configuration réseau et compléter le text/html 2019-11-14T13:28:08+00:00 Anonymous (anonymous@undisclosed.example.com) bootstrap1 /doku.php/isn/bootstrap1?rev=1573738088&do=diff Activité Bootstrap - les bases Bootstrap est une collection d'outils ou framework utiles à la création du design des pages web. Bootstrap utilise les langages HTML, CSS et Javascript pour gérer des formulaires, des boutons, des outils de navigation et autres éléments interactifs. C'est text/html 2019-03-06T18:50:42+00:00 Anonymous (anonymous@undisclosed.example.com) bootstrapform /doku.php/isn/bootstrapform?rev=1551898242&do=diff Activité Bootstrap N°4 - les formulaires Présentation Bootstrap propose des styles pour améliorer la présentation des formulaires HTML. Cela nécessite : * de mettre chaque élément de formulaires dans un conteneur div avec le style form-group text/html 2019-03-06T12:02:08+00:00 Anonymous (anonymous@undisclosed.example.com) bootstrapgridsystem /doku.php/isn/bootstrapgridsystem?rev=1551873728&do=diff Activité Bootstrap N°2 - le système de grille Grid System Présentation Bootstrap utilise un système de grille pour positionner les différents éléments de page Web. En détectant la largeur de la page du navigateur Bootstrap utilise différentes catégories de viewport : text/html 2019-03-06T21:34:24+00:00 Anonymous (anonymous@undisclosed.example.com) bootstrapimage /doku.php/isn/bootstrapimage?rev=1551908064&do=diff Activité Bootstrap N°5 - les images Présentation Bootstrap propose des styles pour améliorer la présentation des images. Modifier la présentation des images <html> </html> Activité Les langages pour créer des sites Web ... * Les langages pour créer des sites Web text/html 2019-03-06T21:41:42+00:00 Anonymous (anonymous@undisclosed.example.com) bootstraplistederoulante /doku.php/isn/bootstraplistederoulante?rev=1551908502&do=diff Activité Bootstrap N°6 - les listes déroulantes Présentation Le langage HMTL permet de gérer des listes déroulantes avec la balise <select>. Bootstrap permet de le faire en utilisant des listes à puces. Une liste déroulante Pour utiliser les styles de Bootstrap afin d'avoir une text/html 2019-03-06T18:19:42+00:00 Anonymous (anonymous@undisclosed.example.com) bootstraptypographie /doku.php/isn/bootstraptypographie?rev=1551896382&do=diff Activité Bootstrap N°3 - gérer les textes Présentation Bootstrap a modifié les styles standards pour le texte, les titres, les listes à puces, etc. mais également pour modifier le style des balises utilisables avec le texte afin de changer** la présentation de ces éléments standards. <html> text/html 2019-01-31T19:34:52+00:00 Anonymous (anonymous@undisclosed.example.com) canvas1 /doku.php/isn/canvas1?rev=1548963292&do=diff Activité Canvas N° 1 Présentation La balise <canvas> est élément HTML qui peut être utilisé pour dessiner et animer des éléments graphiques à l'aide de scripts JavaScript notamment. Cette activité présente les bases d'utilisation de l' text/html 2019-01-31T20:22:02+00:00 Anonymous (anonymous@undisclosed.example.com) canvas2 /doku.php/isn/canvas2?rev=1548966122&do=diff Activité Canvas N°1 : animer un forme simple sur une page Web Ressources : <https://developer.mozilla.org/fr/docs/Tutoriel_canvas/Animations_basiques> Présentation Le langage Javascript va permettre de créer des animations interactives du composant <Canvas> (canevas). Dès qu'un forme est dessinée dans un <canvas>, elle reste affichée. Pour la déplacer, il faut la text/html 2020-09-15T07:30:02+00:00 Anonymous (anonymous@undisclosed.example.com) css1 /doku.php/isn/css1?rev=1600155002&do=diff Activité CSS N° 1 Le HTML n'a pas été conçu pour gérer la mise en page (c'est possible, mais c'est une mauvaise pratique). Le HTML s'occupe uniquement du contenu et de la sémantique c'est à dire du sens de chaque élément grâce à différentes balises. text/html 2018-04-05T20:51:04+00:00 Anonymous (anonymous@undisclosed.example.com) css2 /doku.php/isn/css2?rev=1522961464&do=diff Activité CSS N° 2 Le fichier CSS style.css C'est dans ce fichier, différent de celui de la page HTML qu'il est conseillé de définir les styles CSS qui s'appliquent à la page HTML. Le rôle de la balise <link> située dans l'entête <head> de la page text/html 2020-02-13T14:52:01+00:00 Anonymous (anonymous@undisclosed.example.com) extensionnavigateur /doku.php/isn/extensionnavigateur?rev=1581605521&do=diff Créer une extension pour le navigateur Ressources * <https://developer.chrome.com/extensions> * <https://developer.mozilla.org/fr/docs/Mozilla/Add-ons/WebExtensions> text/html 2019-12-10T16:40:08+00:00 Anonymous (anonymous@undisclosed.example.com) flask_01 /doku.php/isn/flask_01?rev=1575996008&do=diff Activité : Utiliser le framework Flask pour créer un site Web dynamique Présentation Flask un framework, c'est à dire un ensemble de modules qui facilite la programmation de sites web dynamiques. Flask s'appuie sur la norme WSGI (Web Server Gateway Interface) qui est une norme de développement d' text/html 2019-03-21T19:56:24+00:00 Anonymous (anonymous@undisclosed.example.com) flask_02 /doku.php/isn/flask_02?rev=1553198184&do=diff Activité : application Todo liste avec un serveur et une seule page HTML Présentation Cette première activité montre comment créer une application Todo liste qui affiche une seule page html avec un contenu statique. Préparation du projet * text/html 2019-03-14T11:42:44+00:00 Anonymous (anonymous@undisclosed.example.com) flask_install /doku.php/isn/flask_install?rev=1552563764&do=diff Activité : installer Flask pour python Installer Flask Si l'environnement de développement Python est déjà présent, il suffit d'utiliser pip pour installer Flask : pip install Flask Pour vérifier que Flask est opérationnel, je tape les commandes suivantes sans avoir d'erreur : text/html 2019-05-02T20:21:30+00:00 Anonymous (anonymous@undisclosed.example.com) flask_login01 /doku.php/isn/flask_login01?rev=1556828490&do=diff Activité : authentifier des utilisateurs avec Flask Ressources : <https://pythonspot.com/login-authentication-with-flask/> Le module session Le module session de Flask permet de gérer des sessions utilisateur : * ouvrir une session en authentifiant un utilisateur à partir de nom de compte et d'un mot de passe text/html 2019-12-10T16:39:37+00:00 Anonymous (anonymous@undisclosed.example.com) flask_replit /doku.php/isn/flask_replit?rev=1575995977&do=diff Activité : utiliser Flask avec le site repl.it J'accède au site repl.it * J'accède au site à l'adresse <https://repl.it/> pour créer un nouveau repl avec le bouton New repl utilisant le langage Python : Le site de repl.it du projet se présente en 3 parties : text/html 2019-12-10T16:46:32+00:00 Anonymous (anonymous@undisclosed.example.com) flask_todo02 /doku.php/isn/flask_todo02?rev=1575996392&do=diff Activité : gérer les données du formulaire de la page HTML Présentation La page index.html contient un formulaire avec : * comme action à exécuter la route demandée sur le serveur : /ajout * la méthode d'envoi des données : POST * un champ de saisie nommé : text/html 2019-03-22T06:42:24+00:00 Anonymous (anonymous@undisclosed.example.com) flask_todo03 /doku.php/isn/flask_todo03?rev=1553236944&do=diff Activité : afficher une liste de Todo L'affichage d'une liste de tâches consiste : * au serveur de fournir la liste des tâches avec la page index.html ; * à la page index.html d'afficher autant de tâches qu'il y en a dans la liste. Modification de la vue / text/html 2019-03-21T22:46:38+00:00 Anonymous (anonymous@undisclosed.example.com) flask_todo04 /doku.php/isn/flask_todo04?rev=1553208398&do=diff Activité : utiliser des images et des fichiers dans un page HTML Présentation Il n'est pas possible d'utiliser une page HTML qui est un template, des chemins vers les fichiers comme : * les feuilles de styles CSS ; * les fichiers de scripts text/html 2019-12-12T14:13:58+00:00 Anonymous (anonymous@undisclosed.example.com) flask_todo05 /doku.php/isn/flask_todo05?rev=1576160038&do=diff Activité Flask : utiliser les cases à cocher (checkbox) Présentation Une case à cocher est associée à chaque tâche pour indiquer si elle est terminée ou pas : * en cochant la case à cocher, la tâche est considérée comme terminée ; * text/html 2019-03-23T17:44:24+00:00 Anonymous (anonymous@undisclosed.example.com) flask_todo06 /doku.php/isn/flask_todo06?rev=1553363064&do=diff Activité : les routes avec Flask Définir une route à partir d'un lien dans la page HTML * une URL dans un lien en précisant le nom de la route : <a href="/exemple">accéder à la page exemple</a> * une URL dans un lien en utilisant la fonction text/html 2018-01-20T15:38:54+00:00 Anonymous (anonymous@undisclosed.example.com) gpio /doku.php/isn/gpio?rev=1516462734&do=diff Raspberry : le GPIO du Raspberry Présentation Le port GPIO (General Purpose Input/Output) du Raspberry Pi permet d'interagir avec le monde réel en communiquant avec des capteurs, des moteurs, et d'autres composants électroniques (sondes de température, LEDs, capteurs gyroscopiques, boussoles, GPS, etc.). text/html 2018-01-25T21:12:00+00:00 Anonymous (anonymous@undisclosed.example.com) gpio_feutricolore /doku.php/isn/gpio_feutricolore?rev=1516914720&do=diff Raspberry : montage et programmation d'un feu tricolore avec des LEDs Travail à faire : réaliser un feu tricolore avec un bouton pour piéton : * les feux doivent passer régulièrement du vert à l'orange puis au rouge, * si un piéton appuie text/html 2018-11-22T19:06:20+00:00 Anonymous (anonymous@undisclosed.example.com) gpio_led1 /doku.php/isn/gpio_led1?rev=1542913580&do=diff Raspberry : montage et programmation avec une LED Montage à réaliser Sur ce montage, la LED est reliée : * par la patte de la cathode à la masse (GRD), * par la patte de l'anode à une résistance de 1k ohms, * l'autre patte la résistance à la broche 7 c'est à dire au text/html 2019-02-07T19:45:54+00:00 Anonymous (anonymous@undisclosed.example.com) gpio_pantilt /doku.php/isn/gpio_pantilt?rev=1549568754&do=diff Raspberry : utiliser le Pan-Tilt Kit Ressources * Site du constructeur : <https://learn.pimoroni.com/pan-tilt-hat> * Bibliothèque Python : <https://github.com/pimoroni/pantilt-hat> * Brochage : <https://pinout.xyz/pinout/pan_tilt_hat> * Documentation du constructeur : <http://docs.pimoroni.com/> Assemblage du Pan-Tilt * <https://learn.pimoroni.com/tutorial/sandyj/assembling-pan-tilt-hat> text/html 2018-03-01T20:10:20+00:00 Anonymous (anonymous@undisclosed.example.com) gpio_relais /doku.php/isn/gpio_relais?rev=1519935020&do=diff Raspberry : programmer des relais Le câblage des relais * les optocoupleurs sont alimenté en +3,3V grace à la broche VCC située à droite des quatre entrées (IN, IN2, IN3, IN4), * chaque entrée permet de commander l'optocoupleur qui lui même commande un text/html 2018-04-24T13:16:54+00:00 Anonymous (anonymous@undisclosed.example.com) gpio_varpuissance /doku.php/isn/gpio_varpuissance?rev=1524575814&do=diff Raspberry : faire varier la puissance électrique avec PWM Ressources * Brochage du GPIO et des cartes HAT : <https://fr.pinout.xyz/> * Article sur PWM : <https://mespotesgeek.fr/fr/variation-de-puissance-electrique-via-raspberry/> * Document PDF sur PWM : Présentation Pour contrôler l’intensité lumineuse d’une LED ou la vitesse d’un moteur en utilisant les sorties GPIO du Raspberry, il faudrait pourvoir text/html 2020-05-11T13:56:31+00:00 Anonymous (anonymous@undisclosed.example.com) html1 /doku.php/isn/html1?rev=1589205391&do=diff Activité HTML N° 1 La page d'accueil index.html Les sites Web ont toujours une page d'accueil qui est la première à être affichée quand on accède au site. Cette page porte en général le nom index.html mais cela peut être différent. Sur le site text/html 2020-05-18T12:49:21+00:00 Anonymous (anonymous@undisclosed.example.com) html2 /doku.php/isn/html2?rev=1589806161&do=diff Activité HTML N° 2 : organiser la page Web Les titres Le langage HTML permet de définir six niveaux de titres différents. * <h1> </h1> : signifie titre très important comme le titre de la page au début de celle-ci. * <h2> </h2> : signifie text/html 2019-02-14T19:28:30+00:00 Anonymous (anonymous@undisclosed.example.com) html3 /doku.php/isn/html3?rev=1550172510&do=diff Activité HTML N° 3 les formulaires Présentation Dans une page HTML, les formulaires permettent de saisir des données : * l'utilisateur saisit des données, * ensuite l'utilisateur valide sa saisie et soumet le formulaire c'est à dire demande l'envoi des informations saisies au serveur Web, text/html 2019-02-14T19:55:58+00:00 Anonymous (anonymous@undisclosed.example.com) javascript1 /doku.php/isn/javascript1?rev=1550174158&do=diff Activité Javascript N°1 - interagir avec la page HTML Présentation de javascript JavaScript est un langage de programmation de scripts orienté objet qui est utilisable dans les navigateurs actuels car ceux-ci intègre un interpréteur JavaScript text/html 2018-05-03T18:42:24+00:00 Anonymous (anonymous@undisclosed.example.com) javascript2 /doku.php/isn/javascript2?rev=1525372944&do=diff Activité Javascript N°2 - gérer les touches du clavier Présentation JavaScript permet de gérer des événements. Pour chaque événement, un objet Event est créé et permet d'accéder à beaucoup d'informations sur l'événement actuellement déclenché. Cela permet par exemple : text/html 2019-03-23T18:02:14+00:00 Anonymous (anonymous@undisclosed.example.com) langageweb /doku.php/isn/langageweb?rev=1553364134&do=diff Les langages pour créer des sites Web Présentation Les sites Web sont créés avec plusieurs langages qui ont chacun leur rôle. Les langages de base sont : * le HTML, * le CSS, * le javascript. Il y a d'autres langages qui sont aussi très utilisés mais le text/html 2019-03-11T11:18:16+00:00 Anonymous (anonymous@undisclosed.example.com) openstreetmap1 /doku.php/isn/openstreetmap1?rev=1552303096&do=diff Activité Intégrer une carte OpenStreetMap dans une page Web Présentation OpenStreetMap est un projet international fondé en 2004 dans le but de créer une carte libre du monde. OpenStreetMap met également à disposition une API permettant d'utiliser le service de cartographie sur ses propres pages Web. Cette activité consiste à intégrer une carte d'OpenStreetMap en utiloisant son text/html 2018-09-06T15:56:54+00:00 Anonymous (anonymous@undisclosed.example.com) presentation /doku.php/isn/presentation?rev=1536249414&do=diff Présentation ISN Les objectifs * approfondir les connaissances et les compétences des élèves. * enseignement d'ouverture et de découverte des problématiques actuelles. Organisation des enseignements * situation d'activité * pédagogie par text/html 2018-09-30T19:48:46+00:00 Anonymous (anonymous@undisclosed.example.com) programmationasynchrone /doku.php/isn/programmationasynchrone?rev=1538336926&do=diff Programmation asynchrone en Python Présentation Un programme informatique réalisé avec un mode de programmation synchrone consiste en une liste de différentes tâches qui s'exécutent les unes après les autres. Dans cette liste, une tâche doit text/html 2019-11-07T14:24:18+00:00 Anonymous (anonymous@undisclosed.example.com) pygame01 /doku.php/isn/pygame01?rev=1573136658&do=diff Pygame : créer une fenêtre de jeu Créer un projet repl.it * aller sur le site <https://repl.it/> * Créer un projet Repl.it en sélectionnant PyGame [ ] Créer la fenêtre de jeu Il faut tout d'abord importer la bibliothèque Pygame. import pygame Puis initialiser text/html 2019-11-14T09:31:07+00:00 Anonymous (anonymous@undisclosed.example.com) pygame02 /doku.php/isn/pygame02?rev=1573723867&do=diff Pygame : gérer une image Utiliser des images Choisissez une image png et téléchargez-là sur le site. Comme exemple, ce sera l'image fraise.png qui sera utilisée. Pour ce projet l'image : * doit avoir les dimensions de 40×40 pixels, * a le coin supérieur gauche positionné aux coordonnées (50, 50). text/html 2019-11-14T10:17:50+00:00 Anonymous (anonymous@undisclosed.example.com) pygame03 /doku.php/isn/pygame03?rev=1573726670&do=diff Pygame : les transformations géométriques Présentation Le module transform de Pygame permet de créer de nouvelles surfaces Pygame en appliquant à une surface source une ou plusieurs transformations, isométriques ou non. La fonction flip pygame.transform.flip(Surface, xbool, ybool) text/html 2020-10-27T14:16:23+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_ap /doku.php/isn/raspberry_ap?rev=1603808183&do=diff Raspberry : Créer un point d'accès wifi avec RaspAP Présentation La Raspberry possède deux interfaces réseaux : * une interface filaire avec un connecteur RJ45, * une interface Wifi. Ces deux interfaces permettent au Raspberry de se connecter à un réseau existant. Mais grâce à son interface Wifi, il est possible de créer un réseau Wifi en le configurant en point d'accès Wifi. Une solution possible est d'installer et de configurer le logiciel hostapd. text/html 2018-04-26T16:07:58+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_camera /doku.php/isn/raspberry_camera?rev=1524758878&do=diff Raspberry : installer la Pi Camera Ressources * <https://www.pihomeserver.fr/2014/01/09/raspberry-pi-home-server-installer-facilement-la-camera-raspberry-pi/> Présentation Le Rapsberry possède un port CSI (Camera Serial Interface) avec un débit élevé qui permet la connexion d'un module spécifique de caméra. Il ne faut pas confondre ce port avec l'autre port du Raspberry qui est un port text/html 2018-12-07T07:49:34+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_cmd /doku.php/isn/raspberry_cmd?rev=1544168974&do=diff Raspberry : utiliser le terminal et les commandes en ligne Unix Présentation Le Raspberry est configuré avec la distribution logicielle Raspbian. Cette distribution Raspbian est basée sur le système d'exploitation Debian, un des systèmes d'exploitation utilisant le * text/html 2018-12-06T22:11:30+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_cmd_ex /doku.php/isn/raspberry_cmd_ex?rev=1544134290&do=diff Raspberry : exercices sur les commandes Unix de base Lance le terminal Il y a deux manières d'accéder au terminal : * à distance en SSH avec un logiciel comme Putty, * depuis le bureau en lançant le Terminal. C'est cette manière qui est utilisée ci-après. text/html 2018-05-24T17:34:00+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_file /doku.php/isn/raspberry_file?rev=1527183240&do=diff Raspberry : Créer un serveur de fichiers Présentation L'échange de fichiers depuis un PC vers le Raspberry est facilité en installant un serveur de fichiers sur le Rapsberry. Cela permet notamment de créer et de modifier les pages web depuis son PC pour ensuite les text/html 2018-04-20T08:32:58+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_intranet /doku.php/isn/raspberry_intranet?rev=1524213178&do=diff Raspberry : Créer un intranet avec le serveur Web Lighttpd Présentation La création du point d'accès Wifi avec le logiciel hostapd a mis en place le serveur Web Lighttpd pour disposer d'une interface d'administration Web. Par défaut, ce serveur Web écoute sur le text/html 2018-05-03T16:54:38+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_json /doku.php/isn/raspberry_json?rev=1525366478&do=diff Raspberry : utiliser le format JSON pour les messages Présentation Quand les messages à échanger sont simples, une chaîne de caractères comme un mot ou une phrase suffisent. Dès que les messages doivent contenir des données différentes, il est préférable de les text/html 2018-04-26T19:03:34+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_motion /doku.php/isn/raspberry_motion?rev=1524769414&do=diff Raspberry : diffuser le flux video de la Pi Camera avec Motion Ressources * <https://raspbian-france.fr/video-surveillance-raspberry-pi-camera/comment-page-2/> Présentation Le logiciel Motion de vidéo surveillance qui permet de diffuser les flux vidéos issus de différentes caméras en ligne c'est à dire en streaming. Motion est capable de faire de la text/html 2018-05-16T18:54:12+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_motorshield /doku.php/isn/raspberry_motorshield?rev=1526496852&do=diff Raspberry : utiliser la carte d'extension Motor Shield de SB Components Ressources * Site de SB Component sur le Motot Shield : <http://sb-components.co.uk/motor-shield.html> * schéma de la carte Motor Shield : * Information sur le Pont-H L293D : <https://wiki.mchobby.be/index.php?title=Pont-H_L293D> Présentation La carte d'extension Motor Shield text/html 2018-05-03T10:45:20+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_motorshieldfleche /doku.php/isn/raspberry_motorshieldfleche?rev=1525344320&do=diff Raspberry : gestion synchrone des flèches de la carte Motor Shield Voici un programme synchone pour permettre de gérer les flèches avec le clavier : * les touches a et e pour les flèches gauche et droite, * les touches p et l pour gérer les flèches text/html 2018-09-30T18:39:14+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_websocket1 /doku.php/isn/raspberry_websocket1?rev=1538332754&do=diff Raspberry : premier websocket client et serveur Le websocket serveur Au niveau du Raspberry, le Websocket serveur est créé avec le langage Python et nécessite une programmation asynchrone des échanges de messages entre le client et le serveur. Le text/html 2018-05-03T16:58:14+00:00 Anonymous (anonymous@undisclosed.example.com) raspberry_websocket2 /doku.php/isn/raspberry_websocket2?rev=1525366694&do=diff Raspberry : un websocket pour recevoir et envoyer des messages en même temps Le premier programme de Websocket serveur en python : * écoutait tout d'abord le message envoyé par le client (la page html) qui se connecte, * avant d'envoyer le message de bienvenu (Bonjour). text/html 2018-05-02T16:42:56+00:00 Anonymous (anonymous@undisclosed.example.com) schemaprojet /doku.php/isn/schemaprojet?rev=1525279376&do=diff Présentation du schéma de fonctionnement du projet voiture Schéma réseau Le Raspberry embarqué dans la voiture se comporte comme un point d'accès Wifi sur lequel va se connecter l'ordinateur qui permet le pilotage du véhicule : * le logiciel RaspAP a créé un SSID RapspAP text/html 2018-01-20T15:38:38+00:00 Anonymous (anonymous@undisclosed.example.com) vnc /doku.php/isn/vnc?rev=1516462718&do=diff Raspberry : contrôler à distance le Raspberry avec VNC Présentation de VNC VNC (Virtual Network Computing) ou informatique virtuelle en réseau est un système de visualisation et de contrôle de l'environnement de bureau d'un ordinateur distant. Il permet au text/html 2019-12-04T10:15:36+00:00 Anonymous (anonymous@undisclosed.example.com) webdynamique /doku.php/isn/webdynamique?rev=1575454536&do=diff Cours : Les sites Web dynamiques Architecture d'un service Web Un site Web accessible sur Internet ou un réseau local est conçu selon une architecture Client-serveur : * le serveur héberge les pages Web ; * le client est le navigateur sur mon ordinateur qui me permet de text/html 2019-03-22T07:37:26+00:00 Anonymous (anonymous@undisclosed.example.com) websocketflask_01 /doku.php/isn/websocketflask_01?rev=1553240246&do=diff Cours : gérer un websocket avec Flask Ressources * <https://flask-socketio.readthedocs.io/en/latest/> * <https://www.fullstackpython.com/websockets.html> * <https://www.xul.fr/html5/websocket.php> * <https://github.com/joshporter1/codenames> Les échanges entre le client et le serveur Installation Pour utilser les websockets avec Flask, jinstalle le module flask-socketio : pip install flask-socketio Activité Les langages pour créer des sites Web ... text/html 2020-03-12T14:56:03+00:00 Anonymous (anonymous@undisclosed.example.com) websocketflask_02 /doku.php/isn/websocketflask_02?rev=1584024963&do=diff Activité : les bases des websockets avec Flask-socketio Une application de base from flask import Flask, render_template from flask_socketio import SocketIO app = Flask(__name__) # creation de l'application Web utilisant Flask app.config['SECRET_KEY'] = 'secret!' #activation du chiffrement socketio = SocketIO(app) # SockeyIO est associe a app @app.route('/') # vue/page d'accueil du site Web def index(): return render_template('index.html') @socketio.on('messagepourserveur') def messa… text/html 2020-03-12T15:04:42+00:00 Anonymous (anonymous@undisclosed.example.com) websocketflask_03 /doku.php/isn/websocketflask_03?rev=1584025482&do=diff Activité : première application websocket avec Flask-socketio Les dossiers du projet Je crée les dossiers de mon projet : * la gestion du Websocket côté client se réalise en javascript, dans le fichier websocket.js. Programme javascript de base du client : la page index.html text/html 2018-04-26T19:44:52+00:00 Anonymous (anonymous@undisclosed.example.com) websocketpresentation /doku.php/isn/websocketpresentation?rev=1524771892&do=diff Présentation des Websockets Un WebSocket est un protocole réseau qui permet d'établir une communication bidirectionnelle entre un client et un serveur. Voici, les principales caractéristiques du protocole HTTP du Web qui le différencie des Websockets :