Badini Ibrahim SAWADOGO

Participation à la refonte complète de la plateforme vidéo multi-supports (web, mobile, back-office, API) de France Télévisions, utilisée quotidiennement par plusieurs millions d’utilisateurs. • L’objectif principal était d’optimiser les performances, de moderniser le code front-end et d’assurer la conformité aux normes d’accessibilité RGAA/WCAG 2.1. • Refonte front-end complète avec React.js : – Migration des anciens modules vers React Hooks et Redux-Saga. – Mise en place d’une architecture modulaire et scalable, facilitant le développement parallèle des équipes. – Optimisation du rendu SSR (Server-Side Rendering) pour améliorer le SEO et réduire le Time to First Byte (TTFB). – Réduction du Largest Contentful Paint (LCP) de 2,8s à 1,4s grâce au lazy loading, au code splitting et à la configuration fine de Webpack. • Amélioration de la performance et de la stabilité : – Audit complet via Lighthouse, identification et correction des goulots d’étranglement (scripts lourds, images non optimisées, requêtes multiples). – Mise en cache des assets statiques, minification et compression GZIP/Brotli. – Mise en place d’un suivi continu des performances et des erreurs en production via Datadog et Sentry. • Accessibilité et expérience utilisateur : – Revue complète de l’accessibilité : ARIA roles, gestion des focus, navigation clavier, contraste, compatibilité avec les lecteurs d’écran. – Validation automatique des critères RGAA niveau AA dans les pipelines CI/CD. – Tests UX réguliers en trinôme PO/UX/Dev pour garantir une expérience inclusive et intuitive. – Contribution à la création de composants UI accessibles et réutilisables, conformes aux standards internes d’accessibilité numérique. • Culture de qualité et agilité : – Participation active aux rituels agiles : daily, sprint planning, review, rétrospectives. – Contribution à la standardisation du code (ESLint, Prettier, Jest, Storybook) et revue de PR complexes. – Mise en place d’une pipeline CI/CD GitLab avec analyse de couverture, build automatisés et vérifications de qualité via SonarQube. – Mentorat technique de développeurs juniors et participation aux choix d’architecture front-end. </itemize – Frontend : React.js (Hooks, Redux-Saga, TypeScript), Webpack, SSR, Material-UI, Jest, Cypress, Storybook, responsive design avancé, conformité RGAA. – Backend/API : Symfony (architecture hexagonale), PHP 8, GraphQL, REST, API Platform. – Stack complémentaire : MongoDB, Elasticsearch, GitLab CI, Jenkins, SonarQube, Docker, monitoring, optimisations web (LCP, CLS, TTI, SEO). – Ce projet m’a permis d’acquérir une solide culture de la performance web, de la qualité de code et de l’accessibilité, des aspects essentiels pour garantir des applications fiables, performantes et sécurisées à grande échelle.

Contribution majeure au développement d’une application de streaming TV en marque blanche, déployée pour plusieurs opérateurs télécoms et compatible avec un large éventail d’appareils : Android TV, Smart TV, smartphones, tablettes et navigateurs web. • Objectif du projet : offrir une expérience vidéo fluide, cohérente et performante sur tous les écrans, tout en respectant les contraintes matérielles des différents appareils connectés. • Développement Android / Kotlin : – Développement et maintenance de la version Android TV avec Kotlin, en suivant les bonnes pratiques recommandées par Google. – Intégration avancée du player ExoPlayer : lecture, reprise automatique, gestion du buffering, DRM, et états du lecteur (play, pause, resume, stop). – Refonte complète du module vidéo pour corriger les problèmes de stabilité et optimiser la gestion mémoire et les performances. – Développement de la navigation à la télécommande (D-Pad) et gestion du focus system pour une expérience fluide sur TV. – Implémentation des Recommendations API et intégration du Leanback Framework pour l’affichage de contenus personnalisés sur l’écran d’accueil Android TV. – Création et gestion de profils utilisateurs, historique de visionnage et reprise intelligente du dernier contenu. – Refactorisation de modules Java vers Kotlin, mise à jour des dépendances (ExoPlayer, Retrofit, OkHttp, Leanback) et correction des fuites mémoire. – Architecture : MVVM + Coroutines + LiveData, gestion des appels réseau asynchrones via Retrofit et RxJava. • Qualité, maintenance et CI/CD : – Résolution proactive de bugs critiques affectant la lecture vidéo, la gestion mémoire et le système de focus, assurant une expérience stable sur l’ensemble des plateformes. – Conception et mise en œuvre d’un pipeline CI/CD robuste avec GitHub Actions, automatisant les processus de tests, de build et de déploiement multi-plateformes. – Mise en place d’un suivi continu de la qualité du code avec SonarQube, intégration des tests unitaires et instrumentés (JUnit, Espresso) pour renforcer la fiabilité et la maintenabilité. – Surveillance des performances et analyse des incidents via Firebase Crashlytics et Android Profiler, garantissant une détection rapide et une résolution efficace des anomalies. • Collaboration et agilité : – Travail en étroite collaboration avec les équipes Produit, QA et DevOps, dans un cadre Agile/Scrum. – Participation active aux rituels agiles : daily, sprint planning, review, rétrospectives. – Revue de PR complexes, pair programming et contribution aux décisions d’architecture front-end et mobile. • Stack utilisée : Kotlin, Java, React.js, React Native, Redux, RxJava, Retrofit, ExoPlayer, Leanback, Firebase, LiveData, Coroutines, GitHub Actions, Jenkins, SonarQube, Docker, Jest, Cypress. • Cette expérience m’a permis d’acquérir une solide expertise sur la développement multi-écrans (TV, mobile, web), la performance vidéo, et la maintenance d’applications complexes en production, avec une forte exigence de qualité et d’expérience utilisateur.

Scanéo : Application permettant le suivi en temps réel des stocks, commandes, livraisons, retours et fiches articles. Principales réalisations : Implémentation de la fonctionnalité de gestion des inventaires Correction de bugs majeurs Mise en place de tests unitaires pour garantir la qualité du code Déploiement complet de l'application Technologies utilisées : Flutter et Dart pour le développement mobile Azure DevOps pour l'intégration continue et le déploiement

Le développement de l'interface utilisateur et de la bureautique sur Android pour l'application OXI, une ROM personnalisée, revêt une importance majeure. Cette ROM permet de transformer un smartphone en un véritable ordinateur, offrant la possibilité d'afficher son contenu sur n'importe quel écran. L'interface utilisateur de l'application OXI est conçue pour offrir une expérience utilisateur fluide, intuitive et adaptée à la transformation du smartphone en un véritable outil informatique. Cette interface garantit une navigation aisée et une utilisation optimale des fonctionnalités avancées de la ROM personnalisée. Le développement de la bureautique au sein de l'application OXI inclut des outils essentiels tels que la gestion de fichiers, la création et l'édition de documents, la navigation web, la gestion des applications, et bien d'autres. L'objectif est de fournir aux utilisateurs une suite d'outils bureautiques complète et performante, adaptée à un usage professionnel ou personnel. Les technologies utilisées dans le développement de l'interface utilisateur et de la bureautique de l'application OXI sur Android sont à la pointe de l'industrie, garantissant une performance optimale et une expérience utilisateur de haut niveau. Le développement s'appuie sur les dernières avancées en matière d'ergonomie, d'interaction et de réactivité. L'application OXI offre la possibilité d'utiliser un smartphone comme un ordinateur, une fonctionnalité innovante qui ouvre de nouvelles perspectives pour la productivité et l'efficacité. Grâce à cette ROM personnalisée et à son interface utilisateur soigneusement conçue, les utilisateurs peuvent exploiter pleinement la puissance de leurs appareils mobiles pour un large éventail d'activités, que ce soit pour le travail, les loisirs ou la création de contenu.

Le portage d'une application de contrôle documentaire sur une plateforme mobile représente un processus complexe qui implique plusieurs étapes cruciales. Voici un aperçu du déroulement de ce projet : Analyse des besoins : La première étape consiste à analyser en profondeur les besoins de l'application de contrôle documentaire. Il s'agit de comprendre les fonctionnalités essentielles, les exigences de sécurité, les performances attendues et les contraintes techniques. Choix de la technologie : Une fois les besoins clairement identifiés, il est nécessaire de choisir la technologie de développement la plus adaptée à la plateforme mobile cible. Les options incluent les environnements Android et iOS, ainsi que les frameworks de développement multiplateformes comme React Native ou Flutter. Réalisation du story-board : Le story-board est une étape cruciale où l'on définit l'interface utilisateur, la navigation, et le flux de l'application. Il s'agit de concevoir les écrans, les interactions et de s'assurer que l'application sera conviviale et intuitive. Développement : La phase de développement consiste à coder l'application en fonction des spécifications établies. Il s'agit de créer les fonctionnalités, d'intégrer l'interface utilisateur, et de mettre en place les mécanismes de contrôle documentaire. Tests unitaires : Les tests unitaires sont essentiels pour garantir la qualité et la fiabilité de l'application. Ils visent à vérifier que chaque composant fonctionne correctement de manière isolée. Ces tests permettent de détecter et de corriger les éventuelles erreurs de code. Méthode agile/Scrum : L'utilisation d'une méthodologie agile, telle que Scrum, permet de gérer le projet de manière itérative et flexible. Les tâches sont organisées en sprints, ce qui facilite l'adaptation aux changements et la collaboration avec l'équipe de développement.

L'optimisation d'une application PHP pour le contrôle documentaire a été réalisée par moi. J'ai suivi un processus méthodique pour améliorer la performance, la stabilité et l'efficacité du système. Voici quelques étapes clés que j'ai suivies pour optimiser cette application : Analyse des performances : J'ai commencé par effectuer une analyse détaillée des performances de l'application, identifiant les goulots d'étranglement, les requêtes lentes, les problèmes de mémoire, et d'autres facteurs qui pourraient affecter les performances. Optimisation de la base de données : J'ai optimisé les requêtes SQL, ajouté des index, supprimé les requêtes redondantes et assuré que la base de données était correctement indexée pour améliorer la vitesse d'accès aux données. Optimisation du code PHP : J'ai révisé le code PHP pour identifier les portions de code inefficaces ou redondantes, évitant les boucles inutiles, optimisant les algorithmes, et réduisant la complexité du code lorsque c'était possible. Compression des ressources : J'ai compressé les ressources statiques telles que les images, les feuilles de style et les scripts JavaScript pour réduire le temps de chargement de la page. Mise à jour des composants : J'ai assuré que tous les composants, y compris le serveur Web, PHP, et les bibliothèques tierces, étaient à jour pour bénéficier des améliorations de performances et des corrections de vulnérabilités. Surveillance des performances en continu : J'ai mis en place des outils de surveillance des performances pour suivre les temps de réponse de l'application, les taux d'utilisation du CPU et de la mémoire, et les erreurs éventuelles. Optimisation de la configuration du serveur : J'ai ajusté la configuration du serveur Web pour gérer efficacement les demandes PHP, réduisant les délais d'attente, ajustant les paramètres de mise en cache, et maximisant les ressources disponibles.