|
|
| Ligne 18 : |
Ligne 18 : |
| | | | |
| | == Workshop == | | == Workshop == |
| − | [[Descriptif]] | + | [[Descriptif du Workshop]] |
| | | | |
| | <br> | | <br> |
| − |
| |
| − | =Jour2=
| |
| − |
| |
| − | === Scénario d'usage cité universitaire===
| |
| − |
| |
| − | Dans le contexte de partage de salle de bain entre plusieurs étudiants, l'accès à ce lieu peut provoquer des conflits.
| |
| − | Une solution consisterait à établir un planning entre les différents usagers. Ce planning serait hébergé sur une plateforme web et génèrerait plusieurs avantages tels que :
| |
| − |
| |
| − | === Avantages pour l'utilisateur ===
| |
| − |
| |
| − | - Optimiser le temps d'utilisation de la salle de bain
| |
| − | - Assurer un horaire de passage aux usagers
| |
| − | - Personnaliser la salle de bain (ambiance, éclairage, sons, couleurs,...)
| |
| − | - Partager les tâches plus efficacement
| |
| − | - Éviter les conflits
| |
| − |
| |
| − | === Avantages pour le propriétaire (ou bailleur) ===
| |
| − |
| |
| − | - Faire des économies d'énergie
| |
| − | - Proposer un modèle d'organisation optimisé
| |
| − |
| |
| − | == Installation matérielle ==
| |
| − |
| |
| − | Digicode
| |
| − |
| |
| − | == Scénarii d'usages ==
| |
| − |
| |
| − | === L'usage de Diego ===
| |
| − |
| |
| − | Diego arrive quelques jours avant la rentrée pour prendre possession de sa chambre dans la résidence universitaire des Blots Fleus. Cette RU possède une seule douche par étage de 10 chambres. Chaque chambre n'accueille qu'un seul étudiant.
| |
| − | A l'accueil, le gestionnaire du lieu (le concierge) lui explique le fonctionnement de Ticket4Bath en lui remettant le manuel. En effet, c'est la première fois que Diego utilise cette application.
| |
| − |
| |
| − | Le concierge lui donne ses identifiants wifi et l'invite à télécharger l'application indispensable à l'utilisation de la salle de bain. Son compte Ticket4Bath est automatiquement créé. Cette application est également accessible via son navigateur web. Son identifiant et login est son numéro d'étudiant. Le mot de passe par défaut est sa date de naissance (le concierge lui recommande de vite en changer).
| |
| − |
| |
| − | Si Diego n'avait pas eu de smartphone, le concierge lui aurait proposé de réserver directement son horaire de passage dans la salle de bain.
| |
| − |
| |
| − | Durant le paramétrage de l'appli, des questions sont posées à notre utilisateur. Ses couleurs préférées, celles qu'il n'aime pas, sa chanson préférée, son style de musique favori, celui qu'il n'aime pas).
| |
| − |
| |
| − | Pour réserver une douche, il faut se connecter à l’appli et choisir un créneau horaire (fixé par tranches de 15 minutes) dans un total de 30 minutes par jour. (Il serait par exemple possible à Diego de choisir 15 min le matin et 15 min l'après-midi).
| |
| − |
| |
| − | Diego a pu réserver une douche qui se libère prochainement, à 14h00. Arrivé devant la douche, il saisit le même code que celui de la chambre (avantage, pas besoin d’emmener de carte ou de téléphone) sur un digicode similaire.
| |
| − |
| |
| − | Lorsqu'il referme sa porte, une ambiance orangée, alimentée par un système de led se met en place. Aucune musique ne se lance car il ne l'a pas configurée dans ses paramètres de l'application.
| |
| − |
| |
| − | Diego avait réservé sa douche pour une durée de 15 minutes. Au bout de 10 minutes, une voix enregistrée lui annonce par haut parleur qu'il ne lui reste que 5 minutes. Diego prend son temps et dépasse les 15 minutes. Se déclenche alors dans les hauts parleurs une musique fort désagréable, une de celles qui vous reste dans la tête toute la journée... Il finit par sortir à la 17ème minute.
| |
| − |
| |
| − | Lors de sa prochaine réservation, Diego aura une pénalité de 2 minutes. Rien de méchant dans l'absolu. Les pénalités sont cumulables mais pas les temps d'avance...
| |
| − |
| |
| − | === L'usage d'Angela ===
| |
| − |
| |
| − | Angela est une étudiante qui connait bien le système Ticket4Bath. Elle avait réservé 14h15 sur l'appli pour une durée de 30 minutes. Dans le couloir, elle visualise l'écran LCD à proximité de la porte d'entrée de la douche. Celui-ci indique qu'elle est encore occupée. La porte ne se rouvre qu'à 14h17. Avec 2 minutes de retard donc. Ce type de retard va décaler le planning des autres réservations si elle consomme la totalité de son temps.
| |
| − |
| |
| − | Si le retard des douches dépasse 5 minutes, les utilisateurs de la prochaine heure reçoivent une notification sms. Mais cela est rare.
| |
| − | Angela voit Diego sortir de la salle de bain, elle ne l'avait jamais vu, il doit être nouveau. Ce dernier dit qu'il est désolé pour le retard et en profite pour lui poser quelques questions.
| |
| − |
| |
| − | Angela prend le temps de lui expliquer en quelques mots les bonnes pratiques de gestion du lieu :
| |
| − | "Il existe deux périodes pour l'utilisation des douches, la période bleue et la période blanche. La période bleue est celle des heures creuses. En effet, on peut réserver de 15 à 30 minutes la salle de bain. Dans les périodes blanches (de 06h00 à 09h00, de 11h00 à 14h00 et de 18h à 22h), seulement 15 minutes, comme ce sont les heures les plus demandées.
| |
| − |
| |
| − | Par ailleurs, il existe un système de récompense destiné à motiver les utilisateurs à respecter les horaires et la propreté. Un système d'évaluation anonyme de la propreté lors de l'entrée dans le lieu ??????
| |
| − |
| |
| − | Il existe 3 grades pour les étudiants. Par défaut l'étudiant est "Gold". S'il respecte les règles d'usages du lieu, il pourra devenir "Platine" et être prioritaire lors des prochaines réservations de la salle de bain dans les périodes blanches. Si un utilisateur est "Argent", cela signifie qu'il a déjà dépassé les temps d'usages de la douche et/ou qu'il ne respecte pas la propreté des lieux.
| |
| − |
| |
| − | Il faut réserver entre 24h et 12h avant l'heure voulue. Enfin, lorsqu'un utilisateur termine avant d'avoir consommé le temps dont il disposait, le suivant reçoit une notification lui annonçant que "la douche est désormais disponible"."
| |
| − |
| |
| − | === L'usage de Roger ===
| |
| − |
| |
| − | Roger l'admin. Roger est le concierge. Il a déjà géré plusieurs établissements de type cité u'. Selon les cas et grâce à son application Ticket4Bath, il peut organiser les partages d'une façon très légère (simple planning de réservation) à une gestion plus fine (système de notation, de rappel, de notification, d'évaluation voire de sanction...). Toutes ces options sont visibles dans son interface d'administrateur. Roger, c'est un peu Zeus, un peu ta mère, un peu ton voisin de palier...
| |
| − |
| |
| − | == Bien utiliser Ticket4Bath (Le Manuel) ==
| |
| − |
| |
| − | === Le système de récompense/motivation ===
| |
| − |
| |
| − | L'utilisateur n'ayant pas dépassé son quota d'eau sera déclaré gagnant et pourra ajouter une musique à la troll playlist
| |
| − |
| |
| − | === Rendre le lieu plus propre ===
| |
| − |
| |
| − | Il est possible de laisser un commentaire négatif destiné au concierge au cas où la douche à laquelle on accède est particulièrement sale. Cela invite les utilisateurs à laisser un endroit propre. (Avoir le titre de crado du mois ?).
| |
| − |
| |
| − | === Le côté obscur ===
| |
| − |
| |
| − | Certains rebelles du planning devront subir une musique entêtante en cas de dépassement du temps de douche. René la Taupe, Nyan Cat et ??? seront les partenaires officiels de la Troll Playlist.
| |
| − |
| |
| − | === Les Hacks de l'appli ===
| |
| − |
| |
| − | Aller dans les paramètres et choisir un style de musique que l'on aime bien à la place de celui que l'on aime pas.
| |
| − |
| |
| − | ===Les fonctionnalités de l'admin===
| |
| − |
| |
| − | - Ajouter/Supprimer/modifier une réservation
| |
| − |
| |
| − | - Définir le temps d'utilisation de la Salle de bain
| |
| − |
| |
| − | - Définir les périodes blanches et bleus
| |
| − |
| |
| − | - Accès à l'interface Admin
| |
| − |
| |
| − | - Gérer les ambiances (couleurs, playlists)
| |
| − |
| |
| − | == La Foire aux questions : ==
| |
| − |
| |
| − | L'utilisation de la SDB est libre dans les horaires non réservés ? Non la réservation est obligatoire et favorise l'efficacité du travail des équipes d'entretien.
| |
| − |
| |
| − | Famille, colocation
| |
| − |
| |
| − | <br>
| |
| − | =Jour 3=
| |
| − |
| |
| − | ==Qu'est-ce qu'on a fait ?==
| |
| − |
| |
| − | === Premier prototypage du logo ===
| |
| − |
| |
| − |
| |
| − |
| |
| − | [[Fichier:Logo-400.png|200px|center]]
| |
| − |
| |
| − | === Interfaces ===
| |
| − |
| |
| − | <center>
| |
| − | <gallery>
| |
| − | Page_LCD.jpg | Interface LCD
| |
| − | Interface_admin_generale.png | Interface Ordinateur (administrateur)
| |
| − | Accueil.png | Interface Mobile - Accueil
| |
| − | Mes_reservations.png | Interface Mobile - Réservations
| |
| − | Mon_compte.png | Interface Mobile - Préférences
| |
| − | </gallery>
| |
| − | </center>
| |
| − |
| |
| − | === Scénario Utilisateur ===
| |
| − | <center>
| |
| − | <gallery>
| |
| − | DSC_0171.jpg
| |
| − | 11092918_834073750019083_472640027_o.jpg
| |
| − | DSC_0173.jpg
| |
| − | DS_0174.jpg
| |
| − | DSC_0175.jpg
| |
| − | DS_0176.jpg
| |
| − | DS 0182.jpg
| |
| − | DS_0183.jpg
| |
| − | DS_0184.jpg
| |
| − | </gallery>
| |
| − | </center>
| |
| − |
| |
| − | === Nouveau logo ===
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <center>[[Fichier:NewLogo-400.png|200px|]]</center>
| |
| − |
| |
| − | === Version Web à 17h30 ===
| |
| − |
| |
| − | Page d'accueil Appli/Web
| |
| − | http://mistergadget.fr/wksj3/accueil.html
| |
| − |
| |
| − | Configuration du compte
| |
| − | http://mistergadget.fr/wksj3/mon_compte.html
| |
| − |
| |
| − | Réservations
| |
| − | http://mistergadget.fr/wksj3/mes_reservations.html
| |
| − |
| |
| − | Affichage LCD
| |
| − | http://mistergadget.fr/wksj3/affichage_lcd_couloir.html
| |
| − |
| |
| − | Interface administrateur
| |
| − | http://mistergadget.fr/wksj3/interface_admin.html
| |
| − |
| |
| − | =Jour 4=
| |
| − | === Rédaction du storyboard ===
| |
| − |
| |
| − | Le storyboard aborde les aspects suivants : <br />
| |
| − |
| |
| − | '''Notre objectif :'''
| |
| − | Démontrer l'utilité de Ticket4Bath.<br />
| |
| − |
| |
| − | '''Qui sommes-nous ? '''
| |
| − | Une équipe mixte Télécom + Iram.<br />
| |
| − |
| |
| − | '''Que proposons-nous ?'''
| |
| − | Un système de gestion de douches collectives.<br />
| |
| − |
| |
| − | '''Pourquoi le proposons-nous ?'''
| |
| − | pour faciliter l'organisation des étudiants, l'entretien des espaces et rendre la rendre la vie en communauté encore plus agréable.<br />
| |
| − |
| |
| − | '''Comment est-ce que cela fonctionne ?'''
| |
| − | Grâce à une application web et smartphone et une interface comprenant de nombreuses options.<br />
| |
| − |
| |
| − | '''A qui s'adresse l'application ?'''
| |
| − | L'application s'adresse aux étudiants vivant en cités universitaires, aux gestionnaires de ces espaces et plus largement aux structures type CROUS.
| |
| − |
| |
| − | '''Texte de la voix-OFF:'''
| |
| − | Nous sommes Une équipe mixte d'étudiants. Dans le cadre du workshop TSE/IRAM/ESADSE, nous avons réfléchit à la création d'un objet connecté pour la SDB.
| |
| − | Nous avons constaté dans les résidences et cités U que la gestion des douches partagées pouvait être conflictuelle voir difficile à gérer. A cela s'ajoute des risques de gaspillage, de perte de temps, d'horaires surchargés et de propreté des lieux. Avec Ticket4Bath tous vos problèmes seront résolu.
| |
| − |
| |
| − | Souki: "Mais comment ça marche ?"
| |
| − | Gamin de Renaud: "C'est simple !"
| |
| − |
| |
| − | A partir d'un ordinateur ou d'un smartphone, vous pouvez réserver votre douche, mais ce n'est pas tout !
| |
| − | Vous pouvez également choisir votre ambiance ou votre musique en fonction de vos goûts. Vos couleurs et sons préférés vous accompagnent. vous pouvez visualiser vos réservations grâce à l'appli mais aussi les gérer, les supprimer...
| |
| − | Lorsque vous arrivez devant la douche, l'écran LCD vous indiquera le temps restant si elle est occupé. Sinon l'écran vous indiquera que la salle de bain est libre.
| |
| − | Vous n'avez pas de smartphone ? Pas d'ordinateur ? Pas de soucis, l'administrateur sera là pour vous aider mais aussi pour veiller au bon respect des règles communautaires. Concernant les règles, l'administrateur peut définir deux modes de gestion: Un mode cool ou un mode strict.
| |
| − | Le mode cool, permet aux étudiants de s'autogérer. Le mode stricte permet quant à lui à l'administrateur d'inciter aux respects des règles en donnant aux utilisateurs des grades.
| |
| − | L'utilisateur est par défaut écureuil. Si il respecte les règles de communautés il deviendra un raton-laveur. A contrario il deviendra un Hippo.
| |
| − | Chacune des classes disposant de leurs propres droits.
| |
| − |
| |
| − | '''#BeARacoon !'''
| |
| − |
| |
| − |
| |
| − | === Le système de droits ===
| |
| − |
| |
| − | [[Fichier:Droits.PNG|1000px]]
| |
| − |
| |
| − |
| |
| − | <center>
| |
| − | <gallery>
| |
| − | Hippo.png|Classe Hippo
| |
| − | Squirell.png|Classe Squirell
| |
| − | Racoon.png|Classe Racoon
| |
| − | </gallery>
| |
| − | </center>
| |
| − |
| |
| − | === Techniquement ===
| |
| − |
| |
| − | <center>
| |
| − | <gallery>
| |
| − | Node.png
| |
| − | DSC 0007.JPG
| |
| − | DSC 0008.JPG
| |
| − | DSC 0009.JPG
| |
| − | </gallery>
| |
| − | </center>
| |
| − |
| |
| − | =Jour 5=
| |
| − |
| |
| − | === Le site web/appli à 08h00 ===
| |
| − |
| |
| − | Page d'accueil Appli/Web
| |
| − | http://mistergadget.fr/wksj4/accueil.html
| |
| − |
| |
| − | Configuration du compte
| |
| − | http://mistergadget.fr/wksj4/mon_compte.html
| |
| − |
| |
| − | Réservations
| |
| − | http://mistergadget.fr/wksj4/mes_reservations.html
| |
| − |
| |
| − | Affichage LCD
| |
| − | http://mistergadget.fr/wksj4/affichage_lcd_couloir.html
| |
| − |
| |
| − | Interface administrateur
| |
| − | http://mistergadget.fr/wksj4/interface_admin.html
| |
| − |
| |
| − | === Code Source ===
| |
| − | [[Code Source Python]]
| |
| − |
| |
| − | [[Code Source HTML]]
| |
| − |
| |
| − | === Le visuel de la maquette ===
| |
| − |
| |
| − | <center>
| |
| − | <gallery>
| |
| − | Maquettelibre.jpg | Salle de bain libre
| |
| − | Maquetteoccupe.jpg | Salle de bain Occupée
| |
| − | Maquettefinie.jpg | Utilisation finie de la salle de bain
| |
| − | </gallery>
| |
| − | </center>
| |
| − |
| |
| − | === La vidéo ===
| |
| − | La vidéo est téléchargeable à ce lien :
| |
| − | https://filezetu.univ-st-etienne.fr/nw0q
| |
| − |
| |
| − | et visible directement ici :
| |
| − |
| |
| − | http://mistergadget.fr/wksj4/ticket4bath.flv
| |
| − |
| |
| − | Enjoy !
| |
| − |
| |
| − | === Les améliorations possibles ===
| |
| − | : - Changer la page web HTML en page php pour pouvoir gérer proprement la base de données
| |
| − | : - Passer du stockage local sur la RaspberryPi à un serveur global pour la base de donnée
| |
| − | : - Mettre l'interface graphique en application Android/Apple/Windows pour une meilleure accessibilitée
| |
| − | : - Faire un partenariat pour mettre une ambiance musicale diversifiée dans la salle de bain
| |
| − | : - Mettre à l'entrée de la salle de bain un écran de la taille d'un smartphone pour afficher plus d'informations
| |
| − |
| |
| − | === Comment on s'est organisé ? ===
| |
| − |
| |
| − | ==== 1. Analyse fonctionnelle (Diagramme de Gantt) ====
| |
| − |
| |
| − | [[Fichier:Gantt.png|400px|]]
| |
| − |
| |
| − |
| |
| − | ==== 2. Analyse fonctionnelle (Bête à corne) ====
| |
| − |
| |
| − | [[Fichier:Bete à C.png|400px|]]
| |
| − |
| |
| − |
| |
| − |
| |
| − | ==== 3. Avancement du travail ====
| |
| − |
| |
| − | [[Fichier:Orga_work.png|400px|]]
| |
| − |
| |
| − | ==== 4. Répartition des tâches ====
| |
| − |
| |
| − | [[Fichier:Repart.png|400px|]]
| |
