From 6efe61ed2c7e6c084602d47ba66914d314c5192c Mon Sep 17 00:00:00 2001
From: "aldo.gonzalez-lorenzo" <aldo.gonzalez-lorenzo@lis-lab.fr>
Date: Mon, 9 Jan 2023 09:12:12 +0100
Subject: [PATCH] Ajouter plus de commentaires
---
include/js/charts.js | 9 ++++++---
include/php/functions.php | 6 +++---
index.php | 19 +++++++++++--------
3 files changed, 20 insertions(+), 14 deletions(-)
diff --git a/include/js/charts.js b/include/js/charts.js
index a76943a..64d4d9f 100644
--- a/include/js/charts.js
+++ b/include/js/charts.js
@@ -3,6 +3,7 @@ const httpRequest = new XMLHttpRequest()
httpRequest.onreadystatechange = () => {
if (httpRequest.readyState === XMLHttpRequest.DONE) {
if (httpRequest.status === 200) {
+ // On a reçu la réponse du serveur, on peut générer la graphique
const response = JSON.parse(httpRequest.responseText)
google.charts.load("current", { "packages": ["corechart"], "language": "fr" })
google.charts.setOnLoadCallback(function() {
@@ -13,13 +14,15 @@ httpRequest.onreadystatechange = () => {
}
}
}
-
httpRequest.open('POST', 'include/php/data.php', true)
httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
// Requête SQL
const query = "SELECT acad_mies, sum(capa_fin) AS places FROM parcoursup GROUP BY acad_mies ORDER BY places DESC"
httpRequest.send(`query=${encodeURIComponent(query)}`)
+/**
+ * Fonction qui fait deux graphiques avec les données du serveur
+ */
function drawChart(result) {
// Données de la graphique
let data = new google.visualization.DataTable()
@@ -33,14 +36,14 @@ function drawChart(result) {
data.addRows(dataArray)
let piechart_options = {
- title: 'Pie Chart : Nombre de places dans chaque académie',
+ title: "Pie Chart : Nombre de places dans chaque académie",
height: 600
}
let piechart = new google.visualization.PieChart(document.getElementById('piechart_div'))
piechart.draw(data, piechart_options)
let barchart_options = {
- title: 'Barchart : Nombre de places dans chaque académie',
+ title: "Barchart : Nombre de places dans chaque académie",
height: 600,
legend: 'none'
}
diff --git a/include/php/functions.php b/include/php/functions.php
index 075878c..5db2e05 100644
--- a/include/php/functions.php
+++ b/include/php/functions.php
@@ -6,15 +6,15 @@
const db_local = [
'dbname' => 'sae303',
'user' => 'root',
- 'pwd' => '' // 'root' sur un Mac
+ 'pwd' => '' // 'root' pour MAMP
];
/**
* Coordonnées de connexion à la base de données sur un serveur
*/
const db_serveur = [
- 'dbname' => 'a21000000', // par exemple
- 'user' => 'a21000000',
+ 'dbname' => 'a21000000', // remplacer par votre identifiant
+ 'user' => 'a21000000', // remplacer par votre identifiant
'pwd' => 'secret'
];
diff --git a/index.php b/index.php
index 10e5ef3..95d366a 100644
--- a/index.php
+++ b/index.php
@@ -1,6 +1,6 @@
<?php
/**
- * Page d'accueil
+ * Différents examples de requêtes SQL
*/
include 'include/php/functions.php';
?>
@@ -13,7 +13,10 @@ include 'include/php/functions.php';
<body>
<h1>SAÉ 303</h1>
<p>
- Concevoir des visualisations de données pour le web et un support animé. Voici quelques exemples, dont un avec une graphique avec Google Charts <a href="test-charts.html">ici</a>.
+ Concevoir des visualisations de données pour le web et un support animé.
+ </p>
+ <p>
+ Voici quelques exemples d'utilisation de la base de données, dont un avec une graphique avec Google Charts <a href="test-charts.html">ici</a>.
</p>
<section>
<h2>Les BUT avec le plus grand nombre de candidats</h2>
@@ -26,8 +29,8 @@ $sth = $dbh->prepare('SELECT lib_comp_voe_ins, voe_tot FROM parcoursup
$sth->execute();
$result = $sth->fetchAll();
foreach ($result as $row) {
- echo '<li>' . $row['lib_comp_voe_ins'] . ' (' . $row['voe_tot'] . ' candidats)</li>';
- }
+ echo '<li>' . $row['lib_comp_voe_ins'] . ' (<em>' . $row['voe_tot'] . ' candidats</em>)</li>';
+}
?>
</ol>
</section>
@@ -43,14 +46,14 @@ $sth = $dbh->prepare('SELECT ville_etab, count(*) AS count FROM parcoursup
$sth->execute();
$result = $sth->fetchAll();
foreach ($result as $row) {
-echo '<li>' . $row['ville_etab'] . ' (' . $row['count'] . ' BTS)</li>';
+ echo '<li>' . $row['ville_etab'] . ' (<em>' . $row['count'] . ' BTS</em>)</li>';
}
?>
</ol>
</section>
<section>
- <h2>Les BUT Informatique avec le plus grand nombre de filles</h2>
+ <h2>Les BUT Informatique avec le plus grand nombre de candidates admises</h2>
<ol>
<?php
$sth = $dbh->prepare('SELECT lib_comp_voe_ins, acc_tot_f FROM parcoursup
@@ -59,8 +62,8 @@ $sth = $dbh->prepare('SELECT lib_comp_voe_ins, acc_tot_f FROM parcoursup
$sth->execute();
$result = $sth->fetchAll();
foreach ($result as $row) {
- echo '<li>' . $row['lib_comp_voe_ins'] . ' (' . $row['acc_tot_f'] . ' filles)</li>';
- }
+ echo '<li>' . $row['lib_comp_voe_ins'] . ' (<em>' . $row['acc_tot_f'] . ' femmes</em>)</li>';
+}
?>
</ol>
</section>
--
GitLab