This commit is contained in:
Ghouar-Toussaint Rafael 2024-06-10 19:29:21 +02:00
parent 9f06dd3434
commit 996a93da2e
11 changed files with 136 additions and 439 deletions

View File

@ -1,40 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>contact</title>
</head>
<body>
<div id="content_cours">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
<!--<a href="contact.html">Contact</a>-->
</nav>
</header>
<h1 class="contact" style="margin-top:50px;"> contact</h1>
<p>
<fieldset>
<form>
<label> un client de messagerie est obligatoire<br> preciser votre message à l'intension de M. GHOUAR-TOUSSAINT</label>
<br><textarea id='texte'></textarea>
<br><button><strong><a href="mailto:gt.rafael6@icloud.com?subject=Hello&body=Message">envoyer</a></strong></button>
</form>
</fieldset>
</p>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a></p>
<p> <time> modifié le 28/03/2023</p>
</footer>
</div>
</body>
</html>

View File

@ -1,137 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Cours Terminale</title>
</head>
<body>
<div id="content_cours">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
<!--<a href="contact.html">Contact</a>-->
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Terminale</br>Cours</h1>
<div class="presentation" style="margin-top:100px;">
<p class="html">Ci-dessous, vous retrouverez les différents cours de la spécialité NSI en classe de terminale pour un Bac Général.</p>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>La Pogrammation Orientée Objet (POO)</u></i></h3>
</td>
<td>
<img src="img/poo.jpg" alt="programmation Orientée Objet" width="400" height="170" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_poo.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_poo.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Récursivité</u></i></h3>
</td>
<td>
<img src="img/recursivite.PNG" alt="Récursivité" width="400" height="300" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_recursivite.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_recursivite.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Liste, Pile / File</u></i></h3>
</td>
<td>
<img src="img/lpf.png" alt="liste pile / file" width="420" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_listepilefile.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_listepilefile.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Les Bases de Données (BDD)</u></i></h3>
</td>
<td>
<img src="img/bdd.PNG" alt="bases de données" width="430" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_bdd.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_bdd.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Les Arbres binaires</u></i></h3>
</td>
<td>
<img src="img/arbres.PNG" alt="les arbres binaire" width="430" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_arbre.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_arbre.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Le Protocole de Routage</u></i></h3>
</td>
<td>
<img src="img/routage.png" alt="protocole de routage" width="420" height="320" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_routage.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_routage.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>System on a Chip (SoC)</u></i></h3>
</td>
<td>
<img src="img/soc.png" alt="System on a Chip" width="420" height="260" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_soc.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_soc.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Chiffrement et Sécurisation des communications</u></i></h3>
</td>
<td>
<img src="img/secu.jpg" alt="Chiffrement et sécurisation" width="430" height="240" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_secu.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_secu.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
</table>
<br>
<center><a class="hdp" href="cours.html#content_cours"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 16/04/2023</p>
</footer>
</div>
</body>
</html>

2
css/style.css Executable file → Normal file
View File

@ -1,6 +1,6 @@
/*Pour toutes les pages : */
body{background-color: #dadbdd}
body{background-color: #ffffff}
header {font-size: 23px;
background-color: #333;

33
html/connexion.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/style.css">
<title>Page de Connexion</title>
</head>
<body>
<div id="content_cours">
<header>
<nav>
<a href="../index.html">Page d'accueil</a>
</nav>
</header>
<h2>Connexion</h2>
<form action="php/connexion.php" method="post">
<label for="login">Login :</label><br>
<input type="text" id="login" name="login"><br>
<label for="password">Mot de passe :</label><br>
<input type="password" id="password" name="password"><br>
<legend> Se souvenir de moi ? </legend>
<input type="checkbox" id="souvenirO" name="souvenirO">
<label for="souvenirO">OUI </label><br><br>
<input type="submit" value="Se connecter">
</form>
</body>
</html>

28
html/inscription.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/style.css">
<title>Page d'Inscription</title>
</head>
<body>
<h2>Inscription</h2>
<form action="../php/inscription.php" method="post">
<label for="login">Login :</label><br>
<input type="text" id="login" name="login" required><br>
<label for="password">Mot de passe :</label><br>
<input type="password" id="password" name="password" required><br><br>
<label for="role">Role:</label>
<select id="role" name="role" required>
<option value="spectator">Spectator</option>
<option value="athlete">Athlete</option>
<option value="organizer">Organizer</option>
</select><br><br>
<input type="submit" value="S'inscrire">
</form>
</body>
</html>

View File

@ -1,29 +1,25 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>NSI - Rafaël G.T</title>
<title>Site des Jeux Olympiques</title>
</head>
<body>
<div id="content index">
<header>
<h1 class="Hello">Bienvenue sur le site des JO !</h1><br>
<nav>
<a href="cours.html">Cours Terminale</a>
<a href="projets_html.html">Projets réalisés en HTML</a>
<a href="projets_python.html">Projets réalisés en Python</a>
<a href="projets_filius.html">Projets réalisés sur filius</a>
<a href="html/connexion.html">Connexion</a>
<a href="html/inscription.html">Inscription</a>
<a href="html/events.html">Évènements</a>
</nav>
</header>
<!-- <h3 class="nsi">La NSI c'est d'la turie ! </h3>-->
<p style="margin-top:145px;">
<h1>NSI <br> GHOUAR-TOUSSAINT Rafaël</h1>

37
php/connexion.php Normal file
View File

@ -0,0 +1,37 @@
<?php
// Informations de connexion à la base de données
$db = mysqli_connect("dwarves.iut-fbleau.fr","ghouar-t","Bases2023","ghouar-t");
if(!$db){
die("Connexion BD impossible.");
}else{
echo "Connexion BD reussie ! <br>";
}
// Récupération des données du formulaire
$login = $_POST['login'];
$password = $_POST['password'];
$result=mysqli_query($db,"SELECT * FROM user WHERE login = '$login' ");
if (mysqli_num_rows($result) > 0) {
$row = mysqli_fetch_assoc($result);
$hash = $row['mdp'];
if (password_verify($password, $hash)) {
echo "Connexion réussie au mdp !";
} else {
echo "Échec de la connexion : couple login/mot de passe invalide.";
}
} else {
echo "Échec de la connexion : login invalide.";
}
mysqli_close($db);
?>

32
php/inscription.php Normal file
View File

@ -0,0 +1,32 @@
<?php
// Informations de connexion à la base de données
$db = mysqli_connect("dwarves.iut-fbleau.fr","ghouar-t","Bases2023","ghouar-t");
if(!$db){
die("Connexion BD impossible.");
}else{
echo "Connexion BD reussie ! <br>";
}
// Récupération des données du formulaire
$login = $_POST['login'];
$password = $_POST['password'];
$role = $_POST['role'];
/*$stmt = mysqli_prepare($db,
"INSERT INTO user (login, mdp)
VALUES (?,?)");*/
$password_hash = password_hash($password, PASSWORD_DEFAULT);
$query_insert = "INSERT INTO user (login, mdp, Role) VALUES ('$login', '$password_hash','role')";
if (mysqli_query($db, $query_insert)) {
echo "Inscription réussie !";
} else {
echo "Erreur lors de l'inscription : " . mysqli_error($db);
}
mysqli_close($db);
?>

View File

@ -1,53 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets Filius</title>
</head>
<body>
<div id="content_projets_filius">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Terminale</br>Projets réalisés sur Filius</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de terminale, j'ai pu réaliser des simulations en utilisant le logiciel <strong>Filius</strong>. </br>Elles sont disponibles ci-dessous.</p> </br>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Routage complet</u></i></h3>
</td>
<td>
<p class="presentation1">Pour cette simulation, il fallait réaliser la conception d'un réseau en observation d'un routage. Le routage final est "divisé" en plusieurs parties pour différencier les différents réseaux.
</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="filius/reseau_routage.fls">.fls</a></strong></button><br><br>
</td>
</tr>
</table>
<br>
<center><a class="hdp" style="margin-top:0px;" href="projets_python.html#content_projets_python"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>

View File

@ -1,65 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets HTML</title>
</head>
<body>
<div id="content_projets_html">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Première</br>Projets réalisés en HTML</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de première, j'ai pu réaliser deux projets en utilisant le langage de programmation <strong>HTML</strong>. Ils sont disponibles ci-dessous.<br>En terminale, l'HTML n'est pas au programme.</p> </br>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Réalisation d'un C.V.</u></i></h3>
</td>
<td>
<p class="presentation1">Le but de ce projet était de réaliser son propre C.V en HTML avec les balises qu'on avait commencé à apprendre en cours. Sur le C.V, il devait y apparaitre du texte en gras, en italique, souligné, surligné. Ainsi que des titres, une image et un lien a href. </p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="zip/cv.zip">Z.I.P.</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Réalisation d'un petit site internet.</u></i></h3>
</td>
<td>
<p class="presentation1">Lors de ce projet en binôme, il fallait réaliser un petit site internet en HTML, CSS et un peu de J.V avec différentes contraintes. Le site devait obligatoirement avoir un formulaire pour pouvoir se rendre sur la page principale du site. Cependant, il fallait avoir un certain âge sinon l'entrée sur le site était interdite.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="zip/site_internet.zip">Z.I.P.</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
<center><a class="hdp" href="projets_html.html#content_projets_html"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>

View File

@ -1,134 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets Python</title>
</head>
<body>
<div id="content_projets_python">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Première/Terminale</br>Projets réalisés en Pyhton</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de première et de terminale, j'ai pu réaliser des projets en utilisant le langage de programmation <strong>Python</strong>, certains plus faciles que d'autres. </br>Ils sont disponibles ci-dessous.</p> </br>
<h3>En classe de Première : </h3>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Création d'un R.P.G.</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet en trinôme de début d'année, il fallait créer un RPG. Le but était de faire un mini-jeu avec un personnage qui pouvait aller dans certains endroits comme par exemple pour se reposer ou acheter des potions magiques et après qu'il se soit reposé, il pouvait aller au combat.<strong><center>Ce projet est toujours en développement.</center></strong></p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/RPG.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Reproduction de la bataille navale</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet en binôme, il fallait essayer de reproduire le jeu de la bataille navale en python. On devait donc créer son propre personnage ainsi qu'un ennemi. Ensuite, comme dans le vrai jeu, on lance des missiles sur l'adversaire jusqu'à gagner, mais attention, lui aussi nous attaque !</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/bataille_navale.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Nombre décimal en un nombre binaire</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet individuel, il fallait créer une fonction qui pouvait nous permettre à partir d'un nombre décimal, le convertir en un nombre binaire.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/decimal_vers_binaire.py">.py</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
</br>
<h3>En classe de Terminale : </h3>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Tours de hanoï en mode itératif </u></i></h3>
</td>
<td>
<p class="presentation1">Ce projet consistait à reproduire le jeu de réflexion " les Tours de Hanoï " en utilisant un programme itératif, c'est-à-dire un programme avec une boucle.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/tour_hanoi_iteratif.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Tours de hanoï en mode récursif</u></i></h3>
</td>
<td>
<p class="presentation1">À l'inverse, ce projet consistait également à reproduire le jeu de réflexion " les Tours de Hanoï " mais en utilisant un programme récursif, c'est-à-dire un programme avec une fonction qui s'appelle elle-même et donc qui possède également un cas d'arrêt.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/tour_hanoi_recursif.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Pile ou File</u></i></h3>
</td>
<td>
<p class="presentation1">Ce projet individuel consistait à créer deux fonctions, l'une concernant les <strong>piles</strong> et l'autre concernant les <strong>files</strong>. Dans chacune des fonctions, il fallait avoir le choix entre <u>ajouter</u> ou au contraire <u>retirer</u> un élément de la file ou de la pile.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/piler_filer.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Chiffrement César et Vigenère</u></i></h3>
</td>
<td>
<p class="presentation1">Le but ici était de reproduire les chiffrements de Cesar et de Vigenère pour faire passer des informations discrètement. Il fallait donc faire apparaître un mot avec 3 lettres de décalage.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/cesar.py">.py</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
<center><a class="hdp" style="margin-top:0px;" href="projets_python.html#content_projets_python"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>