OpenTeams

Défi

Le CTO d’OpenTeams s’est tourné vers l’équipe Redwerk avec l’idée d’un site web de type LinkedIn pour célébrer les contributions open source de toutes sortes, y compris les contributions non-code.

Une partie du code avait déjà été écrite pour le projet, mais elle était plutôt basique et ne couvrait qu’une fonctionnalité limitée. Nous avons également dû effectuer une refonte du code existant.

La partie difficile était qu’OpenTeams avait une vision pour la plateforme, mais des spécifications claires manquaient.

Nous avons donc convenu de commencer par :

• Refonte du code
• Préparation de l’intégration continue (CI) pour le processus de développement et de déploiement
• Aide à la conception graphique pour améliorer l’apparence actuelle du projet

Une autre tâche difficile consistait à implémenter la possibilité d’engager des utilisateurs non enregistrés. Si les utilisateurs existants souhaitent envoyer une demande de contribution, nommer quelqu’un ou exprimer leur gratitude à un contributeur non enregistré, il leur suffit de fournir l’adresse e-mail de l’utilisateur non enregistré. L’utilisateur non enregistré recevra une offre de s’inscrire et de créer un projet en utilisant un jeton unique, qui liera le compte nouvellement créé au projet mentionné une fois l’inscription terminée. Ce type de fonctionnalité nécessitait une logique assez complexe dans sa mise en œuvre.

Solution

Notre équipe a procédé à un refactoring complet du code, a mis en place le processus CI/CD et a proposé de nouvelles technologies, offrant un ensemble Vue.js + Nuxt.js pour le front-end, ce qui nous permet de rendre les pages rapidement et d’accélérer au maximum l’indexation pour les tâches SEO. Ainsi, le refactoring du back-end et du front-end, ainsi que la refonte, sont ce par quoi nous avons commencé.

Nous avions déjà fourni des solutions de refactoring, nous avions donc suffisamment d’expertise pour gérer le projet. En commençant par une proposition de refonte, nous avons recherché comment ce réseau, qui visait à être le LinkedIn des contributeurs open source, devrait fonctionner, et quelles nouvelles façons de présenter les choses et les interactions pourraient être viables. Nos suggestions ont été bien accueillies, et c’est ainsi qu’OpenTeams a trouvé sa nouvelle représentation visuelle.

OpenTeams est basé à Austin, Texas, donc tous les processus et la communication ont été menés à distance. Nous avons développé une interaction productive ; par conséquent, nous avons contribué ensemble à un processus créatif de planification, de conception, de développement et de test de nouveaux changements. Notre communication fluide nous a permis de déployer des mises à jour en production chaque semaine. Et, presque à chaque fois, les mises à jour étaient assez significatives, comme l’ajout de nouvelles fonctions ou fonctionnalités.

Développement

Nous avons commencé à développer la plateforme presque à partir de zéro, en couvrant le cycle complet de développement. Avec une refonte complète et un refactoring de code robuste, notre équipe a construit la base d’un système stable et à jour.

Voici quelques-unes des principales fonctionnalités du produit que nous avons mises en œuvre :

• Réclamations de contributions – une fonctionnalité qui permet de présenter une contribution de quelque nature que ce soit à un projet open source. Nous avons également rendu possible l’ajout de contributions à des projets qui n’ont pas encore été ajoutés à la plateforme OpenTeams, offrant ainsi des options de choix illimitées aux utilisateurs.
• Nominations – une fonctionnalité qui suggère aux utilisateurs de se nommer mutuellement pour des contributions open source.
• Discussions – donnent aux utilisateurs la possibilité de soulever un sujet sur une nouvelle idée de fonctionnalité ou une préoccupation d’utilisabilité au sein d’un certain projet open source. La structure imbriquée permet de poster des commentaires sur le sujet de discussion ou des réponses à un commentaire particulier dans un fil.
• Initiatives – adaptées aux utilisateurs qui ont différents types de propositions relatives à leurs projets ou organisations et qui visent à trouver des efforts finançables pour les mettre en œuvre. L’éditeur multifonctionnel pour l’ajout d’une initiative permet non seulement de formater du texte, mais aussi d’ajouter des annotations de sondage à la description, incitant les utilisateurs à interagir avec le texte.
• Notifications – conçues pour maintenir l’engagement des utilisateurs et les intéresser à passer plus de temps sur la plateforme. Cette fonctionnalité est construite à l’aide de WebSockets ; ainsi, un utilisateur est instantanément notifié des événements liés à son profil. Ces événements incluent les nouveaux abonnés, les mises à jour du statut des réclamations de contributions (reçues, approuvées, rejetées), l’obtention d’une nomination, les mises à jour des discussions, les invitations à rejoindre une organisation.
• Flux d’actualités – jusqu’à présent, notre préféré parmi les fonctionnalités présentées. Conçu dans un style de flux, similaire aux notifications, le flux d’actualités de l’utilisateur est une collection de mises à jour relatives à ses projets et organisations gérés. Chaque fois qu’un projet d’un utilisateur reçoit une réclamation de contribution ou d’utilisation, le flux est mis à jour avec l’événement pertinent. Il est facile de personnaliser le flux, car il existe un filtre pour celui-ci. Nous avons également ajouté la possibilité d’ajouter des publications personnelles directement depuis la vue du flux d’actualités et de voir les publications des utilisateurs suivis.

Conception

Redwerk a été chargé de travailler sur le concept de conception du projet, et nous nous sommes assurés de faire des recherches initiales sur les plateformes ayant des idées et des objectifs similaires. Avec notre expertise et notre compréhension des besoins des utilisateurs et des tendances modernes, nous avons visé à mettre en œuvre une conception conviviale et intuitive, sans complexités inutiles. Avec la structure par blocs et les composants réutilisables, nous avons posé les bases non seulement pour les besoins actuels, mais aussi pour les fonctionnalités prévues sur la feuille de route. Cette architecture nous a permis de livrer régulièrement des mises à jour en douceur.