419 lines
20 KiB
HTML
419 lines
20 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>
|
||
<!-- <li><a href="#about">A propros de moi </a></li>
|
||
<li><a href="#services">Services</a></li>
|
||
<li><a href="#portfolio">Portfolio</a></li>
|
||
<li><a href="#team">Team</a></li>
|
||
<li class="dropdown"><a href="#"><span>Mon experience </span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul> -->
|
||
<!-- <li><a href="#">Dropdown 1</a></li> -->
|
||
<!-- <li class="dropdown"><a href="#"><span>Mes stages</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul>
|
||
<li><a href="stage2024.html"> année 2024</a></li>
|
||
<li><a href="#">année 2025 </a></li> -->
|
||
<!-- <li><a href="#">Deep Dropdown 3</a></li> -->
|
||
<!-- <li><a href="#">Deep Dropdown 4</a></li> -->
|
||
<!-- <li><a href="#">Deep Dropdown 5</a></li> -->
|
||
</ul>
|
||
</li>
|
||
<!-- <li><a href="#">Dropdown 2</a></li> -->
|
||
<!-- <li><a href="#">Dropdown 3</a></li> -->
|
||
<!-- <li><a href="#">Dropdown 4</a></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 GSB1 -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 GSB1 </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 en langage Java permettant aux visiteurs de
|
||
présenter les médicaments aux praticiens et d'enregistrer leurs éventuelles
|
||
remarques</li>
|
||
</ul>
|
||
|
||
<!-- <h3> Contexte</h3>
|
||
<p>Les <strong>visiteurs médicaux </strong> ont besoin d'une application leur permettant de
|
||
<strong>présenter les médicaments de GSB</strong> de manière dynamique, sur un support
|
||
interactif afin de répondre efficacement à toute demande de la part des
|
||
praticiens qu'ils visitent. L'application doit également permettre <strong>d'enregistrer
|
||
les remarques des médecins à propos des médicaments présentés</strong>. Ces
|
||
remarques seront notamment utiles au service qui rédige les notices et au
|
||
service labo-recherche</p> -->
|
||
</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-1 . </h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 order-2 order-lg-1 content">
|
||
<h3>Contexte</h3>
|
||
<p class="fst-italic">
|
||
<p>Les <strong>visiteurs médicaux </strong> ont besoin d'une application leur permettant de
|
||
<strong>présenter les médicaments de GSB</strong> de manière dynamique, sur un support interactif afin de répondre efficacement à toute demande de la part des
|
||
praticiens qu'ils visitent. L'application doit également permettre <strong>d'enregistrer
|
||
les remarques des médecins à propos des médicaments présentés</strong>. Ces
|
||
remarques seront notamment utiles au service qui rédige les notices et au
|
||
service labo-recherche</p>
|
||
</p>
|
||
<h3>Fonctionnalités à développer</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>Présentation des médicaments.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Possibilité de visualiser de manière anonyme toutes les observations concernant un médicament.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Possibilité de saisir les observations des médecins lors de la présentation d’un médicament.</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>
|
||
|
||
<!-- <h6>Pour plus de details sur le projet, consulter le <a href="file:///C:/Users/maissane/Downloads/Cahier%20des%20Charges%20V.02.docx.pdf">Cahier des charges .</a> </h6> -->
|
||
<!-- <p>Ouvrir le fichier PDF -> -->
|
||
<!-- <a href="file:///C:/Users/maissane/Downloads/Cahier%20des%20Charges%20V.02.docx.pdf">Cahier des charges </a>. -->
|
||
<!-- </p> -->
|
||
|
||
|
||
<!-- <!-- <h3>Les droits et possibilités de chaque population</h3>
|
||
<p class="fst-italic">
|
||
<small>Les agents </small>
|
||
<br> Ils peuvent formuler une demande de jours flottants, visualiser leurs demandes, leurs quotas de jours de télétravail fixes et flottants et le nombre de jours de télétravail flottants pris et restants.
|
||
</p> -->
|
||
<!-- <p class="fst-italic">
|
||
<small>Les responsables </small>
|
||
<br> Ils ont la possibilité de créer une demande de jours flottants et de visualiser, pour chaque agent de leur service :
|
||
<br> - Toutes les demandes de jours de télétravail flottants ;
|
||
<br>- Le quota des jours de télétravail fixes et flottants ;
|
||
<br>- Le nombre de jours de télétravail flottants pris et restants.
|
||
</p>
|
||
<p class="fst-italic">
|
||
<small>Le Service Administratif et Financier (SAF)</small>
|
||
<br> Il renseigne les quotas de jours de télétravail fixes et flottants maximum de chaque agent. Il a les mêmes fonctionnalités que les responsables avec une vue sur l’ensemble des agents.
|
||
</p> -->
|
||
|
||
|
||
<!-- <h3>Gestion de jour de télétravail flottant</h3>
|
||
<p class="fst-italic">
|
||
<small>Formulaire de demande</small>
|
||
<br>Pour faire sa demande de jour de télétravail flottant, l’agent doit indiquer plusieurs informations dans le formulaire :
|
||
<br> * Son nom et prénom, qui sont automatiquement renseignés.
|
||
<br> *Son affectation, attribuée également de façon automatique. En cas d’affectation multiple, l’agent devra choisir dans une liste l’affectation concernée.
|
||
<br> *Le nom de son responsable (sélectionné dans une liste déroulante) .
|
||
<br>*La date du jour de télétravail flottant, et la période de la journée (matin, après-midi, journée complète).
|
||
<br>Un encart affichera les quotas de jours de télétravail fixes et flottants maximum de l’agent et le nombre de jours de télétravail flottants pris et restants.
|
||
L’agent pourra enregistrer ou envoyer sa demande pour signature.
|
||
<br>->> Une fois la demande envoyée :
|
||
<br>*Elle ne pourra plus être modifiée ni supprimée par l’agent ;
|
||
<br>*Un mail sera envoyé au responsable ;
|
||
<br>*Elle sera envoyée au format pdf sur l’application de signature électronique Esign pour signature par le responsable (validation ou refus) ;
|
||
|
||
! Une demande doit se faire dans un délai de 5 jours ouvrés. Si la demande est faite après la date limite, un message d’avertissement s'affichera (“Votre demande doit être faite dans un délai de 5 jours, celle-ci peut ne pas être validée par votre responsable”). -->
|
||
|
||
|
||
|
||
|
||
<!-- </p>
|
||
<p class="fst-italic">
|
||
<small>Le Service Administratif et Financier (SAF)</small>
|
||
<br> Il renseigne les quotas de jours de télétravail fixes et flottants maximum de chaque agent. Il a les mêmes fonctionnalités que les responsables avec une vue sur l’ensemble des agents.
|
||
</p> -->
|
||
|
||
|
||
|
||
|
||
|
||
<h2><strong>Documentation</strong></h2>
|
||
|
||
<h4>- Réalisation du diagramme des cas d'utilisation</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/imgGsb1/diagCasUtil.PNG" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
|
||
|
||
<a href="assets/img/imgGsb1/diagCasUtil.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/imgGsb1/bd.PNG" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
|
||
|
||
<a href="assets/img/imgGsb1/bd.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/imgGsb1/imgapp.PNG" alt="gsb1" style="width:100%">
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb1/imgapp2.PNG" alt="Forest" style="width:100%">
|
||
</div>
|
||
<div class="imgcol">
|
||
<img src="assets/img/imgGsb1/imgapp3.PNG" alt="Mountains" style="width:100%">
|
||
</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/doc/slam_pages docu_slam_parcours_utilisation [GSB_Mission_1].pdf"> Parcours de l'utilisation de l'application </a>
|
||
</h4>
|
||
<h4>-
|
||
<a href="assets/doc/slam_pages docu_slam_mode_operatoire [GSB_Mission_1].pdf"> Mode opératoire de l'application </a>
|
||
</h4>
|
||
<h4>-
|
||
<a href="assets/doc/slam_pages docu_slam_scenarios [GSB_Mission_1].pdf"> Description textuelle des cas d’utilisations </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-twitter-x"></i></a>
|
||
<a href=""><i class="bi bi-facebook"></i></a>
|
||
<a href=""><i class="bi bi-instagram"></i></a> -->
|
||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="col-lg-2 col-md-3 footer-links">
|
||
<h4>Useful Links</h4>
|
||
<ul>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Home</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> About us</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Services</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Terms of service</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Privacy policy</a></li>
|
||
</ul>
|
||
</div> -->
|
||
|
||
<!-- <div class="col-lg-2 col-md-3 footer-links">
|
||
<h4>Our Services</h4>
|
||
<ul>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Web Design</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Web Development</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Product Management</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Marketing</a></li>
|
||
<li><i class="bi bi-chevron-right"></i> <a href="#"> Graphic Design</a></li>
|
||
</ul>
|
||
</div> -->
|
||
|
||
<!-- <div class="col-lg-4 col-md-12 footer-newsletter">
|
||
<h4>Our Newsletter</h4>
|
||
<p>Subscribe to our newsletter and receive the latest news about our products and services!</p>
|
||
<form action="forms/newsletter.php" method="post" class="php-email-form">
|
||
<div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div>
|
||
<div class="loading">Loading</div>
|
||
<div class="error-message"></div>
|
||
<div class="sent-message">Your subscription request has been sent. Thank you!</div>
|
||
</form>
|
||
</div> -->
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="copyright">
|
||
<div class="container text-center">
|
||
<!-- <p>© <span>Copyright</span> <strong class="px-1 sitename"></strong> <span>All Rights Reserved</span></p>
|
||
<div class="credits"> -->
|
||
<!-- All the links in the footer should remain intact. -->
|
||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||
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>
|