Introduction

Enseignant

Notes

Gestion

Affichage

Etudiant

Administration

Département

Enseignant

Etudiants

Administration

Cette illustration 

On résume le tout par : 

Le Problème

Solution envisagé:
utiliser 

Un Système d'information

•  C'est quoi un système d'information  ?

En gros c'est un ensemble d'élément qui permet collecter , diffuser et de communiquer l'information 

Parmi les SI proposés

On peut citer ses deux logiciels  :

• Le logiciel Facil-Notes
• Le logiciel Gestion Moyenne Élèves

Ces Inconvénients 

1. Pas d'interaction dans l'application
2. Application descktop 
   1. Stockage limité
   2. Perte de donnée
3. Pas de communication entre l'enseignant et l'étudiant
4. pas de critère ergonomique

Que propose t'ils ? 

1. Enregistrer et gérer les moyennes 
2. Enregistrer la liste des élèves de la classe
3. Stockage locale des listes 
4. destinée aux responsables d'établissements scolaires et administration

On propose une nouvelle solution qui peut remédier à ces inconvénient, qui consiste en une application web intuitive et interactive dont le stockage se fait dans le serveur

Avant de détailler notre application

Commençons par définir la méthode  et le type d'application utilisée

Gestion de Projet

Classique

Agile

Application web

SPA

Micro-Service

Monolithique 

Méthode Agile :

la méthodologie Agile est une méthode moderne, favorisant un gain de productivité non négligeable, et la baisse des coûts de production

Application web traditionnel

SPA (single page application)

c'est un logiciel applicatif hébergé dans un serveur et on peut y accéder via un navigateur web

Avantage

L’utilisateur n'a pas besoin d'installer le logiciel

Désavantage  

le chargement long de l'application

application web où ses interaction avec les user sont mise en oeuvre a l'aide du JS,HTML,CSS son développement s'effectue principalement avec le front end   

Monolithique

C'est un style d'architecture dont les application web ont un seul back-end  

Micro-Service

C'est un style d'architecture  ou les applications web on plusieurs back-end  ils peuvent être développer sous n'importe quel langages 

Si le serveur plante ou tombe en pane ça engendra la panne de l'application

L'avantage majeur des micro-service c'est l'indépendance des  service

Détail de l'application

• Front end

C’est un ensemble de fichiers et dossiers livré de façon structurée, ce pack de fichiers comporte 3 types de fichiers dans le Framework : HTML, CSS et JS.

Des applications ou des web service « back-end » servent indirectement aux services frontaux, ils ont la capacité de communiquer avec les services frontaux 

• Back end

Framework Front end

Angular 2 : 

Framework Back end

Angular 2 est un framework JavaScript. C'est un framework d'application Web open source principalement maintenu par Google.

Spring : C'est un framework Java qui gère beaucoup de choses on l'a utilisé pour les services REST qui gèrent les service front-end  

Base de donné 

Mongodb :

C'est une base de données orienté document multi-plate-forme classée comme NoSQL. elle agit comme une base de données qui stocke les données pour notre application Web

Front

Auth

Marks

Profile

Mailer

MongoDB

Service métier

Service téchnique

Base de donnée

Serveur web

events {}
http {
  include /etc/nginx/mime.types;
  server{
    listen 80;
    server_name ubsunu.com;
    root /usr/share/nginx/html;

    location /{
      autoindex on;
      index index.html;
      try_files $uri $uri/ index.html /index.html =404;
    }

    location /api/alphau{
      proxy_pass http://alphau:8080;
    }

    location /api/ubsunu-profile{
      proxy_pass http://ubsunu-profile:8080;
    }

    location /api/list{
      proxy_pass http://marks:8080;
    }
  }
}

Configuration Serveur web "reverse-proxy"

Conclusion 

Démonstration 

Avantages

1.  Le stockage se fait dans une base de données NoSql stockée dans le serveur, donc l'application n'est pas dépendante de la machine
2. Capable d'envoyer un mail aux étudiants
3. Calcule de moyenne a partir de deux listes de note
4. se connecter en tant qu'enseignant 
5. l'étudiant a le droit de consulter sa note au niveau de l'application

Mais ...

Notre application 

Elle nécessite l'utilisation de la connexion internet

Elle reste une version simplifiée qui peut être améliorée  dans le futur

Fonctions envisagées pour le futur

1. Ajout de Module
2. Compte étudiant
3. Ajout de profile
4. Ajout de liens vers des documents stockés en cloud tel un support de cours
5. Relier a un autre serveur 
6. Messagerie de chat entre les enseignants
7. On peut développer une application mobile qui se connecte au même back-end