projet MEAN STACK développement d'un site streaming

1. Site web
streamming
Haloui Nesrine
Home Présantation Analyse Conception Réalisation
Encadré par : Mr Med Anis Mahjoubi 1

2. Présentation
Présenter le projet,
problématique et
solution
Réalisation
Quelques captuíes
d’écran des
interfaces
réalisées
PLAN
Analyse
Identifier besoin
fonctionnel et
non fonctionnel
Conception
Présenter
diagramme de
cas d’utilisation
et de classe
2

3. Présentation
Home
3
Présentation Analyse Conception Réalisation

4. INTRODUCTION
MetaStream est un service de streaming qui propose une
vaste sélection de séries, films sur des milliers d'appareils
connectés à Internet.
Regardez tout ce que vous voulez, quand vous voulez, sans
publicité et sans tarif mensuel
Home
4
Présentation Analyse Conception Réalisation

5. Problématique
 Dans certains sites il a de la publicité
qui peut être ennuyante pour quelques
internautes
 Il y a quelques sites qui ne sont pas
gratuits
 Il y a des sites qui ouvrent des pages
non sécurisés ou de contenu
indésirable
Home Présentation Analyse Conception Réalisation
5

6. Home Présentation
Solution
6
Analyse Conception Réalisation
Dans notre solution nous envisageons que :
 Notre site doit être rapide et facile à utiliser
 Notre site doit être très bien sécurisé
 Notre site satisfait le besoin de l’internaute

7. Analyse
Home
7
Présentation Analyse Conception Réalisation

8. Home Présentation Analyse Conception Réalisation
Besoin fonctionnel
Il s’agit des fonctionnalités de base de notre système qui décrivent son comportement général.
Les fonctionnalités de l’admin :
• Gestion des films
• Gestion des séries
Les fonctionnalités de l’utilisateur :
• Création d’un compte
• Recherche d’un film ou série par mot clé
• Consulter liste des films et séries
8

9. Besoin non fonctionnel
Home Présentation Analyse Conception Réalisation
Notre application, doit assurer :
•La sécurité : La plateforme doit être sécurisée et chaque utilisateur doit
accéder aux données qui lui sont associées
•L’ergonomie : L’interface utilisateur doit être conviviale, ergonomique et
bien organisée.
•L’utilisation : L’interface d’utilisation doit être simple et facile à utiliser
9

10. Conception
Home
10
Présentation Analyse Conception Réalisation

11. Diagramme de cas d’utilisation
Home Présentation Analyse Conception Réalisation
11

12. Diagramme de classe
Home Présentation Analyse Conception Réalisation
12

13. Réalisation
Home
13
Présentation Analyse Conception Réalisation

14. Technlogie utilisé
Home Présentation Analyse
14
Conception Réalisation
 M: MongoDB
 E: ExpressJs
 A: AngularJs,
 N: NodeJs

15. Home Présentation Analyse
Architecture
Conception Réalisation
15

16. Home Présentation Analyse
Quelques interfaces
Conception Réalisation
16

17. Home Présentation Analyse
Quelques interfaces
Conception Réalisation
17

18. Home Présentation Analyse
Quelques interfaces
Conception Réalisation
18

19. Home Présentation Analyse
Quelques interfaces
Conception Réalisation
19

20. Analyse Conception Réalisation
Home Présentation
THANKS!
Do you have any questions?
20