Commit 069574b4 authored by ibex17's avatar ibex17 🐐
Browse files

Structural changes

parent f46f3669
......@@ -37,12 +37,10 @@
<!-- Left article -->
<article class="left_article">
<h3>Creer un compte utilisateur</h3>
<!-- Login form -->
</article>
</section>
<!-- Developers description -->
<!-- Choice -->
<div class="row">
<!-- Repetiteur -->
......
......@@ -73,7 +73,7 @@
<!-- Soo -->
<div class="columns">
<p class="thumbnail_align"><img src="images/Soo.png" alt="" class="thumbnail"/></p>
<p class="thumbnail_align"><img src="images/Hyeonsoo.jpeg" alt="" class="thumbnail"/></p>
<h4>Hyeonsoo LEE</h4>
<p>Etudiante en Systèmes d'informations et Sciences des Services à l'Université de Genève.
......
......@@ -5,8 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Connexion</title>
<link href="css/webHeader.css" rel="stylesheet" type="text/css">
<link href="css/formStyle.css" rel="stylesheet" type="text/css">
<link href="../css/webHeader.css" rel="stylesheet" type="text/css">
<link href="../css/formStyle.css" rel="stylesheet" type="text/css">
</head>
<!-- Website page -->
......@@ -22,11 +22,11 @@
<!-- Menu -->
<nav class="secondary_header" id="menu">
<ul>
<li><a href="index.html" style="text-decoration: none">ACCUEIL&nbsp;</a></li>
<li><a href="repetitoires.html" style="text-decoration: none">REPETITOIRES&nbsp;</a></li>
<li><a href="creerCompte.html" style="text-decoration: none">CREER COMPTE&nbsp;</a></li>
<li><a href="connexion.html" style="text-decoration: none">CONNEXION&nbsp;</a></li>
<li><a href="contact.html" style="text-decoration: none">CONTACT&nbsp;</a></li>
<li><a href="../index.html" style="text-decoration: none">ACCUEIL&nbsp;</a></li>
<li><a href="../repetitoires.html" style="text-decoration: none">REPETITOIRES&nbsp;</a></li>
<li><a href="../creerCompte.html" style="text-decoration: none">CREER COMPTE&nbsp;</a></li>
<li><a href="../connexion.html" style="text-decoration: none">CONNEXION&nbsp;</a></li>
<li><a href="../contact.html" style="text-decoration: none">CONTACT&nbsp;</a></li>
</ul>
</nav>
......
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>rechercheCours</title>
<link href="../css/repetitoires.css" rel="stylesheet" type="text/css">
<link href="../css/formStyle.css" rel="stylesheet" type="text/css">
</head>
<!-- Website page -->
<body>
<div class="container">
<header>
<!-- Header -->
<div class="primary_header">
<h1 class="title1"> RAIP&nbsp;</h1>
<h2 class="title2">Répétitoire Académique d'Introduction à la Programmation&nbsp;</h2>
</div>
<!-- Menu -->
<nav class="secondary_header" id="menu">
<ul>
<li><a href="../index.html" style="text-decoration: none">ACCUEIL&nbsp;</a></li>
<li><a href="../repetitoires.html" style="text-decoration: none">REPETITOIRES&nbsp;</a></li>
<li><a href="../creerCompte.html" style="text-decoration: none">CREER COMPTE&nbsp;</a></li>
<li><a href="../connexion.html" style="text-decoration: none">CONNEXION&nbsp;</a></li>
<li><a href="../contact.html" style="text-decoration: none">CONTACT&nbsp;</a></li>
</ul>
</nav>
</header>
<!-- Content -->
<section>
<h2 class="noDisplay">Main Content</h2>
<!-- Left article -->
<article class="left_article">
<h3>Ici vous pouvez chercher le cours qui vous intéresse</h3>
<!-- Search criteria -->
<!-- Form -->
<div class="form-style-10">
<form>
<div class="section"><span>1</span>Critères de recherche</div>
<div class="inner-wrap">
<label>Langue </label>
<label class="container2">Français
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
<label class="container2">Anglais
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label>Cours <select id="cours" name="cours">
<optgroup label="UNIGE">
<option value="dataStructure">Structures de données</option>
<option value="Utils">Outils informatiques</option>
<option value="recursion">Fonctions récursives</option>
<option value="procedural">Programmation procédurale</option>
</optgroup>
</select></label>
</div>
<div class="button-section">
<button type="submit">Chercher</button>
</div>
</form>
</div>
</article>
</section>
<!-- Copyright footer -->
<footer class="secondary_header footer">
<div class="copyright">&copy;2021 - <strong>Prototype projet de Base de Données</strong></div>
</footer>
</div>
</body>
</html>
var mysql = require('mysql');
var connection = mysql.createConnection({
host: 'SG-RAIP-4399-mysql-master.servers.mongodirector.com',
user: 'sgroot',
password: 'TTY+Iz0vWzzO1z9b',
database: 'RAIP',
port: 3306,
});
connection.connect(function (err) {
if (err) throw err;
console.log("Connected!");
/* var sql = "INSERT INTO RAIP.utilisateur (email, mot_de_passe, prenom, nom, faculte, niveau_etude, est_un_etudiant, est_un_repetiteur) VALUES ('Ahmed.Buzgheiba@etu.unige.ch', 'Ahmed', 'Buygheiba', 'GSEM', 'Bachelor', 1, 0);";
connection.query(sql, function (err, result) {
if (err) throw err;
console.log("User inserted");
});*/
});
\ No newline at end of file
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>rechercheCours</title>
<link href="../css/creerCompte.css" rel="stylesheet" type="text/css">
<link href="../css/formStyle.css" rel="stylesheet" type="text/css">
</head>
<!-- Website page -->
<body>
<div class="container">
<header>
<!-- Header -->
<div class="primary_header">
<h1 class="title1"> RAIP&nbsp;</h1>
<h2 class="title2">Répétitoire Académique d'Introduction à la Programmation&nbsp;</h2>
</div>
<!-- Menu -->
<nav class="secondary_header" id="menu">
<ul>
<li><a href="../index.html" style="text-decoration: none">ACCUEIL&nbsp;</a></li>
<li><a href="../repetitoires.html" style="text-decoration: none">REPETITOIRES&nbsp;</a></li>
<li><a href="../creerCompte.html" style="text-decoration: none">CREER COMPTE&nbsp;</a></li>
<li><a href="../connexion.html" style="text-decoration: none">CONNEXION&nbsp;</a></li>
<li><a href="../contact.html" style="text-decoration: none">CONTACT&nbsp;</a></li>
</ul>
</nav>
</header>
<!-- Content -->
<section>
<!-- Left article -->
<article class="left_article">
<h3>Choisissez le langage de programmation qui vous intéresse</h3>
</article>
</section>
<!-- Choice -->
<div class="row">
<!-- Java -->
<div class="columns">
<p class="thumbnail_align"><img src="../images/java.png" alt="" class="thumbnail"/></p>
<h4><a href="../compteRepetiteur.html">
<button class="button">Java</button>
</a></h4>
<p>Java est un langage de programmation et une plate-forme informatique qui ont été créés par Sun
Microsystems en 1995. Beaucoup d'applications et de sites Web ne fonctionnent pas si Java n'est pas
installé et leur nombre ne cesse de croître chaque jour.</p>
<p>Java est rapide, sécurisé et fiable. Des ordinateurs portables aux centres de données, des consoles de
jeux aux superordinateurs scientifiques, des téléphones portables à Internet, la technologie Java est
présente sur tous les fronts !</p>
</div>
<!-- Scala -->
<div class="columns">
<p class="thumbnail_align"><img src="../images/scala.jpg" alt="" class="thumbnail"/></p>
<h4><a href="../compteEtudiant.html">
<button class="button">Scala</button>
</a></h4>
<p>Scala est un langage de programmation multi-paradigme conçu à l'École polytechnique fédérale de Lausanne
(EPFL) pour exprimer les modèles de programmation courants dans une forme concise et élégante. Son nom
vient de l'anglais Scalable language qui signifie à peu près « langage adaptable » ou « langage qui peut
être mis à l'échelle ». Il peut en effet être vu comme un métalangage.</p>
<p>Scala intègre les paradigmes de programmation orientée objet et de programmation fonctionnelle, avec un
typage statique. Il concilie ainsi ces deux paradigmes habituellement opposés (à de rares exceptions
près, telle que le langage OCaml) et offre au développeur la possibilité de choisir le paradigme le plus
approprié à son problème.</p>
</div>
</div>
<!-- Copyright footer -->
<footer class="secondary_header footer">
<div class="copyright">&copy;2021 - <strong>Prototype projet de Base de Données</strong></div>
</footer>
</div>
</body>
</html>
......@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>rechercheCours</title>
<link href="css/repetitoires.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<link href="css/formStyle.css" rel="stylesheet" type="text/css">
</head>
......@@ -34,52 +34,59 @@
<!-- Content -->
<section>
<h2 class="noDisplay">Main Content</h2>
<!-- Left article -->
<article class="left_article">
<h3>Ici vous pouvez chercher le cours qui vous intéresse</h3>
<!-- Search criteria -->
<!-- Form -->
<div class="form-style-10">
<h3>Cours de programmation Scala</h3>
<form>
<div class="section"><span>1</span>Critères de recherche</div>
<div class="inner-wrap">
<label>Langue </label>
<label class="container2">Français
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
<label class="container2">Anglais
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label>Cours <select id="cours" name="cours">
<optgroup label="UNIGE">
<option value="dataStructure">Structures de données</option>
<option value="Utils">Outils informatiques</option>
<option value="recursion">Fonctions récursives</option>
<option value="procedural">Programmation procédurale</option>
</optgroup>
</select></label>
</div>
<p>Scala est un langage de programmation multi-paradigme conçu à l'École polytechnique fédérale de Lausanne
(EPFL) pour exprimer les modèles de programmation courants dans une forme concise et élégante. Son nom
vient de l'anglais Scalable language qui signifie à peu près « langage adaptable » ou « langage qui peut
être mis à l'échelle ». Il peut en effet être vu comme un métalangage.</p>
<p>Scala intègre les paradigmes de programmation orientée objet et de programmation fonctionnelle, avec un
typage statique. Il concilie ainsi ces deux paradigmes habituellement opposés (à de rares exceptions
près, telle que le langage OCaml) et offre au développeur la possibilité de choisir le paradigme le plus
approprié à son problème.</p>
</article>
<div class="button-section">
<button type="submit">Chercher</button>
</div>
</form>
<!-- Right image -->
<aside>
<div class="columns">
<p class="thumbnail_align"><img src="images/scala.jpg" alt="" class="thumbnail"/></p>
<h4><a href="compteEtudiant.html">
<button class="button">Créer un nouveau cours</button>
</a></h4>
<p>Si vous etes répétiteur vous pouvez creer un nouveau cours ici</p>
</div>
</article>
</aside>
</section>
<!-- Choice -->
<div class="row">
<div class="form-style-10">
<form action="studentForm.php" method="post">
<div class="section"><span>1</span>Liste des cours disponibles</div>
<div class="inner-wrap">
<label>Faculté <select id="faculte" name="faculte">
<optgroup label="UNIGE">
<option value="Sciences">Scala Loop</option>
<option value="Lettres">Lettres</option>
<option value="CUI">CUI</option>
<option value="GSEM">GSEM</option>
</optgroup>
</select></label>
</div>
</form>
</div>
</div>
<!-- Copyright footer -->
<footer class="secondary_header footer">
<div class="copyright">&copy;2021 - <strong>Prototype projet de Base de Données</strong></div>
</footer>
</div>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment