Ajouter plus de commentaires

6efe61ed · aldo.gonzalez-lorenzo · 8655021f · 6efe61ed · 6efe61ed · 6efe61ed
Commit 6efe61ed authored 2 years ago by aldo.gonzalez-lorenzo
--- 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'
    }

--- 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'
 ];


--- a/index.php
+++ b/index.php
 <?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,7 +29,7 @@ $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>
@@ -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,7 +62,7 @@ $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>