J'ai eu l’opportunité d’effectuer à nouveau un stage au sein de l'Université Pierre et Marie Curie (UPMC), qui a été fusionné avec l’Université Paris-Sorbonne pour former Sorbonne Université au 1er janvier 2018.
Le context était le suivant:
Des télévisions mises en place dans l'Université permettent de diffuser des informations. Ces dernières sont diffusées grâce à un système d'images créées sur Photoshop.
La création d'images est réalisée par IrisTV.
Toutefois, cela requiert :
Pour simplifier le processus de création d’images et le rendre utilisable par tout le monde, il m'a été confié de créer des pages Web permettant de sélectionner et de modifier des «templates» (modèles/maquettes) existants. Afin de réaliser une base, j’ai au préalable étudié et répertorié les modèles existants afin d'en faire des maquettes sur Balsamiq Mockups.
Exemples de maquettes réalisées
Nous avons défini un "Persona" (personne fictive qui représente un groupe cible), ce qui nous a permis de savoir pour quelles catégories de personnes le projet allait être utilisé et donc de cibler les améliorations dans l'ergonomie du projet.
Avant de commencer à tout développer, j'ai cherché si des solutions susceptibles de nous aider existaient. Plusieurs solutions ont été trouvées,
dont la librairie PHP-GD et les libraires JavaScript html2canvas & Canvas2image.
Nous avons opté pour les librairies JavaScript html2canvas & Canvas2image étant donné que le projet allait être uniquement composé de HTML, CSS et JavaScript.
Ce choix permettait d'utiliser le projet sans avoir un serveur web ou même une connexion internet. A savoir que ce dernier peut également être copié et utilisé
depuis une clé USB, ce qui facilite son usage.
Deux des huit templates réalisés
Après avoir réalisé des templates pour tous, nous avons envoyé un mail à IrisTV afin qu'ils testent eux-mêmes le projet. Nous avons donc convenu d’un rendez-vous avec eux.
Au cours de ce rendez-vous, les personnes d’IrisTV ont pu voir l'avancement du projet ainsi que la réalisation des templates.
Nous avons aussi échangé des idées et apporté des modifications. Nous leur avons précisé que seuls deux templates seront retenus puisqu’ils permettaient de remplir les
besoins de la charte graphique.
À l’issue de cette réunion, IrisTV a envoyé un document qui m'a permis de connaitre comment les deux templates allaient être réalisés.
Deux des huit templates réalisés
Je me suis donc inspiré des deux templates envoyés par IrisTV. Du fait que l'un des deux templates impliquait une image, il nous fallait un moyen pour que l'utilisateur
puisse modifier son image facilement. J'ai ainsi trouvé la librairie JavaScript Cropper.js qui permettait de répondre au besoin.
Après avoir réalisé les templates et utilisé Cropper.js pour modifier l'image, j'ai travaillé sur l'aspect ergonomique du projet afin de simplifier son utilisation et
sa compréhension.
Résultat final du projet
Le stage de ma 2nde année de BTS a été effectué, tout comme celui de ma 1ère année, au sein du Service intitulé «L’Usage des Technologies Éducatives en Sciences » (L’UTES) de Sorbonne Université. Il m’a permis de continuer à évoluer au sein d’une équipe d’Informaticiens, qui ont su m’encadrer, m’ont permis d’être autonome, de prendre des initiatives, et d’acquérir et d’approfondir des connaissances informatiques. J’ai également eu l’opportunité de participer à des réunions/groupes de travail.