la crème de l'affichage xibo avec raspberry pi 3 et android · la cr eme de l’a chage xibo...

24
La cr` eme de l’affichage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ´ ees Mathrice 2017 de Besan¸con - 28 au 30 mars 2017 Richard FERERRE - Christopher LANGLOIS La cr` eme de l’affichage Xibo avec Raspberry pi 3 et Android

Upload: ngohanh

Post on 11-May-2018

225 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

La creme de l’affichage Xiboavec Raspberry pi 3 et Android

Richard FERERRE - Christopher LANGLOIS

Journees Mathrice 2017 de Besancon - 28 au 30 mars 2017

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 2: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Presentation de la solution

Affichage dynamique Xibo, ou en est-on ?

Diffusion et partage de contenus

I Utilisation reguliere du systeme Xibo sur 7 annees (2010-2017)

I Migration sur un client Raspberry 3 et Android (2017)

Objectifs completement atteints

I Solution libre et suivie (GNU Affero GPL ou AGPL)

I Affichage des informations concernant le Lmb

I Amelioration du client d’affichage et de la maquette (layout)

I Cout reduit avec la migration sur client Raspberry pi 3 et Android

I Installation simple, rapide et 0 maintenance!

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 3: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Presentation de la solution

Comment mettre en place l’affichage dynamique ?

Quoi et comment diffuser ?

1. Concevoir et structurer sur le papier une maquette (mise en page oulayout)

2. Choisir et adapter le client et la resolution d’ecran d’affichage

3. Creer et mettre en page les contenus : messages courts et police degrosse taille

4. Tester et verifier la bonne diffusion des elements

5. Diffuser et ....mettre a jour

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 4: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Presentation de la solution

Qu’est ce que Xibo?

Application Client / Serveur Open Source

Nombreuses fonctionnalites interessantes et adaptables

1. Veritable logiciel d’affichage dynamique

2. Multi-ecrans et multi-zones (supervision du parc ecrans)

3. Multiples medias et formats de fichiers: Videos, Flash, Power Point,Photos, Page HTML , Flux RSS

4. Systeme de gestion de contenu ou CMS integre

5. Interface web centralisee

6. Programmation et mises a jour des contenus en temps reel

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 5: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Presentation de la solution

Architecture Xibo basee sur client d’affichage Android

I connecte en HDMI

I place et scotche en faux-plafond

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 6: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Presentation de la solution

Communication entre client et serveur

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 7: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation de la partie serveur

Prerequis cote serveur

Pour installer cote serveur

I Decompresser l’archive a la racine du serveur web depuis l’adressehttps://github.com/xibosignage/xibo-cms/

I Configurer via l’interface web

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 8: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation de la partie serveur

Acces et presentation interface Xibo

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 9: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Choix du client et de la plateforme

Deux clients Xibo

Pour le client linux !

Le developpement du client pour Ubuntu (python) n’est plus maintenu.

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 10: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Choix du client et de la plateforme

Choix du client Xibo sur Android/Raspberry 3 : cout

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 11: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Choix du client et de la plateforme

Avantages/Inconvenients de Xibo sur Raspberry/Android

SOLUTION RETENUE :Client Xibo sur Android

1. Faible encombrement et poids

2. Faible cout

3. Ne chauffe pratiquement pas

4. Ne consomme presque rien

5. Sauvegarde du systeme aisee

1. Lecture des videos

2. Securisation physique(possible!)

3. ?

4. ?

5. ?

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 12: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation du client

Installation du client Xibo pour Android

I Telecharger l’APK du client Xibo a l’adresse suivante :http://springsignage.com/xibo-for-android

I Autoriser les sources inconnues :- Menu/Parametres/Applications

I Installer l’application (.apk)

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 13: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation du client

Configuration du client Android/Raspberry 3

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 14: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation du client

Configuration du client - Suite

I Activer le client depuis l’interface web du serveur :

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 15: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Installation du client

Configuration de la resolution

Resolution d’ecran pour Raspberry

I Fichier /boot/config.txt a la racine de la SD

I Valeur ”hdmi mode=” A modifier... (”hdmi mode=82”)(Resolution 1080p correspond au mode 82)

I Lien internet des correspondances modes/resolutions :http://elinux.org/RPiconfig

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 16: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Creation d’un template

Conception d’une mise en page ou layout

1. Modele ou ”template”

2. Resolution d’ecran

3. Medias associes a une region (Images, Texte, Flux RSS...)

4. Temporisation ou planification des medias

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 17: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Creation d’un template

Exemple des zones de contenus du template

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 18: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Creation d’un template

Rendu Final

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 19: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Comment securiser la solution?

Securiser la solution - Hardware

Boitier aluminium + cadenas

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 20: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Comment securiser la solution?

Securiser la solution - Software

Chiffrement Android du Raspberry

I Compte securise multi-utilisateurs

I L’utilisateur ne connaıt pas la cle de chiffrement

I Cle liee au mecanisme de deverrouillage de l’appareil

I Chiffrement en AES (algorithme PBKDF2 resistant aux attaques parforce brute)

I Activation du chiffrement : Menu/Securite/Chiffrer letelephone/tablette

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 21: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Problemes rencontres

Quelques difficultes !

Quelques problemes...

I Bug avec l’affichage du curseur (passage en mode ”grand curseur”)

I Lecture des flux video : temps, blocage

I Acces a la bibliotheque (library) Xibo, rooter l’android !

Chemin de la library sur android :

/data/data/uk.org.xibo.client/files

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 22: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Problemes rencontres

Des evolutions a venir...

nouveaux besoins d’affichage

1. Planning hebdomadaire des activites du laboratoire sur un 2emeecran (seminaires, colloques)

2. Affichage automatique des informations depuis le site web dulabortatoire

3. Nouveau client Raspberry/Android ou ordinateur embarque a l’ecran

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 23: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Liens utiles

Quelques liens internet utiles

Pour consulter la documentation :http://xibo.org.uk/manual/en/advanced.html

Un manuel en francais sur le nuxeo de l’universite de St-Etienne:https://ged.univ-st-etienne.fr/nuxeo/nxfile/default/

681c531e-98c8-4aa2-94be-7a56e0836b13/file:

content/Xibo_Manuel.pdf Pour installer la partie serveur :http://xibo.org.uk/manual/en/install_cms.html

Pour configurer la partie serveur :http://community.xibo.org.uk/t/

xibo-cms-post-installation-setup-guide

Pour configurer les ecrans :http://xibo.org.uk/manual/en/displays.html

Pour configurer la resolution :http://elinux.org/RPiconfig

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android

Page 24: La crème de l'affichage Xibo avec Raspberry pi 3 et Android · La cr eme de l’a chage Xibo avec Raspberry pi 3 et Android Richard FERERRE - Christopher LANGLOIS Journ ees Mathrice

Liens utiles

Avez-vous des questions ?

Richard FERERRE - Christopher LANGLOIS La creme de l’affichage Xibo avec Raspberry pi 3 et Android