308 lines
13 KiB
HTML
308 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||
<title>Portfolio - Maïssane Elmjidi</title>
|
||
<meta content="" name="description">
|
||
<meta content="" name="keywords">
|
||
|
||
<!-- Favicons -->
|
||
<link href="assets/img/favicon.png" rel="icon">
|
||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||
|
||
<!-- Fonts -->
|
||
<link href="https://fonts.googleapis.com" rel="preconnect">
|
||
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
|
||
<!-- Vendor CSS Files -->
|
||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||
|
||
<!-- Main CSS File -->
|
||
<link href="assets/css/main.css" rel="stylesheet">
|
||
|
||
<!-- =======================================================
|
||
* Template Name: Gp
|
||
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
|
||
* Updated: Jun 29 2024 with Bootstrap v5.3.3
|
||
* Author: BootstrapMade.com
|
||
* License: https://bootstrapmade.com/license/
|
||
======================================================== -->
|
||
</head>
|
||
|
||
<body class="portfolio-details-page">
|
||
|
||
<header id="header" class="header d-flex align-items-center position-relative">
|
||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||
|
||
<a href="index.html" class="logo d-flex align-items-center me-auto me-lg-0">
|
||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||
<h6>maïssane elmjidi<span>.</span> </h6>
|
||
<h3 class="sitename">Mon Portefolio</h3>
|
||
<!-- <span>.</span> -->
|
||
|
||
</a>
|
||
|
||
<nav id="navmenu" class="navmenu">
|
||
<ul>
|
||
<li><a href="index.html" class="active"> Retour à l'accueil<br></a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- <li><a href="#contact">Contact</a></li> -->
|
||
</ul>
|
||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||
</nav>
|
||
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
|
||
<!-- Page Title -->
|
||
<div class="page-title" data-aos="fade">
|
||
<div class="heading">
|
||
<div class="container">
|
||
<div class="row d-flex justify-content-center text-center">
|
||
<div class="col-lg-8">
|
||
<h1>Déroulement du projet piscine catalogue GSB2 -2024 </h1>
|
||
<!-- <p class="mb-0"> Suite à la nouvelle charte de télétravail,les agents peuvent à présent faire leurs demandes de jours flottants. L’objet de ce projet consiste à créer le formulaire de demande .</p> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<nav class="breadcrumbs">
|
||
<div class="container">
|
||
<ol>
|
||
<li><a href="index.html">Accueil</a></li>
|
||
<li class="current">Mon experience</li>
|
||
<li class=""> Mes projets piscines</li>
|
||
<li class=""> Projet GSB2 </li>
|
||
</ol>
|
||
</div>
|
||
</nav>
|
||
</div><!-- End Page Title -->
|
||
|
||
<section id="portfolio-details" class="portfolio-details section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row gy-4">
|
||
|
||
|
||
<h3>Informations sur le projet piscine </h3>
|
||
<ul>
|
||
<li><strong>Equipe </strong>: 2 developpeurs , 1 administrateur réseau </li>
|
||
<li><strong>durée du projet </strong>: 1 semaine (sur les cours de spécialitées bannalisées) </li>
|
||
<li><strong> Missions de l'équipe developpeur</strong> : Développement d'une application de gestion de comptes-rendus de visites des
|
||
visiteurs médicaux </li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Portfolio Details Section -->
|
||
|
||
|
||
<!-- About Section -->
|
||
<section id="about" class="about section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-6 order-1 order-lg-2">
|
||
<!-- <img src="assets/img/about.jpg" class="img-fluid" alt=""> -->
|
||
</div>
|
||
<div class="row d-flex justify-content-center text-center">
|
||
<div class="col-lg-8">
|
||
<h3>En ce qui concerne le projet GSB-2. </h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 order-2 order-lg-1 content">
|
||
<h3>Contexte</h3>
|
||
<p class="fst-italic">
|
||
<p>On nous a demandés de produire une application Web ppermettant de <strong>centraliser les comptes-rendus de visite </strong>. Cette base
|
||
d'information sera utilisée par le service labo-recherche afin d'améliorer les produits et la communication
|
||
auprès des praticiens.Pour aider les visiteurs dans la saisie des rapports, l'application disposera des <strong>coordonnées précises des
|
||
praticiens</strong> avec des informations détaillées les concernant.</p>
|
||
</p>
|
||
<h3>Fonctionnalités développées</h3>
|
||
<p class="fst-italic">
|
||
<!-- N’ayant aucun moyen de référer les jours de télétravail flottants des agents, l’application leur permettra : -->
|
||
</p>
|
||
<ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>Création d’une page d’authentification où seul les visiteurs et les résponsables peuvent avoir acces .</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Module 'Visiteur' </span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Module 'Responsable' </span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Vue sur la fiche d'un mdécedin </span></li>
|
||
|
||
<!-- <li><i class="bi bi-check2-all"></i> <span>De permettre au SAF de voir toutes les demandes et d’attribuer les jours de télétravail fixes et flottants aux agents.</span></li> -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
|
||
|
||
<h2><strong>Documentation</strong></h2>
|
||
|
||
<h4>- Réalisation d'une maquette de l'application </h4>
|
||
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class=" col-md-5 text-center" portfolio-item isotope-item filter-branding">
|
||
<img src="assets/img/imgGsb2/MAQUETTE_CATA2.drawio.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
|
||
|
||
<a href="assets/img/imgGsb2/MAQUETTE_CATA2.drawio.png" title="App 1" data-gallery="portfolio-gsb1 class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<!-- <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
|
||
</div>
|
||
</div></div>
|
||
|
||
<h4>- Conception de la base de données sur PHPmyadmin</h4>
|
||
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="500">
|
||
|
||
<div class=" col-md-5 text-center" portfolio-item isotope-item filter-branding">
|
||
<img src="assets/img/imgGsb2/bdd_gsb2.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
|
||
|
||
<a href="assets/img/imgGsb2/bdd_gsb2.png" title="App 1" data-gallery="portfolio-gsb1 class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<!-- <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
|
||
</div>
|
||
</div></div>
|
||
|
||
|
||
<br><h3>Visuel de l'application </h3>
|
||
<!-- <h4>Ouvrir le fichier PDF ->
|
||
<a href="file:///C:/Users/maissane/Downloads/Application%20demande%20jour%20flottant%20.pdf"> Visuel de l'application de demande de jour flottant </a>.
|
||
</h4> -->
|
||
|
||
<div class="row">
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/Capture d'écran 2025-02-20 091106.png" alt="gsb1" style="width:100%">
|
||
<a href="assets/img/imgGsb2/Capture d'écran 2025-02-20 091106.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/Capture d'écran 2025-02-20 091203.png" alt="Forest" style="width:100%">
|
||
<a href="assets/img/imgGsb2/Capture d'écran 2025-02-20 091203.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/Capture d'écran 2025-02-20 091325.png" alt="Mountains" style="width:100%">
|
||
<a href="assets/img/imgGsb2/Capture d'écran 2025-02-20 091325.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/Capture d'écran 2025-02-20 091358.png" alt="Mountains" style="width:100%">
|
||
<a href="assets/img/imgGsb2/Capture d'écran 2025-02-20 091358.png"title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/Capture d'écran 2025-02-20 091607.png" alt="Mountains" style="width:100%">
|
||
<a href="assets/img/imgGsb2/Capture d'écran 2025-02-20 091607.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb2/profil.png" alt="Mountains" style="width:100%">
|
||
<a href="assets/img/imgGsb2/profil.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
</div>
|
||
|
||
</div>
|
||
<style>
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.imgcol {
|
||
float: left;
|
||
width: 33.33%;
|
||
padding: 5px;
|
||
}
|
||
|
||
/* Clearfix (clear floats) */
|
||
.row::after {
|
||
content: "";
|
||
clear: both;
|
||
display: table;
|
||
}
|
||
</style>
|
||
<br>
|
||
<h2><strong>Fiches descriptives </strong></h2>
|
||
<h4> -
|
||
<a href="assets/docGsb2/dev_pages fonctionnalites_developpees [Projet Compte-rendu , Galaxy Swiss-Bourdin].pdf"> Fonctionnalités développées </a>
|
||
</h4>
|
||
<h4>-
|
||
<a href="assets/docGsb2/cgu-rgpd.pdf"> CGU -RGPD </a>
|
||
</h4>
|
||
<h4>-
|
||
<a href="assets/docGsb2/mentions-legales-rgpd.pdf"> mentions-legales-rgpd </a>
|
||
</h4>
|
||
|
||
|
||
</section>
|
||
</main>
|
||
|
||
<footer id="footer" class="footer dark-background">
|
||
|
||
<div class="footer-top">
|
||
<div class="container">
|
||
<div class="row gy-4">
|
||
<div class="col-lg-4 col-md-6 footer-about">
|
||
<a href="index.html" class="logo d-flex align-items-center">
|
||
<span class="sitename">Maissane El Mjidi</span>
|
||
</a>
|
||
<div class="footer-contact pt-3">
|
||
<!-- <p>Dijon</p> -->
|
||
<p class="mt-3"><strong>Phone:</strong> <span>+33 07 67 28 50 60 </span></p>
|
||
<p><strong>Email:</strong> <span>elmjidi.maissanee@gmail.com</span></p>
|
||
</div>
|
||
<div class="social-links d-flex mt-4">
|
||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright">
|
||
<div class="container text-center">
|
||
Designed by <a href="">Maissane El Mjidi</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
<!-- Scroll Top -->
|
||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||
|
||
<!-- Preloader -->
|
||
<div id="preloader"></div>
|
||
|
||
<!-- Vendor JS Files -->
|
||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||
<script src="assets/vendor/aos/aos.js"></script>
|
||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
||
<script src="assets/js/particles.js"></script>
|
||
|
||
|
||
<!-- Main JS File -->
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|