initial files

author: Clyhtsuriva Synck <clyhtsuriva> 2020-03-01 14:56:37 +0100
committer: Clyhtsuriva Synck <clyhtsuriva> 2020-03-01 14:56:37 +0100
commit: cedf7dfd2eedf0af7a3e5d990b715bb5caea1e29 (patch)
tree: 9b96a33dccada1e942d93ac968804aae48554ede
parent: b105bceeb426f5faca4933303a0cf01e083f73c5 (diff)
6 files changed, 239 insertions, 0 deletions
diff --git a/dut.html b/dut.html
new file mode 100644
index 0000000..10e6c11
--- /dev/null
+++ b/dut.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <title>Département R&amp;T de l'IUT de Villetaneuse</title>
+ <meta charset="utf-8">
+ <meta name="author" content="Adjutor Aimeric">
+ <link rel="stylesheet" type="text/css" href="style.css">
+
+<script>
+function toggle_div(bouton, id) { 
+  var div = document.getElementById(id);
+  if(div.style.display=="none") {
+    div.style.display = "block"; 
+  } else { 
+    div.style.display = "none"; 
+  }
+}
+</script>
+</head>
+
+<body>
+<h1>Département R&amp;T de l’IUT de Villetaneuse</h1>
+<p>Bienvenue sur le site web du département R&amp;T de l'IUT de Villetaneuse. Voici le menu de cette page :</p>
+<ul>
+ <li><a href="#ENT">L'ENT</a></li>
+ <li><a href="#Prog">Programme du DUT R&amp;T</a></li>
+ <li><a href="#Lien">Liens</a></li>
+ <li><a href="#Contact">Contact</a></li>
+</ul>
+<div class="list" id="list" style="display:none;"><ul>
+ <li><a href="#ENT">L'ENT</a></li>
+ <li><a href="#Prog">Programme du DUT R&amp;T</a></li>
+ <li><a href="#Lien">Liens</a></li>
+ <li><a href="#Contact">Contact</a></li>
+</ul></div>
+<div class="menu" onclick="toggle_div(this,'list');"><em>Menu</em></div>
+<div onclick="toggle_div(this,'content_ENT');"><h2 id="ENT">L'ENT</h2></div>
+<div id="content_ENT" style="display:none;">
+<p>
+L'ENT (espace numérique de travail) vous permet de <strong>voir vos notes</strong>, d'<u>accéder à votre emploi du temps</u> et enfin d'<u><strong>utiliser votre boîte mail.</strong></u>
+</p>
+<p><em>Pour accéder à votre ENT :
+<a href="https://ent.univ-paris13.fr/">
+liens
+</a>
+</em>
+</p>
+</div>
+<div onclick="toggle_div(this,'content_Prog');"><h2 id="Prog">Programme du DUT R&amp;T</h2></div>
+<div id="content_Prog" style="display:none;">
+<p>La formation est organisée sur 4 semestres :</p>
+<table class="tab1">
+ <tr>
+  <th>Semestre</th>
+  <th>Volume horaire</th>
+ </tr>
+ <tr>
+  <td>S1</td>
+  <td>400h</td>
+ </tr>
+  <tr>
+  <td>S2</td>
+  <td>400h</td>
+ </tr>
+  <tr>
+  <td>S3</td>
+  <td>300h</td>
+ </tr>
+  <tr>
+  <td>S4</td>
+  <td>200h</td>
+ </tr>
+</table>
+<p>Les modules enseignés en S1 :</p>
+<table class="tab2">
+ <tr>
+  <th>Module</th>
+  <th colspan="2">Volume horaire</th>
+ </tr>
+ <tr>
+  <td rowspan="3">M1101 - Réseaux d'entreprise</td>
+  <td>CM</td>
+  <td>6h</td>
+ </tr>
+ <tr>
+  <td>TD</td>
+  <td>12h</td>
+ </tr>
+  <tr>
+  <td>TP</td>
+  <td>18h</td>
+ </tr>
+  <tr>
+	<td rowspan="3">M1102 - Téléphonie</td>
+	<td>CM</td>
+	<td>6h</td>
+  </tr>
+  <tr>
+ 	 <td>TD</td>
+ 	 <td>12h</td>
+ </tr>
+  <tr>
+ 	 <td>TP</td>
+ 	 <td>12h</td>
+ </tr>
+</table>
+</div>
+<div onclick="toggle_div(this,'content_Lien');"><h2 id="Lien">Liens</h2></div>
+<div id="content_Lien" style="display:none;">
+<p>L'IUT de Villetaneuse</p>
+<a target="_blank"
+	href="https://iutv.univ-paris13.fr/">
+	<img src="img/iutv.png"
+   	  alt="icone_de_iutv"/>
+</a>
+<p>L'universite Paris 13</p>
+<a target="_blank"
+	href="https://www.univ-paris13.fr/">
+<img src="img/p13.png"
+     alt="icone_de_paris13"/>
+</a>
+</div>
+<div onclick="toggle_div(this,'content_Contact');"><h2 id="Contact">Contact</h2></div>
+<div id="content_Contact" style="display:none;">
+<p>Contactez nous en remplissant ce formulaire:</p>
+<form action="traitement.py">
+<table>
+	<tr>
+		<td>Votre nom:</td>
+		<td><input type="text" name="nom"/></td>
+	</tr>
+	<tr>
+		<td>Votre statut</td>
+		<td>
+		<label>
+		<input type="radio" name="statut" value="lycéen"/>lycéen
+		</label>
+		<label>
+		<input type="radio" name="statut" value="étudiant"/>étudiant
+		</label>
+		<label>
+		<input type="radio" name="statut" value="salarié"/>salarié
+		</label>
+		<label>
+		<input type="radio" name="statut" checked value="autre"/>autre
+		</label>
+		</td>
+	</tr>
+	<tr>
+		<td>Votre question:</td>
+		<td><input type="text" size="60" name="question"/></td>
+	</tr>
+</table>
+	<input type="submit" value="Valider"/><br/>
+</form>
+</div>
+</body>
+</html>
diff --git a/img/IUTV.PNG b/img/IUTV.PNG
new file mode 100644
index 0000000..bc28aba
--- /dev/null
+++ b/img/IUTV.PNG
diff --git a/img/P13.PNG b/img/P13.PNG
new file mode 100644
index 0000000..c7bfc36
--- /dev/null
+++ b/img/P13.PNG
diff --git a/question.txt b/question.txt
new file mode 100644
index 0000000..39c5d0d
--- /dev/null
+++ b/question.txt
@@ -0,0 +1,2 @@
+Adjutor;étudiant;Pourquoi les roses sont rouges ?;Mendon;autre;Est-ce que ça va ?;
+Tasnim;lycéen;Comment regarder fairy tail en streaming ?;
+\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c3a5be2
--- /dev/null
+++ b/style.css
@@ -0,0 +1,52 @@
+body {
+    background-color: Gray;
+	}
+h1 {
+    text-align: center;
+	}
+h1,h2 {color: darkblue;
+	}
+	a {
+	text-decoration: none;
+	}
+a:hover
+	{
+	color: red;
+	}
+.tab1 th {
+	color: white;
+	background-color: black;
+	padding:10px;
+}
+.tab2 th{
+	color: white;
+	background-color: darkblue;
+	padding:10px;
+}
+.tab1 td{
+	border: solid black;
+	padding:10px;
+	}
+.tab2 td{
+	border: solid darkblue;
+	padding:10px;
+	}
+.list {
+	position : fixed;
+	right: 10px;
+	bottom: 10px;
+	background : darkblue;
+	border : solid black;
+}
+.list a {
+	color : white;
+	}
+.list a:hover {color:green;}
+input:focus {
+	background-color: cyan;
+}
+.menu {
+	position:fixed;
+	right: 10px;
+	top: 10px;
+}
diff --git a/traitement.py b/traitement.py
new file mode 100644
index 0000000..ecceba2
--- /dev/null
+++ b/traitement.py
@@ -0,0 +1,27 @@
+#!/usr/bin/python
+#coding: utf-8
+def index(req):
+	req.content_type="text/html"
+	req.write("""<!DOCTYPE html>
+	<html lang="fr">
+		<head>
+		<title>Département R&amp;T de l'IUT de Villetaneuse</title>
+		<meta charset="utf-8">
+		<meta name="author" content="Adjutor Aimeric">
+ 		<link rel="stylesheet" type="text/css" href="STYLE.CSS">
+		</head>
+		<body>""")
+	req.write("""<h1 id="Contact">Contact</h1>""")
+	if (req.form["nom"]==""):
+		req.write("Erreur : nom manquant!")
+	if (req.form["question"]==""):
+		req.write("Erreur : question manquante!")
+	else:
+		req.write("Merci " + req.form["nom"] + "! Votre message a bien été envoyé.")
+		f= open("/home/student/905/11802407/public_html/M1106/question.txt","a")
+		f.write(req.form["nom"] + ";" + req.form["statut"] + ";" + req.form["question"] + ";")
+		f.close
+	req.write("<a href=""http://localhost/~11802407/M1106/dut.html""><br/>Retour à l'acceuil</a>")
+
+	req.write("""</body>
+	</html>""")
author	Clyhtsuriva Synck <clyhtsuriva>	2020-03-01 14:56:37 +0100
committer	Clyhtsuriva Synck <clyhtsuriva>	2020-03-01 14:56:37 +0100
commit	cedf7dfd2eedf0af7a3e5d990b715bb5caea1e29 (patch)
tree	9b96a33dccada1e942d93ac968804aae48554ede
parent	b105bceeb426f5faca4933303a0cf01e083f73c5 (diff)