Skip to content
Snippets Groups Projects
Commit 5bfed0f9 authored by =AZIZI Anis's avatar =AZIZI Anis
Browse files

refactorisation

parent a233250d
No related branches found
No related tags found
No related merge requests found
Pipeline #183581 passed
...@@ -7,7 +7,9 @@ pages: ...@@ -7,7 +7,9 @@ pages:
# Crée le dossier public pour GitLab Pages # Crée le dossier public pour GitLab Pages
- mkdir public - mkdir public
# Copier les fichiers HTML dans le dossier public # Copier les fichiers HTML dans le dossier public
- cp -r frontend/ public/ - cp -r index.html public/
- cp -r information.html public/
# Copier les ressources statiques (conserver la structure) # Copier les ressources statiques (conserver la structure)
- cp -r static public/ - cp -r static public/
......
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<meta content="" name="description"> <meta content="" name="description">
<meta content="" name="keywords"> <meta content="" name="keywords">
<link href="../static/img/logo.png" rel="icon"> <link href="./static/img/logo.png" rel="icon">
<link href="../static/img/logo.png" rel="apple-touch-icon"> <link href="./static/img/logo.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link
...@@ -18,15 +18,15 @@ ...@@ -18,15 +18,15 @@
rel="stylesheet"> rel="stylesheet">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="../static/vendor/aos/aos.css" rel="stylesheet"> <link href="./static/vendor/aos/aos.css" rel="stylesheet">
<link href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="./static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="./static/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="../static/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> <link href="./static/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../static/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="./static/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="../static/vendor/remixicon/remixicon.css" rel="stylesheet"> <link href="./static/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="../static/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <link href="./static/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="../static/css/style.css" rel="stylesheet"> <link href="./static/css/style.css" rel="stylesheet">
<!-- ======================================================= <!-- =======================================================
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<div class=" logo d-flex align-items-center"> <div class=" logo d-flex align-items-center">
<!-- Logo Image --> <!-- Logo Image -->
<a href="/" class="logo me-3"> <a href="/" class="logo me-3">
<img src="../static/img/logo.png" alt="Green Impact logo" class="img-fluid"> <img src="./static/img/logo.png" alt="Green Impact logo" class="img-fluid">
</a> </a>
<!-- Titre --> <!-- Titre -->
<h1><a href="/"><span>Health Insight</span></a></h1> <h1><a href="/"><span>Health Insight</span></a></h1>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300"> <div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
<img src="../static/img/Fitness tracker-rafiki.png" class="img-fluid animated" alt=""> <img src="./static/img/Fitness tracker-rafiki.png" class="img-fluid animated" alt="">
</div> </div>
</div> </div>
</div> </div>
...@@ -407,18 +407,18 @@ ...@@ -407,18 +407,18 @@
<div id="preloader"></div> <div id="preloader"></div>
<!-- Vendor JS Files --> <!-- Vendor JS Files -->
<script src="../static/vendor/purecounter/purecounter_vanilla.js"></script> <script src="./static/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="../static/vendor/aos/aos.js"></script> <script src="./static/vendor/aos/aos.js"></script>
<script src="../static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/vendor/glightbox/js/glightbox.min.js"></script> <script src="./static/vendor/glightbox/js/glightbox.min.js"></script>
<script src="../static/vendor/swiper/swiper-bundle.min.js"></script> <script src="./static/vendor/swiper/swiper-bundle.min.js"></script>
<script src="../static/vendor/php-email-form/validate.js"></script> <script src="./static/vendor/php-email-form/validate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script> <script src="https://d3js.org/d3.v7.min.js"></script>
<!-- Template Main JS File --> <!-- Template Main JS File -->
<script type="module" src="../static/js/main.js"></script> <script type="module" src="./static/js/main.js"></script>
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Data Viz 2024-2025</title> <title>Data Viz 2024-2025</title>
<meta content="" name="description"> <meta content="" name="description">
<meta content="" name="keywords"> <meta content="" name="keywords">
<link href="../static/img/logo.png" rel="icon"> <link href="../static/img/logo.png" rel="icon">
<link href="../static/img/logo.png" rel="apple-touch-icon"> <link href="../static/img/logo.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet"> rel="stylesheet">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="../static/vendor/aos/aos.css" rel="stylesheet"> <link href="../static/vendor/aos/aos.css" rel="stylesheet">
<link href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="../static/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="../static/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> <link href="../static/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../static/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="../static/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="../static/vendor/remixicon/remixicon.css" rel="stylesheet"> <link href="../static/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="../static/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <link href="../static/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="../static/css/style.css" rel="stylesheet"> <link href="../static/css/style.css" rel="stylesheet">
<!-- ======================================================= <!-- =======================================================
* Template Name: Bootslander * Template Name: Bootslander
* Template URL: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/ * Template URL: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/
* Updated: Mar 17 2024 with Bootstrap v5.3.3 * Updated: Mar 17 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com * Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/ * License: https://bootstrapmade.com/license/
======================================================== --> ======================================================== -->
</head> </head>
<body> <body>
<!-- ======= Header ======= --> <!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent"> <header id="header" class="fixed-top d-flex align-items-center header-transparent">
<div class="container d-flex align-items-center justify-content-between"> <div class="container d-flex align-items-center justify-content-between">
<div class=" logo d-flex align-items-center"> <div class=" logo d-flex align-items-center">
<!-- Logo Image --> <!-- Logo Image -->
<a href="/" class="logo me-3"> <a href="/" class="logo me-3">
<img src="../static/img/logo.png" alt="Green Impact logo" class="img-fluid"> <img src="../static/img/logo.png" alt="Green Impact logo" class="img-fluid">
</a> </a>
<!-- Titre --> <!-- Titre -->
<h1><a href="/"><span>Health Insight</span></a></h1> <h1><a href="/"><span>Health Insight</span></a></h1>
</div> </div>
<nav id="navbar" class="navbar"> <nav id="navbar" class="navbar">
<ul> <ul>
<li><a class="nav-link scrollto" href="./index.html">Accueil</a></li> <li><a class="nav-link scrollto" href="./index.html">Accueil</a></li>
<li><a class="nav-link scrollto active" href="./information.html">Informations</a></li> <li><a class="nav-link scrollto active" href="./information.html">Informations</a></li>
<li><a class="nav-link scrollto" href="#team">Équipe</a></li> <li><a class="nav-link scrollto" href="#team">Équipe</a></li>
</ul> </ul>
<i class="bi bi-list mobile-nav-toggle"></i> <i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar --> </nav><!-- .navbar -->
</div> </div>
</header><!-- End Header --> </header><!-- End Header -->
<!-- ======= Hero Section ======= --> <!-- ======= Hero Section ======= -->
<section id="hero"> <section id="hero">
<div class="container"> <div class="container">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center"> <div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
<div data-aos="zoom-out"> <div data-aos="zoom-out">
<h1>Nos données santé racontent une histoire : découvrez comment nos habitudes façonnent notre bien-être ! <h1>Nos données santé racontent une histoire : découvrez comment nos habitudes façonnent notre bien-être !
</h1> </h1>
</div> </div>
</div> </div>
<div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300"> <div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
<img src="../static/img/Fitness tracker-rafiki.png" class="img-fluid animated" alt=""> <img src="../static/img/Fitness tracker-rafiki.png" class="img-fluid animated" alt="">
</div> </div>
</div> </div>
</div> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
<main id="main"> <main id="main">
<!-- ======= Details Section ======= --> <!-- ======= Details Section ======= -->
<section id="data-exploration" class="details"> <section id="data-exploration" class="details">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<!-- Texte à gauche --> <!-- Texte à gauche -->
<div class="col-md-12" data-aos="fade-right"> <div class="col-md-12" data-aos="fade-right">
<h3>Exploration et Traitement des Données XML</h3> <h3>Exploration et Traitement des Données XML</h3>
<p> <p>
Ce projet illustre le processus de conversion de fichiers XML complexes en fichiers CSV exploitables, facilitant ainsi leur analyse. Découvrez les étapes clés de l'exploration et du traitement des données, ainsi que les solutions apportées aux défis rencontrés. Ce projet illustre le processus de conversion de fichiers XML complexes en fichiers CSV exploitables, facilitant ainsi leur analyse. Découvrez les étapes clés de l'exploration et du traitement des données, ainsi que les solutions apportées aux défis rencontrés.
</p> </p>
<ul> <ul>
<li><i class="bi bi-check"></i> Analyse approfondie de structures XML imbriquées.</li> <li><i class="bi bi-check"></i> Analyse approfondie de structures XML imbriquées.</li>
<li><i class="bi bi-check"></i> Gestion des balises manquantes et des encodages variés.</li> <li><i class="bi bi-check"></i> Gestion des balises manquantes et des encodages variés.</li>
<li><i class="bi bi-check"></i> Script Python personnalisé pour extraction et transformation.</li> <li><i class="bi bi-check"></i> Script Python personnalisé pour extraction et transformation.</li>
<li><i class="bi bi-check"></i> Conversion en CSV et traitement par lots pour optimiser la mémoire.</li> <li><i class="bi bi-check"></i> Conversion en CSV et traitement par lots pour optimiser la mémoire.</li>
</ul> </ul>
</div> </div>
<!-- Visualisation à droite --> <!-- Visualisation à droite -->
</div> </div>
</section> </section>
<!-- End Details Section --> <!-- End Details Section -->
<section class="details"> <section class="details">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<!-- Texte explicatif --> <!-- Texte explicatif -->
<div class="col-md-12" data-aos="fade-right"> <div class="col-md-12" data-aos="fade-right">
<h3>Transformation des Données</h3> <h3>Transformation des Données</h3>
<p> <p>
Ce diagramme montre la conversion des données originales XML (à gauche) en données tabulaires CSV exploitables (à droite). Ce diagramme montre la conversion des données originales XML (à gauche) en données tabulaires CSV exploitables (à droite).
</p> </p>
</div> </div>
<!-- Images et flèche --> <!-- Images et flèche -->
<div class="col-md-12 text-center d-flex align-items-center justify-content-center"> <div class="col-md-12 text-center d-flex align-items-center justify-content-center">
<!-- Image XML --> <!-- Image XML -->
<div class="image-container"> <div class="image-container">
<img src="../static/img/Xml.PNG" style="width: 600px; height: 400px ;" alt="Données XML originales" class="data-image" /> <img src="../static/img/Xml.PNG" style="width: 600px; height: 400px ;" alt="Données XML originales" class="data-image" />
<p class="caption">XML Original</p> <p class="caption">XML Original</p>
</div> </div>
<!-- Flèche --> <!-- Flèche -->
<div class="arrow-container"> <div class="arrow-container">
<i class="bi bi-arrow-right arrow-icon"></i> <i class="bi bi-arrow-right arrow-icon"></i>
</div> </div>
<!-- Image CSV --> <!-- Image CSV -->
<div class="image-container"> <div class="image-container">
<img src="../static/img/csv.PNG" style="width: 600px; height: 400px ;" alt="Données CSV finales" class="data-image" /> <img src="../static/img/csv.PNG" style="width: 600px; height: 400px ;" alt="Données CSV finales" class="data-image" />
<p class="caption">CSV Final</p> <p class="caption">CSV Final</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<div class="container"> <div class="container">
<div class="copyright"> <div class="copyright">
&copy; Copyright <strong><span>Health Inseight</span></strong>. All Rights Reserved &copy; Copyright <strong><span>Health Inseight</span></strong>. All Rights Reserved
</div> </div>
<div class="credits"> <div class="credits">
<!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div> </div>
</div> </div>
</footer><!-- End Footer --> </footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a> class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div> <div id="preloader"></div>
<!-- Vendor JS Files --> <!-- Vendor JS Files -->
<script src="../static/vendor/purecounter/purecounter_vanilla.js"></script> <script src="../static/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="../static/vendor/aos/aos.js"></script> <script src="../static/vendor/aos/aos.js"></script>
<script src="../static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/vendor/glightbox/js/glightbox.min.js"></script> <script src="../static/vendor/glightbox/js/glightbox.min.js"></script>
<script src="../static/vendor/swiper/swiper-bundle.min.js"></script> <script src="../static/vendor/swiper/swiper-bundle.min.js"></script>
<script src="../static/vendor/php-email-form/validate.js"></script> <script src="../static/vendor/php-email-form/validate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script> <script src="https://d3js.org/d3.v7.min.js"></script>
<!-- Template Main JS File --> <!-- Template Main JS File -->
<script src="../static/js/main.js"></script> <script src="../static/js/main.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment