Git Product home page Git Product logo

sadaouidyhia / esi-access Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 44.52 MB

Website for computerizing teachers and students interactions and tasks (Site web d'informatisation des interactions et des tâches des enseignants et des élèves)

JavaScript 10.19% TypeScript 4.79% HTML 21.03% CSS 63.93% Dockerfile 0.06%
angular unit-testing automated-testing karma protractor-e2e-test mysql-database docker nodejs mocha chai angular-cli jasmine selenium bootstrap

esi-access's Introduction

TP_IGL

Le projet est une application web de scolarité dedié aux étudiants,enseignants et agents d'administration(Enseignant,Agent d'administration dans notre cas) pour leur permettre de :

=> Changer le groupe d'un étudinant(Fonctionnalité 1)

=> Saisir les Absence d'un groupe d'étudiants (Fonctionnalité 2)

Les Techenologie utilisée:

Pour le BackEnd:

  • Nodejs 6.12.0

    • Express pour la connexion avec le frontend
  • mysql pour la gestion de la base de donné

  • mocha et chai : pour les tests unitaires

Pour le FrontEnd:

  • Angular CLI: 8.3.21

  • Bootstrap 4

  • HTML5/SCSS/TypeScript

  • jasmine : pour les tests unitaires

  • Selenium pour les tests automatisés

Pour la documentation :

  • JSDOC pour le Backend et typedoc pour le frontend

Pour le deployement :

  • Docker

Les installations nécessaires :

Toutes les technologie cités doivent étre installées en se rendants sur les sites de documentations officiels

Créer un repertoire Projet oú vous placez ce projet

Initialiser les deux repertoires Serveur et Client en saisissant cette commande

 npm init
  • Pour le repertoire Serveur: pour chaque sous repertoire : Installer les dépendances dont vous aurez besoin
    npm install body-parser express express-list-endpoints mysql officegen --save
    
  • Pour le reperoire Client : Installer les dépendances dont vous aurez besoin
    ng new Client
    ng add @angular/material
    ng add @angular/cdk
    
    Installer Bootstrap
    npm install bootstrap --save
    
    Installer la librairie de notification TOASTR.
    npm install ngx-toastr --save
    
    Installer angular confirmation
    npm install --save angular-confirmation-popover
    

Lancer l'application :

Lanncer tous d'abords le serveur de la base de donné et puis éxecuter dans /Serveur l'instruction npm run dev

Pour lancer le projet éxecuter dans le repertoire Client : ng server -o

Executer les tests :

Les tests unitaires :

  • Backend : Modifier le script "test" dans le fichier package.js par "mocha" Executer dans le repertoire Test/Server/ChangerGrp/test ou Test/Server/SaisieAbs /test

     mocha 
    
  • Frontend :

    ng test 
    
```

Les tests automatisés :

Executer dans le repertoire Client

ng e2e 

la documentation:

  • Backend : Pour ce qui est de l'instalation de jsdoc : on a installé globalement en exécutant la commande
npm install -g jsdoc

et pour générer la documentation en ligne
on éxécute la commande

jsdoc chemin de notre fichier.js

Contributeurs :

Djecta Hibat_Errahmen

Sadaoui Dyhia

Bouabba Saloua

esi-access's People

Contributors

djecta1005 avatar sadaouidyhia avatar salouabouabba avatar dyhiasadaoui avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.