appWeb/index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>Station météo</title>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/script.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div id="corps">
		<h1>Station météo en ligne</h1>
		<h2>Gracias-Havard-Knockaert-Qiang</h2>
		<p>Vous êtes sur l'application web du projet de Systèmes communicants du 2e groupe du TD2 IMA3 de Polytech Lille. Le projet est une application web affichant des relevés météo. Les données sont mesurées par des capteurs se trouvant sur une carte Arduino ou sur un contrôleur FPGA. Ces données sont envoyées en série sur une raspberry Pi 2, qui se charge de les envoyer sur l'application web, via websockets.</p>
		<h3>Connection <span class="connecOn">On</span>/<span class="connecOff">Off</span></h3>
		<h3>Météo dans la région Lilloise</h3>
		<div id="relevesMeteo">
			<button onclick="requeteEnvoi();">Récupérer les données</button>
			<table>
				<tr>
					<th>Température</th>
					<th>Humidité</th>
					<th>Pression</th>
					<th>Luminosité</th>
					<th>Vitesse du vent</th>
				</tr>
				<tr>
					<td class="temperature">0 °C</td>
					<td class="humidite">0 %</td>
					<td class="pression">0 hPa</td>
					<td class="luminosite">0 Lux</td>
					<td class="vent">0 km/h </td>
				</tr>
			</table>
			<h4 style="display:none;">Temps actuel : Le ciel est <span class="nuage"></span> et il <span class="pluie"></span>.</h4>
		</div>
	</div>
</body>	
</html>