![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7212748/logo_w.png)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Conception et développement d’une technologie d'affichage dynamique
-
Introduction
-
Théorie
-
Développement
-
Résultats
Sommaire
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Introduction
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216435/adam-solomon-WHUDOzd5IYU-unsplash.jpg)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
EISTI
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/6494287/EISTI.jpg)
- École d'ingénieurs en IT et en maths
- Directeur: Alexandre Radjesvarane
- Lieu: Cergy et Pau
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Magillem
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7213006/index.jpeg)
- Compagnie spécialisée dans l'embarqué et les microconducteurs
- Directrice: Isabelle GEDAY
- Lieu: Paris, Tokyo, Séoul, Hong Kong, Palo Alto
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
But d'un PFE
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214241/Kfet_Contenus_2.jpg)
300 heures
6 mois
1 objectif
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Théorie
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216440/isaac-smith-6EnTPvPPL6I-unsplash.jpg)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Kiosque
2 points importants:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214375/Show_DC_transparent_LED_display_4-e1501491299368.jpg)
-
Afficher du contenu
-
Manager le contenu de manière sécurisée
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Kiosque
Points forts:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214375/Show_DC_transparent_LED_display_4-e1501491299368.jpg)
- Sécurisé
- Touche beaucoup d'utilisateurs
- Peu cher et facile à mettre en place
L'écran publicitaire
Points faibles:
- Besoin de se déplacer
- L'écran doit être éteint pour tout changement
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Kiosque
Points forts:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214485/e0f67f24e4dd346c8454f5e92b26d817.png)
- Gestion du contenu centralisée
- Informe plusieurs utilisateurs
Concerto
Points faibles:
- Connexion fiable nécessaire
- Consomme beaucoup de données
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Kiosque
Points forts:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214457/Screenshot_2020-03-06_11_11_04.png)
- Gestion du contenu centralisée
- Clients fonctionels même sans réseau
- Interaction possible
Kiosques tactiles
Points faibles:
- Couteux à mettre en place
- Informe un seul utilisateur
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
État de l'art
Client / Serveur
-
Centralisation
-
Plateforme en ligne
-
Forte dépendance au réseau
-
Mise en place plus complexe
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Avantages:
Inconvénients:
État de l'art
Clients:
Cache:
-
Client léger
-
Client lourd
-
Invalidation par date
-
Invalidation par Rev
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
État de l'art
Client léger
Clients
-
Peu de calculs sur le client
-
Matériel peu cher
-
Connexion au serveur nécessaire
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7219991/unnamed.jpg)
État de l'art
Client lourd
Clients
-
Ne sature pas le réseau
-
Execute des opérations sur le client
-
Matériel cher
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214457/Screenshot_2020-03-06_11_11_04.png)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
État de l'art
Pourquoi?
Cache
-
Alléger le réseau et le serveur
Comment?
-
Stocker les fichiers qui reservent
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
État de l'art
Cache privé
Cache
-
Particulier à la machine
-
Sur le client
-
Répétition du cache publique
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Cache publique
-
Commun à tous les clients
-
Sur le serveur
État de l'art
Expiration par date
Cache
-
Donne une date d'expiration à un fichier en cache
-
Permet de fixer cette date
-
Solution simple mais imparfaite
Expiration par Rev
-
Ajoute un tag avec une date
-
Change à chaque modification du fichier
-
Solution plus complexe mais plus efficace
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Les besoins
Encodeur télévision
Plateforme de gestion
-
Gérer les types de fichier
-
S'occuper de leurs mises en forme
-
Garder des fichiers en cache
-
Manipuler et organiser les publications sur l'écran
-
S'occuper des tâches récurrentes
-
Gérer les utilisateurs
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Les besoins
Affichage de différents types de fichiers :
-
Web
-
Musique
-
Vidéo
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214753/encordeur_format.png)
-
Powerpoint
-
Pdf
-
Image
Décodeur
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Les besoins
Affichage du logo
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214790/ecran.png)
Décodeur
Affichage des contenus
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214781/screen.png)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Les besoins
Contenu
Plateforme de gestion
Calendrier
-
Créer
-
Actualiser
-
Supprimer
-
Changer informations
-
Charger une liste
-
Heures
-
Jours de la semaine
-
Jours du mois
-
Date précise
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Les besoins
Utilisateurs
Plateforme de gestion
-
Créer
-
Actualiser
-
Supprimer
-
Modifier informations
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7214807/groupe_d_accès.png)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Développement
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216449/yancy-min-842ofHC6MaI-unsplash.jpg)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Solution choisie
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216561/kfet.jpg)
2 parties sur une seule cible:
-
Serveur: serveur web
-
Décodeur: serveur web + navigateur
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Docker pour la virtualisation
Solution choisie
Serveur
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216886/Serveur.jpg)
3 parties:
-
Serveur graphique
-
API
-
Base de données
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Solution choisie
Serveur graphique
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216781/2_Kfet_Utilisateur.jpg)
4 étapes:
-
Création d'un sitemap
-
Création de wireframes
-
Création de mockups
-
Implementation en React
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Solution choisie
Serveur graphique
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7220321/untitled_page.png)
Solution choisie
- Base de données
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216822/Entity_Relationship_Diagram1.jpg)
2 parties:
-
Reprise des mockups et contruction des ressources nécessaires
-
Création d'un Merise
-
Création de Migration dans la partie API
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Solution choisie
API
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216826/plateforme.jpg)
5 points essentiels:
-
Reprise du Merise
-
Respect du REST / CRUD
-
Création d'une architecture Lucid
-
Création d'un paquet pour la conversion
-
Authentification Oauth / Passport
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Solution choisie
Décodeur
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1156530/images/7218105/python_flask.png)
Python / Flask:
-
Création d'un serveur Flask
-
Création d'un paquet
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Installation de la solution
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216934/91700686_1123895697954140_4101880942354759680_n.jpg)
Raspberry Pi 3B+
-
OS: Raspbian Lite
-
Interface graphique: X11
-
Splash screen: Plymouth
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Problèmes rencontrés
Serveur
CORS (Cross-Origin Resource Sharing):
Serveurs graphique et API séparés
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7217272/Untitled_Page1.png)
2 URL
Solution:
Reverse Proxy
Problèmes rencontrés
Décodeur
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7170292/docker-seeklogo.png)
3 problèmes:
-
Problème de virtualisation
-
Lecture des vidéos
-
Réactualisation de la page web
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Problèmes rencontrés
Cible
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216934/91700686_1123895697954140_4101880942354759680_n.jpg)
3 problèmes:
-
Lors du lancement de l'interface
-
Container MySQL non disponible pour la Raspberry
-
Impossible de coder directement sur la Raspberry
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Résultats
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7220013/success-3521937_1920.jpg)
Quoi de mieux qu'une démo?
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Plateforme
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Décodeur
Conclusion
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Créer un kiosque:
-
Récupérer les besoins
-
Modéliser un architeture
-
Implémenter
-
Livrer
Status du projet:
-
Projet avancé
-
Pas fini totalement
Questions?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/753796/images/7216446/jules-bss-VW-pFREtl0k-unsplash.jpg)
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Merci pour votre attention
1 Avril 2020
COQUARD Cyrille et PRUVOST Dylan
Kfet
By Cyrille Coquard
Kfet
- 142