<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Documentation <>School-Lab</title>
            <link rel="stylesheet" href="/libs/css/bootstrap.min.css">
        <script src="/libs/jquery-3.2.1.min.js"></script>
        <link rel="stylesheet" href="/build/css/app.a479f215392354696281f481e8644b4b.css">
    
	<style>
		h3{
		font-weight: 500;
		color:#6f42c1;
		}
		.title{
			color:#6f42c1;
			font-weight: bold;
		}
		.contenu{
		font-size: 17px;
		color: black;
		}
		h4{
		font-weight: 400;
		color:#233177;
		}
		li b{
		font-weight: 600;
		color:#28a745;
		}

	</style>
    <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
        <link rel="stylesheet" href="/libs/elsha/spotlight.css">
    <script src="/libs/elsha/spotlight.js" defer></script>
</head>
<body class="fixed-layout">
<input type="hidden" name="_classes_index" id="_classes_index" value="/fr/api/classes/ajax">
<input type="hidden" name="_registration_index" id="_registration_index" value="/fr/api/registration">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
    <div class="loader">
        <div class="loader__figure"></div>
        <p class="loader__label">School-Lab</p>
    </div>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
            <!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar">
    <nav class="navbar top-navbar navbar-expand-md navbar-dark">
        <!-- ============================================================== -->
        <!-- Logo -->
        <!-- ============================================================== -->
        <div class="navbar-header">
            <a class="navbar-brand"
                                    href="/"
                                                                            data-url="https://lyteb.elshaseries.com"
                                                   data-locale="fr">
                <!-- Logo icon --><b>
                    <!-- Dark Logo icon -->
                    <img src="/images/logo.png" alt="homepage" class="dark-logo"/>
                    <!-- Light Logo icon -->
                    <img src="/images/logo.png" alt="homepage" class="light-logo"/>
                </b>
                <!--End Logo icon -->
                <span class="hidden-xs"><span class="font-bold">SCHOOL-LAB</span></span>
            </a>
        </div>
        <!-- ============================================================== -->
        <!-- End Logo -->
        <!-- ============================================================== -->
        <div class="navbar-collapse">
            <!-- ============================================================== -->
            <!-- toggle and nav items -->
            <!-- ============================================================== -->
            <ul class="navbar-nav mr-auto">
                <!-- This is  -->
                <li class="nav-item"><a class="nav-link nav-toggler d-block d-sm-none waves-effect waves-dark"
                                        href="javascript:void(0)"><i class="ti-menu"></i></a></li>
                <li class="nav-item"><a
                        class="nav-link sidebartoggler d-none d-lg-block d-md-block waves-effect waves-dark"
                        href="javascript:void(0)"><i class="icon-menu"></i></a></li>
                <!-- ============================================================== -->
                <!-- Search -->
                <!-- ============================================================== -->
            </ul>
                            <ul class="navbar-nav mr-auto school_name">
                    <!-- This is  -->
                    <li class="nav-item"
                        style="color: white; font-size: 22px; font-weight: bold;">LYCEE TECHNIQUE DE BAMENDJINDA</li>
                    <!-- ============================================================== -->
                    <!-- Current school name -->
                    <!-- ============================================================== -->
                </ul>
                                    <div class="navbar-collapse">
                <ul class="navbar-nav mr-auto"></ul>
                <ul class="navbar-nav my-lg-0">
                    <li class="nav-item "><a class="nav-link  waves-effect waves-light"
                                             href="/fr/login"><i class="fa fa-sign-in"
                                                                                    aria-hidden="true"></i> Se Connecter                        </a></li>
                </ul>
            </div>
            </nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->                                <aside class="left-sidebar">
    <!-- Sidebar scroll-->
    <div class="scroll-sidebar">
        <!-- Sidebar navigation-->
        <nav class="sidebar-nav">
            <ul id="sidebarnav">
                <li><a class="waves-effect waves-dark" href="#intro"><i class="fa fa-circle-o"></i><span class="hide-menu">INTRODUCTION</span></a></li>
                <li><a class="waves-effect waves-dark" href="#installation"><i class="fa fa-circle-o"></i><span class="hide-menu">PETITE DESCRIPTION ET VOCABULAIRE</span></a></li>
                <li><a class="waves-effect waves-dark" href="#template"><i class="fa fa-circle-o"></i><span class="hide-menu">DESCRIPTION ET ROLE DES DIFFERENTS ELEMENTS DE L’ASIDE<sup>[2]</sup></span></a></li>
                <li><a class="waves-effect waves-dark" href="#page"><i class="fa fa-circle-o"></i><span class="hide-menu">DESCRIPTION DES DIFFERENTS ELEMENTS DU NAVBAR<sup>[1]</sup></span></a></li>
                <li><a class="waves-effect waves-dark" href="#role"><i class="fa fa-circle-o"></i><span class="hide-menu">ROLE<sup>[5]</sup> DES DIFFERENTS UTILISATEURS</span></a></li>
                <li><a class="waves-effect waves-dark" href="#thanks"><i class="fa fa-circle-o"></i><span class="hide-menu">ASSISTANCE ET CONTACT</span></a></li>
            </ul>
        </nav>
        <!-- End Sidebar navigation -->
    </div>
    <!-- End Sidebar scroll-->
</aside>
                <!-- ============================================================== -->
    <!-- Page wrapper  -->
    <!-- ============================================================== -->
    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
            <div class="row">
                                                                                                                                                                                                                </div>
                <div class="row p-t-30 documentation contenu">
    <div class="col-12">
        <h1 class="title" align="center">DOCUMENTATION</h1>
        <!-- card -->
        <div class="card" id="intro">
            <div class="card-body">
                <h3>INTRODUCTION</h3>
                <hr>
                <b>SchoolLab</b>, est une application web, développé par l'équipe des ingénieurs en
                informatique de <b style="color: green">GreenSoft-Group Technologies</b>. Projet lancé pour améliorer l'efficacité du personnel
                dans un établissement scolaire, Il est aujourd'hui un incontournable pour la gestion des
                établissements scolaires. Le présent document vise à permettre aux utilisateurs de
                ladite application de facilement la prendre en main afin de tirer profit de tous ses
                services et fonctionnalités.
            </div>
        </div>
        <!-- card -->
        <!-- card -->
        <div class="card" id="installation">
            <div class="card-body">
                <h3>PETITE DESCRIPTION ET VOCABULAIRE</h3>
                <hr>
                <h4>Petite description</h4>
                <p>
                    SchoolLab est une application web de gestion de la scolarité (inscription
                    bulletin de notes et orientation, absences et autres aspects liés à l’établissement) et
                    suivi pédagogique des enseignants et élèves d’un établissement scolaire. (Voir le
                    document de description de SchoolLab pour la description complète)
                </p>
                <h4>Vocabulaire</h4>
                <p>
                    Ici nous décrivons les termes (mots clés) qui seront utilisés tout au long de ce
                    document afin que toutes les personnes ne connaissant pas les mots du jargon
                    informatique, puisse le lire et le comprendre simplement.
                <table class="table table-hover">
                    <thead style="background: #bfdebf">
                    <tr>
                        <th>N°</th>
                        <th>Termes</th>
                        <th>Description ou désignation dans l'application</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>NavBar</td>
                        <td>Barre latérale qui contient le nom de l'utilisateur, un bouton pour la sauvegarde manuelle de la base de données du système et l'année scolaire en cours</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Aside</td>
                        <td>Panneau de gauche qui contient les menus pour naviguer dans l'application SchoolLab</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Dashborad (Tableau de bord)</td>
                        <td>Page qui contient les diagrammes illustratifs des données sur les élèves de l'établissement</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>CRUD</td>
                        <td>(Create-Read-Update-Delete) Créer, afficher, modifier et supprimer</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>ROLE</td>
                        <td>Désigne le niveau d’accès d’un utilisateur dans l’application</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- card -->
        <!-- card -->
        <div class="card" id="template">
            <div class="card-body">
                <h3>DESCRIPTION ET ROLE DES DIFFERENTS ELEMENTS DE L’ASIDE <sup>[2]</sup></h3>
                <hr>
                <h4>Accueil</h4>
                <p>
                    Il permet d'afficher le tableau de bord de l'application. Sur ce tableau de bord on a 3
                    diagrammes qui montrent à tour à tour : Taux d'inscription des élèves (Nombre inscrit
                    par rapport au nombre enregistré), la répartition des élèves par par classe.
                </p>
                <h4>Mes classes</h4>
                <p>
                    Il permet à un enseignant de voir ses salles de classe et y effectuer les opérations
                    rapides telles que décrit dans la page
                </p>
                <h4>Elèves</h4>
                <p>
                    Il a deux actions :
                <ol>
                    <li><b>Nouveau recrutement:</b></li>
                    <li><b>Ajouter un élève:</b> (Il permet d'ajouter un élève à la liste des élèves de
                        l'établissement. Il sera généralement utilisé pour enregistrer les élèves à la suite d'un
                        concours d 'entrée à l'établissement ou d'un recrutement massif.)
                    </li>
                    <li><b>Elève par niveau:</b></li>
                    <li> <b>Liste des élèves/Classe:</b> il permet de voir la liste des élèves enregistré
                        comme faisant partie des effectifs de l'établissement scolaire (On peut filtrer les liste ici
                        par classe et par sexe en cliquant sur le bouton filtrer). La zone de recherche permet
                        également de filtrer les résultats en se servant des informations d'une colonne du
                        tableau.
                    </li>
                    <li><b>Importer la liste:</b>Importer la liste des élèves par classe sur la plateforme; un fichier modèle est renseigné sur cette page.</li>
                    <li><b>Changer classe:</b></li>
                    <li><b>Suppression Elève:</b></li>
                    <li><b>Rechercher un élève:</b></li>
                    <li><b>Suppression groupée:</b></li>
                </ol>
                <h4>Inscription</h4>
                <p>
                    Il a deux actions :
                    5 actions dans cette section
                <ol>
                    <li> <b>Nouvelle inscription</b>. Pour inscription d'un élève (Deux cas sont possibles)
                        <br>
                        Nouvel élève : L'élève n'a pas fait l'établissement l'année antérieur ; Donc
                        son nom n'est pas dans la Base de données
                        <br>
                        Ancien élève : C'est une nouvelle année, l'élève est déjà dans les effectifs
                        de l'établissement mais on veut l'inscrire en classe où il a été admis ou dans la classe
                        qu'il double (A la différence du premier on va juste choisir l'élève parmi les élèves de la
                        liste et procéder à son inscription).
                    </li>
                    <li><b>Etats inscriptions:</b></li>
                    <li><b>Inscriptions par opérateur:</b></li>
                    <li><b>Validation simple:</b></li>
                    <li><b>Rechercher un élève:</b></li>
                    <li> <b>Inscription groupée</b>. Vous pouvez inscrire plusieurs élèves simultanément
                        dans une même salle de classe. (Vous choisissez la classe, et vous aurez la liste des
                        élèves non-inscrits, vous choisissez les élèves à inscrire puis vous validez.
                    </li>
                    <li> <b>Liste des inscrits</b>. On a la liste des élèves inscrits que vous pouvez filtrer par
                        classe et par solvabilité en utilisant l'option filtre ou l'option recherche sur le tableau.
                    </li>
                    <li><b>Compléter une inscription</b>. Affiche la liste des élèves non entièrement
                        inscrits. Vous pouvez choisir un élève et compléter son inscription (Augmenter de
                        l'argent à la valeur précédemment versée).
                    </li>
                    <li> <b>Supprimer une inscription</b>. Il permet de désinscrire un élève en cas de
                        démission ou de transfert dans un autre établissement. (Ce qui empêche qu'il soit pris
                        en compte dans le calcul des moyennes et l'élaboration des statistiques).
                    </li>
                </ol>
                <h4>Enseignants</h4>
                <p>
                    Un enseignant est ici considéré comme un utilisateur de l'application ; 3 actions
                    possibles
                <ol>
                    <li><b> Ajouter un enseignant</b> (Idem que élève)</li>
                    <li><b> Voir la liste</b> affiche la liste de tous les enseignants</li>
                    <li><b>Importer la liste</b></li>
                    <li><b> Affectation des disciplines</b>. Il permet de désigner les enseignants qui ont les
                        aptitudes à enseigner une discipline quelconque dans l'établissement. Ainsi on peut
                        affecter plusieurs disciplines à un enseignant.</li>
                    <li><b> Titulaires</b>. Permet de désigner les enseignants titulaires par salle de classe.</li>
                    <li><b>Attribuer les titulaires:</b></li>
                    <li><b>Surveillants généraux:</b></li>
                    <li><b>Associer les classes pour les absences:</b></li>
                    <li><b>Censeurs:</b></li>
                    <li><b>Affectations des classes de controle aux censeurs:</b></li>
                </ol>
                <h4>Enseignements</h4>
                <p>
                    Ce volet traite des matières dispensées dans les salles de classe
                <ol>
                    <li><b> Liste des disciplines:</b> Affiche l'ensemble des matières enseignées au lycée
                        et les classe dans lesquelles elles sont enseignées
                    </li>
                    <li><b> Ajouter une discipline dans une salle de classe:</b> Permet d'enregistrer les
                        matières qui sont enseignées dans une salle de classe dans l'année en cours
                    </li>
                    <li><b> Dupliquer les enseignements</b>. Permet de copier les matières enseignées
                        dans une salle de classe et les coller dans une autre. (Raccourci pour éviter plusieurs
                        saisies lors de l'enregistrement des enseignements dans les différentes classes du lycée).
                        Cette fonctionnalité est plus utilisée lors des configurations.
                    </li>
                    <li><b> Attribution des matières aux enseignants</b>. Permet de dire quel enseignant
                        enseigne quoi ? Dans une salle de classe précise. (Vous choisissez la salle de classe,
                        puis vous avez la liste des matières sans enseignant. Vous vous servez de la liste
                        déroulante pour vous orienter ; Si la liste déroulante est vide, cela signifie qu'aucun
                        enseignant enseigne cette matière n'a été renseigné dans l’application).
                    </li>
                    <li><b>Liste des cours par niveau:</b></li>
                    <li><b>Modifier les coefficients:</b></li>
                </ol>
                <h4>Absences</h4>
                    Il gère les absences des élèves et du personnel.
                <ol>
                    <li><b> Des élèves</b> Ici on enregistre ou modifie les absences d'un élève pour une
                        période donnée. L’insertion peut se faire en groupe (On choisit la période et la
                        classe puis on enregistre pour tout le monde) ou individuellement (On choisit la
                        période, la classe, et l'élève puis on enregistre son nombre d'absence).</li>
                    <li><b> Des enseignants</b>. (Idem que chez les élèves). Il y’a aussi possibilité aussi de
                        marquer les absences directement par période horaire.</li>
                </ol>
                <h4>Evaluation</h4>
                    Il s'occupe de l'enregistrement et de la modification des notes des élèves. Il est
                    géré similairement aux absences (Remplir les notes et modifier les notes).
                <ol>
                    <li><b>Remplir les notes:</b></li>
                    <li><b>Modifier une note:</b></li>
                    <li><b>Transférer les notes:</b></li>
                    <li><b>Copie des notes:</b></li>
                    <li><b>Suppression des notes:</b></li>
                    <li><b>Sceller les notes:</b></li>
                    <li><b>États de remplissage des notes:</b></li>
                </ol>
                <h4>Bulletins de notes (Séquentiel, Trimestriel et annuel)</h4>
                <p>
                    Il permet de générer et d'imprimer les bulletins de notes. Vous sélectionnez le
                    type de bulletins souhaité, la classe concernée et vous avez les bulletins des élèves de
                    la classe.
                </p>
                <h4>Statistiques</h4>
                <p>Permet de générer et imprimer tout ce qui concerne les statistiques (Notes, moyennes, absences)</p>
                <h4>Suivi des enseignants</h4>
                <p>Description</p>

                <h4>Procès verbal</h4>
                <p>
                    Permet d'afficher et imprimer les registres de notes (Séquentiel, trimestriel et
                    annuel) pour archivage.
                </p>
                <h4>Emploi de temps</h4>
                        <p>
                            Ce module permet de créer, modifier et imprimer les emplois de temps du
                            personnel et des salles de classe.
                            Il vous faut préalablement définir les tranches (périodes horaires) avant de
                            procéder à l’enregistrement des matières dans ces tranches horaires.
                        </p>
                <h4>Administration</h4>
                <p>
                    Ici ce sont les opérations de configurations. Vous pouvez y faire tous les CRUD [4]
                    nécessaires pour le paramétrage de l’application. Cette fonctionnalité est réservée
                    juste au responsable de l’application dans l’établissement.
                </p>
                <ol>
                    <li><b>Cycles:</b></li>
                    <li><b>Trimestres:</b></li>
                    <li><b>Période:</b></li>
                    <li><b>Catégories:</b></li>
                    <li><b>Matières:</b></li>
                    <li><b>Moyennes/Mentions:</b></li>
                    <li><b>Absences/Sanctions:</b></li>
                    <li><b>Appréciation générale:</b></li>
                    <li><b>Classes:</b></li>
                    <li><b>Changer le mot de passe:</b></li>
                </ol>
                <h4>Configurations</h4>
                <p>Cette section concerne en particuler le super administrateur de la plateforme</p>
                <ol>
                    <li><b>Administrateurs:</b></li>
                    <li><b>Départements:</b></li>
                    <li><b>Pays:</b></li>
                    <li><b>Moyens de paiement:</b></li>
                    <li><b>Établissement:</b></li>
                    <li><b>Année:</b></li>
                    <li><b>Frais:</b></li>
                    <li><b>Phases:</b></li>
                    <li><b>Sections:</b></li>
                    <li><b>Roles:</b></li>
                    <li><b>Jours:</b></li>
                    <li><b>Plages horaires:</b></li>
                    <li><b>Admissions:</b></li>
                    <li><b>Base de données:</b></li>
                    <li><b>Attribuer les genres aux élèves:</b></li>
                    <li><b>Code d’activation:</b></li>
                    <li><b>Préparer une nouvelle année:</b></li>
                </ol>
            </div>
        </div>
        <!-- card -->
        <!-- card -->
        <div class="card" id="page">
            <div class="card-body">
                <h3>DESCRIPTION DES DIFFERENTS ELEMENTS DU NAVBAR<sup>[1]</sup></h3>
                <hr>
                <p>Une fois connecté, en haut et à droite sur le navBar [1] vous avez votre nom
                    d’utilisateur. En cliquant dessus, vous pouvez vous déconnecter ou modifier les
                    informations sur votre profil utilisateur. (Bien vouloir toujours vous rassurer d’être
                    déconnecté avant de fermer ; ceci permet d’éviter les opérations illicites).</p>

            </div>
        </div>
        <div class="card" id="role">
            <div class="card-body">
                <h3>ROLE<sup>[5]</sup> DES DIFFERENTS UTILISATEURS</sup></h3>
                <hr>
                <p>
                <ul>
                    Lors de l’enregistrement d’un nouvel enseignant ou utilisateur de l’application, il
                    vous sera demandé de préciser son ROLE ou groupe d’utilisateurs. Les ROLES principaux
                    suivants ont été prédéfinis par les concepteurs
                    <li><b> Professeur</b> : c’est le niveau le plus bas. Après connexion il n’a accès qu’à ses
                        classe et ne peut y effectuer que les opérations basiques (Saisie des notes,
                        exportation des liste, génération des bulletins s’il est titulaire dans la classe)</li>
                    <li><b> Surveillant général</b> : qui peut aussi en plus des précédentes tâches enregistrer les
                        absences du personnel et des élèves</li>
                    <li><b> Censeur</b> : Peut générer les bulletins et statistiques</li>
                    <li><b> Proviseur</b> (ADMINISTRATEUR) : Qui peut tout faire sur l’application en dehors des
                        configurations dont seuls les fournisseurs en ont la responsabilité.
                    <li><b>Sécretaire</b>:</li>
                    <li><b>Intendant</b>:</li>
                    <li><b>Chef de la scolarité</b>:</li>
                </ul>
                </p>

            </div>
        </div>
        <!-- card -->
        <!-- card -->
        <div class="card" id="thanks">
            <div class="card-body">
                <h4 class="text-right">Pour toute autre assistance ou question contacter nous</h4>
                <div class="display-7 text-right text-success">
                    <a target="_blank" href="mailto:greensoft.group237@gmail.com"><b>greensoft.group237@gmail.com</b></a>
                    <br>
                    Tel : <a href="#"><b>(+237) 654 136 893 / 695 95 11 76</b></a>
                </div>
                <div class="display-6 text-right text-success">
                    Enjoy School-Lab,
                    <br>
                    L'equipe de support technique
                </div>
            </div>
        </div>
        <!-- card -->
    </div>
</div>
<!-- ============================================================== -->
<!-- End Page Content -->
<!-- ============================================================== -->            <!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<div class="right-sidebar">
    <div class="slimscrollright">
        <div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
        <div class="r-panel-body">
            <ul id="themecolors" class="m-t-20">
                <li><b>With Light sidebar</b></li>
                <li><a href="javascript:void(0)" data-skin="skin-default" class="default-theme">1</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-green" class="green-theme">2</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-red" class="red-theme">3</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-blue" class="blue-theme working">4</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-purple" class="purple-theme">5</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-megna" class="megna-theme">6</a></li>
                <li class="d-block m-t-30"><b>With Dark sidebar</b></li>
                <li><a href="javascript:void(0)" data-skin="skin-default-dark" class="default-dark-theme ">7</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-green-dark" class="green-dark-theme">8</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-red-dark" class="red-dark-theme">9</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-blue-dark" class="blue-dark-theme">10</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-purple-dark" class="purple-dark-theme">11</a></li>
                <li><a href="javascript:void(0)" data-skin="skin-megna-dark" class="megna-dark-theme ">12</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->        </div>
    </div>

    
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

    <script src="/libs/jquery-3.2.1.min.js"></script>
    <script src="/libs/proper.min.js"></script>
    <script src="/libs/bootstrap.min.js"></script>
    <script src="/libs/moment.js"></script>
    <script src="/build/js/app.b172e0e51324701b8470.js"></script>
    <script src="/bundles/mercuryseriesflashy/js/flashy.js"></script>

    <!-- Include Flashy default partial -->
    
<spotlight-bar target=".spotlight_menu a"></spotlight-bar>
</body>
</html>
