Skip to content

Commit

Permalink
adds files
Browse files Browse the repository at this point in the history
  • Loading branch information
@Salome28
Salome28 authored Jul 10, 2024
1 parent e9606cd commit 427dcac
Show file tree
Hide file tree
Showing 5 changed files with 393 additions and 0 deletions.
83 changes: 83 additions & 0 deletions EspacePerso.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@

<!DOCTYPE html>
<html>
<head>
<!-- entête de la page -->
<meta charset="utf-8" />
<title> espace Personnel </title>
<link rel="stylesheet" href="styleEspacePerso.css"/>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
</head>
<body>
<header>
<img src="logo.PNG" class="logo">
<nav class ="navigation">
<a href="#" class="active">Mon Espace</a>
<a href="#">Mes documents</a>
<a id="logout" href="#">Se déconnecter</a>
</nav>
</header>
<br>
<br>
<br>
<br>
<div class="tout">
<div class="gauche">
<br>
<h1> Mes Documents </h1>
<div class="fichiers">
<br>
<form method="post">
<div class="circle"><input type="checkbox" name="delNom[]" value="EC-CE1-2014-ABZ1-D1-E1-V1">EC-CE1-2014-ABZ1-D1-E1-V1</div><div class="circle"><input type="checkbox" name="delNom[]" value="EC-CE1-2014-ABZ1-D1-E1-V2">EC-CE1-2014-ABZ1-D1-E1-V2</div> <button type="submit" name="del" class="btn"> Supprimer</button>
</form>
</div>
</div>
<div class="droite">
<form method="post" enctype="multipart/form-data">
<h1> Ajouter un document </h1>
<br>
<p>Document XML</p>
<div>
<input type="file" name="file" required>
</div>
<br>
<p>Scan de la copie</p>
<div>
<input type="file" name="picture" required>
</div>
<br>
<button type="submit" name="btn" class="btn"> Ajouter</button>
</form>
</div>
</div>
<script>
$(document).ready(function() {
$("#logout").on("click", function(event) {
event.preventDefault();
window.location.href = "pageAuthenfication.html";
});
});
</script>
</body>
</html>




















89 changes: 89 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html>
<head>
<title> Accueil </title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="accueil.css"/>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
</head>
<body>
<header>
<img src="logo.PNG" class="logo">
<nav class ="navigation">
<a href="#" class="active">ACCUEIL</a>
<a href="#">LE PROJET</a>
<a href="#">MEMBRES</a>
<a href="#">RESSOURCE</a>
<a href="#">CORPUS</a>
<a href="#">EXPLORATION GUIDÉE</a>
</nav>
</header>
<br>
<br>
<br>
<br>
<br>
<form id= "go" method="post" action="recherche.html"></form>
<div id="titre">
E-CALM QU'EST-CE QUE C'EST ?
</div>
<br>
<div id="principale">
<div id="gauche">
<p> Quatre années de recherche pour mettre à disposition pour tous un grand corpus d'écrits scolaires
et universitaires que l'on peut aujourd'hui explorer et analyser.</p>

<p>Une équipe de 23 chercheurs, linguistes ou spécialistes des sciences de l'éducation, venant de quatre universités
et laboratoires différents : laboratoire Clesthia de la Sorbonne Nouvelle, laboratoire Circeft de Paris Saint-Denis,
laboratoire CLLE de Toulouse Jean-Jaurès, laboratoire Lidilem de Grenoble-Alpes. </p>

<p>Environ 4500 écrits disponibles avec leurs avant-textes (brouillons, plans, etc.) transcrits
et annotés avec un système de codage conçu spécifiquement. </p>

<p>Des résultats de recherche :<br>
- qui revisitent les études antérieures sur l'orthographe, la cohérence et la cohésion textuelles,
les interventions des enseignants sur les copies ;<br>
- qui mettent à l'épreuve des modèles linguistiques et des catégorisations établies.</p>

</div>
<div id="droite">
<div id="haut" class="survol">
<h2> ACCEDER A LA PLATEFORME </h2>
<p>(Explorer les différents rendus des élèves, visualiser les copies, réaliser une recherche sur mesure)</p>
</div>
<br>
<br>
<form id= "go2" method="post" action="pageAuthenfication.html"></form>
<div id="bas" class="survol">
<h2> PORTAIL CHERCHEUR </h2>
<p>GERER MES DOCUMENTS</p>
<p>(Insérer de nouveaux fichiers au format DTD XML)</p>
</div>
</div>
</div>
<script>
$(".survol").on({
"mouseover": function(){
$(this).css("cursor","pointer");
$(this).css("color","white");
},
"mouseleave": function(){
$(this).css("cursor","normal");
$(this).css("color","black");
},
})

$("#haut").on({
"click":function(){
$("#go").submit();
}
})

$("#bas").on({
"click":function(){
$("#go2").submit();
}
})
</script>
</body>
</html>
57 changes: 57 additions & 0 deletions pageAuthenfication.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<!-- entête de la page -->
<meta charset="utf-8" />
<title> Authentification </title>
<link rel="stylesheet" href="styleLogin.css"/>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="wrapper">
<form id="loginForm" method="post">
<h1> Login </h1>
<div class="input-box">
<input type="text" name="login" placeholder="Identifiant" required>
<i class='bx bxs-user'></i>
</div>

<h1> Mot de Passe </h1>
<div class="input-box">
<input type="password" name="mdp" placeholder="Mot de Passe" required>
<i class='bx bxs-lock-alt'></i>
</div>
<p id="retour"></p>
<br>
<div class="remember-forgot">
<label><input type="checkbox"> Remember me</label>
<br>
<a href="#">Forgot password ?</a>
</div>
<br>
<button type="button" id="submitBtn" class="btn"> Se connecter</button>
</form>
</div>

<script>
$(document).ready(function() {
$("#submitBtn").on("click", function() {
$.ajax({
url: "login.php",
method: "POST",
data: $("#loginForm").serialize(),
success: function(response) {
if(response === "success") {
alert('identifiant et mot de passe sont corrects !');
window.location.href = "EspacePerso.html";
} else {
alert('identifiant et mot de passe sont incorrects !');
}
}
});
});
});
</script>
</body>
</html>
119 changes: 119 additions & 0 deletions recherche.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<!DOCTYPE html>
<html>
<head>
<title> Recherche </title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="recherche.css"/>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
</head>

<body>
<script>
let q1Value
let q2Value
let q3Value
let q4Value
let q5Value
let q6Value
</script>
<div class="principale">

<h1> RECHERCHE </h1>
<form id="searchForm" method="post" action="resultat_recherche.html">
<div class = "div">
<div class="choix">
<p> Niveau </p>
<p>
<select name="q1">
<option >----</option>
<option value="CP"> CP </option>
<option value="CE1"> CE1 </option>
<option value="CE2"> CE2 </option>
<option value="CM1"> CM1 </option>
<option value="CM2"> CM2 </option>
<option value="6"> 6 </option>
<option value="5"> 5 </option>
<option value="4"> 4 </option>
<option value="3"> 3 </option>
<option value="2"> 2 </option>
<option value="1"> 1 </option>
<option value="T"> T </option>
</select>
</p>

<p> Année </p>
<p>
<select name="q2">
<option >----</option>
<option value="2014"> 2014 </option>
<option value="2015"> 2015 </option>
<option value="2016"> 2016</option>
</select>
</p>

<p> Corpus </p>
<p>
<select name="q3">
<option >----</option>
<option value="EcriScol"> EcriScol</option>
<option value="ScolEdit"> ScolEdit</option>
</select>
</p>
</div>

<div class ="choix">
<p> Version </p>
<p>
<select name="q4">
<option >----</option>
<option value="1"> V1 </option>
<option value="2"> V2 </option>
</select>
</p>
<p> Normalisation : </p>
<p>
<input type="radio" value="oui" name="q5"> Oui
<input type="radio" value="non" name="q5"> Non
</p>

<p> Interv. Enseignant : </p>
<p>
<input type="radio" value="oui" name="q6">Oui
<input type="radio" value="non" name="q6"> Non
</p>
<p>
<button type="submit" id="ok" onclick="ValiderForm()"> Valider </button>
</p>
<div id="errorMessage"></div>

</div>

</div>
</form>
</div>


<script>
function validerForm() {
// Récupération des valeurs des sélecteurs
q1Value = $("#q1").val();
q2Value = $("#q2").val();
q3Value = $("#q3").val();
q4Value = $("#q4").val();
q5Value = $("input[name='q5':checked]").val();
q6Value = $("input[name='q6':checked]").val();

// Vérification des valeurs sélectionnées
if (q1Value == "----" && q2Value =="----" && q2Value == "----" && q4Value == "----") {
// Affichage de l'erreur
$("#errorMessage").text("Veuillez sélectionner au moins un critère.");
return false;
} else {
// Soumission du formulaire si les critères sont sélectionnés
$("#searchForm").submit();
}
}

</script>
</body>
</html>
45 changes: 45 additions & 0 deletions resultat_recherche.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title> Résultats de la recherche </title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="resultat_recherche.css"/>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="results">
<h1> Résultats de votre recherche </h1>

<p>Documents correspondant à la requête : </p>
<br />
<b>Notice</b>: Undefined index: q1 in <b>/home/IdL/2023/vareilll/public_html/resultat_recherche.php</b> on line <b>17</b><br />
<br />
<b>Notice</b>: Undefined index: q2 in <b>/home/IdL/2023/vareilll/public_html/resultat_recherche.php</b> on line <b>18</b><br />
<br />
<b>Notice</b>: Undefined index: q3 in <b>/home/IdL/2023/vareilll/public_html/resultat_recherche.php</b> on line <b>19</b><br />
<br />
<b>Notice</b>: Undefined index: q4 in <b>/home/IdL/2023/vareilll/public_html/resultat_recherche.php</b> on line <b>20</b><br />
<script>
$(document).ready(function(){
$('.results').on('click', 'span.nomDocument', function(){
console.log('Clic détecté sur un élément avec la classe "nomDocument"');
var nomDocument = $(this).text();
console.log('Nom du document cliqué : ', nomDocument)
var image1 = '<img src="DATA/' + nomDocument + '-001" style="max-width: 35%; max-height: 40%;" class="zoom-img">';
var image2 = '<img src="DATA/' + nomDocument + '-002" style="max-width: 35%; max-height: 40%;" class="zoom-img">';
var images = image1 + image2;
$('.image').html(images);
});
});
</script>

</div>
<div class="page">
<h1> Visionnage de la page </h1>
<div class ="image">
</div>
</div>


</body>
</html>

0 comments on commit 427dcac

Please sign in to comment.