@import url("/mediawiki/index.php?action=raw&ctype=text/css&title=MediaWiki:EnsSpeDemo.css"); .phone {

   position: relative;
   width: 180px;
   height: 320px;
   margin: auto;
   border: 8px rgb(75, 75, 75) solid;
   border-top-width: 30px;
   border-bottom-width: 30px;
   border-radius: 18px;
 }

.phone:before {

   content: ;
   display: block;
   width: 30px;
   height: 5px;
   position: absolute;
   top: -15px;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #333;
   border-radius: 10px;
 }

.phone:after {

   content: ;
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   left: 50%;
   bottom: -35px;
   transform: translate(-50%, -50%);
   background: #333;
   border-radius: 50%;
 }

.phone .content {

   display: flex;
   width: 180px;
   height: 320px;
   background: white;
 }

.demo-col {

 display: flex;
 flex-direction: column;
 }

.demo-row {

 display: flex;
 flex-direction: row;
 }

.demo-full {

 display: flex;
 width: 98%;
 padding: 0 1%;
 }

.demo-half {

 display: flex;
 width: 47%;
 padding: 0 1%;
 }

.demo-third {

 display: flex;
 width: 29%;
 padding: 0 2%;
 }

.demo-title {

 display: flex;
 justify-content: center;
 background-color: grey;
 font-size: 200%;
 margin-bottom: 1em;
 margin-top: 1em;
 }

.demo-center {

 align-items: center;
 justify-content: center;
 }

.demo-left {

 justify-content: left;
 }

.demo-right {

 justify-content: right;
 }

.demo-parent {

 position: relative;
 }

.demo-dyn {

 border: 0px;
 display: none;
 position: absolute;
 color: blue;
 font-style: bold;
 font-size: 24pt;
 }

.parchment {

 display: flex;
 padding: 0px 35px 0px 35px;
 width: 130px;
 height: 200px;
 font-family: georgia,times;
 font-style: italic;
 font-size: 10pt;
 background-image: url('/mediawiki/images/4/48/Parchment.png');
 background-size: 200px 200px;
 background-origin: border-box;
 }

.demo-slider {

 display: flex;
 border: 1px grey solid;
 box-sizing: border-box;
 height: 30px;
 width: 141px;
 }

.demo-slider-cursor {

 display: flex;
 width: 15px;
 height: 30px;
 background-color: black;
 position: relative;
 }

MediaWiki:EnsSpeDemo.js

Description

Ces pages concernent l'enseignement de spécialité dédié à la spécialité système embarqué de Polytech'Lille. Plus particulièrement la filière Internet et sécurité.

Vous allez concevoir et réaliser un dispositif couvrant tous les domaines couverts par la spécialité système embarquée filière internet des objets.

Votre objectif est de commander un système embarqué minimal à l'aide d'une application tournant sur un téléphone.

Téléphone

Serveur Web