Ma toute première tâche au sein de l'entreprise Valecolors de mon stage aura été la réalisation d'une nouvelle page d'accueil pour l'intranet de l'entreprise en React, en accord avec une maquette existante réalisée par un prestataire. Initialement, l'entreprise utilisait pour l'ensemble de son intranet le même utilitaire que pour son système de tickets, à savoir Zendesk. Cependant, je suis arrivé dans l'entreprise à un moment où les besoins des utilisateurs de cet intranet commençaient à s'écarter des fonctionnalités mises à disposition par l'outil de conception. Le service informatique souhaitait d'ores et déjà construire sa propre page d'accueil pour son intranet afin de pouvoir se libérer des contraintes imposées par un utilitaire de création de page plutôt succinct et de pouvoir personnaliser le design et le fonctionnement de la page.
Cette tâche n'impliquait initialement pas d'appel à des API, et il s'agissait d'un projet au scope d'origine assez limité, mais avec assez d'impact sur l'ensemble des employés de l'entreprise pour que mon tuteur estime que c'était pour moi la meilleure tâche concrète à me confier à la fois pour voir mon niveau et ma vitesse de développement en situation réelle, mais aussi pour me familiariser avec la nouvelle stack technique que j'allais être amené à utiliser. Ainsi, elle m'a permis de me familiariser davantage avec la bibliothèque MUI, dont il m'a fallu personnaliser les composants afin d'obtenir un rendu proche de celui de la maquette. Ce projet m'a aussi permis de faire mes premiers pas avec le framework React et ses spécificités. J'ai entre autres pu m'entrainer à concevoir une architecture de composants en découpant la page en différents éléments réutilisables.
Cette page a une architecture bien plus propre que les applications que j'avais fait pour tester le framework sur mon temps libre avant mon embauche. Grâce à l'accompagnement de mon tuteur, j'ai véritablement pu progresser et orchestrer intelligemment mon code sur cette page. Elle comporte de nombreux composants différents, dont la plupart sont utilisés à plusieurs reprises dans le code, montrant une bonne compréhension de la logique de ré-utilisabilité de ceux-ci.
J'ai bien entendu à cette fin pris le temps, avant de me lancer dans le développement, de faire un schéma du découpage en composants que je comptais mettre en place pour le développement de cette application. Cela m'a permis, face à une technologie et une logique d'architecture que je ne maîtrisais pas encore entièrement à l'époque, de partir sur des bases solides et de prendre le temps de me projeter dans la réalisation de la page avant même d'avoir commencé à rédiger la moindre ligne de code. Cela m'a aussi permis de discuter et vérifier cette architecture avec mon tuteur avant de commencer le développement en tant que tel, afin de pouvoir rentrer dans le vif du sujet en toute confiance.
Aujourd'hui, après 3 ans à utiliser cette stack technique avec laquelle je suis maintenant très familier, j'ai pu intégrer les meilleures pratiques de développement et d'organisation du code et des fichiers, quels sont les composants à découper, à isoler, à réutiliser ou à rendre plus génériques, mais c'est une vision que j'ai du acquérir au fil du temps et de l'expérience. Si aujourd'hui je suis capable de visualiser ces structures de tête, c'est aussi parce que j'ai su faire preuve de rigueur dans mon apprentissage et utiliser les outils pertinents pour m'y aider. Cette première itération de la page d'accueil de l'intranet était finalement la tâche parfaite pour ce cadre, assez simple pour être à ma portée à ce moment de ma carrière et pouvoir appliquer mes connaissances, et assez intéressant pour tout de même me pousser à la réflexion.
Il ne s'agissait cependant que d'une première itération. Si après la réalisation de cette version initiale je suis parti vers de nouveaux horizons en travaillant sur Otis pour le reste de mon stage, ce n'était pas la dernière fois que j'étais amené à travailler sur ce projet. En effet, après la fin de mon stage et l'acquisition de mon diplôme BAC+3, j'ai pris la décision de me mettre à mon compte et de monter mon auto-entreprise. Quelle ne fut pas ma surprise lorsque Valeco, avec qui j'avais travaillé pendant mon stage, a pris contact avec moi pour poursuivre notre collaboration ! Après les quelques mois à développer au sein de leur service informatique, ils ont décidé de me faire confiance pour l'évolution de la page d'accueil de l'intranet que j'avais moi-même réalisé.
Il s'agissait de mon tout premier projet en tant qu'auto-entrepreneur, donc en parfaite autonomie pour effectuer le recueil du besoin auprès du client, l'accompagner sur les décisions techniques à prendre, et gérer l'aspect temporel du projet en accord avec les courtes deadlines qui étaient imposées pour celui-ci. J'ai eu la chance de pouvoir travailler à mon compte à nouveau avecValeco quelques fois, au cours desquelles des améliorations progressives ont été faites à cet intranet.
Il m'a notamment fallu effectuer un travail de recherche assez conséquent quant aux fonctionnalités de Zendesk, afin d'agrémenter certaines sections de la page d'accueil par des appels à leur API. Une bonne compréhension de la structure pas toujours intuitive de cette API externe était nécessaire pour implémenter une interface permettant de consulter et interagir facilement avec les différents tickets assignés à l'utilisateur dans l'interface de la page d'accueil, faisant gagner beaucoup de temps aux employés utilisant régulièrement cette fonctionnalité. Heureusement pour moi, ce n'était pas la première fois que j'étais face à une API externe récalcitrante, puisqu'au cours de mes projets d'étudiant en partenariat avec des entreprises, j'avais déjà été amené à interagir avec les API de Spotify et YouTube pour la création d'un applicatif de blind tests.
Cette API m'a aussi permis d'intégrer un système avancé de recherche dans cette page d'accueil. L'un des soucis d'avoir dissocié cette page de l'intranet de Zendesk était la perte de fonctionnalités auparavant natives, comme un système de recherche exhaustif fouillant dans les articles écrits au sein de tout l'intranet. Pour Valeco, ce n'était finalement pas acceptable, et ils ont émis le souhait de récupérer cette fonctionnalité afin de conserver un lien fort entre cette page et le reste de l'intranet utilisant toujours Zendesk. J'ai donc à leur demande travaillé sur une barre de recherche utilisant cette API pour trouver des résultats pertinents au sein des différents articles présents sur tout l'intranet, tout en leur offrant un design et des fonctionnalités de prévisualisation des résultats plus conforme à leurs besoin réels que ne l'était l'outil de recherche original.
Une refonte graphique partielle de la page a également été lancée, notamment au niveau du menu contenant les applications utilisées de façon standard dans l'entreprise. Initialement, celles-ci avaient leur propre encadre et étaient tout le temps visible. Elles apparaissaient même en premier sur la page, et même si c'était pratique pour les retrouver tout de suite, le menu était devenu très volumineux et cachait les éléments situés en dessous pour quelqu'un arrivant tout juste sur la page. Pour répondre à cette problématique, il a été décidé de bouger ce menu et d'en faire un menu dans la barre de navigation du site, nécessitant un clic pour l'ouverture de celui-ci.
Cela présentait deux avantages majeurs, le premier étant que les applications étaient désormais accessibles où qu'on se situe sur la page, et la page en elle-même s'en retrouvait grandement allégée et bien plus lisible. Le second avantage était que ce fonctionnement était très similaire à de nombreux sites édités par Microsoft qui sont largement utilisés chez Valeco. Ce fonctionnement était donc déjà familier pour les utilisateurs, ce qui n'aura pas empêché l'implémentation d'un tutoriel clair et non-intrusif quant à ce changement pour éviter de perdre les employés les moins attentifs.
Mon travail initial sur ce projet m'a donc permis de progresser dans mon apprentissage et de me familiariser avec les technologies utilisées au sein de mon entreprise. Le code que j'ai initialement produit restait assez qualitatif pour que Valeco souhaite que je m'empare à nouveau du sujet même après mon départ. Grâce à l'expérience accumulée lors de mes premiers projets en React, j'ai eu l'occasion de pouvoir aborder à ce moment des sujets plus complexes et d'y faire mes preuves. Finalement, lorsque j'ai souhaité poursuivre mes études en alternance pour aller jusqu'au BAC+5, c'est avec beaucoup d'enthousiasme que ma candidature chez Valeco a été acceptée, preuve de leur satisfaction quant à ce projet mené avec eux en auto-entreprise.